tempest-react-sdk 0.78.0 → 0.79.0

package/dist/components/BarList/bar-list-model.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"bar-list-model.cjs","names":[],"sources":["../../../src/components/BarList/bar-list-model.ts"],"sourcesContent":["// The arithmetic behind BarList, kept out of the component so the decisions that\n// are easy to get wrong — an empty total, a negative value, what \"100% wide\"\n// means — are testable without rendering anything.\n\nimport { percentOf } from \"@/utils/numbers\";\n\n/** One entry of a {@link BarList}. */\nexport interface BarListItem {\n    /** What the row is called. */\n    label: string;\n    /** The measured amount. */\n    value: number;\n    /** Override the bar colour. Defaults to the chart series token for its position. */\n    color?: string;\n}\n\n/** How the list orders itself before drawing. */\nexport type BarListSort = \"desc\" | \"asc\" | \"none\";\n\n/** One row, with everything the component needs to draw it. */\nexport interface BarListRow extends BarListItem {\n    /** Share of the total, 0–100. */\n    percentage: number;\n    /** Bar width relative to the largest row, 0–100. */\n    width: number;\n    /** Position in the original palette cycle. */\n    index: number;\n}\n\n/** What {@link buildBarListRows} needs to reduce a list into rows. */\nexport interface BuildBarListRowsOptions {\n    /** The rows as given. */\n    items: readonly BarListItem[];\n    /** Ordering to apply. `\"none\"` keeps the caller's order. Default `\"desc\"`. */\n    sort?: BarListSort;\n    /** Keep at most this many rows. */\n    max?: number;\n    /** Aggregate what `max` cut into one row with this label. */\n    otherLabel?: string;\n}\n\n/**\n * Order, truncate and measure the rows.\n *\n * Two different numbers come out of this, and conflating them is the classic bug\n * in a hand-written bar list:\n *\n * - `percentage` is the row's share of the **total**, which is what the label\n *   claims when it reads \"32%\".\n * - `width` is relative to the **largest** row, so the biggest bar fills the\n *   track. Scaling width by the total instead leaves every bar short in a list of\n *   many small values, and the chart stops being readable exactly when it has the\n *   most rows.\n *\n * The total counts positive values only. A negative amount draws no bar (a bar of\n * negative width does not exist) and reports 0%, but its number is still shown —\n * hiding the row would be worse than showing an odd one.\n *\n * @param options - The rows and how to reduce them.\n * @returns The rows to draw, in order.\n */\nexport function buildBarListRows(options: BuildBarListRowsOptions): BarListRow[] {\n    const { items, sort = \"desc\", max, otherLabel } = options;\n    const usable = items.filter((item) => Number.isFinite(item.value));\n    const total = usable.reduce((sum, item) => sum + Math.max(item.value, 0), 0);\n\n    const ordered =\n        sort === \"none\"\n            ? [...usable]\n            : [...usable].sort((a, b) => (sort === \"asc\" ? a.value - b.value : b.value - a.value));\n\n    const limit = max !== undefined && max > 0 ? max : ordered.length;\n    const kept = ordered.slice(0, limit);\n    const cut = otherLabel === undefined ? [] : ordered.slice(limit);\n\n    const shown: BarListItem[] =\n        otherLabel !== undefined && cut.length > 1\n            ? [\n                  ...kept,\n                  { label: otherLabel, value: cut.reduce((sum, item) => sum + item.value, 0) },\n              ]\n            : [...kept, ...cut];\n\n    const largest = shown.reduce((high, item) => Math.max(high, item.value), 0);\n\n    return shown.map((item, index) => ({\n        ...item,\n        index,\n        percentage: percentOf(Math.max(item.value, 0), total),\n        width: percentOf(Math.max(item.value, 0), largest),\n    }));\n}\n"],"mappings":"2CA6DA,SAAgB,EAAiB,EAAgD,CAC7E,GAAM,CAAE,QAAO,OAAO,OAAQ,MAAK,cAAe,EAC5C,EAAS,EAAM,OAAQ,GAAS,OAAO,SAAS,EAAK,KAAK,CAAC,EAC3D,EAAQ,EAAO,QAAQ,EAAK,IAAS,EAAM,KAAK,IAAI,EAAK,MAAO,CAAC,EAAG,CAAC,EAErE,EACF,IAAS,OACH,CAAC,GAAG,CAAM,EACV,CAAC,GAAG,CAAM,CAAC,CAAC,MAAM,EAAG,IAAO,IAAS,MAAQ,EAAE,MAAQ,EAAE,MAAQ,EAAE,MAAQ,EAAE,KAAM,EAEvF,EAAQ,IAAQ,IAAA,IAAa,EAAM,EAAI,EAAM,EAAQ,OACrD,EAAO,EAAQ,MAAM,EAAG,CAAK,EAC7B,EAAM,IAAe,IAAA,GAAY,CAAC,EAAI,EAAQ,MAAM,CAAK,EAEzD,EACF,IAAe,IAAA,IAAa,EAAI,OAAS,EACnC,CACI,GAAG,EACH,CAAE,MAAO,EAAY,MAAO,EAAI,QAAQ,EAAK,IAAS,EAAM,EAAK,MAAO,CAAC,CAAE,CAC/E,EACA,CAAC,GAAG,EAAM,GAAG,CAAG,EAEpB,EAAU,EAAM,QAAQ,EAAM,IAAS,KAAK,IAAI,EAAM,EAAK,KAAK,EAAG,CAAC,EAE1E,OAAO,EAAM,KAAK,EAAM,KAAW,CAC/B,GAAG,EACH,QACA,WAAY,EAAA,UAAU,KAAK,IAAI,EAAK,MAAO,CAAC,EAAG,CAAK,EACpD,MAAO,EAAA,UAAU,KAAK,IAAI,EAAK,MAAO,CAAC,EAAG,CAAO,CACrD,EAAE,CACN"}
+{"version":3,"file":"bar-list-model.cjs","names":["percentOf","require_numbers","buildBarListRows","options","usable","items","item","total","sum","ordered","sort","a","b","limit","max","kept","cut","otherLabel","shown","largest","high"],"sources":["../../../src/components/BarList/bar-list-model.ts"],"sourcesContent":["// The arithmetic behind BarList, kept out of the component so the decisions that\n// are easy to get wrong — an empty total, a negative value, what \"100% wide\"\n// means — are testable without rendering anything.\n\nimport { percentOf } from \"@/utils/numbers\";\n\n/** One entry of a {@link BarList}. */\nexport interface BarListItem {\n    /** What the row is called. */\n    label: string;\n    /** The measured amount. */\n    value: number;\n    /** Override the bar colour. Defaults to the chart series token for its position. */\n    color?: string;\n}\n\n/** How the list orders itself before drawing. */\nexport type BarListSort = \"desc\" | \"asc\" | \"none\";\n\n/** One row, with everything the component needs to draw it. */\nexport interface BarListRow extends BarListItem {\n    /** Share of the total, 0–100. */\n    percentage: number;\n    /** Bar width relative to the largest row, 0–100. */\n    width: number;\n    /** Position in the original palette cycle. */\n    index: number;\n}\n\n/** What {@link buildBarListRows} needs to reduce a list into rows. */\nexport interface BuildBarListRowsOptions {\n    /** The rows as given. */\n    items: readonly BarListItem[];\n    /** Ordering to apply. `\"none\"` keeps the caller's order. Default `\"desc\"`. */\n    sort?: BarListSort;\n    /** Keep at most this many rows. */\n    max?: number;\n    /** Aggregate what `max` cut into one row with this label. */\n    otherLabel?: string;\n}\n\n/**\n * Order, truncate and measure the rows.\n *\n * Two different numbers come out of this, and conflating them is the classic bug\n * in a hand-written bar list:\n *\n * - `percentage` is the row's share of the **total**, which is what the label\n *   claims when it reads \"32%\".\n * - `width` is relative to the **largest** row, so the biggest bar fills the\n *   track. Scaling width by the total instead leaves every bar short in a list of\n *   many small values, and the chart stops being readable exactly when it has the\n *   most rows.\n *\n * The total counts positive values only. A negative amount draws no bar (a bar of\n * negative width does not exist) and reports 0%, but its number is still shown —\n * hiding the row would be worse than showing an odd one.\n *\n * @param options - The rows and how to reduce them.\n * @returns The rows to draw, in order.\n */\nexport function buildBarListRows(options: BuildBarListRowsOptions): BarListRow[] {\n    const { items, sort = \"desc\", max, otherLabel } = options;\n    const usable = items.filter((item) => Number.isFinite(item.value));\n    const total = usable.reduce((sum, item) => sum + Math.max(item.value, 0), 0);\n\n    const ordered =\n        sort === \"none\"\n            ? [...usable]\n            : [...usable].sort((a, b) => (sort === \"asc\" ? a.value - b.value : b.value - a.value));\n\n    const limit = max !== undefined && max > 0 ? max : ordered.length;\n    const kept = ordered.slice(0, limit);\n    const cut = otherLabel === undefined ? [] : ordered.slice(limit);\n\n    const shown: BarListItem[] =\n        otherLabel !== undefined && cut.length > 1\n            ? [\n                  ...kept,\n                  { label: otherLabel, value: cut.reduce((sum, item) => sum + item.value, 0) },\n              ]\n            : [...kept, ...cut];\n\n    const largest = shown.reduce((high, item) => Math.max(high, item.value), 0);\n\n    return shown.map((item, index) => ({\n        ...item,\n        index,\n        percentage: percentOf(Math.max(item.value, 0), total),\n        width: percentOf(Math.max(item.value, 0), largest),\n    }));\n}\n"],"mappings":"A,2CA6DA,SAAgBE,EAAiB,EAAgD,CAC7E,GAAM,CAAE,QAAO,OAAO,OAAQ,MAAK,cAAeC,EAC5CC,EAASC,EAAM,OAAQ,GAAS,OAAO,SAASC,EAAK,KAAK,CAAC,EAC3DC,EAAQH,EAAO,QAAQ,EAAK,IAASI,EAAM,KAAK,IAAIF,EAAK,MAAO,CAAC,EAAG,CAAC,EAErEG,EACFC,IAAS,OACH,CAAC,GAAGN,CAAM,EACV,CAAC,GAAGA,CAAM,CAAC,CAAC,MAAM,EAAG,IAAOM,IAAS,MAAQC,EAAE,MAAQC,EAAE,MAAQA,EAAE,MAAQD,EAAE,KAAM,EAEvFE,EAAQC,IAAQ,IAAA,IAAaA,EAAM,EAAIA,EAAML,EAAQ,OACrDM,EAAON,EAAQ,MAAM,EAAGI,CAAK,EAC7BG,EAAMC,IAAe,IAAA,GAAY,CAAC,EAAIR,EAAQ,MAAMI,CAAK,EAEzDK,EACFD,IAAe,IAAA,IAAaD,EAAI,OAAS,EACnC,CACI,GAAGD,EACH,CAAE,MAAOE,EAAY,MAAOD,EAAI,QAAQ,EAAK,IAASR,EAAMF,EAAK,MAAO,CAAC,CAAE,CAC/E,EACA,CAAC,GAAGS,EAAM,GAAGC,CAAG,EAEpBG,EAAUD,EAAM,QAAQ,EAAM,IAAS,KAAK,IAAIE,EAAMd,EAAK,KAAK,EAAG,CAAC,EAE1E,OAAOY,EAAM,KAAK,EAAM,KAAW,CAC/B,GAAGZ,EACH,QACA,WAAYN,EAAAA,UAAU,KAAK,IAAIM,EAAK,MAAO,CAAC,EAAGC,CAAK,EACpD,MAAOP,EAAAA,UAAU,KAAK,IAAIM,EAAK,MAAO,CAAC,EAAGa,CAAO,CACrD,EAAE,CACN,C"}

package/dist/components/BarList/bar-list-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar-list-model.js","names":[],"sources":["../../../src/components/BarList/bar-list-model.ts"],"sourcesContent":["// The arithmetic behind BarList, kept out of the component so the decisions that\n// are easy to get wrong — an empty total, a negative value, what \"100% wide\"\n// means — are testable without rendering anything.\n\nimport { percentOf } from \"@/utils/numbers\";\n\n/** One entry of a {@link BarList}. */\nexport interface BarListItem {\n    /** What the row is called. */\n    label: string;\n    /** The measured amount. */\n    value: number;\n    /** Override the bar colour. Defaults to the chart series token for its position. */\n    color?: string;\n}\n\n/** How the list orders itself before drawing. */\nexport type BarListSort = \"desc\" | \"asc\" | \"none\";\n\n/** One row, with everything the component needs to draw it. */\nexport interface BarListRow extends BarListItem {\n    /** Share of the total, 0–100. */\n    percentage: number;\n    /** Bar width relative to the largest row, 0–100. */\n    width: number;\n    /** Position in the original palette cycle. */\n    index: number;\n}\n\n/** What {@link buildBarListRows} needs to reduce a list into rows. */\nexport interface BuildBarListRowsOptions {\n    /** The rows as given. */\n    items: readonly BarListItem[];\n    /** Ordering to apply. `\"none\"` keeps the caller's order. Default `\"desc\"`. */\n    sort?: BarListSort;\n    /** Keep at most this many rows. */\n    max?: number;\n    /** Aggregate what `max` cut into one row with this label. */\n    otherLabel?: string;\n}\n\n/**\n * Order, truncate and measure the rows.\n *\n * Two different numbers come out of this, and conflating them is the classic bug\n * in a hand-written bar list:\n *\n * - `percentage` is the row's share of the **total**, which is what the label\n *   claims when it reads \"32%\".\n * - `width` is relative to the **largest** row, so the biggest bar fills the\n *   track. Scaling width by the total instead leaves every bar short in a list of\n *   many small values, and the chart stops being readable exactly when it has the\n *   most rows.\n *\n * The total counts positive values only. A negative amount draws no bar (a bar of\n * negative width does not exist) and reports 0%, but its number is still shown —\n * hiding the row would be worse than showing an odd one.\n *\n * @param options - The rows and how to reduce them.\n * @returns The rows to draw, in order.\n */\nexport function buildBarListRows(options: BuildBarListRowsOptions): BarListRow[] {\n    const { items, sort = \"desc\", max, otherLabel } = options;\n    const usable = items.filter((item) => Number.isFinite(item.value));\n    const total = usable.reduce((sum, item) => sum + Math.max(item.value, 0), 0);\n\n    const ordered =\n        sort === \"none\"\n            ? [...usable]\n            : [...usable].sort((a, b) => (sort === \"asc\" ? a.value - b.value : b.value - a.value));\n\n    const limit = max !== undefined && max > 0 ? max : ordered.length;\n    const kept = ordered.slice(0, limit);\n    const cut = otherLabel === undefined ? [] : ordered.slice(limit);\n\n    const shown: BarListItem[] =\n        otherLabel !== undefined && cut.length > 1\n            ? [\n                  ...kept,\n                  { label: otherLabel, value: cut.reduce((sum, item) => sum + item.value, 0) },\n              ]\n            : [...kept, ...cut];\n\n    const largest = shown.reduce((high, item) => Math.max(high, item.value), 0);\n\n    return shown.map((item, index) => ({\n        ...item,\n        index,\n        percentage: percentOf(Math.max(item.value, 0), total),\n        width: percentOf(Math.max(item.value, 0), largest),\n    }));\n}\n"],"mappings":";;AA6DA,SAAgB,EAAiB,GAAgD;CAC7E,IAAM,EAAE,UAAO,UAAO,QAAQ,QAAK,kBAAe,GAC5C,IAAS,EAAM,QAAQ,MAAS,OAAO,SAAS,EAAK,KAAK,CAAC,GAC3D,IAAQ,EAAO,QAAQ,GAAK,MAAS,IAAM,KAAK,IAAI,EAAK,OAAO,CAAC,GAAG,CAAC,GAErE,IACF,MAAS,SACH,CAAC,GAAG,CAAM,IACV,CAAC,GAAG,CAAM,CAAC,CAAC,MAAM,GAAG,MAAO,MAAS,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAM,GAEvF,IAAQ,MAAQ,KAAA,KAAa,IAAM,IAAI,IAAM,EAAQ,QACrD,IAAO,EAAQ,MAAM,GAAG,CAAK,GAC7B,IAAM,MAAe,KAAA,IAAY,CAAC,IAAI,EAAQ,MAAM,CAAK,GAEzD,IACF,MAAe,KAAA,KAAa,EAAI,SAAS,IACnC,CACI,GAAG,GACH;EAAE,OAAO;EAAY,OAAO,EAAI,QAAQ,GAAK,MAAS,IAAM,EAAK,OAAO,CAAC;CAAE,CAC/E,IACA,CAAC,GAAG,GAAM,GAAG,CAAG,GAEpB,IAAU,EAAM,QAAQ,GAAM,MAAS,KAAK,IAAI,GAAM,EAAK,KAAK,GAAG,CAAC;CAE1E,OAAO,EAAM,KAAK,GAAM,OAAW;EAC/B,GAAG;EACH;EACA,YAAY,EAAU,KAAK,IAAI,EAAK,OAAO,CAAC,GAAG,CAAK;EACpD,OAAO,EAAU,KAAK,IAAI,EAAK,OAAO,CAAC,GAAG,CAAO;CACrD,EAAE;AACN"}
+{"version":3,"file":"bar-list-model.js","names":["buildBarListRows","options","usable","items","item","total","sum","ordered","sort","a","b","limit","max","kept","cut","otherLabel","shown","largest","high","percentOf"],"sources":["../../../src/components/BarList/bar-list-model.ts"],"sourcesContent":["// The arithmetic behind BarList, kept out of the component so the decisions that\n// are easy to get wrong — an empty total, a negative value, what \"100% wide\"\n// means — are testable without rendering anything.\n\nimport { percentOf } from \"@/utils/numbers\";\n\n/** One entry of a {@link BarList}. */\nexport interface BarListItem {\n    /** What the row is called. */\n    label: string;\n    /** The measured amount. */\n    value: number;\n    /** Override the bar colour. Defaults to the chart series token for its position. */\n    color?: string;\n}\n\n/** How the list orders itself before drawing. */\nexport type BarListSort = \"desc\" | \"asc\" | \"none\";\n\n/** One row, with everything the component needs to draw it. */\nexport interface BarListRow extends BarListItem {\n    /** Share of the total, 0–100. */\n    percentage: number;\n    /** Bar width relative to the largest row, 0–100. */\n    width: number;\n    /** Position in the original palette cycle. */\n    index: number;\n}\n\n/** What {@link buildBarListRows} needs to reduce a list into rows. */\nexport interface BuildBarListRowsOptions {\n    /** The rows as given. */\n    items: readonly BarListItem[];\n    /** Ordering to apply. `\"none\"` keeps the caller's order. Default `\"desc\"`. */\n    sort?: BarListSort;\n    /** Keep at most this many rows. */\n    max?: number;\n    /** Aggregate what `max` cut into one row with this label. */\n    otherLabel?: string;\n}\n\n/**\n * Order, truncate and measure the rows.\n *\n * Two different numbers come out of this, and conflating them is the classic bug\n * in a hand-written bar list:\n *\n * - `percentage` is the row's share of the **total**, which is what the label\n *   claims when it reads \"32%\".\n * - `width` is relative to the **largest** row, so the biggest bar fills the\n *   track. Scaling width by the total instead leaves every bar short in a list of\n *   many small values, and the chart stops being readable exactly when it has the\n *   most rows.\n *\n * The total counts positive values only. A negative amount draws no bar (a bar of\n * negative width does not exist) and reports 0%, but its number is still shown —\n * hiding the row would be worse than showing an odd one.\n *\n * @param options - The rows and how to reduce them.\n * @returns The rows to draw, in order.\n */\nexport function buildBarListRows(options: BuildBarListRowsOptions): BarListRow[] {\n    const { items, sort = \"desc\", max, otherLabel } = options;\n    const usable = items.filter((item) => Number.isFinite(item.value));\n    const total = usable.reduce((sum, item) => sum + Math.max(item.value, 0), 0);\n\n    const ordered =\n        sort === \"none\"\n            ? [...usable]\n            : [...usable].sort((a, b) => (sort === \"asc\" ? a.value - b.value : b.value - a.value));\n\n    const limit = max !== undefined && max > 0 ? max : ordered.length;\n    const kept = ordered.slice(0, limit);\n    const cut = otherLabel === undefined ? [] : ordered.slice(limit);\n\n    const shown: BarListItem[] =\n        otherLabel !== undefined && cut.length > 1\n            ? [\n                  ...kept,\n                  { label: otherLabel, value: cut.reduce((sum, item) => sum + item.value, 0) },\n              ]\n            : [...kept, ...cut];\n\n    const largest = shown.reduce((high, item) => Math.max(high, item.value), 0);\n\n    return shown.map((item, index) => ({\n        ...item,\n        index,\n        percentage: percentOf(Math.max(item.value, 0), total),\n        width: percentOf(Math.max(item.value, 0), largest),\n    }));\n}\n"],"mappings":";;AA6DA,SAAgBA,EAAiB,GAAgD;CAC7E,IAAM,EAAE,UAAO,UAAO,QAAQ,QAAK,kBAAeC,GAC5CC,IAASC,EAAM,QAAQ,MAAS,OAAO,SAASC,EAAK,KAAK,CAAC,GAC3DC,IAAQH,EAAO,QAAQ,GAAK,MAASI,IAAM,KAAK,IAAIF,EAAK,OAAO,CAAC,GAAG,CAAC,GAErEG,IACFC,MAAS,SACH,CAAC,GAAGN,CAAM,IACV,CAAC,GAAGA,CAAM,CAAC,CAAC,MAAM,GAAG,MAAOM,MAAS,QAAQC,EAAE,QAAQC,EAAE,QAAQA,EAAE,QAAQD,EAAE,KAAM,GAEvFE,IAAQC,MAAQ,KAAA,KAAaA,IAAM,IAAIA,IAAML,EAAQ,QACrDM,IAAON,EAAQ,MAAM,GAAGI,CAAK,GAC7BG,IAAMC,MAAe,KAAA,IAAY,CAAC,IAAIR,EAAQ,MAAMI,CAAK,GAEzDK,IACFD,MAAe,KAAA,KAAaD,EAAI,SAAS,IACnC,CACI,GAAGD,GACH;EAAE,OAAOE;EAAY,OAAOD,EAAI,QAAQ,GAAK,MAASR,IAAMF,EAAK,OAAO,CAAC;CAAE,CAC/E,IACA,CAAC,GAAGS,GAAM,GAAGC,CAAG,GAEpBG,IAAUD,EAAM,QAAQ,GAAM,MAAS,KAAK,IAAIE,GAAMd,EAAK,KAAK,GAAG,CAAC;CAE1E,OAAOY,EAAM,KAAK,GAAM,OAAW;EAC/B,GAAGZ;EACH;EACA,YAAYe,EAAU,KAAK,IAAIf,EAAK,OAAO,CAAC,GAAGC,CAAK;EACpD,OAAOc,EAAU,KAAK,IAAIf,EAAK,OAAO,CAAC,GAAGa,CAAO;CACrD,EAAE;AACN"}

