{"version":3,"file":"styles-Dk_V0luM.cjs","names":[],"sources":["../src/utils/styles.ts"],"sourcesContent":["/**\r\n * Shared style utilities – generates inline CSS strings for use in Shadow DOM.\r\n */\r\nimport { getDefaultThemeCSS } from '../theme/default.js';\r\nimport { getDarkThemeCSS } from '../theme/dark.js';\r\n\r\n/** Returns the full theme + token CSS block suitable for embedding in a :host style block. */\r\nexport function getBaseStyles(): string {\r\n  return `${getDefaultThemeCSS()}\\n${getDarkThemeCSS()}`;\r\n}\r\n\r\n/** Focus-visible outline using the CSS custom property --bq-focus-ring. */\r\nexport const focusVisibleStyles = `\r\n  :host(:focus-within) *:focus-visible,\r\n  *:focus-visible {\r\n    outline: 2px solid transparent;\r\n    outline-offset: 2px;\r\n    box-shadow: var(--bq-focus-ring, 0 0 0 3px rgba(37, 99, 235, 0.35));\r\n  }\r\n`;\r\n\r\n/** Visually-hidden utility for screen-reader-only text. */\r\nexport const srOnlyStyles = `\r\n  .sr-only {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    clip: rect(0, 0, 0, 0);\r\n    white-space: nowrap;\r\n    border-width: 0;\r\n  }\r\n`;\r\n"],"mappings":";;;;;;AAOA,SAAgB,gBAAwB;AACtC,QAAO,GAAG,gBAAA,oBAAoB,CAAC,IAAI,gBAAA,iBAAiB;;;AAItD,IAAa,qBAAqB;;;;;;;;;AAUlC,IAAa,eAAe"}