package/dist/components/BarcodeScanner/BarcodeScanner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BarcodeScanner.cjs","names":[],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the scan loop is tuned\n * by the caller because the right values depend on the symbology and the device:\n * formats, intervalMs, repeatDelayMs, detector, paused, torch, aspectRatio. The rest\n * are the surfaces to fill when the API is missing (unsupported, footer, locale) and\n * the two outputs (onScan, onError).\n */\nimport { Flashlight, FlashlightOff, ScanLine } from \"lucide-react\";\nimport { type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { useBarcodeScanner } from \"@/capture/use-barcode-scanner\";\nimport type { BarcodeDetectorLike, BarcodeFormat, BarcodeScanResult } from \"@/capture/barcode\";\nimport { cn } from \"@/utils/cn\";\n\nimport styles from \"./BarcodeScanner.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onError\";\n\nexport interface BarcodeScannerProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    OverriddenDomProps\n> {\n    /** Called for every accepted read — repeats of the same value are suppressed. */\n    onScan: (result: BarcodeScanResult) => void;\n    /** Symbologies to look for. Defaults to QR + EAN-13 + Code 128. */\n    formats?: readonly BarcodeFormat[];\n    /** Stop looking without releasing the camera — set it while a confirmation is open. */\n    paused?: boolean;\n    /** A decoder to use instead of the native one, for Safari and Firefox. */\n    detector?: BarcodeDetectorLike;\n    /** How often a frame is examined, in ms. Default 200. */\n    intervalMs?: number;\n    /** Ignore the same value again for this long, in ms. Default 2500. */\n    repeatDelayMs?: number;\n    /** Offer the torch toggle when the camera has a lamp. Default `true`. */\n    torch?: boolean;\n    /** Viewport aspect ratio, `width / height`. Default `4 / 3`. */\n    aspectRatio?: number;\n    /** Locale for the labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Under the viewport — an instruction, the code just read, a manual-entry link. */\n    footer?: ReactNode;\n    /**\n     * Rendered instead of the camera when there is no decoder.\n     *\n     * Worth filling in: on iOS and Firefox this is the **only** thing the user sees, so\n     * the fallback is usually a plain text field for typing the code.\n     */\n    unsupported?: ReactNode;\n    /** A frame the engine refused to decode. Routine and usually transient. */\n    onError?: (error: unknown) => void;\n}\n\nconst STRINGS = {\n    \"pt-BR\": {\n        viewport: \"Visor da câmera\",\n        scanning: \"Procurando código…\",\n        paused: \"Leitura pausada\",\n        opening: \"Abrindo a câmera…\",\n        hint: \"Aponte a câmera para o código.\",\n        found: (value: string) => `Código lido: ${value}`,\n        torchOn: \"Desligar lanterna\",\n        torchOff: \"Ligar lanterna\",\n        unsupported: \"Este navegador não decodifica códigos de barras.\",\n        retry: \"Tentar de novo\",\n    },\n    en: {\n        viewport: \"Camera viewport\",\n        scanning: \"Looking for a code…\",\n        paused: \"Scanning paused\",\n        opening: \"Opening the camera…\",\n        hint: \"Point the camera at the code.\",\n        found: (value: string) => `Code read: ${value}`,\n        torchOn: \"Turn torch off\",\n        torchOff: \"Turn torch on\",\n        unsupported: \"This browser cannot decode barcodes.\",\n        retry: \"Try again\",\n    },\n} as const;\n\n/**\n * Point the camera at a barcode and get its value.\n *\n * The counterpart to {@link QRCode}, which only encodes. Under it are\n * `useBarcodeScanner` (the detect loop and repeat suppression), `useCameraStream` (the\n * stream and its classified errors) and `useTorch`.\n *\n * **Mounting this opens the camera**, so mount it when the user asks to scan rather\n * than on a page that happens to contain a scanner: a permission prompt nobody\n * provoked is the surest way to earn a permanent block, and after that `getUserMedia`\n * rejects without ever prompting again. The usual shape is a button that reveals it.\n *\n * The `unsupported` slot is not a nicety. `BarcodeDetector` is Chromium-only — absent\n * on Firefox, on every browser on iOS, and on Chromium for Windows and Linux — so on a\n * large share of real devices the fallback *is* the feature. Give it a text field, or\n * inject a polyfill through `detector`.\n *\n * The preview itself is `aria-hidden`: a live camera frame has nothing to announce and\n * no audio to caption, so what a screen reader gets is the `role=\"status\"` line, which\n * says whether scanning is running and reads out each accepted code.\n *\n * @example\n * <BarcodeScanner\n *     formats={[\"ean_13\"]}\n *     onScan={({ rawValue }) => addToCart(rawValue)}\n *     footer={<small>Aponte para o código de barras da embalagem.</small>}\n *     unsupported={<ManualCodeInput onSubmit={addToCart} />}\n * />\n */\nexport function BarcodeScanner({\n    onScan,\n    formats,\n    paused = false,\n    detector,\n    intervalMs,\n    repeatDelayMs,\n    torch = true,\n    aspectRatio = 4 / 3,\n    locale = \"pt-BR\",\n    footer,\n    unsupported,\n    onError,\n    className,\n    ...rest\n}: BarcodeScannerProps) {\n    const strings = STRINGS[locale];\n    const {\n        videoRef,\n        status,\n        error,\n        supported,\n        scanning,\n        result,\n        torch: lamp,\n        retry,\n    } = useBarcodeScanner({\n        formats,\n        paused,\n        detector,\n        intervalMs,\n        repeatDelayMs,\n        onScan,\n        onError,\n    });\n\n    if (!supported) {\n        return (\n            <div className={cn(styles.scanner, className)} {...rest}>\n                <p className={styles.notice}>{strings.unsupported}</p>\n                {unsupported}\n            </div>\n        );\n    }\n\n    const message = result\n        ? strings.found(result.rawValue)\n        : paused\n          ? strings.paused\n          : scanning\n            ? strings.scanning\n            : strings.opening;\n\n    return (\n        <div className={cn(styles.scanner, className)} {...rest}>\n            <div\n                className={styles.viewport}\n                style={{ aspectRatio: String(aspectRatio) }}\n                aria-label={strings.viewport}\n                role=\"group\"\n            >\n                <video\n                    ref={videoRef}\n                    className={styles.video}\n                    muted\n                    playsInline\n                    aria-hidden=\"true\"\n                />\n\n                {status === \"ready\" && (\n                    <div className={styles.frame} aria-hidden=\"true\">\n                        <span className={cn(styles.laser, scanning && styles.laserActive)} />\n                    </div>\n                )}\n\n                {torch && lamp.supported && (\n                    <button\n                        type=\"button\"\n                        className={styles.torch}\n                        onClick={() => void lamp.toggle()}\n                        aria-pressed={lamp.on}\n                        aria-label={lamp.on ? strings.torchOn : strings.torchOff}\n                    >\n                        {lamp.on ? (\n                            <FlashlightOff size={18} aria-hidden />\n                        ) : (\n                            <Flashlight size={18} aria-hidden />\n                        )}\n                    </button>\n                )}\n\n                {error && (\n                    <div className={styles.overlay} role=\"alert\">\n                        <p className={styles.overlayText}>{error.message}</p>\n                        <button type=\"button\" className={styles.retry} onClick={retry}>\n                            {strings.retry}\n                        </button>\n                    </div>\n                )}\n            </div>\n\n            {!error && (\n                <p className={styles.status} role=\"status\">\n                    <ScanLine size={14} aria-hidden className={styles.statusIcon} />\n                    {message}\n                </p>\n            )}\n\n            {footer ? <div className={styles.footer}>{footer}</div> : null}\n        </div>\n    );\n}\n"],"mappings":"gNAsDA,IAAM,EAAU,CACZ,QAAS,CACL,SAAU,kBACV,SAAU,qBACV,OAAQ,kBACR,QAAS,oBACT,KAAM,iCACN,MAAQ,GAAkB,gBAAgB,IAC1C,QAAS,oBACT,SAAU,iBACV,YAAa,mDACb,MAAO,gBACX,EACA,GAAI,CACA,SAAU,kBACV,SAAU,sBACV,OAAQ,kBACR,QAAS,sBACT,KAAM,gCACN,MAAQ,GAAkB,cAAc,IACxC,QAAS,iBACT,SAAU,gBACV,YAAa,uCACb,MAAO,WACX,CACJ,EA+BA,SAAgB,EAAe,CAC3B,SACA,UACA,SAAS,GACT,WACA,aACA,gBACA,QAAQ,GACR,cAAc,EAAI,EAClB,SAAS,QACT,SACA,cACA,UACA,YACA,GAAG,GACiB,CACpB,IAAM,EAAU,EAAQ,GAClB,CACF,WACA,SACA,QACA,YACA,WACA,SACA,MAAO,EACP,SACA,EAAA,kBAAkB,CAClB,UACA,SACA,WACA,aACA,gBACA,SACA,SACJ,CAAC,EAED,GAAI,CAAC,EACD,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EAAG,GAAI,EAAnD,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,OAAS,SAAA,EAAQ,WAAe,CAAA,EACpD,CACA,IAIb,IAAM,EAAU,EACV,EAAQ,MAAM,EAAO,QAAQ,EAC7B,EACE,EAAQ,OACR,EACE,EAAQ,SACR,EAAQ,QAElB,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EAAG,GAAI,EAAnD,SAAA,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,SAClB,MAAO,CAAE,YAAa,OAAO,CAAW,CAAE,EAC1C,aAAY,EAAQ,SACpB,KAAK,QAJT,SAAA,EAMI,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,IAAK,EACL,UAAW,EAAA,QAAO,MAClB,MAAA,GACA,YAAA,GACA,cAAY,MACf,CAAA,EAEA,IAAW,UACR,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAAO,cAAY,OACtC,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,GAAY,EAAA,QAAO,WAAW,CAAI,CAAA,CACnE,CAAA,EAGR,GAAS,EAAK,YACX,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,YAAe,KAAK,EAAK,OAAO,EAChC,eAAc,EAAK,GACnB,aAAY,EAAK,GAAK,EAAQ,QAAU,EAAQ,SAE/C,SAAA,EAAK,IACF,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CAAe,KAAM,GAAI,cAAA,EAAa,CAAA,GAEtC,EAAA,EAAA,IAAA,CAAC,EAAA,WAAD,CAAY,KAAM,GAAI,cAAA,EAAa,CAAA,CAEnC,CAAA,EAGX,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAS,KAAK,QAArC,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,YAAc,SAAA,EAAM,OAAW,CAAA,GACpD,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAW,EAAA,QAAO,MAAO,QAAS,EACnD,SAAA,EAAQ,KACL,CAAA,CACP,GAER,IAEJ,CAAC,IACE,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,OAAQ,KAAK,SAAlC,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,EAAA,SAAD,CAAU,KAAM,GAAI,cAAA,GAAY,UAAW,EAAA,QAAO,UAAa,CAAA,EAC9D,CACF,IAGN,GAAS,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OAAS,SAAA,CAAY,CAAA,EAAI,IACzD,GAEb"}
+{"version":3,"file":"BarcodeScanner.cjs","names":["useBarcodeScanner","cn","styles","FlashlightOff","Flashlight","ScanLine","require_cn","require_use_barcode_scanner","require_BarcodeScanner_module","react_jsx_runtime","lucide_react","STRINGS","value","BarcodeScanner","rest","strings","locale","lamp","supported","className","unsupported","message","result","paused","scanning","aspectRatio","videoRef","status","torch","error","retry","footer"],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the scan loop is tuned\n * by the caller because the right values depend on the symbology and the device:\n * formats, intervalMs, repeatDelayMs, detector, paused, torch, aspectRatio. The rest\n * are the surfaces to fill when the API is missing (unsupported, footer, locale) and\n * the two outputs (onScan, onError).\n */\nimport { Flashlight, FlashlightOff, ScanLine } from \"lucide-react\";\nimport { type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { useBarcodeScanner } from \"@/capture/use-barcode-scanner\";\nimport type { BarcodeDetectorLike, BarcodeFormat, BarcodeScanResult } from \"@/capture/barcode\";\nimport { cn } from \"@/utils/cn\";\n\nimport styles from \"./BarcodeScanner.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onError\";\n\nexport interface BarcodeScannerProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    OverriddenDomProps\n> {\n    /** Called for every accepted read — repeats of the same value are suppressed. */\n    onScan: (result: BarcodeScanResult) => void;\n    /** Symbologies to look for. Defaults to QR + EAN-13 + Code 128. */\n    formats?: readonly BarcodeFormat[];\n    /** Stop looking without releasing the camera — set it while a confirmation is open. */\n    paused?: boolean;\n    /** A decoder to use instead of the native one, for Safari and Firefox. */\n    detector?: BarcodeDetectorLike;\n    /** How often a frame is examined, in ms. Default 200. */\n    intervalMs?: number;\n    /** Ignore the same value again for this long, in ms. Default 2500. */\n    repeatDelayMs?: number;\n    /** Offer the torch toggle when the camera has a lamp. Default `true`. */\n    torch?: boolean;\n    /** Viewport aspect ratio, `width / height`. Default `4 / 3`. */\n    aspectRatio?: number;\n    /** Locale for the labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Under the viewport — an instruction, the code just read, a manual-entry link. */\n    footer?: ReactNode;\n    /**\n     * Rendered instead of the camera when there is no decoder.\n     *\n     * Worth filling in: on iOS and Firefox this is the **only** thing the user sees, so\n     * the fallback is usually a plain text field for typing the code.\n     */\n    unsupported?: ReactNode;\n    /** A frame the engine refused to decode. Routine and usually transient. */\n    onError?: (error: unknown) => void;\n}\n\nconst STRINGS = {\n    \"pt-BR\": {\n        viewport: \"Visor da câmera\",\n        scanning: \"Procurando código…\",\n        paused: \"Leitura pausada\",\n        opening: \"Abrindo a câmera…\",\n        hint: \"Aponte a câmera para o código.\",\n        found: (value: string) => `Código lido: ${value}`,\n        torchOn: \"Desligar lanterna\",\n        torchOff: \"Ligar lanterna\",\n        unsupported: \"Este navegador não decodifica códigos de barras.\",\n        retry: \"Tentar de novo\",\n    },\n    en: {\n        viewport: \"Camera viewport\",\n        scanning: \"Looking for a code…\",\n        paused: \"Scanning paused\",\n        opening: \"Opening the camera…\",\n        hint: \"Point the camera at the code.\",\n        found: (value: string) => `Code read: ${value}`,\n        torchOn: \"Turn torch off\",\n        torchOff: \"Turn torch on\",\n        unsupported: \"This browser cannot decode barcodes.\",\n        retry: \"Try again\",\n    },\n} as const;\n\n/**\n * Point the camera at a barcode and get its value.\n *\n * The counterpart to {@link QRCode}, which only encodes. Under it are\n * `useBarcodeScanner` (the detect loop and repeat suppression), `useCameraStream` (the\n * stream and its classified errors) and `useTorch`.\n *\n * **Mounting this opens the camera**, so mount it when the user asks to scan rather\n * than on a page that happens to contain a scanner: a permission prompt nobody\n * provoked is the surest way to earn a permanent block, and after that `getUserMedia`\n * rejects without ever prompting again. The usual shape is a button that reveals it.\n *\n * The `unsupported` slot is not a nicety. `BarcodeDetector` is Chromium-only — absent\n * on Firefox, on every browser on iOS, and on Chromium for Windows and Linux — so on a\n * large share of real devices the fallback *is* the feature. Give it a text field, or\n * inject a polyfill through `detector`.\n *\n * The preview itself is `aria-hidden`: a live camera frame has nothing to announce and\n * no audio to caption, so what a screen reader gets is the `role=\"status\"` line, which\n * says whether scanning is running and reads out each accepted code.\n *\n * @example\n * <BarcodeScanner\n *     formats={[\"ean_13\"]}\n *     onScan={({ rawValue }) => addToCart(rawValue)}\n *     footer={<small>Aponte para o código de barras da embalagem.</small>}\n *     unsupported={<ManualCodeInput onSubmit={addToCart} />}\n * />\n */\nexport function BarcodeScanner({\n    onScan,\n    formats,\n    paused = false,\n    detector,\n    intervalMs,\n    repeatDelayMs,\n    torch = true,\n    aspectRatio = 4 / 3,\n    locale = \"pt-BR\",\n    footer,\n    unsupported,\n    onError,\n    className,\n    ...rest\n}: BarcodeScannerProps) {\n    const strings = STRINGS[locale];\n    const {\n        videoRef,\n        status,\n        error,\n        supported,\n        scanning,\n        result,\n        torch: lamp,\n        retry,\n    } = useBarcodeScanner({\n        formats,\n        paused,\n        detector,\n        intervalMs,\n        repeatDelayMs,\n        onScan,\n        onError,\n    });\n\n    if (!supported) {\n        return (\n            <div className={cn(styles.scanner, className)} {...rest}>\n                <p className={styles.notice}>{strings.unsupported}</p>\n                {unsupported}\n            </div>\n        );\n    }\n\n    const message = result\n        ? strings.found(result.rawValue)\n        : paused\n          ? strings.paused\n          : scanning\n            ? strings.scanning\n            : strings.opening;\n\n    return (\n        <div className={cn(styles.scanner, className)} {...rest}>\n            <div\n                className={styles.viewport}\n                style={{ aspectRatio: String(aspectRatio) }}\n                aria-label={strings.viewport}\n                role=\"group\"\n            >\n                <video\n                    ref={videoRef}\n                    className={styles.video}\n                    muted\n                    playsInline\n                    aria-hidden=\"true\"\n                />\n\n                {status === \"ready\" && (\n                    <div className={styles.frame} aria-hidden=\"true\">\n                        <span className={cn(styles.laser, scanning && styles.laserActive)} />\n                    </div>\n                )}\n\n                {torch && lamp.supported && (\n                    <button\n                        type=\"button\"\n                        className={styles.torch}\n                        onClick={() => void lamp.toggle()}\n                        aria-pressed={lamp.on}\n                        aria-label={lamp.on ? strings.torchOn : strings.torchOff}\n                    >\n                        {lamp.on ? (\n                            <FlashlightOff size={18} aria-hidden />\n                        ) : (\n                            <Flashlight size={18} aria-hidden />\n                        )}\n                    </button>\n                )}\n\n                {error && (\n                    <div className={styles.overlay} role=\"alert\">\n                        <p className={styles.overlayText}>{error.message}</p>\n                        <button type=\"button\" className={styles.retry} onClick={retry}>\n                            {strings.retry}\n                        </button>\n                    </div>\n                )}\n            </div>\n\n            {!error && (\n                <p className={styles.status} role=\"status\">\n                    <ScanLine size={14} aria-hidden className={styles.statusIcon} />\n                    {message}\n                </p>\n            )}\n\n            {footer ? <div className={styles.footer}>{footer}</div> : null}\n        </div>\n    );\n}\n"],"mappings":"A,gNAsDA,IAAMW,EAAU,CACZ,QAAS,CACL,SAAU,kBACV,SAAU,qBACV,OAAQ,kBACR,QAAS,oBACT,KAAM,iCACN,MAAQ,GAAkB,gBAAgBC,IAC1C,QAAS,oBACT,SAAU,iBACV,YAAa,mDACb,MAAO,gBACX,EACA,GAAI,CACA,SAAU,kBACV,SAAU,sBACV,OAAQ,kBACR,QAAS,sBACT,KAAM,gCACN,MAAQ,GAAkB,cAAcA,IACxC,QAAS,iBACT,SAAU,gBACV,YAAa,uCACb,MAAO,WACX,CACJ,EA+BA,SAAgBC,EAAe,CAC3B,SACA,UACA,SAAS,GACT,WACA,aACA,gBACA,QAAQ,GACR,cAAc,EAAI,EAClB,SAAS,QACT,SACA,cACA,UACA,YACA,GAAGC,GACiB,CACpB,IAAMC,EAAUJ,EAAQK,GAClB,CACF,WACA,SACA,QACA,YACA,WACA,SACA,MAAOC,EACP,SACAjB,EAAAA,kBAAkB,CAClB,UACA,SACA,WACA,aACA,gBACA,SACA,SACJ,CAAC,EAED,GAAI,CAACkB,EACD,OACI,EAAAT,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWR,EAAAA,GAAGC,EAAAA,QAAO,QAASiB,CAAS,EAAG,GAAIL,EAAnD,SAAA,EACI,EAAAL,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWP,EAAAA,QAAO,OAAS,SAAAa,EAAQ,WAAe,CAAA,EACpDK,CACA,C,GAIb,IAAMC,EAAUC,EACVP,EAAQ,MAAMO,EAAO,QAAQ,EAC7BC,EACER,EAAQ,OACRS,EACET,EAAQ,SACRA,EAAQ,QAElB,OACI,EAAAN,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWR,EAAAA,GAAGC,EAAAA,QAAO,QAASiB,CAAS,EAAG,GAAIL,EAAnD,SAAA,EACI,EAAAL,EAAA,KAAA,CAAC,MAAD,CACI,UAAWP,EAAAA,QAAO,SAClB,MAAO,CAAE,YAAa,OAAOuB,CAAW,CAAE,EAC1C,aAAYV,EAAQ,SACpB,KAAK,QAJT,SAAA,EAMI,EAAAN,EAAA,IAAA,CAAC,QAAD,CACI,IAAKiB,EACL,UAAWxB,EAAAA,QAAO,MAClB,MAAA,GACA,YAAA,GACA,cAAY,MACf,CAAA,EAEAyB,IAAW,UACR,EAAAlB,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWP,EAAAA,QAAO,MAAO,cAAY,OACtC,UAAA,EAAAO,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWR,EAAAA,GAAGC,EAAAA,QAAO,MAAOsB,GAAYtB,EAAAA,QAAO,WAAW,CAAI,CAAA,CACnE,CAAA,EAGR0B,GAASX,EAAK,YACX,EAAAR,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAWP,EAAAA,QAAO,MAClB,YAAe,KAAKe,EAAK,OAAO,EAChC,eAAcA,EAAK,GACnB,aAAYA,EAAK,GAAKF,EAAQ,QAAUA,EAAQ,SAE/C,SAAAE,EAAK,IACF,EAAAR,EAAA,IAAA,CAACN,EAAAA,cAAD,CAAe,KAAM,GAAI,cAAA,EAAa,CAAA,GAEtC,EAAAM,EAAA,IAAA,CAACL,EAAAA,WAAD,CAAY,KAAM,GAAI,cAAA,EAAa,CAAA,CAEnC,CAAA,EAGXyB,IACG,EAAApB,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWP,EAAAA,QAAO,QAAS,KAAK,QAArC,SAAA,EACI,EAAAO,EAAA,IAAA,CAAC,IAAD,CAAG,UAAWP,EAAAA,QAAO,YAAc,SAAA2B,EAAM,OAAW,CAAA,GACpD,EAAApB,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAWP,EAAAA,QAAO,MAAO,QAAS4B,EACnD,SAAAf,EAAQ,KACL,CAAA,CACP,C,EAER,C,GAEJ,CAACc,IACE,EAAApB,EAAA,KAAA,CAAC,IAAD,CAAG,UAAWP,EAAAA,QAAO,OAAQ,KAAK,SAAlC,SAAA,EACI,EAAAO,EAAA,IAAA,CAACJ,EAAAA,SAAD,CAAU,KAAM,GAAI,cAAA,GAAY,UAAWH,EAAAA,QAAO,UAAa,CAAA,EAC9DmB,CACF,C,GAGNU,GAAS,EAAAtB,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWP,EAAAA,QAAO,OAAS,SAAA6B,CAAY,CAAA,EAAI,IACzD,C,EAEb,C"}

package/dist/components/BarcodeScanner/BarcodeScanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarcodeScanner.js","names":[],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the scan loop is tuned\n * by the caller because the right values depend on the symbology and the device:\n * formats, intervalMs, repeatDelayMs, detector, paused, torch, aspectRatio. The rest\n * are the surfaces to fill when the API is missing (unsupported, footer, locale) and\n * the two outputs (onScan, onError).\n */\nimport { Flashlight, FlashlightOff, ScanLine } from \"lucide-react\";\nimport { type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { useBarcodeScanner } from \"@/capture/use-barcode-scanner\";\nimport type { BarcodeDetectorLike, BarcodeFormat, BarcodeScanResult } from \"@/capture/barcode\";\nimport { cn } from \"@/utils/cn\";\n\nimport styles from \"./BarcodeScanner.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onError\";\n\nexport interface BarcodeScannerProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    OverriddenDomProps\n> {\n    /** Called for every accepted read — repeats of the same value are suppressed. */\n    onScan: (result: BarcodeScanResult) => void;\n    /** Symbologies to look for. Defaults to QR + EAN-13 + Code 128. */\n    formats?: readonly BarcodeFormat[];\n    /** Stop looking without releasing the camera — set it while a confirmation is open. */\n    paused?: boolean;\n    /** A decoder to use instead of the native one, for Safari and Firefox. */\n    detector?: BarcodeDetectorLike;\n    /** How often a frame is examined, in ms. Default 200. */\n    intervalMs?: number;\n    /** Ignore the same value again for this long, in ms. Default 2500. */\n    repeatDelayMs?: number;\n    /** Offer the torch toggle when the camera has a lamp. Default `true`. */\n    torch?: boolean;\n    /** Viewport aspect ratio, `width / height`. Default `4 / 3`. */\n    aspectRatio?: number;\n    /** Locale for the labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Under the viewport — an instruction, the code just read, a manual-entry link. */\n    footer?: ReactNode;\n    /**\n     * Rendered instead of the camera when there is no decoder.\n     *\n     * Worth filling in: on iOS and Firefox this is the **only** thing the user sees, so\n     * the fallback is usually a plain text field for typing the code.\n     */\n    unsupported?: ReactNode;\n    /** A frame the engine refused to decode. Routine and usually transient. */\n    onError?: (error: unknown) => void;\n}\n\nconst STRINGS = {\n    \"pt-BR\": {\n        viewport: \"Visor da câmera\",\n        scanning: \"Procurando código…\",\n        paused: \"Leitura pausada\",\n        opening: \"Abrindo a câmera…\",\n        hint: \"Aponte a câmera para o código.\",\n        found: (value: string) => `Código lido: ${value}`,\n        torchOn: \"Desligar lanterna\",\n        torchOff: \"Ligar lanterna\",\n        unsupported: \"Este navegador não decodifica códigos de barras.\",\n        retry: \"Tentar de novo\",\n    },\n    en: {\n        viewport: \"Camera viewport\",\n        scanning: \"Looking for a code…\",\n        paused: \"Scanning paused\",\n        opening: \"Opening the camera…\",\n        hint: \"Point the camera at the code.\",\n        found: (value: string) => `Code read: ${value}`,\n        torchOn: \"Turn torch off\",\n        torchOff: \"Turn torch on\",\n        unsupported: \"This browser cannot decode barcodes.\",\n        retry: \"Try again\",\n    },\n} as const;\n\n/**\n * Point the camera at a barcode and get its value.\n *\n * The counterpart to {@link QRCode}, which only encodes. Under it are\n * `useBarcodeScanner` (the detect loop and repeat suppression), `useCameraStream` (the\n * stream and its classified errors) and `useTorch`.\n *\n * **Mounting this opens the camera**, so mount it when the user asks to scan rather\n * than on a page that happens to contain a scanner: a permission prompt nobody\n * provoked is the surest way to earn a permanent block, and after that `getUserMedia`\n * rejects without ever prompting again. The usual shape is a button that reveals it.\n *\n * The `unsupported` slot is not a nicety. `BarcodeDetector` is Chromium-only — absent\n * on Firefox, on every browser on iOS, and on Chromium for Windows and Linux — so on a\n * large share of real devices the fallback *is* the feature. Give it a text field, or\n * inject a polyfill through `detector`.\n *\n * The preview itself is `aria-hidden`: a live camera frame has nothing to announce and\n * no audio to caption, so what a screen reader gets is the `role=\"status\"` line, which\n * says whether scanning is running and reads out each accepted code.\n *\n * @example\n * <BarcodeScanner\n *     formats={[\"ean_13\"]}\n *     onScan={({ rawValue }) => addToCart(rawValue)}\n *     footer={<small>Aponte para o código de barras da embalagem.</small>}\n *     unsupported={<ManualCodeInput onSubmit={addToCart} />}\n * />\n */\nexport function BarcodeScanner({\n    onScan,\n    formats,\n    paused = false,\n    detector,\n    intervalMs,\n    repeatDelayMs,\n    torch = true,\n    aspectRatio = 4 / 3,\n    locale = \"pt-BR\",\n    footer,\n    unsupported,\n    onError,\n    className,\n    ...rest\n}: BarcodeScannerProps) {\n    const strings = STRINGS[locale];\n    const {\n        videoRef,\n        status,\n        error,\n        supported,\n        scanning,\n        result,\n        torch: lamp,\n        retry,\n    } = useBarcodeScanner({\n        formats,\n        paused,\n        detector,\n        intervalMs,\n        repeatDelayMs,\n        onScan,\n        onError,\n    });\n\n    if (!supported) {\n        return (\n            <div className={cn(styles.scanner, className)} {...rest}>\n                <p className={styles.notice}>{strings.unsupported}</p>\n                {unsupported}\n            </div>\n        );\n    }\n\n    const message = result\n        ? strings.found(result.rawValue)\n        : paused\n          ? strings.paused\n          : scanning\n            ? strings.scanning\n            : strings.opening;\n\n    return (\n        <div className={cn(styles.scanner, className)} {...rest}>\n            <div\n                className={styles.viewport}\n                style={{ aspectRatio: String(aspectRatio) }}\n                aria-label={strings.viewport}\n                role=\"group\"\n            >\n                <video\n                    ref={videoRef}\n                    className={styles.video}\n                    muted\n                    playsInline\n                    aria-hidden=\"true\"\n                />\n\n                {status === \"ready\" && (\n                    <div className={styles.frame} aria-hidden=\"true\">\n                        <span className={cn(styles.laser, scanning && styles.laserActive)} />\n                    </div>\n                )}\n\n                {torch && lamp.supported && (\n                    <button\n                        type=\"button\"\n                        className={styles.torch}\n                        onClick={() => void lamp.toggle()}\n                        aria-pressed={lamp.on}\n                        aria-label={lamp.on ? strings.torchOn : strings.torchOff}\n                    >\n                        {lamp.on ? (\n                            <FlashlightOff size={18} aria-hidden />\n                        ) : (\n                            <Flashlight size={18} aria-hidden />\n                        )}\n                    </button>\n                )}\n\n                {error && (\n                    <div className={styles.overlay} role=\"alert\">\n                        <p className={styles.overlayText}>{error.message}</p>\n                        <button type=\"button\" className={styles.retry} onClick={retry}>\n                            {strings.retry}\n                        </button>\n                    </div>\n                )}\n            </div>\n\n            {!error && (\n                <p className={styles.status} role=\"status\">\n                    <ScanLine size={14} aria-hidden className={styles.statusIcon} />\n                    {message}\n                </p>\n            )}\n\n            {footer ? <div className={styles.footer}>{footer}</div> : null}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAsDA,IAAM,IAAU;CACZ,SAAS;EACL,UAAU;EACV,UAAU;EACV,QAAQ;EACR,SAAS;EACT,MAAM;EACN,QAAQ,MAAkB,gBAAgB;EAC1C,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;CACX;CACA,IAAI;EACA,UAAU;EACV,UAAU;EACV,QAAQ;EACR,SAAS;EACT,MAAM;EACN,QAAQ,MAAkB,cAAc;EACxC,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;CACX;AACJ;AA+BA,SAAgB,EAAe,EAC3B,WACA,YACA,YAAS,IACT,aACA,eACA,kBACA,WAAQ,IACR,iBAAc,IAAI,GAClB,YAAS,SACT,WACA,gBACA,YACA,cACA,GAAG,KACiB;CACpB,IAAM,IAAU,EAAQ,IAClB,EACF,aACA,WACA,UACA,cACA,aACA,WACA,OAAO,GACP,aACA,EAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;CACJ,CAAC;CAED,IAAI,CAAC,GACD,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;EAAG,GAAI;EAAnD,UAAA,CACI,kBAAC,KAAD;GAAG,WAAW,EAAO;GAAS,UAAA,EAAQ;EAAe,CAAA,GACpD,CACA;;CAIb,IAAM,IAAU,IACV,EAAQ,MAAM,EAAO,QAAQ,IAC7B,IACE,EAAQ,SACR,IACE,EAAQ,WACR,EAAQ;CAElB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;EAAG,GAAI;EAAnD,UAAA;GACI,kBAAC,OAAD;IACI,WAAW,EAAO;IAClB,OAAO,EAAE,aAAa,OAAO,CAAW,EAAE;IAC1C,cAAY,EAAQ;IACpB,MAAK;IAJT,UAAA;KAMI,kBAAC,SAAD;MACI,KAAK;MACL,WAAW,EAAO;MAClB,OAAA;MACA,aAAA;MACA,eAAY;KACf,CAAA;KAEA,MAAW,WACR,kBAAC,OAAD;MAAK,WAAW,EAAO;MAAO,eAAY;MACtC,UAAA,kBAAC,QAAD,EAAM,WAAW,EAAG,EAAO,OAAO,KAAY,EAAO,WAAW,EAAI,CAAA;KACnE,CAAA;KAGR,KAAS,EAAK,aACX,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAO;MAClB,eAAe,KAAK,EAAK,OAAO;MAChC,gBAAc,EAAK;MACnB,cAAY,EAAK,KAAK,EAAQ,UAAU,EAAQ;MAE/C,UAAA,EAAK,KACF,kBAAC,GAAD;OAAe,MAAM;OAAI,eAAA;MAAa,CAAA,IAEtC,kBAAC,GAAD;OAAY,MAAM;OAAI,eAAA;MAAa,CAAA;KAEnC,CAAA;KAGX,KACG,kBAAC,OAAD;MAAK,WAAW,EAAO;MAAS,MAAK;MAArC,UAAA,CACI,kBAAC,KAAD;OAAG,WAAW,EAAO;OAAc,UAAA,EAAM;MAAW,CAAA,GACpD,kBAAC,UAAD;OAAQ,MAAK;OAAS,WAAW,EAAO;OAAO,SAAS;OACnD,UAAA,EAAQ;MACL,CAAA,CACP;;IAER;;GAEJ,CAAC,KACE,kBAAC,KAAD;IAAG,WAAW,EAAO;IAAQ,MAAK;IAAlC,UAAA,CACI,kBAAC,GAAD;KAAU,MAAM;KAAI,eAAA;KAAY,WAAW,EAAO;IAAa,CAAA,GAC9D,CACF;;GAGN,IAAS,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAS,UAAA;GAAY,CAAA,IAAI;EACzD;;AAEb"}
+{"version":3,"file":"BarcodeScanner.js","names":["styles","BarcodeScanner_module_default","STRINGS","value","BarcodeScanner","rest","strings","locale","lamp","useBarcodeScanner","supported","cn","className","unsupported","message","result","paused","scanning","aspectRatio","videoRef","status","torch","FlashlightOff","Flashlight","error","retry","ScanLine","footer"],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the scan loop is tuned\n * by the caller because the right values depend on the symbology and the device:\n * formats, intervalMs, repeatDelayMs, detector, paused, torch, aspectRatio. The rest\n * are the surfaces to fill when the API is missing (unsupported, footer, locale) and\n * the two outputs (onScan, onError).\n */\nimport { Flashlight, FlashlightOff, ScanLine } from \"lucide-react\";\nimport { type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { useBarcodeScanner } from \"@/capture/use-barcode-scanner\";\nimport type { BarcodeDetectorLike, BarcodeFormat, BarcodeScanResult } from \"@/capture/barcode\";\nimport { cn } from \"@/utils/cn\";\n\nimport styles from \"./BarcodeScanner.module.css\";\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"children\" | \"onError\";\n\nexport interface BarcodeScannerProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    OverriddenDomProps\n> {\n    /** Called for every accepted read — repeats of the same value are suppressed. */\n    onScan: (result: BarcodeScanResult) => void;\n    /** Symbologies to look for. Defaults to QR + EAN-13 + Code 128. */\n    formats?: readonly BarcodeFormat[];\n    /** Stop looking without releasing the camera — set it while a confirmation is open. */\n    paused?: boolean;\n    /** A decoder to use instead of the native one, for Safari and Firefox. */\n    detector?: BarcodeDetectorLike;\n    /** How often a frame is examined, in ms. Default 200. */\n    intervalMs?: number;\n    /** Ignore the same value again for this long, in ms. Default 2500. */\n    repeatDelayMs?: number;\n    /** Offer the torch toggle when the camera has a lamp. Default `true`. */\n    torch?: boolean;\n    /** Viewport aspect ratio, `width / height`. Default `4 / 3`. */\n    aspectRatio?: number;\n    /** Locale for the labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Under the viewport — an instruction, the code just read, a manual-entry link. */\n    footer?: ReactNode;\n    /**\n     * Rendered instead of the camera when there is no decoder.\n     *\n     * Worth filling in: on iOS and Firefox this is the **only** thing the user sees, so\n     * the fallback is usually a plain text field for typing the code.\n     */\n    unsupported?: ReactNode;\n    /** A frame the engine refused to decode. Routine and usually transient. */\n    onError?: (error: unknown) => void;\n}\n\nconst STRINGS = {\n    \"pt-BR\": {\n        viewport: \"Visor da câmera\",\n        scanning: \"Procurando código…\",\n        paused: \"Leitura pausada\",\n        opening: \"Abrindo a câmera…\",\n        hint: \"Aponte a câmera para o código.\",\n        found: (value: string) => `Código lido: ${value}`,\n        torchOn: \"Desligar lanterna\",\n        torchOff: \"Ligar lanterna\",\n        unsupported: \"Este navegador não decodifica códigos de barras.\",\n        retry: \"Tentar de novo\",\n    },\n    en: {\n        viewport: \"Camera viewport\",\n        scanning: \"Looking for a code…\",\n        paused: \"Scanning paused\",\n        opening: \"Opening the camera…\",\n        hint: \"Point the camera at the code.\",\n        found: (value: string) => `Code read: ${value}`,\n        torchOn: \"Turn torch off\",\n        torchOff: \"Turn torch on\",\n        unsupported: \"This browser cannot decode barcodes.\",\n        retry: \"Try again\",\n    },\n} as const;\n\n/**\n * Point the camera at a barcode and get its value.\n *\n * The counterpart to {@link QRCode}, which only encodes. Under it are\n * `useBarcodeScanner` (the detect loop and repeat suppression), `useCameraStream` (the\n * stream and its classified errors) and `useTorch`.\n *\n * **Mounting this opens the camera**, so mount it when the user asks to scan rather\n * than on a page that happens to contain a scanner: a permission prompt nobody\n * provoked is the surest way to earn a permanent block, and after that `getUserMedia`\n * rejects without ever prompting again. The usual shape is a button that reveals it.\n *\n * The `unsupported` slot is not a nicety. `BarcodeDetector` is Chromium-only — absent\n * on Firefox, on every browser on iOS, and on Chromium for Windows and Linux — so on a\n * large share of real devices the fallback *is* the feature. Give it a text field, or\n * inject a polyfill through `detector`.\n *\n * The preview itself is `aria-hidden`: a live camera frame has nothing to announce and\n * no audio to caption, so what a screen reader gets is the `role=\"status\"` line, which\n * says whether scanning is running and reads out each accepted code.\n *\n * @example\n * <BarcodeScanner\n *     formats={[\"ean_13\"]}\n *     onScan={({ rawValue }) => addToCart(rawValue)}\n *     footer={<small>Aponte para o código de barras da embalagem.</small>}\n *     unsupported={<ManualCodeInput onSubmit={addToCart} />}\n * />\n */\nexport function BarcodeScanner({\n    onScan,\n    formats,\n    paused = false,\n    detector,\n    intervalMs,\n    repeatDelayMs,\n    torch = true,\n    aspectRatio = 4 / 3,\n    locale = \"pt-BR\",\n    footer,\n    unsupported,\n    onError,\n    className,\n    ...rest\n}: BarcodeScannerProps) {\n    const strings = STRINGS[locale];\n    const {\n        videoRef,\n        status,\n        error,\n        supported,\n        scanning,\n        result,\n        torch: lamp,\n        retry,\n    } = useBarcodeScanner({\n        formats,\n        paused,\n        detector,\n        intervalMs,\n        repeatDelayMs,\n        onScan,\n        onError,\n    });\n\n    if (!supported) {\n        return (\n            <div className={cn(styles.scanner, className)} {...rest}>\n                <p className={styles.notice}>{strings.unsupported}</p>\n                {unsupported}\n            </div>\n        );\n    }\n\n    const message = result\n        ? strings.found(result.rawValue)\n        : paused\n          ? strings.paused\n          : scanning\n            ? strings.scanning\n            : strings.opening;\n\n    return (\n        <div className={cn(styles.scanner, className)} {...rest}>\n            <div\n                className={styles.viewport}\n                style={{ aspectRatio: String(aspectRatio) }}\n                aria-label={strings.viewport}\n                role=\"group\"\n            >\n                <video\n                    ref={videoRef}\n                    className={styles.video}\n                    muted\n                    playsInline\n                    aria-hidden=\"true\"\n                />\n\n                {status === \"ready\" && (\n                    <div className={styles.frame} aria-hidden=\"true\">\n                        <span className={cn(styles.laser, scanning && styles.laserActive)} />\n                    </div>\n                )}\n\n                {torch && lamp.supported && (\n                    <button\n                        type=\"button\"\n                        className={styles.torch}\n                        onClick={() => void lamp.toggle()}\n                        aria-pressed={lamp.on}\n                        aria-label={lamp.on ? strings.torchOn : strings.torchOff}\n                    >\n                        {lamp.on ? (\n                            <FlashlightOff size={18} aria-hidden />\n                        ) : (\n                            <Flashlight size={18} aria-hidden />\n                        )}\n                    </button>\n                )}\n\n                {error && (\n                    <div className={styles.overlay} role=\"alert\">\n                        <p className={styles.overlayText}>{error.message}</p>\n                        <button type=\"button\" className={styles.retry} onClick={retry}>\n                            {strings.retry}\n                        </button>\n                    </div>\n                )}\n            </div>\n\n            {!error && (\n                <p className={styles.status} role=\"status\">\n                    <ScanLine size={14} aria-hidden className={styles.statusIcon} />\n                    {message}\n                </p>\n            )}\n\n            {footer ? <div className={styles.footer}>{footer}</div> : null}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAsDA,IAAME,IAAU;CACZ,SAAS;EACL,UAAU;EACV,UAAU;EACV,QAAQ;EACR,SAAS;EACT,MAAM;EACN,QAAQ,MAAkB,gBAAgBC;EAC1C,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;CACX;CACA,IAAI;EACA,UAAU;EACV,UAAU;EACV,QAAQ;EACR,SAAS;EACT,MAAM;EACN,QAAQ,MAAkB,cAAcA;EACxC,SAAS;EACT,UAAU;EACV,aAAa;EACb,OAAO;CACX;AACJ;AA+BA,SAAgBC,EAAe,EAC3B,WACA,YACA,YAAS,IACT,aACA,eACA,kBACA,WAAQ,IACR,iBAAc,IAAI,GAClB,YAAS,SACT,WACA,gBACA,YACA,cACA,GAAGC,KACiB;CACpB,IAAMC,IAAUJ,EAAQK,IAClB,EACF,aACA,WACA,UACA,cACA,aACA,WACA,OAAOC,GACP,aACAC,EAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;CACJ,CAAC;CAED,IAAI,CAACC,GACD,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGX,EAAO,SAASY,CAAS;EAAG,GAAIP;EAAnD,UAAA,CACI,kBAAC,KAAD;GAAG,WAAWL,EAAO;GAAS,UAAAM,EAAQ;EAAe,CAAA,GACpDO,CACA;;CAIb,IAAMC,IAAUC,IACVT,EAAQ,MAAMS,EAAO,QAAQ,IAC7BC,IACEV,EAAQ,SACRW,IACEX,EAAQ,WACRA,EAAQ;CAElB,OACI,kBAAC,OAAD;EAAK,WAAWK,EAAGX,EAAO,SAASY,CAAS;EAAG,GAAIP;EAAnD,UAAA;GACI,kBAAC,OAAD;IACI,WAAWL,EAAO;IAClB,OAAO,EAAE,aAAa,OAAOkB,CAAW,EAAE;IAC1C,cAAYZ,EAAQ;IACpB,MAAK;IAJT,UAAA;KAMI,kBAAC,SAAD;MACI,KAAKa;MACL,WAAWnB,EAAO;MAClB,OAAA;MACA,aAAA;MACA,eAAY;KACf,CAAA;KAEAoB,MAAW,WACR,kBAAC,OAAD;MAAK,WAAWpB,EAAO;MAAO,eAAY;MACtC,UAAA,kBAAC,QAAD,EAAM,WAAWW,EAAGX,EAAO,OAAOiB,KAAYjB,EAAO,WAAW,EAAI,CAAA;KACnE,CAAA;KAGRqB,KAASb,EAAK,aACX,kBAAC,UAAD;MACI,MAAK;MACL,WAAWR,EAAO;MAClB,eAAe,KAAKQ,EAAK,OAAO;MAChC,gBAAcA,EAAK;MACnB,cAAYA,EAAK,KAAKF,EAAQ,UAAUA,EAAQ;MAE/C,UAAAE,EAAK,KACF,kBAACc,GAAD;OAAe,MAAM;OAAI,eAAA;MAAa,CAAA,IAEtC,kBAACC,GAAD;OAAY,MAAM;OAAI,eAAA;MAAa,CAAA;KAEnC,CAAA;KAGXC,KACG,kBAAC,OAAD;MAAK,WAAWxB,EAAO;MAAS,MAAK;MAArC,UAAA,CACI,kBAAC,KAAD;OAAG,WAAWA,EAAO;OAAc,UAAAwB,EAAM;MAAW,CAAA,GACpD,kBAAC,UAAD;OAAQ,MAAK;OAAS,WAAWxB,EAAO;OAAO,SAASyB;OACnD,UAAAnB,EAAQ;MACL,CAAA,CACP;;IAER;;GAEJ,CAACkB,KACE,kBAAC,KAAD;IAAG,WAAWxB,EAAO;IAAQ,MAAK;IAAlC,UAAA,CACI,kBAAC0B,GAAD;KAAU,MAAM;KAAI,eAAA;KAAY,WAAW1B,EAAO;IAAa,CAAA,GAC9Dc,CACF;;GAGNa,IAAS,kBAAC,OAAD;IAAK,WAAW3B,EAAO;IAAS,UAAA2B;GAAY,CAAA,IAAI;EACzD;;AAEb"}

package/dist/components/BarcodeScanner/BarcodeScanner.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BarcodeScanner.module.cjs","names":[],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.module.css"],"sourcesContent":[".scanner {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The viewport is a fixed-ratio box and the video fills it with `object-fit: cover`,\n * because a camera hands back whatever aspect ratio the device felt like: letting the\n * element size itself makes the layout jump the moment the stream arrives, which on a\n * phone pushes the button the user was aiming at off the screen.\n */\n.viewport {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface-3);\n}\n\n.video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/*\n * Corner brackets: they tell the user where to aim without hiding the frame, which a\n * full border or a dimming mask would. Eight background layers — a horizontal and a\n * vertical bar per corner — because a `linear-gradient` cannot draw an L.\n */\n.frame {\n    position: absolute;\n    inset: 12%;\n    background-image:\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0);\n    background-repeat: no-repeat;\n    background-size:\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%;\n    background-position:\n        left top,\n        left top,\n        right top,\n        right top,\n        left bottom,\n        left bottom,\n        right bottom,\n        right bottom;\n    pointer-events: none;\n}\n\n.laser {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    opacity: 0.35;\n}\n\n.laserActive {\n    opacity: 0.9;\n    animation: tempest-barcode-sweep 1.6s ease-in-out infinite alternate;\n}\n\n@keyframes tempest-barcode-sweep {\n    from {\n        top: 0;\n    }\n    to {\n        top: calc(100% - 2px);\n    }\n}\n\n/*\n * A sweeping line is the one animation here, and it is the first thing to drop: the\n * indicator that matters is the `role=\"status\"` text, so with reduced motion the line\n * simply sits still at the top of the frame.\n */\n@media (prefers-reduced-motion: reduce) {\n    .laserActive {\n        animation: none;\n    }\n}\n\n.torch {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.torch[aria-pressed=\"true\"] {\n    border-color: var(--tempest-warning);\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.torch:focus-visible,\n.retry:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .torch {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .torch::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    background-color: var(--tempest-surface);\n    text-align: center;\n}\n\n.overlayText {\n    margin: 0;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.status {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.statusIcon {\n    flex: 0 0 auto;\n}\n\n.notice {\n    margin: 0;\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n"],"mappings":";"}
+{"version":3,"file":"BarcodeScanner.module.cjs","names":["scanner","viewport","video","frame","laser","laserActive","tempestBarcodeSweep","torch","retry","overlay","overlayText","status","statusIcon","notice","footer","BarcodeScanner_module_default"],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.module.css"],"sourcesContent":[".scanner {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The viewport is a fixed-ratio box and the video fills it with `object-fit: cover`,\n * because a camera hands back whatever aspect ratio the device felt like: letting the\n * element size itself makes the layout jump the moment the stream arrives, which on a\n * phone pushes the button the user was aiming at off the screen.\n */\n.viewport {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface-3);\n}\n\n.video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/*\n * Corner brackets: they tell the user where to aim without hiding the frame, which a\n * full border or a dimming mask would. Eight background layers — a horizontal and a\n * vertical bar per corner — because a `linear-gradient` cannot draw an L.\n */\n.frame {\n    position: absolute;\n    inset: 12%;\n    background-image:\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0);\n    background-repeat: no-repeat;\n    background-size:\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%;\n    background-position:\n        left top,\n        left top,\n        right top,\n        right top,\n        left bottom,\n        left bottom,\n        right bottom,\n        right bottom;\n    pointer-events: none;\n}\n\n.laser {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    opacity: 0.35;\n}\n\n.laserActive {\n    opacity: 0.9;\n    animation: tempest-barcode-sweep 1.6s ease-in-out infinite alternate;\n}\n\n@keyframes tempest-barcode-sweep {\n    from {\n        top: 0;\n    }\n    to {\n        top: calc(100% - 2px);\n    }\n}\n\n/*\n * A sweeping line is the one animation here, and it is the first thing to drop: the\n * indicator that matters is the `role=\"status\"` text, so with reduced motion the line\n * simply sits still at the top of the frame.\n */\n@media (prefers-reduced-motion: reduce) {\n    .laserActive {\n        animation: none;\n    }\n}\n\n.torch {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.torch[aria-pressed=\"true\"] {\n    border-color: var(--tempest-warning);\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.torch:focus-visible,\n.retry:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .torch {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .torch::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    background-color: var(--tempest-surface);\n    text-align: center;\n}\n\n.overlayText {\n    margin: 0;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.status {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.statusIcon {\n    flex: 0 0 auto;\n}\n\n.notice {\n    margin: 0;\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n"],"mappings":";"}

package/dist/components/BarcodeScanner/BarcodeScanner.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarcodeScanner.module.js","names":[],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.module.css"],"sourcesContent":[".scanner {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The viewport is a fixed-ratio box and the video fills it with `object-fit: cover`,\n * because a camera hands back whatever aspect ratio the device felt like: letting the\n * element size itself makes the layout jump the moment the stream arrives, which on a\n * phone pushes the button the user was aiming at off the screen.\n */\n.viewport {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface-3);\n}\n\n.video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/*\n * Corner brackets: they tell the user where to aim without hiding the frame, which a\n * full border or a dimming mask would. Eight background layers — a horizontal and a\n * vertical bar per corner — because a `linear-gradient` cannot draw an L.\n */\n.frame {\n    position: absolute;\n    inset: 12%;\n    background-image:\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0);\n    background-repeat: no-repeat;\n    background-size:\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%;\n    background-position:\n        left top,\n        left top,\n        right top,\n        right top,\n        left bottom,\n        left bottom,\n        right bottom,\n        right bottom;\n    pointer-events: none;\n}\n\n.laser {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    opacity: 0.35;\n}\n\n.laserActive {\n    opacity: 0.9;\n    animation: tempest-barcode-sweep 1.6s ease-in-out infinite alternate;\n}\n\n@keyframes tempest-barcode-sweep {\n    from {\n        top: 0;\n    }\n    to {\n        top: calc(100% - 2px);\n    }\n}\n\n/*\n * A sweeping line is the one animation here, and it is the first thing to drop: the\n * indicator that matters is the `role=\"status\"` text, so with reduced motion the line\n * simply sits still at the top of the frame.\n */\n@media (prefers-reduced-motion: reduce) {\n    .laserActive {\n        animation: none;\n    }\n}\n\n.torch {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.torch[aria-pressed=\"true\"] {\n    border-color: var(--tempest-warning);\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.torch:focus-visible,\n.retry:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .torch {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .torch::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    background-color: var(--tempest-surface);\n    text-align: center;\n}\n\n.overlayText {\n    margin: 0;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.status {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.statusIcon {\n    flex: 0 0 auto;\n}\n\n.notice {\n    margin: 0;\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n"],"mappings":";"}
+{"version":3,"file":"BarcodeScanner.module.js","names":["scanner","viewport","video","frame","laser","laserActive","tempestBarcodeSweep","torch","retry","overlay","overlayText","status","statusIcon","notice","footer","BarcodeScanner_module_default"],"sources":["../../../src/components/BarcodeScanner/BarcodeScanner.module.css"],"sourcesContent":[".scanner {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n/*\n * The viewport is a fixed-ratio box and the video fills it with `object-fit: cover`,\n * because a camera hands back whatever aspect ratio the device felt like: letting the\n * element size itself makes the layout jump the moment the stream arrives, which on a\n * phone pushes the button the user was aiming at off the screen.\n */\n.viewport {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface-3);\n}\n\n.video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/*\n * Corner brackets: they tell the user where to aim without hiding the frame, which a\n * full border or a dimming mask would. Eight background layers — a horizontal and a\n * vertical bar per corner — because a `linear-gradient` cannot draw an L.\n */\n.frame {\n    position: absolute;\n    inset: 12%;\n    background-image:\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0),\n        linear-gradient(var(--tempest-primary) 0 0), linear-gradient(var(--tempest-primary) 0 0);\n    background-repeat: no-repeat;\n    background-size:\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%,\n        22% 3px,\n        3px 22%;\n    background-position:\n        left top,\n        left top,\n        right top,\n        right top,\n        left bottom,\n        left bottom,\n        right bottom,\n        right bottom;\n    pointer-events: none;\n}\n\n.laser {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    opacity: 0.35;\n}\n\n.laserActive {\n    opacity: 0.9;\n    animation: tempest-barcode-sweep 1.6s ease-in-out infinite alternate;\n}\n\n@keyframes tempest-barcode-sweep {\n    from {\n        top: 0;\n    }\n    to {\n        top: calc(100% - 2px);\n    }\n}\n\n/*\n * A sweeping line is the one animation here, and it is the first thing to drop: the\n * indicator that matters is the `role=\"status\"` text, so with reduced motion the line\n * simply sits still at the top of the frame.\n */\n@media (prefers-reduced-motion: reduce) {\n    .laserActive {\n        animation: none;\n    }\n}\n\n.torch {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.torch[aria-pressed=\"true\"] {\n    border-color: var(--tempest-warning);\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.torch:focus-visible,\n.retry:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .torch {\n        transition: none;\n    }\n}\n\n/* Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. */\n@media (pointer: coarse) {\n    .torch::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    background-color: var(--tempest-surface);\n    text-align: center;\n}\n\n.overlayText {\n    margin: 0;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.status {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    margin: 0;\n    min-height: 1.25em;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.statusIcon {\n    flex: 0 0 auto;\n}\n\n.notice {\n    margin: 0;\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.footer {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n"],"mappings":";"}

package/dist/components/BottomNavigation/BottomNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.cjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomNavigation.module.css\";\n\nexport interface BottomNavigationItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered above the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: BottomNavigationItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Show label below each icon. Default `true`. */\n    showLabels?: boolean;\n}\n\n/**\n * Fixed-bottom mobile tab bar. 3–5 items recommended. Pair with\n * `<Show below=\"md\">` to render only on mobile.\n *\n * @example\n * <Show below=\"md\">\n *     <BottomNavigation\n *         items={[\n *             { key: \"home\", label: \"Início\", icon: <Home /> },\n *             { key: \"search\", label: \"Buscar\", icon: <Search /> },\n *             { key: \"profile\", label: \"Perfil\", icon: <User /> },\n *         ]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function BottomNavigation({\n    items,\n    value,\n    onChange,\n    showLabels = true,\n    className,\n    ...props\n}: BottomNavigationProps) {\n    return (\n        <nav className={cn(styles.bar, className)} aria-label=\"Navegação principal\" {...props}>\n            {items.map((item) => {\n                const active = item.key === value;\n                return (\n                    <button\n                        key={item.key}\n                        type=\"button\"\n                        className={cn(styles.item, active && styles.active)}\n                        aria-current={active ? \"page\" : undefined}\n                        disabled={item.disabled}\n                        onClick={() => onChange(item.key)}\n                    >\n                        <span className={styles.iconWrap}>\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </span>\n                        {showLabels && <span className={styles.label}>{item.label}</span>}\n                    </button>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":"oHA4CA,SAAgB,EAAiB,CAC7B,QACA,QACA,WACA,aAAa,GACb,YACA,GAAG,GACmB,CACtB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,CAAS,EAAG,aAAW,sBAAsB,GAAI,EAC3E,SAAA,EAAM,IAAK,GAAS,CACjB,IAAM,EAAS,EAAK,MAAQ,EAC5B,OACI,EAAA,EAAA,KAAA,CAAC,SAAD,CAEI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,MAAM,EAClD,eAAc,EAAS,OAAS,IAAA,GAChC,SAAU,EAAK,SACf,YAAe,EAAS,EAAK,GAAG,EANpC,SAAA,EAQI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SAAxB,SAAA,CACK,EAAK,OAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAO,SAAA,EAAK,IAAW,CAAA,EAC5D,EAAK,QAAU,IAAA,KACZ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,SAAA,EAAK,KAAY,CAAA,CAEnD,CACL,CAAA,EAAA,IAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,SAAA,EAAK,KAAY,CAAA,CAC5D,CAdC,EAAA,EAAK,GAcN,CAEhB,CAAC,CACA,CAAA,CAEb"}
+{"version":3,"file":"BottomNavigation.cjs","names":["cn","styles","require_cn","require_BottomNavigation_module","react_jsx_runtime","BottomNavigation","props","className","items","active","item","value","onChange","showLabels"],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomNavigation.module.css\";\n\nexport interface BottomNavigationItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered above the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: BottomNavigationItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Show label below each icon. Default `true`. */\n    showLabels?: boolean;\n}\n\n/**\n * Fixed-bottom mobile tab bar. 3–5 items recommended. Pair with\n * `<Show below=\"md\">` to render only on mobile.\n *\n * @example\n * <Show below=\"md\">\n *     <BottomNavigation\n *         items={[\n *             { key: \"home\", label: \"Início\", icon: <Home /> },\n *             { key: \"search\", label: \"Buscar\", icon: <Search /> },\n *             { key: \"profile\", label: \"Perfil\", icon: <User /> },\n *         ]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function BottomNavigation({\n    items,\n    value,\n    onChange,\n    showLabels = true,\n    className,\n    ...props\n}: BottomNavigationProps) {\n    return (\n        <nav className={cn(styles.bar, className)} aria-label=\"Navegação principal\" {...props}>\n            {items.map((item) => {\n                const active = item.key === value;\n                return (\n                    <button\n                        key={item.key}\n                        type=\"button\"\n                        className={cn(styles.item, active && styles.active)}\n                        aria-current={active ? \"page\" : undefined}\n                        disabled={item.disabled}\n                        onClick={() => onChange(item.key)}\n                    >\n                        <span className={styles.iconWrap}>\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </span>\n                        {showLabels && <span className={styles.label}>{item.label}</span>}\n                    </button>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":"A,oHA4CA,SAAgBK,EAAiB,CAC7B,QACA,QACA,WACA,aAAa,GACb,YACA,GAAGC,GACmB,CACtB,OACI,EAAAF,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,IAAKM,CAAS,EAAG,aAAW,sBAAsB,GAAID,EAC3E,SAAAE,EAAM,IAAK,GAAS,CACjB,IAAMC,EAASC,EAAK,MAAQC,EAC5B,OACI,EAAAP,EAAA,KAAA,CAAC,SAAD,CAEI,KAAK,SACL,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,KAAMQ,GAAUR,EAAAA,QAAO,MAAM,EAClD,eAAcQ,EAAS,OAAS,IAAA,GAChC,SAAUC,EAAK,SACf,YAAeE,EAASF,EAAK,GAAG,EANpC,SAAA,EAQI,EAAAN,EAAA,KAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,QAAO,SAAxB,SAAA,CACKS,EAAK,OAAQ,EAAAN,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,QAAO,KAAO,SAAAS,EAAK,IAAW,CAAA,EAC5DA,EAAK,QAAU,IAAA,KACZ,EAAAN,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,QAAO,MAAQ,SAAAS,EAAK,KAAY,CAAA,CAEnD,CACL,CAAA,EAAAG,IAAc,EAAAT,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,QAAO,MAAQ,SAAAS,EAAK,KAAY,CAAA,CAC5D,CAdC,EAAAA,EAAK,GAcN,CAEhB,CAAC,CACA,CAAA,CAEb,C"}

package/dist/components/BottomNavigation/BottomNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.js","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomNavigation.module.css\";\n\nexport interface BottomNavigationItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered above the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: BottomNavigationItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Show label below each icon. Default `true`. */\n    showLabels?: boolean;\n}\n\n/**\n * Fixed-bottom mobile tab bar. 3–5 items recommended. Pair with\n * `<Show below=\"md\">` to render only on mobile.\n *\n * @example\n * <Show below=\"md\">\n *     <BottomNavigation\n *         items={[\n *             { key: \"home\", label: \"Início\", icon: <Home /> },\n *             { key: \"search\", label: \"Buscar\", icon: <Search /> },\n *             { key: \"profile\", label: \"Perfil\", icon: <User /> },\n *         ]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function BottomNavigation({\n    items,\n    value,\n    onChange,\n    showLabels = true,\n    className,\n    ...props\n}: BottomNavigationProps) {\n    return (\n        <nav className={cn(styles.bar, className)} aria-label=\"Navegação principal\" {...props}>\n            {items.map((item) => {\n                const active = item.key === value;\n                return (\n                    <button\n                        key={item.key}\n                        type=\"button\"\n                        className={cn(styles.item, active && styles.active)}\n                        aria-current={active ? \"page\" : undefined}\n                        disabled={item.disabled}\n                        onClick={() => onChange(item.key)}\n                    >\n                        <span className={styles.iconWrap}>\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </span>\n                        {showLabels && <span className={styles.label}>{item.label}</span>}\n                    </button>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":";;;;AA4CA,SAAgB,EAAiB,EAC7B,UACA,UACA,aACA,gBAAa,IACb,cACA,GAAG,KACmB;CACtB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,KAAK,CAAS;EAAG,cAAW;EAAsB,GAAI;EAC3E,UAAA,EAAM,KAAK,MAAS;GACjB,IAAM,IAAS,EAAK,QAAQ;GAC5B,OACI,kBAAC,UAAD;IAEI,MAAK;IACL,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,MAAM;IAClD,gBAAc,IAAS,SAAS,KAAA;IAChC,UAAU,EAAK;IACf,eAAe,EAAS,EAAK,GAAG;IANpC,UAAA,CAQI,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAxB,UAAA,CACK,EAAK,QAAQ,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAO,UAAA,EAAK;KAAW,CAAA,GAC5D,EAAK,UAAU,KAAA,KACZ,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAQ,UAAA,EAAK;KAAY,CAAA,CAEnD;IACL,CAAA,GAAA,KAAc,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,UAAA,EAAK;IAAY,CAAA,CAC5D;GAdC,GAAA,EAAK,GAcN;EAEhB,CAAC;CACA,CAAA;AAEb"}
+{"version":3,"file":"BottomNavigation.js","names":["styles","BottomNavigation_module_default","BottomNavigation","props","cn","className","items","active","item","value","onChange","showLabels"],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomNavigation.module.css\";\n\nexport interface BottomNavigationItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered above the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport interface BottomNavigationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: BottomNavigationItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Show label below each icon. Default `true`. */\n    showLabels?: boolean;\n}\n\n/**\n * Fixed-bottom mobile tab bar. 3–5 items recommended. Pair with\n * `<Show below=\"md\">` to render only on mobile.\n *\n * @example\n * <Show below=\"md\">\n *     <BottomNavigation\n *         items={[\n *             { key: \"home\", label: \"Início\", icon: <Home /> },\n *             { key: \"search\", label: \"Buscar\", icon: <Search /> },\n *             { key: \"profile\", label: \"Perfil\", icon: <User /> },\n *         ]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function BottomNavigation({\n    items,\n    value,\n    onChange,\n    showLabels = true,\n    className,\n    ...props\n}: BottomNavigationProps) {\n    return (\n        <nav className={cn(styles.bar, className)} aria-label=\"Navegação principal\" {...props}>\n            {items.map((item) => {\n                const active = item.key === value;\n                return (\n                    <button\n                        key={item.key}\n                        type=\"button\"\n                        className={cn(styles.item, active && styles.active)}\n                        aria-current={active ? \"page\" : undefined}\n                        disabled={item.disabled}\n                        onClick={() => onChange(item.key)}\n                    >\n                        <span className={styles.iconWrap}>\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </span>\n                        {showLabels && <span className={styles.label}>{item.label}</span>}\n                    </button>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":";;;;AA4CA,SAAgBE,EAAiB,EAC7B,UACA,UACA,aACA,gBAAa,IACb,cACA,GAAGC,KACmB;CACtB,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGJ,EAAO,KAAKK,CAAS;EAAG,cAAW;EAAsB,GAAIF;EAC3E,UAAAG,EAAM,KAAK,MAAS;GACjB,IAAMC,IAASC,EAAK,QAAQC;GAC5B,OACI,kBAAC,UAAD;IAEI,MAAK;IACL,WAAWL,EAAGJ,EAAO,MAAMO,KAAUP,EAAO,MAAM;IAClD,gBAAcO,IAAS,SAAS,KAAA;IAChC,UAAUC,EAAK;IACf,eAAeE,EAASF,EAAK,GAAG;IANpC,UAAA,CAQI,kBAAC,QAAD;KAAM,WAAWR,EAAO;KAAxB,UAAA,CACKQ,EAAK,QAAQ,kBAAC,QAAD;MAAM,WAAWR,EAAO;MAAO,UAAAQ,EAAK;KAAW,CAAA,GAC5DA,EAAK,UAAU,KAAA,KACZ,kBAAC,QAAD;MAAM,WAAWR,EAAO;MAAQ,UAAAQ,EAAK;KAAY,CAAA,CAEnD;IACL,CAAA,GAAAG,KAAc,kBAAC,QAAD;KAAM,WAAWX,EAAO;KAAQ,UAAAQ,EAAK;IAAY,CAAA,CAC5D;GAdC,GAAAA,EAAK,GAcN;EAEhB,CAAC;CACA,CAAA;AAEb"}

package/dist/components/BottomNavigation/BottomNavigation.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.module.cjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    width: 100%;\n    background: var(--tempest-surface);\n    border-top: 1px solid var(--tempest-border);\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    font-family: var(--tempest-font-sans);\n}\n\n.item {\n    flex: 1 1 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    padding: 8px 4px;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition: color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    min-height: 56px;\n}\n\n.item:hover {\n    color: var(--tempest-text);\n}\n\n.item.active {\n    color: var(--tempest-primary);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 20px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":";"}
+{"version":3,"file":"BottomNavigation.module.cjs","names":["bar","item","active","iconWrap","icon","badge","label","BottomNavigation_module_default"],"sources":["../../../src/components/BottomNavigation/BottomNavigation.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    width: 100%;\n    background: var(--tempest-surface);\n    border-top: 1px solid var(--tempest-border);\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    font-family: var(--tempest-font-sans);\n}\n\n.item {\n    flex: 1 1 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    padding: 8px 4px;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition: color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    min-height: 56px;\n}\n\n.item:hover {\n    color: var(--tempest-text);\n}\n\n.item.active {\n    color: var(--tempest-primary);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 20px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":";"}

package/dist/components/BottomNavigation/BottomNavigation.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.module.js","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    width: 100%;\n    background: var(--tempest-surface);\n    border-top: 1px solid var(--tempest-border);\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    font-family: var(--tempest-font-sans);\n}\n\n.item {\n    flex: 1 1 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    padding: 8px 4px;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition: color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    min-height: 56px;\n}\n\n.item:hover {\n    color: var(--tempest-text);\n}\n\n.item.active {\n    color: var(--tempest-primary);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 20px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":";"}
+{"version":3,"file":"BottomNavigation.module.js","names":["bar","item","active","iconWrap","icon","badge","label","BottomNavigation_module_default"],"sources":["../../../src/components/BottomNavigation/BottomNavigation.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    width: 100%;\n    background: var(--tempest-surface);\n    border-top: 1px solid var(--tempest-border);\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    font-family: var(--tempest-font-sans);\n}\n\n.item {\n    flex: 1 1 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    padding: 8px 4px;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition: color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n    min-height: 56px;\n}\n\n.item:hover {\n    color: var(--tempest-text);\n}\n\n.item.active {\n    color: var(--tempest-primary);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 20px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":";"}

package/dist/components/BottomSheet/BottomSheet.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.cjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useEscapeLayer } from \"@/components/Portal/escape-layer\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomSheet.module.css\";\nimport { usePortalHost } from \"../Portal/portal-host\";\n\nexport interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Controlled open state. */\n    open: boolean;\n    /** Fires when user dismisses (backdrop click, Esc, swipe). */\n    onClose: () => void;\n    /** Optional title rendered at the top of the sheet. */\n    title?: ReactNode;\n    /** Show a drag handle indicator at the top. Default `true`. */\n    showHandle?: boolean;\n    /** When `true`, clicking the backdrop closes the sheet. Default `true`. */\n    dismissOnBackdrop?: boolean;\n    /** When `true`, pressing Esc closes the sheet. Default `true`. */\n    dismissOnEsc?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Slide-up modal panel — mobile-style sheet anchored to the bottom edge.\n * Uses portal + safe-area padding + scroll lock, and traps keyboard focus in the\n * sheet like `Modal`: focus enters on open, `Tab` cycles inside and returns to\n * the opener on close.\n *\n * @example\n * <BottomSheet open={open} onClose={() => setOpen(false)} title=\"Filters\">\n *     <FilterForm />\n * </BottomSheet>\n */\nexport function BottomSheet({\n    open,\n    onClose,\n    title,\n    showHandle = true,\n    dismissOnBackdrop = true,\n    dismissOnEsc = true,\n    className,\n    children,\n    ...props\n}: BottomSheetProps) {\n    const rootRef = useRef<HTMLDivElement>(null);\n    useFocusTrap(rootRef, open);\n    useEscapeLayer(open, dismissOnEsc ? onClose : null);\n\n    useEffect(() => {\n        if (!open) return;\n        const previous = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = previous;\n        };\n    }, [open]);\n\n    const portalHost = usePortalHost();\n\n    if (!open || !portalHost) return null;\n\n    return createPortal(\n        <div ref={rootRef} className={styles.root} role=\"dialog\" aria-modal=\"true\" tabIndex={-1}>\n            <div\n                className={styles.backdrop}\n                onClick={() => dismissOnBackdrop && onClose()}\n                aria-hidden=\"true\"\n            />\n            <div className={cn(styles.sheet, className)} {...props}>\n                {showHandle && (\n                    <button\n                        type=\"button\"\n                        className={styles.handle}\n                        aria-label=\"Arrastar para fechar\"\n                        onClick={onClose}\n                    >\n                        <span className={styles.handleBar} />\n                    </button>\n                )}\n                {title && <div className={styles.title}>{title}</div>}\n                <div className={styles.body}>{children}</div>\n            </div>\n        </div>,\n        portalHost,\n    );\n}\n"],"mappings":"oRAoCA,SAAgB,EAAY,CACxB,OACA,UACA,QACA,aAAa,GACb,oBAAoB,GACpB,eAAe,GACf,YACA,WACA,GAAG,GACc,CACjB,IAAM,GAAA,EAAU,EAAA,OAAA,CAAuB,IAAI,EAC3C,EAAA,aAAa,EAAS,CAAI,EAC1B,EAAA,eAAe,EAAM,EAAe,EAAU,IAAI,GAElD,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAW,SAAS,KAAK,MAAM,SAErC,MADA,UAAS,KAAK,MAAM,SAAW,aAClB,CACT,SAAS,KAAK,MAAM,SAAW,CACnC,CACJ,EAAG,CAAC,CAAI,CAAC,EAET,IAAM,EAAa,EAAA,cAAc,EAIjC,MAFI,CAAC,GAAQ,CAAC,EAAmB,MAEjC,EAAO,EAAA,aAAA,EACH,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,IAAK,EAAS,UAAW,EAAA,QAAO,KAAM,KAAK,SAAS,aAAW,OAAO,SAAU,GAArF,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,SAClB,YAAe,GAAqB,EAAQ,EAC5C,cAAY,MACf,CAAA,GACD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EAAG,GAAI,EAAjD,SAAA,CACK,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,OAClB,aAAW,uBACX,QAAS,EAET,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SAAY,CAAA,CAChC,CAAA,EAEX,IAAS,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAW,CAAA,GACpD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAO,UAAc,CAAA,CAC3C,CACJ,CAAA,CAAA,CACL,CAAA,EAAA,CACJ,CACJ"}
+{"version":3,"file":"BottomSheet.cjs","names":["useRef","usePortalHost","createPortal","styles","cn","require_cn","require_escape_layer","require_use_focus_trap","require_BottomSheet_module","require_portal_host","react","react_jsx_runtime","react_dom","BottomSheet","props","rootRef","open","dismissOnEsc","onClose","previous","portalHost","dismissOnBackdrop","className","showHandle","title"],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useEscapeLayer } from \"@/components/Portal/escape-layer\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomSheet.module.css\";\nimport { usePortalHost } from \"../Portal/portal-host\";\n\nexport interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Controlled open state. */\n    open: boolean;\n    /** Fires when user dismisses (backdrop click, Esc, swipe). */\n    onClose: () => void;\n    /** Optional title rendered at the top of the sheet. */\n    title?: ReactNode;\n    /** Show a drag handle indicator at the top. Default `true`. */\n    showHandle?: boolean;\n    /** When `true`, clicking the backdrop closes the sheet. Default `true`. */\n    dismissOnBackdrop?: boolean;\n    /** When `true`, pressing Esc closes the sheet. Default `true`. */\n    dismissOnEsc?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Slide-up modal panel — mobile-style sheet anchored to the bottom edge.\n * Uses portal + safe-area padding + scroll lock, and traps keyboard focus in the\n * sheet like `Modal`: focus enters on open, `Tab` cycles inside and returns to\n * the opener on close.\n *\n * @example\n * <BottomSheet open={open} onClose={() => setOpen(false)} title=\"Filters\">\n *     <FilterForm />\n * </BottomSheet>\n */\nexport function BottomSheet({\n    open,\n    onClose,\n    title,\n    showHandle = true,\n    dismissOnBackdrop = true,\n    dismissOnEsc = true,\n    className,\n    children,\n    ...props\n}: BottomSheetProps) {\n    const rootRef = useRef<HTMLDivElement>(null);\n    useFocusTrap(rootRef, open);\n    useEscapeLayer(open, dismissOnEsc ? onClose : null);\n\n    useEffect(() => {\n        if (!open) return;\n        const previous = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = previous;\n        };\n    }, [open]);\n\n    const portalHost = usePortalHost();\n\n    if (!open || !portalHost) return null;\n\n    return createPortal(\n        <div ref={rootRef} className={styles.root} role=\"dialog\" aria-modal=\"true\" tabIndex={-1}>\n            <div\n                className={styles.backdrop}\n                onClick={() => dismissOnBackdrop && onClose()}\n                aria-hidden=\"true\"\n            />\n            <div className={cn(styles.sheet, className)} {...props}>\n                {showHandle && (\n                    <button\n                        type=\"button\"\n                        className={styles.handle}\n                        aria-label=\"Arrastar para fechar\"\n                        onClick={onClose}\n                    >\n                        <span className={styles.handleBar} />\n                    </button>\n                )}\n                {title && <div className={styles.title}>{title}</div>}\n                <div className={styles.body}>{children}</div>\n            </div>\n        </div>,\n        portalHost,\n    );\n}\n"],"mappings":"A,oRAoCA,SAAgBa,EAAY,CACxB,OACA,UACA,QACA,aAAa,GACb,oBAAoB,GACpB,eAAe,GACf,YACA,WACA,GAAGC,GACc,CACjB,IAAMC,GAAA,EAAUf,EAAAA,OAAAA,CAAuB,IAAI,EAC3CO,EAAA,aAAaQ,EAASC,CAAI,EAC1BV,EAAA,eAAeU,EAAMC,EAAeC,EAAU,IAAI,GAElD,EAAAR,EAAA,UAAA,KAAgB,CACZ,GAAI,CAACM,EAAM,OACX,IAAMG,EAAW,SAAS,KAAK,MAAM,SAErC,MADA,UAAS,KAAK,MAAM,SAAW,aAClB,CACT,SAAS,KAAK,MAAM,SAAWA,CACnC,CACJ,EAAG,CAACH,CAAI,CAAC,EAET,IAAMI,EAAanB,EAAAA,cAAc,EAIjC,MAFI,CAACe,GAAQ,CAACI,EAAmB,MAEjC,EAAOlB,EAAAA,aAAAA,EACH,EAAAS,EAAA,KAAA,CAAC,MAAD,CAAK,IAAKI,EAAS,UAAWZ,EAAAA,QAAO,KAAM,KAAK,SAAS,aAAW,OAAO,SAAU,GAArF,SAAA,EACI,EAAAQ,EAAA,IAAA,CAAC,MAAD,CACI,UAAWR,EAAAA,QAAO,SAClB,YAAekB,GAAqBH,EAAQ,EAC5C,cAAY,MACf,CAAA,GACD,EAAAP,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWP,EAAAA,GAAGD,EAAAA,QAAO,MAAOmB,CAAS,EAAG,GAAIR,EAAjD,SAAA,CACKS,IACG,EAAAZ,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAWR,EAAAA,QAAO,OAClB,aAAW,uBACX,QAASe,EAET,UAAA,EAAAP,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWR,EAAAA,QAAO,SAAY,CAAA,CAChC,CAAA,EAEXqB,IAAS,EAAAb,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWR,EAAAA,QAAO,MAAQ,SAAAqB,CAAW,CAAA,GACpD,EAAAb,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWR,EAAAA,QAAO,KAAO,UAAc,CAAA,CAC3C,CACJ,CAAA,CAAA,CACL,CAAA,EAAAiB,CACJ,CACJ,C"}

package/dist/components/BottomSheet/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useEscapeLayer } from \"@/components/Portal/escape-layer\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomSheet.module.css\";\nimport { usePortalHost } from \"../Portal/portal-host\";\n\nexport interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Controlled open state. */\n    open: boolean;\n    /** Fires when user dismisses (backdrop click, Esc, swipe). */\n    onClose: () => void;\n    /** Optional title rendered at the top of the sheet. */\n    title?: ReactNode;\n    /** Show a drag handle indicator at the top. Default `true`. */\n    showHandle?: boolean;\n    /** When `true`, clicking the backdrop closes the sheet. Default `true`. */\n    dismissOnBackdrop?: boolean;\n    /** When `true`, pressing Esc closes the sheet. Default `true`. */\n    dismissOnEsc?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Slide-up modal panel — mobile-style sheet anchored to the bottom edge.\n * Uses portal + safe-area padding + scroll lock, and traps keyboard focus in the\n * sheet like `Modal`: focus enters on open, `Tab` cycles inside and returns to\n * the opener on close.\n *\n * @example\n * <BottomSheet open={open} onClose={() => setOpen(false)} title=\"Filters\">\n *     <FilterForm />\n * </BottomSheet>\n */\nexport function BottomSheet({\n    open,\n    onClose,\n    title,\n    showHandle = true,\n    dismissOnBackdrop = true,\n    dismissOnEsc = true,\n    className,\n    children,\n    ...props\n}: BottomSheetProps) {\n    const rootRef = useRef<HTMLDivElement>(null);\n    useFocusTrap(rootRef, open);\n    useEscapeLayer(open, dismissOnEsc ? onClose : null);\n\n    useEffect(() => {\n        if (!open) return;\n        const previous = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = previous;\n        };\n    }, [open]);\n\n    const portalHost = usePortalHost();\n\n    if (!open || !portalHost) return null;\n\n    return createPortal(\n        <div ref={rootRef} className={styles.root} role=\"dialog\" aria-modal=\"true\" tabIndex={-1}>\n            <div\n                className={styles.backdrop}\n                onClick={() => dismissOnBackdrop && onClose()}\n                aria-hidden=\"true\"\n            />\n            <div className={cn(styles.sheet, className)} {...props}>\n                {showHandle && (\n                    <button\n                        type=\"button\"\n                        className={styles.handle}\n                        aria-label=\"Arrastar para fechar\"\n                        onClick={onClose}\n                    >\n                        <span className={styles.handleBar} />\n                    </button>\n                )}\n                {title && <div className={styles.title}>{title}</div>}\n                <div className={styles.body}>{children}</div>\n            </div>\n        </div>,\n        portalHost,\n    );\n}\n"],"mappings":";;;;;;;;;AAoCA,SAAgB,EAAY,EACxB,SACA,YACA,UACA,gBAAa,IACb,uBAAoB,IACpB,kBAAe,IACf,cACA,aACA,GAAG,KACc;CACjB,IAAM,IAAU,EAAuB,IAAI;CAI3C,AAHA,EAAa,GAAS,CAAI,GAC1B,EAAe,GAAM,IAAe,IAAU,IAAI,GAElD,QAAgB;EACZ,IAAI,CAAC,GAAM;EACX,IAAM,IAAW,SAAS,KAAK,MAAM;EAErC,OADA,SAAS,KAAK,MAAM,WAAW,gBAClB;GACT,SAAS,KAAK,MAAM,WAAW;EACnC;CACJ,GAAG,CAAC,CAAI,CAAC;CAET,IAAM,IAAa,EAAc;CAIjC,OAFI,CAAC,KAAQ,CAAC,IAAmB,OAE1B,EACH,kBAAC,OAAD;EAAK,KAAK;EAAS,WAAW,EAAO;EAAM,MAAK;EAAS,cAAW;EAAO,UAAU;EAArF,UAAA,CACI,kBAAC,OAAD;GACI,WAAW,EAAO;GAClB,eAAe,KAAqB,EAAQ;GAC5C,eAAY;EACf,CAAA,GACD,kBAAC,OAAD;GAAK,WAAW,EAAG,EAAO,OAAO,CAAS;GAAG,GAAI;GAAjD,UAAA;IACK,KACG,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EAAO;KAClB,cAAW;KACX,SAAS;KAET,UAAA,kBAAC,QAAD,EAAM,WAAW,EAAO,UAAY,CAAA;IAChC,CAAA;IAEX,KAAS,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAQ,UAAA;IAAW,CAAA;IACpD,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAO;IAAc,CAAA;GAC3C;EACJ,CAAA,CAAA;CACL,CAAA,GAAA,CACJ;AACJ"}
+{"version":3,"file":"BottomSheet.js","names":["styles","BottomSheet_module_default","BottomSheet","props","rootRef","useRef","useFocusTrap","open","useEscapeLayer","dismissOnEsc","onClose","useEffect","previous","portalHost","usePortalHost","createPortal","dismissOnBackdrop","cn","className","showHandle","title"],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useEscapeLayer } from \"@/components/Portal/escape-layer\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./BottomSheet.module.css\";\nimport { usePortalHost } from \"../Portal/portal-host\";\n\nexport interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    /** Controlled open state. */\n    open: boolean;\n    /** Fires when user dismisses (backdrop click, Esc, swipe). */\n    onClose: () => void;\n    /** Optional title rendered at the top of the sheet. */\n    title?: ReactNode;\n    /** Show a drag handle indicator at the top. Default `true`. */\n    showHandle?: boolean;\n    /** When `true`, clicking the backdrop closes the sheet. Default `true`. */\n    dismissOnBackdrop?: boolean;\n    /** When `true`, pressing Esc closes the sheet. Default `true`. */\n    dismissOnEsc?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Slide-up modal panel — mobile-style sheet anchored to the bottom edge.\n * Uses portal + safe-area padding + scroll lock, and traps keyboard focus in the\n * sheet like `Modal`: focus enters on open, `Tab` cycles inside and returns to\n * the opener on close.\n *\n * @example\n * <BottomSheet open={open} onClose={() => setOpen(false)} title=\"Filters\">\n *     <FilterForm />\n * </BottomSheet>\n */\nexport function BottomSheet({\n    open,\n    onClose,\n    title,\n    showHandle = true,\n    dismissOnBackdrop = true,\n    dismissOnEsc = true,\n    className,\n    children,\n    ...props\n}: BottomSheetProps) {\n    const rootRef = useRef<HTMLDivElement>(null);\n    useFocusTrap(rootRef, open);\n    useEscapeLayer(open, dismissOnEsc ? onClose : null);\n\n    useEffect(() => {\n        if (!open) return;\n        const previous = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = previous;\n        };\n    }, [open]);\n\n    const portalHost = usePortalHost();\n\n    if (!open || !portalHost) return null;\n\n    return createPortal(\n        <div ref={rootRef} className={styles.root} role=\"dialog\" aria-modal=\"true\" tabIndex={-1}>\n            <div\n                className={styles.backdrop}\n                onClick={() => dismissOnBackdrop && onClose()}\n                aria-hidden=\"true\"\n            />\n            <div className={cn(styles.sheet, className)} {...props}>\n                {showHandle && (\n                    <button\n                        type=\"button\"\n                        className={styles.handle}\n                        aria-label=\"Arrastar para fechar\"\n                        onClick={onClose}\n                    >\n                        <span className={styles.handleBar} />\n                    </button>\n                )}\n                {title && <div className={styles.title}>{title}</div>}\n                <div className={styles.body}>{children}</div>\n            </div>\n        </div>,\n        portalHost,\n    );\n}\n"],"mappings":";;;;;;;;;AAoCA,SAAgBE,EAAY,EACxB,SACA,YACA,UACA,gBAAa,IACb,uBAAoB,IACpB,kBAAe,IACf,cACA,aACA,GAAGC,KACc;CACjB,IAAMC,IAAUC,EAAuB,IAAI;CAI3C,AAHAC,EAAaF,GAASG,CAAI,GAC1BC,EAAeD,GAAME,IAAeC,IAAU,IAAI,GAElDC,QAAgB;EACZ,IAAI,CAACJ,GAAM;EACX,IAAMK,IAAW,SAAS,KAAK,MAAM;EAErC,OADA,SAAS,KAAK,MAAM,WAAW,gBAClB;GACT,SAAS,KAAK,MAAM,WAAWA;EACnC;CACJ,GAAG,CAACL,CAAI,CAAC;CAET,IAAMM,IAAaC,EAAc;CAIjC,OAFI,CAACP,KAAQ,CAACM,IAAmB,OAE1BE,EACH,kBAAC,OAAD;EAAK,KAAKX;EAAS,WAAWJ,EAAO;EAAM,MAAK;EAAS,cAAW;EAAO,UAAU;EAArF,UAAA,CACI,kBAAC,OAAD;GACI,WAAWA,EAAO;GAClB,eAAegB,KAAqBN,EAAQ;GAC5C,eAAY;EACf,CAAA,GACD,kBAAC,OAAD;GAAK,WAAWO,EAAGjB,EAAO,OAAOkB,CAAS;GAAG,GAAIf;GAAjD,UAAA;IACKgB,KACG,kBAAC,UAAD;KACI,MAAK;KACL,WAAWnB,EAAO;KAClB,cAAW;KACX,SAASU;KAET,UAAA,kBAAC,QAAD,EAAM,WAAWV,EAAO,UAAY,CAAA;IAChC,CAAA;IAEXoB,KAAS,kBAAC,OAAD;KAAK,WAAWpB,EAAO;KAAQ,UAAAoB;IAAW,CAAA;IACpD,kBAAC,OAAD;KAAK,WAAWpB,EAAO;KAAO;IAAc,CAAA;GAC3C;EACJ,CAAA,CAAA;CACL,CAAA,GAAAa,CACJ;AACJ"}

package/dist/components/BottomSheet/BottomSheet.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.module.cjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.module.css"],"sourcesContent":[".root {\n    position: fixed;\n    inset: 0;\n    z-index: 60;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n}\n\n.backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgb(0 0 0 / 0.45);\n    animation: fadeIn var(--tempest-duration-base, 200ms) var(--tempest-ease-out, ease-out);\n}\n\n.sheet {\n    position: relative;\n    width: 100%;\n    max-width: 720px;\n    max-height: 90dvh;\n    background: var(--tempest-surface);\n    border-top-left-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    border-top-right-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    box-shadow: var(--tempest-shadow-xl, 0 -10px 30px rgb(0 0 0 / 0.25));\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    animation: slideUp var(--tempest-duration-base, 240ms) var(--tempest-ease-out, ease-out);\n    font-family: var(--tempest-font-sans);\n}\n\n.handle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    padding: var(--tempest-space-2) 0;\n    cursor: grab;\n    flex: 0 0 auto;\n}\n\n.handleBar {\n    display: block;\n    width: 36px;\n    height: 4px;\n    background: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n}\n\n.title {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-2) var(--tempest-space-4) var(--tempest-space-3);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.body {\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: var(--tempest-space-4);\n    color: var(--tempest-text);\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes slideUp {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .backdrop,\n    .sheet {\n        animation: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"BottomSheet.module.cjs","names":["root","backdrop","fadeIn","sheet","slideUp","handle","handleBar","title","body","BottomSheet_module_default"],"sources":["../../../src/components/BottomSheet/BottomSheet.module.css"],"sourcesContent":[".root {\n    position: fixed;\n    inset: 0;\n    z-index: 60;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n}\n\n.backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgb(0 0 0 / 0.45);\n    animation: fadeIn var(--tempest-duration-base, 200ms) var(--tempest-ease-out, ease-out);\n}\n\n.sheet {\n    position: relative;\n    width: 100%;\n    max-width: 720px;\n    max-height: 90dvh;\n    background: var(--tempest-surface);\n    border-top-left-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    border-top-right-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    box-shadow: var(--tempest-shadow-xl, 0 -10px 30px rgb(0 0 0 / 0.25));\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    animation: slideUp var(--tempest-duration-base, 240ms) var(--tempest-ease-out, ease-out);\n    font-family: var(--tempest-font-sans);\n}\n\n.handle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    padding: var(--tempest-space-2) 0;\n    cursor: grab;\n    flex: 0 0 auto;\n}\n\n.handleBar {\n    display: block;\n    width: 36px;\n    height: 4px;\n    background: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n}\n\n.title {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-2) var(--tempest-space-4) var(--tempest-space-3);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.body {\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: var(--tempest-space-4);\n    color: var(--tempest-text);\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes slideUp {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .backdrop,\n    .sheet {\n        animation: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/BottomSheet/BottomSheet.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.module.js","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.module.css"],"sourcesContent":[".root {\n    position: fixed;\n    inset: 0;\n    z-index: 60;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n}\n\n.backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgb(0 0 0 / 0.45);\n    animation: fadeIn var(--tempest-duration-base, 200ms) var(--tempest-ease-out, ease-out);\n}\n\n.sheet {\n    position: relative;\n    width: 100%;\n    max-width: 720px;\n    max-height: 90dvh;\n    background: var(--tempest-surface);\n    border-top-left-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    border-top-right-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    box-shadow: var(--tempest-shadow-xl, 0 -10px 30px rgb(0 0 0 / 0.25));\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    animation: slideUp var(--tempest-duration-base, 240ms) var(--tempest-ease-out, ease-out);\n    font-family: var(--tempest-font-sans);\n}\n\n.handle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    padding: var(--tempest-space-2) 0;\n    cursor: grab;\n    flex: 0 0 auto;\n}\n\n.handleBar {\n    display: block;\n    width: 36px;\n    height: 4px;\n    background: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n}\n\n.title {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-2) var(--tempest-space-4) var(--tempest-space-3);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.body {\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: var(--tempest-space-4);\n    color: var(--tempest-text);\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes slideUp {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .backdrop,\n    .sheet {\n        animation: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"BottomSheet.module.js","names":["root","backdrop","fadeIn","sheet","slideUp","handle","handleBar","title","body","BottomSheet_module_default"],"sources":["../../../src/components/BottomSheet/BottomSheet.module.css"],"sourcesContent":[".root {\n    position: fixed;\n    inset: 0;\n    z-index: 60;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n}\n\n.backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgb(0 0 0 / 0.45);\n    animation: fadeIn var(--tempest-duration-base, 200ms) var(--tempest-ease-out, ease-out);\n}\n\n.sheet {\n    position: relative;\n    width: 100%;\n    max-width: 720px;\n    max-height: 90dvh;\n    background: var(--tempest-surface);\n    border-top-left-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    border-top-right-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    box-shadow: var(--tempest-shadow-xl, 0 -10px 30px rgb(0 0 0 / 0.25));\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    animation: slideUp var(--tempest-duration-base, 240ms) var(--tempest-ease-out, ease-out);\n    font-family: var(--tempest-font-sans);\n}\n\n.handle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    padding: var(--tempest-space-2) 0;\n    cursor: grab;\n    flex: 0 0 auto;\n}\n\n.handleBar {\n    display: block;\n    width: 36px;\n    height: 4px;\n    background: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n}\n\n.title {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-2) var(--tempest-space-4) var(--tempest-space-3);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.body {\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: var(--tempest-space-4);\n    color: var(--tempest-text);\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes slideUp {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .backdrop,\n    .sheet {\n        animation: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Breadcrumbs/Breadcrumbs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.cjs","names":[],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Breadcrumbs.module.css\";\n\nexport interface BreadcrumbItem {\n    label: ReactNode;\n    href?: string;\n    onClick?: () => void;\n}\n\nexport interface BreadcrumbsProps {\n    items: BreadcrumbItem[];\n    separator?: ReactNode;\n    className?: string;\n}\n\n/**\n * Hierarchical navigation breadcrumbs. The last item is rendered as plain\n * text with `aria-current=\"page\"`. Items with neither `href` nor `onClick`\n * also render as text (intermediate but non-clickable).\n */\nexport function Breadcrumbs({ items, separator = \"/\", className }: BreadcrumbsProps) {\n    return (\n        <nav aria-label=\"breadcrumb\" className={cn(styles.nav, className)}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                const interactive = !isLast && (item.href || item.onClick);\n                return (\n                    <Fragment key={index}>\n                        <span className={styles.item}>\n                            {interactive ? (\n                                <a\n                                    href={item.href}\n                                    onClick={(event) => {\n                                        if (item.onClick) {\n                                            event.preventDefault();\n                                            item.onClick();\n                                        }\n                                    }}\n                                    className={styles.link}\n                                >\n                                    {item.label}\n                                </a>\n                            ) : (\n                                <span\n                                    aria-current={isLast ? \"page\" : undefined}\n                                    className={isLast ? styles.current : undefined}\n                                >\n                                    {item.label}\n                                </span>\n                            )}\n                        </span>\n                        {!isLast && (\n                            <span className={styles.separator} aria-hidden>\n                                {separator}\n                            </span>\n                        )}\n                    </Fragment>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":"kIAsBA,SAAgB,EAAY,CAAE,QAAO,YAAY,IAAK,aAA+B,CACjF,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,aAAW,aAAa,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,CAAS,EAC3D,SAAA,EAAM,KAAK,EAAM,IAAU,CACxB,IAAM,EAAS,IAAU,EAAM,OAAS,EAClC,EAAc,CAAC,IAAW,EAAK,MAAQ,EAAK,SAClD,OACI,EAAA,EAAA,KAAA,CAAC,EAAA,SAAD,CAAA,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KACnB,SAAA,GACG,EAAA,EAAA,IAAA,CAAC,IAAD,CACI,KAAM,EAAK,KACX,QAAU,GAAU,CACZ,EAAK,UACL,EAAM,eAAe,EACrB,EAAK,QAAQ,EAErB,EACA,UAAW,EAAA,QAAO,KAEjB,SAAA,EAAK,KACP,CAAA,GAEH,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,eAAc,EAAS,OAAS,IAAA,GAChC,UAAW,EAAS,EAAA,QAAO,QAAU,IAAA,GAEpC,SAAA,EAAK,KACJ,CAAA,CAER,CAAA,EACL,CAAC,IACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,UAAW,cAAA,GAC9B,SAAA,CACC,CAAA,CAEJ,CAAA,EA7BK,CA6BL,CAElB,CAAC,CACA,CAAA,CAEb"}
+{"version":3,"file":"Breadcrumbs.cjs","names":["cn","styles","Fragment","require_cn","require_Breadcrumbs_module","react","react_jsx_runtime","Breadcrumbs","className","items","isLast","index","interactive","item","event","separator"],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Breadcrumbs.module.css\";\n\nexport interface BreadcrumbItem {\n    label: ReactNode;\n    href?: string;\n    onClick?: () => void;\n}\n\nexport interface BreadcrumbsProps {\n    items: BreadcrumbItem[];\n    separator?: ReactNode;\n    className?: string;\n}\n\n/**\n * Hierarchical navigation breadcrumbs. The last item is rendered as plain\n * text with `aria-current=\"page\"`. Items with neither `href` nor `onClick`\n * also render as text (intermediate but non-clickable).\n */\nexport function Breadcrumbs({ items, separator = \"/\", className }: BreadcrumbsProps) {\n    return (\n        <nav aria-label=\"breadcrumb\" className={cn(styles.nav, className)}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                const interactive = !isLast && (item.href || item.onClick);\n                return (\n                    <Fragment key={index}>\n                        <span className={styles.item}>\n                            {interactive ? (\n                                <a\n                                    href={item.href}\n                                    onClick={(event) => {\n                                        if (item.onClick) {\n                                            event.preventDefault();\n                                            item.onClick();\n                                        }\n                                    }}\n                                    className={styles.link}\n                                >\n                                    {item.label}\n                                </a>\n                            ) : (\n                                <span\n                                    aria-current={isLast ? \"page\" : undefined}\n                                    className={isLast ? styles.current : undefined}\n                                >\n                                    {item.label}\n                                </span>\n                            )}\n                        </span>\n                        {!isLast && (\n                            <span className={styles.separator} aria-hidden>\n                                {separator}\n                            </span>\n                        )}\n                    </Fragment>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":"A,kIAsBA,SAAgBO,EAAY,CAAE,QAAO,YAAY,IAAK,aAA+B,CACjF,OACI,EAAAD,EAAA,IAAA,CAAC,MAAD,CAAK,aAAW,aAAa,UAAWN,EAAAA,GAAGC,EAAAA,QAAO,IAAKO,CAAS,EAC3D,SAAAC,EAAM,KAAK,EAAM,IAAU,CACxB,IAAMC,EAASC,IAAUF,EAAM,OAAS,EAClCG,EAAc,CAACF,IAAWG,EAAK,MAAQA,EAAK,SAClD,OACI,EAAAP,EAAA,KAAA,CAACJ,EAAAA,SAAD,CAAA,SAAA,EACI,EAAAI,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWL,EAAAA,QAAO,KACnB,SAAAW,GACG,EAAAN,EAAA,IAAA,CAAC,IAAD,CACI,KAAMO,EAAK,KACX,QAAU,GAAU,CACZA,EAAK,UACLC,EAAM,eAAe,EACrBD,EAAK,QAAQ,EAErB,EACA,UAAWZ,EAAAA,QAAO,KAEjB,SAAAY,EAAK,KACP,CAAA,GAEH,EAAAP,EAAA,IAAA,CAAC,OAAD,CACI,eAAcI,EAAS,OAAS,IAAA,GAChC,UAAWA,EAAST,EAAAA,QAAO,QAAU,IAAA,GAEpC,SAAAY,EAAK,KACJ,CAAA,CAER,CAAA,EACL,CAACH,IACE,EAAAJ,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWL,EAAAA,QAAO,UAAW,cAAA,GAC9B,SAAAc,CACC,CAAA,CAEJ,CAAA,EA7BKJ,CA6BL,CAElB,CAAC,CACA,CAAA,CAEb,C"}

package/dist/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Breadcrumbs.module.css\";\n\nexport interface BreadcrumbItem {\n    label: ReactNode;\n    href?: string;\n    onClick?: () => void;\n}\n\nexport interface BreadcrumbsProps {\n    items: BreadcrumbItem[];\n    separator?: ReactNode;\n    className?: string;\n}\n\n/**\n * Hierarchical navigation breadcrumbs. The last item is rendered as plain\n * text with `aria-current=\"page\"`. Items with neither `href` nor `onClick`\n * also render as text (intermediate but non-clickable).\n */\nexport function Breadcrumbs({ items, separator = \"/\", className }: BreadcrumbsProps) {\n    return (\n        <nav aria-label=\"breadcrumb\" className={cn(styles.nav, className)}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                const interactive = !isLast && (item.href || item.onClick);\n                return (\n                    <Fragment key={index}>\n                        <span className={styles.item}>\n                            {interactive ? (\n                                <a\n                                    href={item.href}\n                                    onClick={(event) => {\n                                        if (item.onClick) {\n                                            event.preventDefault();\n                                            item.onClick();\n                                        }\n                                    }}\n                                    className={styles.link}\n                                >\n                                    {item.label}\n                                </a>\n                            ) : (\n                                <span\n                                    aria-current={isLast ? \"page\" : undefined}\n                                    className={isLast ? styles.current : undefined}\n                                >\n                                    {item.label}\n                                </span>\n                            )}\n                        </span>\n                        {!isLast && (\n                            <span className={styles.separator} aria-hidden>\n                                {separator}\n                            </span>\n                        )}\n                    </Fragment>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":";;;;;AAsBA,SAAgB,EAAY,EAAE,UAAO,eAAY,KAAK,gBAA+B;CACjF,OACI,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,EAAO,KAAK,CAAS;EAC3D,UAAA,EAAM,KAAK,GAAM,MAAU;GACxB,IAAM,IAAS,MAAU,EAAM,SAAS,GAClC,IAAc,CAAC,MAAW,EAAK,QAAQ,EAAK;GAClD,OACI,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,QAAD;IAAM,WAAW,EAAO;IACnB,UAAA,IACG,kBAAC,KAAD;KACI,MAAM,EAAK;KACX,UAAU,MAAU;MAChB,AAAI,EAAK,YACL,EAAM,eAAe,GACrB,EAAK,QAAQ;KAErB;KACA,WAAW,EAAO;KAEjB,UAAA,EAAK;IACP,CAAA,IAEH,kBAAC,QAAD;KACI,gBAAc,IAAS,SAAS,KAAA;KAChC,WAAW,IAAS,EAAO,UAAU,KAAA;KAEpC,UAAA,EAAK;IACJ,CAAA;GAER,CAAA,GACL,CAAC,KACE,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAW,eAAA;IAC9B,UAAA;GACC,CAAA,CAEJ,EAAA,GA7BK,CA6BL;EAElB,CAAC;CACA,CAAA;AAEb"}
+{"version":3,"file":"Breadcrumbs.js","names":["styles","Breadcrumbs_module_default","Breadcrumbs","cn","className","items","isLast","index","interactive","item","Fragment","event","separator"],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Breadcrumbs.module.css\";\n\nexport interface BreadcrumbItem {\n    label: ReactNode;\n    href?: string;\n    onClick?: () => void;\n}\n\nexport interface BreadcrumbsProps {\n    items: BreadcrumbItem[];\n    separator?: ReactNode;\n    className?: string;\n}\n\n/**\n * Hierarchical navigation breadcrumbs. The last item is rendered as plain\n * text with `aria-current=\"page\"`. Items with neither `href` nor `onClick`\n * also render as text (intermediate but non-clickable).\n */\nexport function Breadcrumbs({ items, separator = \"/\", className }: BreadcrumbsProps) {\n    return (\n        <nav aria-label=\"breadcrumb\" className={cn(styles.nav, className)}>\n            {items.map((item, index) => {\n                const isLast = index === items.length - 1;\n                const interactive = !isLast && (item.href || item.onClick);\n                return (\n                    <Fragment key={index}>\n                        <span className={styles.item}>\n                            {interactive ? (\n                                <a\n                                    href={item.href}\n                                    onClick={(event) => {\n                                        if (item.onClick) {\n                                            event.preventDefault();\n                                            item.onClick();\n                                        }\n                                    }}\n                                    className={styles.link}\n                                >\n                                    {item.label}\n                                </a>\n                            ) : (\n                                <span\n                                    aria-current={isLast ? \"page\" : undefined}\n                                    className={isLast ? styles.current : undefined}\n                                >\n                                    {item.label}\n                                </span>\n                            )}\n                        </span>\n                        {!isLast && (\n                            <span className={styles.separator} aria-hidden>\n                                {separator}\n                            </span>\n                        )}\n                    </Fragment>\n                );\n            })}\n        </nav>\n    );\n}\n"],"mappings":";;;;;AAsBA,SAAgBE,EAAY,EAAE,UAAO,eAAY,KAAK,gBAA+B;CACjF,OACI,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAWC,EAAGH,EAAO,KAAKI,CAAS;EAC3D,UAAAC,EAAM,KAAK,GAAM,MAAU;GACxB,IAAMC,IAASC,MAAUF,EAAM,SAAS,GAClCG,IAAc,CAACF,MAAWG,EAAK,QAAQA,EAAK;GAClD,OACI,kBAACC,GAAD,EAAA,UAAA,CACI,kBAAC,QAAD;IAAM,WAAWV,EAAO;IACnB,UAAAQ,IACG,kBAAC,KAAD;KACI,MAAMC,EAAK;KACX,UAAU,MAAU;MAChB,AAAIA,EAAK,YACLE,EAAM,eAAe,GACrBF,EAAK,QAAQ;KAErB;KACA,WAAWT,EAAO;KAEjB,UAAAS,EAAK;IACP,CAAA,IAEH,kBAAC,QAAD;KACI,gBAAcH,IAAS,SAAS,KAAA;KAChC,WAAWA,IAASN,EAAO,UAAU,KAAA;KAEpC,UAAAS,EAAK;IACJ,CAAA;GAER,CAAA,GACL,CAACH,KACE,kBAAC,QAAD;IAAM,WAAWN,EAAO;IAAW,eAAA;IAC9B,UAAAY;GACC,CAAA,CAEJ,EAAA,GA7BKL,CA6BL;EAElB,CAAC;CACA,CAAA;AAEb"}

package/dist/components/Breadcrumbs/Breadcrumbs.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.module.cjs","names":[],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.module.css"],"sourcesContent":[".nav {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    flex-wrap: wrap;\n}\n\n.item {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n.link {\n    color: var(--tempest-text-muted);\n    text-decoration: none;\n    padding: 2px 6px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .link:hover {\n        color: var(--tempest-text);\n        background-color: var(--tempest-surface);\n    }\n}\n\n.link:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.current {\n    color: var(--tempest-text);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.separator {\n    color: var(--tempest-text-subtle);\n    margin: 0 2px;\n    user-select: none;\n}\n"],"mappings":";"}
+{"version":3,"file":"Breadcrumbs.module.cjs","names":["nav","item","link","current","separator","Breadcrumbs_module_default"],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.module.css"],"sourcesContent":[".nav {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    flex-wrap: wrap;\n}\n\n.item {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n.link {\n    color: var(--tempest-text-muted);\n    text-decoration: none;\n    padding: 2px 6px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .link:hover {\n        color: var(--tempest-text);\n        background-color: var(--tempest-surface);\n    }\n}\n\n.link:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.current {\n    color: var(--tempest-text);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.separator {\n    color: var(--tempest-text-subtle);\n    margin: 0 2px;\n    user-select: none;\n}\n"],"mappings":";"}

package/dist/components/Breadcrumbs/Breadcrumbs.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.module.js","names":[],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.module.css"],"sourcesContent":[".nav {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    flex-wrap: wrap;\n}\n\n.item {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n.link {\n    color: var(--tempest-text-muted);\n    text-decoration: none;\n    padding: 2px 6px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .link:hover {\n        color: var(--tempest-text);\n        background-color: var(--tempest-surface);\n    }\n}\n\n.link:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.current {\n    color: var(--tempest-text);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.separator {\n    color: var(--tempest-text-subtle);\n    margin: 0 2px;\n    user-select: none;\n}\n"],"mappings":";"}
+{"version":3,"file":"Breadcrumbs.module.js","names":["nav","item","link","current","separator","Breadcrumbs_module_default"],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.module.css"],"sourcesContent":[".nav {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    flex-wrap: wrap;\n}\n\n.item {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n.link {\n    color: var(--tempest-text-muted);\n    text-decoration: none;\n    padding: 2px 6px;\n    border-radius: var(--tempest-radius-sm);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .link:hover {\n        color: var(--tempest-text);\n        background-color: var(--tempest-surface);\n    }\n}\n\n.link:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.current {\n    color: var(--tempest-text);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.separator {\n    color: var(--tempest-text-subtle);\n    margin: 0 2px;\n    user-select: none;\n}\n"],"mappings":";"}

package/dist/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — this is the design system's button: variant, size,\n * loading, fullWidth, iconOnly, pill, leftIcon and rightIcon are the whole\n * vocabulary every screen composes from, and href only picks which element carries\n * it. Nine orthogonal knobs on the most-used component is the API working — the\n * count rule is looking for two components fused together, and there is only one\n * here.\n */\nimport { forwardRef } from \"react\";\nimport type {\n    AnchorHTMLAttributes,\n    ButtonHTMLAttributes,\n    ForwardedRef,\n    HTMLAttributes,\n    ReactElement,\n    ReactNode,\n    Ref,\n    RefAttributes,\n} from \"react\";\nimport { buttonClassName, preventActivation } from \"./button-class\";\nimport { ButtonContent } from \"./ButtonContent\";\nimport { resolveLinkRel } from \"./link-rel\";\nimport type { ButtonBaseProps } from \"./types\";\n\nexport type { ButtonBaseProps, ButtonSize, ButtonVariant } from \"./types\";\n\n/** `Button` rendering a native `<button>` — the default, when `href` is not set. */\nexport interface ButtonAsButtonProps\n    extends ButtonBaseProps, ButtonHTMLAttributes<HTMLButtonElement> {\n    href?: undefined;\n}\n\n/**\n * `Button` rendering an `<a href>` — a call to action that navigates.\n *\n * `type` is a `<button>` attribute and is rejected here; `target` and `rel` are\n * forwarded, and `target=\"_blank\"` always gets `noopener noreferrer` added.\n */\nexport interface ButtonAsLinkProps\n    extends ButtonBaseProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"href\" | \"type\"> {\n    /** Destination. Its presence is what makes the button an `<a>`. */\n    href: string;\n    type?: never;\n}\n\nexport type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\n\n/**\n * Each mode's props with the ref type of the element it renders, so a `ref` to an\n * `HTMLButtonElement` on a link is a type error.\n */\ntype ButtonPropsWithRef =\n    | (ButtonAsButtonProps & RefAttributes<HTMLButtonElement>)\n    | (ButtonAsLinkProps & RefAttributes<HTMLAnchorElement>);\n\n/** `Button`'s call signature: one props union, each member with its own ref type. */\ntype ButtonComponent = ((props: ButtonPropsWithRef) => ReactElement) & { displayName?: string };\n\n/** The flattened view the render function works on after the call site was type-checked. */\ntype ButtonRenderProps = ButtonBaseProps &\n    HTMLAttributes<HTMLElement> & {\n        href?: string;\n        target?: string;\n        rel?: string;\n    };\n\n/**\n * Primary action button with variants, sizes and a loading state that\n * preserves layout via an absolutely-positioned spinner.\n *\n * Variants: `primary` (solid), `secondary` (neutral), `danger`, `success`,\n * `ghost` (transparent), `soft` (tinted), `outline` (bordered), `link`.\n *\n * Sizes are density-aware — they read from `--tempest-control-height-*`\n * tokens which respond to the `data-tempest-density` attribute.\n *\n * With `href` it renders an `<a>` with the same look: a call to action that\n * navigates keeps the middle click, Ctrl+click, \"open in new tab\" and the URL\n * preview, which a `<button>` calling `location.assign` loses. `target=\"_blank\"`\n * gets `noopener noreferrer`. An `<a>` has no `disabled`, so a disabled or loading\n * link gets `aria-disabled=\"true\"`, `role=\"link\"`, `tabIndex={-1}`, no `href`, and\n * its click and middle-click cancelled.\n *\n * To style another element — a react-router `Link` — use {@link ButtonSlot}. It is\n * a separate component, not an `asChild` prop, so an app that never uses it does\n * not ship the prop merge and ref composition it needs.\n *\n * The ref is typed per mode: `HTMLButtonElement`, or `HTMLAnchorElement` with\n * `href`. `forwardRef` takes one ref type for all props, so its result is re-typed\n * to the per-mode union — the runtime is plain `forwardRef`.\n *\n * @example\n * <Button onClick={save}>Salvar</Button>\n *\n * @example\n * <Button href=\"https://wa.me/5586999999999\" target=\"_blank\" rightIcon={<ExternalLink />}>\n *     Fale conosco\n * </Button>\n */\nexport const Button = forwardRef<HTMLElement, ButtonProps>(function Button(\n    props: ButtonProps,\n    ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n    const {\n        variant,\n        size,\n        loading = false,\n        disabled = false,\n        fullWidth,\n        iconOnly,\n        pill,\n        leftIcon,\n        rightIcon,\n        className,\n        children,\n        href,\n        target,\n        rel,\n        ...rest\n    } = props as ButtonRenderProps;\n    const inactive = disabled || loading;\n    const classes = buttonClassName(\n        { variant, size, loading, fullWidth, iconOnly, pill },\n        className,\n    );\n    const content: ReactNode = (\n        <ButtonContent loading={loading} leftIcon={leftIcon} rightIcon={rightIcon}>\n            {children}\n        </ButtonContent>\n    );\n\n    if (href !== undefined) {\n        return (\n            <a\n                {...rest}\n                ref={ref as Ref<HTMLAnchorElement>}\n                className={classes}\n                href={inactive ? undefined : href}\n                target={target}\n                rel={resolveLinkRel(target, rel)}\n                role={inactive ? \"link\" : rest.role}\n                aria-disabled={inactive || undefined}\n                aria-busy={loading || undefined}\n                tabIndex={inactive ? -1 : rest.tabIndex}\n                onClick={inactive ? preventActivation : rest.onClick}\n                onAuxClick={inactive ? preventActivation : rest.onAuxClick}\n            >\n                {content}\n            </a>\n        );\n    }\n\n    return (\n        <button\n            {...(rest as ButtonHTMLAttributes<HTMLButtonElement>)}\n            ref={ref as Ref<HTMLButtonElement>}\n            className={classes}\n            disabled={inactive}\n            aria-busy={loading || undefined}\n        >\n            {content}\n        </button>\n    );\n}) as unknown as ButtonComponent;\n"],"mappings":"yJAmGA,IAAa,GAAA,EAAS,EAAA,WAAA,CAAqC,SACvD,EACA,EACY,CACZ,GAAM,CACF,UACA,OACA,UAAU,GACV,WAAW,GACX,YACA,WACA,OACA,WACA,YACA,YACA,WACA,OACA,SACA,MACA,GAAG,GACH,EACE,EAAW,GAAY,EACvB,EAAU,EAAA,gBACZ,CAAE,UAAS,OAAM,UAAS,YAAW,WAAU,MAAK,EACpD,CACJ,EACM,GACF,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CAAwB,UAAmB,WAAqB,YAC3D,UACU,CAAA,EAwBnB,OArBI,IAAS,IAAA,IAsBT,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,GAAK,EACA,MACL,UAAW,EACX,SAAU,EACV,YAAW,GAAW,IAAA,GAErB,SAAA,CACG,CAAA,GA5BJ,EAAA,EAAA,IAAA,CAAC,IAAD,CACI,GAAI,EACC,MACL,UAAW,EACX,KAAM,EAAW,IAAA,GAAY,EACrB,SACR,IAAK,EAAA,eAAe,EAAQ,CAAG,EAC/B,KAAM,EAAW,OAAS,EAAK,KAC/B,gBAAe,GAAY,IAAA,GAC3B,YAAW,GAAW,IAAA,GACtB,SAAU,EAAW,GAAK,EAAK,SAC/B,QAAS,EAAW,EAAA,kBAAoB,EAAK,QAC7C,WAAY,EAAW,EAAA,kBAAoB,EAAK,WAE/C,SAAA,CACF,CAAA,CAef,CAAC"}
+{"version":3,"file":"Button.cjs","names":["forwardRef","buttonClassName","ButtonContent","resolveLinkRel","preventActivation","require_button_class","require_ButtonContent","require_link_rel","react","react_jsx_runtime","Button","rest","props","inactive","disabled","loading","classes","className","content","href","target","rel"],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — this is the design system's button: variant, size,\n * loading, fullWidth, iconOnly, pill, leftIcon and rightIcon are the whole\n * vocabulary every screen composes from, and href only picks which element carries\n * it. Nine orthogonal knobs on the most-used component is the API working — the\n * count rule is looking for two components fused together, and there is only one\n * here.\n */\nimport { forwardRef } from \"react\";\nimport type {\n    AnchorHTMLAttributes,\n    ButtonHTMLAttributes,\n    ForwardedRef,\n    HTMLAttributes,\n    ReactElement,\n    ReactNode,\n    Ref,\n    RefAttributes,\n} from \"react\";\nimport { buttonClassName, preventActivation } from \"./button-class\";\nimport { ButtonContent } from \"./ButtonContent\";\nimport { resolveLinkRel } from \"./link-rel\";\nimport type { ButtonBaseProps } from \"./types\";\n\nexport type { ButtonBaseProps, ButtonSize, ButtonVariant } from \"./types\";\n\n/** `Button` rendering a native `<button>` — the default, when `href` is not set. */\nexport interface ButtonAsButtonProps\n    extends ButtonBaseProps, ButtonHTMLAttributes<HTMLButtonElement> {\n    href?: undefined;\n}\n\n/**\n * `Button` rendering an `<a href>` — a call to action that navigates.\n *\n * `type` is a `<button>` attribute and is rejected here; `target` and `rel` are\n * forwarded, and `target=\"_blank\"` always gets `noopener noreferrer` added.\n */\nexport interface ButtonAsLinkProps\n    extends ButtonBaseProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"href\" | \"type\"> {\n    /** Destination. Its presence is what makes the button an `<a>`. */\n    href: string;\n    type?: never;\n}\n\nexport type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\n\n/**\n * Each mode's props with the ref type of the element it renders, so a `ref` to an\n * `HTMLButtonElement` on a link is a type error.\n */\ntype ButtonPropsWithRef =\n    | (ButtonAsButtonProps & RefAttributes<HTMLButtonElement>)\n    | (ButtonAsLinkProps & RefAttributes<HTMLAnchorElement>);\n\n/** `Button`'s call signature: one props union, each member with its own ref type. */\ntype ButtonComponent = ((props: ButtonPropsWithRef) => ReactElement) & { displayName?: string };\n\n/** The flattened view the render function works on after the call site was type-checked. */\ntype ButtonRenderProps = ButtonBaseProps &\n    HTMLAttributes<HTMLElement> & {\n        href?: string;\n        target?: string;\n        rel?: string;\n    };\n\n/**\n * Primary action button with variants, sizes and a loading state that\n * preserves layout via an absolutely-positioned spinner.\n *\n * Variants: `primary` (solid), `secondary` (neutral), `danger`, `success`,\n * `ghost` (transparent), `soft` (tinted), `outline` (bordered), `link`.\n *\n * Sizes are density-aware — they read from `--tempest-control-height-*`\n * tokens which respond to the `data-tempest-density` attribute.\n *\n * With `href` it renders an `<a>` with the same look: a call to action that\n * navigates keeps the middle click, Ctrl+click, \"open in new tab\" and the URL\n * preview, which a `<button>` calling `location.assign` loses. `target=\"_blank\"`\n * gets `noopener noreferrer`. An `<a>` has no `disabled`, so a disabled or loading\n * link gets `aria-disabled=\"true\"`, `role=\"link\"`, `tabIndex={-1}`, no `href`, and\n * its click and middle-click cancelled.\n *\n * To style another element — a react-router `Link` — use {@link ButtonSlot}. It is\n * a separate component, not an `asChild` prop, so an app that never uses it does\n * not ship the prop merge and ref composition it needs.\n *\n * The ref is typed per mode: `HTMLButtonElement`, or `HTMLAnchorElement` with\n * `href`. `forwardRef` takes one ref type for all props, so its result is re-typed\n * to the per-mode union — the runtime is plain `forwardRef`.\n *\n * @example\n * <Button onClick={save}>Salvar</Button>\n *\n * @example\n * <Button href=\"https://wa.me/5586999999999\" target=\"_blank\" rightIcon={<ExternalLink />}>\n *     Fale conosco\n * </Button>\n */\nexport const Button = forwardRef<HTMLElement, ButtonProps>(function Button(\n    props: ButtonProps,\n    ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n    const {\n        variant,\n        size,\n        loading = false,\n        disabled = false,\n        fullWidth,\n        iconOnly,\n        pill,\n        leftIcon,\n        rightIcon,\n        className,\n        children,\n        href,\n        target,\n        rel,\n        ...rest\n    } = props as ButtonRenderProps;\n    const inactive = disabled || loading;\n    const classes = buttonClassName(\n        { variant, size, loading, fullWidth, iconOnly, pill },\n        className,\n    );\n    const content: ReactNode = (\n        <ButtonContent loading={loading} leftIcon={leftIcon} rightIcon={rightIcon}>\n            {children}\n        </ButtonContent>\n    );\n\n    if (href !== undefined) {\n        return (\n            <a\n                {...rest}\n                ref={ref as Ref<HTMLAnchorElement>}\n                className={classes}\n                href={inactive ? undefined : href}\n                target={target}\n                rel={resolveLinkRel(target, rel)}\n                role={inactive ? \"link\" : rest.role}\n                aria-disabled={inactive || undefined}\n                aria-busy={loading || undefined}\n                tabIndex={inactive ? -1 : rest.tabIndex}\n                onClick={inactive ? preventActivation : rest.onClick}\n                onAuxClick={inactive ? preventActivation : rest.onAuxClick}\n            >\n                {content}\n            </a>\n        );\n    }\n\n    return (\n        <button\n            {...(rest as ButtonHTMLAttributes<HTMLButtonElement>)}\n            ref={ref as Ref<HTMLButtonElement>}\n            className={classes}\n            disabled={inactive}\n            aria-busy={loading || undefined}\n        >\n            {content}\n        </button>\n    );\n}) as unknown as ButtonComponent;\n"],"mappings":"A,yJAmGA,IAAaU,GAAA,EAASV,EAAAA,WAAAA,CAAqC,SACvD,EACA,EACY,CACZ,GAAM,CACF,UACA,OACA,UAAU,GACV,WAAW,GACX,YACA,WACA,OACA,WACA,YACA,YACA,WACA,OACA,SACA,MACA,GAAGW,GACHC,EACEC,EAAWC,GAAYC,EACvBC,EAAUf,EAAAA,gBACZ,CAAE,UAAS,OAAM,UAAS,YAAW,WAAU,MAAK,EACpDgB,CACJ,EACMC,GACF,EAAAT,EAAA,IAAA,CAACP,EAAAA,cAAD,CAAwB,UAAmB,WAAqB,YAC3D,UACU,CAAA,EAwBnB,OArBIiB,IAAS,IAAA,IAsBT,EAAAV,EAAA,IAAA,CAAC,SAAD,CACI,GAAKE,EACA,MACL,UAAWK,EACX,SAAUH,EACV,YAAWE,GAAW,IAAA,GAErB,SAAAG,CACG,CAAA,GA5BJ,EAAAT,EAAA,IAAA,CAAC,IAAD,CACI,GAAIE,EACC,MACL,UAAWK,EACX,KAAMH,EAAW,IAAA,GAAYM,EACrB,SACR,IAAKhB,EAAAA,eAAeiB,EAAQC,CAAG,EAC/B,KAAMR,EAAW,OAASF,EAAK,KAC/B,gBAAeE,GAAY,IAAA,GAC3B,YAAWE,GAAW,IAAA,GACtB,SAAUF,EAAW,GAAKF,EAAK,SAC/B,QAASE,EAAWT,EAAAA,kBAAoBO,EAAK,QAC7C,WAAYE,EAAWT,EAAAA,kBAAoBO,EAAK,WAE/C,SAAAO,CACF,CAAA,CAef,CAAC,E"}

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — this is the design system's button: variant, size,\n * loading, fullWidth, iconOnly, pill, leftIcon and rightIcon are the whole\n * vocabulary every screen composes from, and href only picks which element carries\n * it. Nine orthogonal knobs on the most-used component is the API working — the\n * count rule is looking for two components fused together, and there is only one\n * here.\n */\nimport { forwardRef } from \"react\";\nimport type {\n    AnchorHTMLAttributes,\n    ButtonHTMLAttributes,\n    ForwardedRef,\n    HTMLAttributes,\n    ReactElement,\n    ReactNode,\n    Ref,\n    RefAttributes,\n} from \"react\";\nimport { buttonClassName, preventActivation } from \"./button-class\";\nimport { ButtonContent } from \"./ButtonContent\";\nimport { resolveLinkRel } from \"./link-rel\";\nimport type { ButtonBaseProps } from \"./types\";\n\nexport type { ButtonBaseProps, ButtonSize, ButtonVariant } from \"./types\";\n\n/** `Button` rendering a native `<button>` — the default, when `href` is not set. */\nexport interface ButtonAsButtonProps\n    extends ButtonBaseProps, ButtonHTMLAttributes<HTMLButtonElement> {\n    href?: undefined;\n}\n\n/**\n * `Button` rendering an `<a href>` — a call to action that navigates.\n *\n * `type` is a `<button>` attribute and is rejected here; `target` and `rel` are\n * forwarded, and `target=\"_blank\"` always gets `noopener noreferrer` added.\n */\nexport interface ButtonAsLinkProps\n    extends ButtonBaseProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"href\" | \"type\"> {\n    /** Destination. Its presence is what makes the button an `<a>`. */\n    href: string;\n    type?: never;\n}\n\nexport type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\n\n/**\n * Each mode's props with the ref type of the element it renders, so a `ref` to an\n * `HTMLButtonElement` on a link is a type error.\n */\ntype ButtonPropsWithRef =\n    | (ButtonAsButtonProps & RefAttributes<HTMLButtonElement>)\n    | (ButtonAsLinkProps & RefAttributes<HTMLAnchorElement>);\n\n/** `Button`'s call signature: one props union, each member with its own ref type. */\ntype ButtonComponent = ((props: ButtonPropsWithRef) => ReactElement) & { displayName?: string };\n\n/** The flattened view the render function works on after the call site was type-checked. */\ntype ButtonRenderProps = ButtonBaseProps &\n    HTMLAttributes<HTMLElement> & {\n        href?: string;\n        target?: string;\n        rel?: string;\n    };\n\n/**\n * Primary action button with variants, sizes and a loading state that\n * preserves layout via an absolutely-positioned spinner.\n *\n * Variants: `primary` (solid), `secondary` (neutral), `danger`, `success`,\n * `ghost` (transparent), `soft` (tinted), `outline` (bordered), `link`.\n *\n * Sizes are density-aware — they read from `--tempest-control-height-*`\n * tokens which respond to the `data-tempest-density` attribute.\n *\n * With `href` it renders an `<a>` with the same look: a call to action that\n * navigates keeps the middle click, Ctrl+click, \"open in new tab\" and the URL\n * preview, which a `<button>` calling `location.assign` loses. `target=\"_blank\"`\n * gets `noopener noreferrer`. An `<a>` has no `disabled`, so a disabled or loading\n * link gets `aria-disabled=\"true\"`, `role=\"link\"`, `tabIndex={-1}`, no `href`, and\n * its click and middle-click cancelled.\n *\n * To style another element — a react-router `Link` — use {@link ButtonSlot}. It is\n * a separate component, not an `asChild` prop, so an app that never uses it does\n * not ship the prop merge and ref composition it needs.\n *\n * The ref is typed per mode: `HTMLButtonElement`, or `HTMLAnchorElement` with\n * `href`. `forwardRef` takes one ref type for all props, so its result is re-typed\n * to the per-mode union — the runtime is plain `forwardRef`.\n *\n * @example\n * <Button onClick={save}>Salvar</Button>\n *\n * @example\n * <Button href=\"https://wa.me/5586999999999\" target=\"_blank\" rightIcon={<ExternalLink />}>\n *     Fale conosco\n * </Button>\n */\nexport const Button = forwardRef<HTMLElement, ButtonProps>(function Button(\n    props: ButtonProps,\n    ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n    const {\n        variant,\n        size,\n        loading = false,\n        disabled = false,\n        fullWidth,\n        iconOnly,\n        pill,\n        leftIcon,\n        rightIcon,\n        className,\n        children,\n        href,\n        target,\n        rel,\n        ...rest\n    } = props as ButtonRenderProps;\n    const inactive = disabled || loading;\n    const classes = buttonClassName(\n        { variant, size, loading, fullWidth, iconOnly, pill },\n        className,\n    );\n    const content: ReactNode = (\n        <ButtonContent loading={loading} leftIcon={leftIcon} rightIcon={rightIcon}>\n            {children}\n        </ButtonContent>\n    );\n\n    if (href !== undefined) {\n        return (\n            <a\n                {...rest}\n                ref={ref as Ref<HTMLAnchorElement>}\n                className={classes}\n                href={inactive ? undefined : href}\n                target={target}\n                rel={resolveLinkRel(target, rel)}\n                role={inactive ? \"link\" : rest.role}\n                aria-disabled={inactive || undefined}\n                aria-busy={loading || undefined}\n                tabIndex={inactive ? -1 : rest.tabIndex}\n                onClick={inactive ? preventActivation : rest.onClick}\n                onAuxClick={inactive ? preventActivation : rest.onAuxClick}\n            >\n                {content}\n            </a>\n        );\n    }\n\n    return (\n        <button\n            {...(rest as ButtonHTMLAttributes<HTMLButtonElement>)}\n            ref={ref as Ref<HTMLButtonElement>}\n            className={classes}\n            disabled={inactive}\n            aria-busy={loading || undefined}\n        >\n            {content}\n        </button>\n    );\n}) as unknown as ButtonComponent;\n"],"mappings":";;;;;;AAmGA,IAAa,IAAS,EAAqC,SACvD,GACA,GACY;CACZ,IAAM,EACF,YACA,SACA,aAAU,IACV,cAAW,IACX,cACA,aACA,SACA,aACA,cACA,cACA,aACA,SACA,WACA,QACA,GAAG,MACH,GACE,IAAW,KAAY,GACvB,IAAU,EACZ;EAAE;EAAS;EAAM;EAAS;EAAW;EAAU;CAAK,GACpD,CACJ,GACM,IACF,kBAAC,GAAD;EAAwB;EAAmB;EAAqB;EAC3D;CACU,CAAA;CAwBnB,OArBI,MAAS,KAAA,IAsBT,kBAAC,UAAD;EACI,GAAK;EACA;EACL,WAAW;EACX,UAAU;EACV,aAAW,KAAW,KAAA;EAErB,UAAA;CACG,CAAA,IA5BJ,kBAAC,KAAD;EACI,GAAI;EACC;EACL,WAAW;EACX,MAAM,IAAW,KAAA,IAAY;EACrB;EACR,KAAK,EAAe,GAAQ,CAAG;EAC/B,MAAM,IAAW,SAAS,EAAK;EAC/B,iBAAe,KAAY,KAAA;EAC3B,aAAW,KAAW,KAAA;EACtB,UAAU,IAAW,KAAK,EAAK;EAC/B,SAAS,IAAW,IAAoB,EAAK;EAC7C,YAAY,IAAW,IAAoB,EAAK;EAE/C,UAAA;CACF,CAAA;AAef,CAAC"}
+{"version":3,"file":"Button.js","names":["Button","forwardRef","rest","props","inactive","disabled","loading","classes","buttonClassName","className","content","ButtonContent","href","resolveLinkRel","target","rel","preventActivation"],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — this is the design system's button: variant, size,\n * loading, fullWidth, iconOnly, pill, leftIcon and rightIcon are the whole\n * vocabulary every screen composes from, and href only picks which element carries\n * it. Nine orthogonal knobs on the most-used component is the API working — the\n * count rule is looking for two components fused together, and there is only one\n * here.\n */\nimport { forwardRef } from \"react\";\nimport type {\n    AnchorHTMLAttributes,\n    ButtonHTMLAttributes,\n    ForwardedRef,\n    HTMLAttributes,\n    ReactElement,\n    ReactNode,\n    Ref,\n    RefAttributes,\n} from \"react\";\nimport { buttonClassName, preventActivation } from \"./button-class\";\nimport { ButtonContent } from \"./ButtonContent\";\nimport { resolveLinkRel } from \"./link-rel\";\nimport type { ButtonBaseProps } from \"./types\";\n\nexport type { ButtonBaseProps, ButtonSize, ButtonVariant } from \"./types\";\n\n/** `Button` rendering a native `<button>` — the default, when `href` is not set. */\nexport interface ButtonAsButtonProps\n    extends ButtonBaseProps, ButtonHTMLAttributes<HTMLButtonElement> {\n    href?: undefined;\n}\n\n/**\n * `Button` rendering an `<a href>` — a call to action that navigates.\n *\n * `type` is a `<button>` attribute and is rejected here; `target` and `rel` are\n * forwarded, and `target=\"_blank\"` always gets `noopener noreferrer` added.\n */\nexport interface ButtonAsLinkProps\n    extends ButtonBaseProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"href\" | \"type\"> {\n    /** Destination. Its presence is what makes the button an `<a>`. */\n    href: string;\n    type?: never;\n}\n\nexport type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\n\n/**\n * Each mode's props with the ref type of the element it renders, so a `ref` to an\n * `HTMLButtonElement` on a link is a type error.\n */\ntype ButtonPropsWithRef =\n    | (ButtonAsButtonProps & RefAttributes<HTMLButtonElement>)\n    | (ButtonAsLinkProps & RefAttributes<HTMLAnchorElement>);\n\n/** `Button`'s call signature: one props union, each member with its own ref type. */\ntype ButtonComponent = ((props: ButtonPropsWithRef) => ReactElement) & { displayName?: string };\n\n/** The flattened view the render function works on after the call site was type-checked. */\ntype ButtonRenderProps = ButtonBaseProps &\n    HTMLAttributes<HTMLElement> & {\n        href?: string;\n        target?: string;\n        rel?: string;\n    };\n\n/**\n * Primary action button with variants, sizes and a loading state that\n * preserves layout via an absolutely-positioned spinner.\n *\n * Variants: `primary` (solid), `secondary` (neutral), `danger`, `success`,\n * `ghost` (transparent), `soft` (tinted), `outline` (bordered), `link`.\n *\n * Sizes are density-aware — they read from `--tempest-control-height-*`\n * tokens which respond to the `data-tempest-density` attribute.\n *\n * With `href` it renders an `<a>` with the same look: a call to action that\n * navigates keeps the middle click, Ctrl+click, \"open in new tab\" and the URL\n * preview, which a `<button>` calling `location.assign` loses. `target=\"_blank\"`\n * gets `noopener noreferrer`. An `<a>` has no `disabled`, so a disabled or loading\n * link gets `aria-disabled=\"true\"`, `role=\"link\"`, `tabIndex={-1}`, no `href`, and\n * its click and middle-click cancelled.\n *\n * To style another element — a react-router `Link` — use {@link ButtonSlot}. It is\n * a separate component, not an `asChild` prop, so an app that never uses it does\n * not ship the prop merge and ref composition it needs.\n *\n * The ref is typed per mode: `HTMLButtonElement`, or `HTMLAnchorElement` with\n * `href`. `forwardRef` takes one ref type for all props, so its result is re-typed\n * to the per-mode union — the runtime is plain `forwardRef`.\n *\n * @example\n * <Button onClick={save}>Salvar</Button>\n *\n * @example\n * <Button href=\"https://wa.me/5586999999999\" target=\"_blank\" rightIcon={<ExternalLink />}>\n *     Fale conosco\n * </Button>\n */\nexport const Button = forwardRef<HTMLElement, ButtonProps>(function Button(\n    props: ButtonProps,\n    ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n    const {\n        variant,\n        size,\n        loading = false,\n        disabled = false,\n        fullWidth,\n        iconOnly,\n        pill,\n        leftIcon,\n        rightIcon,\n        className,\n        children,\n        href,\n        target,\n        rel,\n        ...rest\n    } = props as ButtonRenderProps;\n    const inactive = disabled || loading;\n    const classes = buttonClassName(\n        { variant, size, loading, fullWidth, iconOnly, pill },\n        className,\n    );\n    const content: ReactNode = (\n        <ButtonContent loading={loading} leftIcon={leftIcon} rightIcon={rightIcon}>\n            {children}\n        </ButtonContent>\n    );\n\n    if (href !== undefined) {\n        return (\n            <a\n                {...rest}\n                ref={ref as Ref<HTMLAnchorElement>}\n                className={classes}\n                href={inactive ? undefined : href}\n                target={target}\n                rel={resolveLinkRel(target, rel)}\n                role={inactive ? \"link\" : rest.role}\n                aria-disabled={inactive || undefined}\n                aria-busy={loading || undefined}\n                tabIndex={inactive ? -1 : rest.tabIndex}\n                onClick={inactive ? preventActivation : rest.onClick}\n                onAuxClick={inactive ? preventActivation : rest.onAuxClick}\n            >\n                {content}\n            </a>\n        );\n    }\n\n    return (\n        <button\n            {...(rest as ButtonHTMLAttributes<HTMLButtonElement>)}\n            ref={ref as Ref<HTMLButtonElement>}\n            className={classes}\n            disabled={inactive}\n            aria-busy={loading || undefined}\n        >\n            {content}\n        </button>\n    );\n}) as unknown as ButtonComponent;\n"],"mappings":";;;;;;AAmGA,IAAaA,IAASC,EAAqC,SACvD,GACA,GACY;CACZ,IAAM,EACF,YACA,SACA,aAAU,IACV,cAAW,IACX,cACA,aACA,SACA,aACA,cACA,cACA,aACA,SACA,WACA,QACA,GAAGC,MACHC,GACEC,IAAWC,KAAYC,GACvBC,IAAUC,EACZ;EAAE;EAAS;EAAM;EAAS;EAAW;EAAU;CAAK,GACpDC,CACJ,GACMC,IACF,kBAACC,GAAD;EAAwB;EAAmB;EAAqB;EAC3D;CACU,CAAA;CAwBnB,OArBIC,MAAS,KAAA,IAsBT,kBAAC,UAAD;EACI,GAAKV;EACA;EACL,WAAWK;EACX,UAAUH;EACV,aAAWE,KAAW,KAAA;EAErB,UAAAI;CACG,CAAA,IA5BJ,kBAAC,KAAD;EACI,GAAIR;EACC;EACL,WAAWK;EACX,MAAMH,IAAW,KAAA,IAAYQ;EACrB;EACR,KAAKC,EAAeC,GAAQC,CAAG;EAC/B,MAAMX,IAAW,SAASF,EAAK;EAC/B,iBAAeE,KAAY,KAAA;EAC3B,aAAWE,KAAW,KAAA;EACtB,UAAUF,IAAW,KAAKF,EAAK;EAC/B,SAASE,IAAWY,IAAoBd,EAAK;EAC7C,YAAYE,IAAWY,IAAoBd,EAAK;EAE/C,UAAAQ;CACF,CAAA;AAef,CAAC"}