@particle-academy/react-fancy 5.60.2 → 5.61.1

package/dist/paste-pills.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunk5JK2VDWY_cjs = require('./chunk-5JK2VDWY.cjs');
-require('./chunk-UZG6LO4Z.cjs');
+var chunkTYTENEJQ_cjs = require('./chunk-TYTENEJQ.cjs');
+require('./chunk-FU6K7XXZ.cjs');
 require('./chunk-J2DI6RMR.cjs');
-require('./chunk-NBZC6LOB.cjs');
+require('./chunk-MKHYENKR.cjs');
+require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-RXDRYWVD.cjs');
 require('./chunk-SNHU2AI4.cjs');
@@ -13,55 +14,55 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "HOST_ATTR", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.HOST_ATTR; }
+  get: function () { return chunkTYTENEJQ_cjs.HOST_ATTR; }
 });
 Object.defineProperty(exports, "InlinePasteEditor", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.InlinePasteEditor; }
+  get: function () { return chunkTYTENEJQ_cjs.InlinePasteEditor; }
 });
 Object.defineProperty(exports, "InlinePill", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.InlinePill; }
+  get: function () { return chunkTYTENEJQ_cjs.InlinePill; }
 });
 Object.defineProperty(exports, "PILL_MARK", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.PILL_MARK; }
+  get: function () { return chunkTYTENEJQ_cjs.PILL_MARK; }
 });
 Object.defineProperty(exports, "PastedFilesInput", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.PastedFilesInput; }
+  get: function () { return chunkTYTENEJQ_cjs.PastedFilesInput; }
 });
 Object.defineProperty(exports, "endsOf", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.endsOf; }
+  get: function () { return chunkTYTENEJQ_cjs.endsOf; }
 });
 Object.defineProperty(exports, "expandMarkers", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.expandMarkers; }
+  get: function () { return chunkTYTENEJQ_cjs.expandMarkers; }
 });
 Object.defineProperty(exports, "markedIds", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.markedIds; }
+  get: function () { return chunkTYTENEJQ_cjs.markedIds; }
 });
 Object.defineProperty(exports, "pasteMarker", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.pasteMarker; }
+  get: function () { return chunkTYTENEJQ_cjs.pasteMarker; }
 });
 Object.defineProperty(exports, "segmentValue", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.segmentValue; }
+  get: function () { return chunkTYTENEJQ_cjs.segmentValue; }
 });
 Object.defineProperty(exports, "useInlinePaste", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.useInlinePaste; }
+  get: function () { return chunkTYTENEJQ_cjs.useInlinePaste; }
 });
 Object.defineProperty(exports, "usePastePills", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.usePastePills; }
+  get: function () { return chunkTYTENEJQ_cjs.usePastePills; }
 });
 Object.defineProperty(exports, "withSeparators", {
   enumerable: true,
-  get: function () { return chunk5JK2VDWY_cjs.withSeparators; }
+  get: function () { return chunkTYTENEJQ_cjs.withSeparators; }
 });
 //# sourceMappingURL=paste-pills.cjs.map
 //# sourceMappingURL=paste-pills.cjs.map

package/dist/paste-pills.js

@@ -1,7 +1,8 @@
-export { HOST_ATTR, InlinePasteEditor, InlinePill, PILL_MARK, PastedFilesInput, endsOf, expandMarkers, markedIds, pasteMarker, segmentValue, useInlinePaste, usePastePills, withSeparators } from './chunk-M6XBF2ZS.js';
-import './chunk-XYOT75HH.js';
+export { HOST_ATTR, InlinePasteEditor, InlinePill, PILL_MARK, PastedFilesInput, endsOf, expandMarkers, markedIds, pasteMarker, segmentValue, useInlinePaste, usePastePills, withSeparators } from './chunk-UJZJBHMH.js';
+import './chunk-NORVXHRU.js';
 import './chunk-MQ6VGG62.js';
-import './chunk-WHEXTDPV.js';
+import './chunk-5VMILVWD.js';
+import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
 import './chunk-JXE5XID6.js';
 import './chunk-EDYAXGUM.js';

package/dist/popover.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var chunkUZG6LO4Z_cjs = require('./chunk-UZG6LO4Z.cjs');
+var chunkFU6K7XXZ_cjs = require('./chunk-FU6K7XXZ.cjs');
 require('./chunk-J2DI6RMR.cjs');
-require('./chunk-NBZC6LOB.cjs');
+require('./chunk-MKHYENKR.cjs');
+require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-RXDRYWVD.cjs');
 require('./chunk-ZU5Q77OT.cjs');
@@ -11,11 +12,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkUZG6LO4Z_cjs.Popover; }
+  get: function () { return chunkFU6K7XXZ_cjs.Popover; }
 });
 Object.defineProperty(exports, "usePopover", {
   enumerable: true,
-  get: function () { return chunkUZG6LO4Z_cjs.usePopover; }
+  get: function () { return chunkFU6K7XXZ_cjs.usePopover; }
 });
 //# sourceMappingURL=popover.cjs.map
 //# sourceMappingURL=popover.cjs.map

package/dist/popover.js

@@ -1,6 +1,7 @@
-export { Popover, usePopover } from './chunk-XYOT75HH.js';
+export { Popover, usePopover } from './chunk-NORVXHRU.js';
 import './chunk-MQ6VGG62.js';
-import './chunk-WHEXTDPV.js';
+import './chunk-5VMILVWD.js';
+import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
 import './chunk-JXE5XID6.js';
 import './chunk-MMW2JGKZ.js';

package/dist/portal.cjs

@@ -1,12 +1,17 @@
 'use strict';
 
-var chunkNBZC6LOB_cjs = require('./chunk-NBZC6LOB.cjs');
+require('./chunk-MKHYENKR.cjs');
+var chunkTI7D4QDM_cjs = require('./chunk-TI7D4QDM.cjs');
 
 
 
 Object.defineProperty(exports, "Portal", {
   enumerable: true,
-  get: function () { return chunkNBZC6LOB_cjs.Portal; }
+  get: function () { return chunkTI7D4QDM_cjs.Portal; }
+});
+Object.defineProperty(exports, "PortalContainerContext", {
+  enumerable: true,
+  get: function () { return chunkTI7D4QDM_cjs.PortalContainerContext; }
 });
 //# sourceMappingURL=portal.cjs.map
 //# sourceMappingURL=portal.cjs.map

package/dist/portal.d.cts

@@ -1,10 +1,21 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 
+/**
+ * Where a `<Portal>` without an explicit `container` renders. `null` means
+ * `document.body`, which is what every Portal did before this existed.
+ *
+ * A full-screen surface provides its own element here while it is active. In the
+ * browser's Fullscreen API only the full-screen element's subtree is painted, so
+ * a menu, tooltip or dialog portalled to `<body>` from inside a full-screen
+ * editor would open invisibly. Redirecting keeps every react-fancy overlay a
+ * descendant of the surface without the components inside knowing.
+ */
+declare const PortalContainerContext: react.Context<HTMLElement | null>;
 interface PortalProps {
     children: ReactNode;
     container?: HTMLElement;
 }
 declare function Portal({ children, container }: PortalProps): react.ReactPortal | null;
 
-export { Portal, type PortalProps };
+export { Portal, PortalContainerContext, type PortalProps };

package/dist/portal.d.ts

@@ -1,10 +1,21 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 
+/**
+ * Where a `<Portal>` without an explicit `container` renders. `null` means
+ * `document.body`, which is what every Portal did before this existed.
+ *
+ * A full-screen surface provides its own element here while it is active. In the
+ * browser's Fullscreen API only the full-screen element's subtree is painted, so
+ * a menu, tooltip or dialog portalled to `<body>` from inside a full-screen
+ * editor would open invisibly. Redirecting keeps every react-fancy overlay a
+ * descendant of the surface without the components inside knowing.
+ */
+declare const PortalContainerContext: react.Context<HTMLElement | null>;
 interface PortalProps {
     children: ReactNode;
     container?: HTMLElement;
 }
 declare function Portal({ children, container }: PortalProps): react.ReactPortal | null;
 
-export { Portal, type PortalProps };
+export { Portal, PortalContainerContext, type PortalProps };

package/dist/portal.js

@@ -1,3 +1,4 @@
-export { Portal } from './chunk-WHEXTDPV.js';
+import './chunk-5VMILVWD.js';
+export { Portal, PortalContainerContext } from './chunk-RBCMKPBX.js';
 //# sourceMappingURL=portal.js.map
 //# sourceMappingURL=portal.js.map

package/dist/prompt-input.cjs

@@ -1,13 +1,14 @@
 'use strict';
 
-var chunk7R7HENZG_cjs = require('./chunk-7R7HENZG.cjs');
-require('./chunk-BJKKW77L.cjs');
+var chunkHRYM76ZE_cjs = require('./chunk-HRYM76ZE.cjs');
+require('./chunk-QXMQVLRQ.cjs');
 require('./chunk-I27K6NLX.cjs');
 require('./chunk-AIA5UNQ5.cjs');
-require('./chunk-5JK2VDWY.cjs');
-require('./chunk-UZG6LO4Z.cjs');
+require('./chunk-TYTENEJQ.cjs');
+require('./chunk-FU6K7XXZ.cjs');
 require('./chunk-J2DI6RMR.cjs');
-require('./chunk-NBZC6LOB.cjs');
+require('./chunk-MKHYENKR.cjs');
+require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-RXDRYWVD.cjs');
 require('./chunk-M5MUGSON.cjs');
@@ -22,7 +23,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "PromptInput", {
   enumerable: true,
-  get: function () { return chunk7R7HENZG_cjs.PromptInput; }
+  get: function () { return chunkHRYM76ZE_cjs.PromptInput; }
 });
 //# sourceMappingURL=prompt-input.cjs.map
 //# sourceMappingURL=prompt-input.cjs.map

package/dist/prompt-input.js

@@ -1,11 +1,12 @@
-export { PromptInput } from './chunk-KQYOIPHQ.js';
-import './chunk-TGBLDJ72.js';
+export { PromptInput } from './chunk-N7KUGFRG.js';
+import './chunk-4FJWHVC7.js';
 import './chunk-SV5BW3IA.js';
 import './chunk-TJ66S5K6.js';
-import './chunk-M6XBF2ZS.js';
-import './chunk-XYOT75HH.js';
+import './chunk-UJZJBHMH.js';
+import './chunk-NORVXHRU.js';
 import './chunk-MQ6VGG62.js';
-import './chunk-WHEXTDPV.js';
+import './chunk-5VMILVWD.js';
+import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
 import './chunk-JXE5XID6.js';
 import './chunk-LQ4ICCN2.js';

package/dist/reason-tag.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkLVE6ERRS_cjs = require('./chunk-LVE6ERRS.cjs');
-require('./chunk-UZG6LO4Z.cjs');
+var chunkRRMQGTVB_cjs = require('./chunk-RRMQGTVB.cjs');
+require('./chunk-FU6K7XXZ.cjs');
 require('./chunk-J2DI6RMR.cjs');
-require('./chunk-NBZC6LOB.cjs');
+require('./chunk-MKHYENKR.cjs');
+require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-RXDRYWVD.cjs');
 require('./chunk-M5MUGSON.cjs');
@@ -17,7 +18,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "ReasonTag", {
   enumerable: true,
-  get: function () { return chunkLVE6ERRS_cjs.ReasonTag; }
+  get: function () { return chunkRRMQGTVB_cjs.ReasonTag; }
 });
 //# sourceMappingURL=reason-tag.cjs.map
 //# sourceMappingURL=reason-tag.cjs.map

package/dist/reason-tag.js

@@ -1,7 +1,8 @@
-export { ReasonTag } from './chunk-4FZOH7BJ.js';
-import './chunk-XYOT75HH.js';
+export { ReasonTag } from './chunk-74MEJWMH.js';
+import './chunk-NORVXHRU.js';
 import './chunk-MQ6VGG62.js';
-import './chunk-WHEXTDPV.js';
+import './chunk-5VMILVWD.js';
+import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
 import './chunk-JXE5XID6.js';
 import './chunk-LQ4ICCN2.js';

package/dist/select.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 require('./chunk-HXLSEBAL.cjs');
-var chunkGLGUQGAQ_cjs = require('./chunk-GLGUQGAQ.cjs');
+var chunkM6MGQI6G_cjs = require('./chunk-M6MGQI6G.cjs');
 require('./chunk-MRZXTL46.cjs');
 require('./chunk-P53432AK.cjs');
 require('./chunk-QF7CD4JH.cjs');
@@ -9,7 +9,8 @@ require('./chunk-O3F6DYWR.cjs');
 require('./chunk-KJ22KE56.cjs');
 require('./chunk-L3V3BYVS.cjs');
 require('./chunk-J2DI6RMR.cjs');
-require('./chunk-NBZC6LOB.cjs');
+require('./chunk-MKHYENKR.cjs');
+require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-RXDRYWVD.cjs');
 require('./chunk-ZU5Q77OT.cjs');
@@ -18,7 +19,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkGLGUQGAQ_cjs.Select; }
+  get: function () { return chunkM6MGQI6G_cjs.Select; }
 });
 //# sourceMappingURL=select.cjs.map
 //# sourceMappingURL=select.cjs.map

package/dist/select.js

@@ -1,5 +1,5 @@
 import './chunk-GNHQVPZP.js';
-export { Select } from './chunk-T45LBTXH.js';
+export { Select } from './chunk-ULG4OA2T.js';
 import './chunk-KXYMMNNV.js';
 import './chunk-WX5XYDVN.js';
 import './chunk-5WQ6FPSP.js';
@@ -7,7 +7,8 @@ import './chunk-USWQAMI3.js';
 import './chunk-OL53XYHF.js';
 import './chunk-NRXK42LO.js';
 import './chunk-MQ6VGG62.js';
-import './chunk-WHEXTDPV.js';
+import './chunk-5VMILVWD.js';
+import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
 import './chunk-JXE5XID6.js';
 import './chunk-MMW2JGKZ.js';

package/dist/sidebar.cjs

@@ -3,6 +3,7 @@
 var chunkEZA6GWZL_cjs = require('./chunk-EZA6GWZL.cjs');
 require('./chunk-A2JUTNE6.cjs');
 require('./chunk-T6YELZPJ.cjs');
+require('./chunk-X6TGRSVH.cjs');
 require('./chunk-TXTRTTG7.cjs');
 require('./chunk-FQZE5N2N.cjs');
 require('./chunk-J2DI6RMR.cjs');

package/dist/sidebar.js

@@ -1,6 +1,7 @@
 export { Sidebar, useSidebar } from './chunk-YJHP5FVA.js';
 import './chunk-2BXMMVQS.js';
 import './chunk-CPY7NHXM.js';
+import './chunk-CHQH6M67.js';
 import './chunk-5U2DZ7AV.js';
 import './chunk-3K2CEAI7.js';
 import './chunk-MQ6VGG62.js';

package/dist/styles.css

@@ -1,5 +1,14 @@
 /* src/styles.css */
 @theme { --color-brand: var(--color-violet-600); --color-brand-contrast: var(--color-white); --color-brand-hover: var(--color-violet-700); --color-primary-50: var(--color-violet-50); --color-primary-100: var(--color-violet-100); --color-primary-200: var(--color-violet-200); --color-primary-300: var(--color-violet-300); --color-primary-400: var(--color-violet-400); --color-primary-500: var(--color-violet-500); --color-primary-600: var(--color-violet-600); --color-primary-700: var(--color-violet-700); --color-primary-800: var(--color-violet-800); --color-primary-900: var(--color-violet-900); --color-primary-950: var(--color-violet-950); --color-secondary-50: var(--color-zinc-50); --color-secondary-100: var(--color-zinc-100); --color-secondary-200: var(--color-zinc-200); --color-secondary-300: var(--color-zinc-300); --color-secondary-400: var(--color-zinc-400); --color-secondary-500: var(--color-zinc-500); --color-secondary-600: var(--color-zinc-600); --color-secondary-700: var(--color-zinc-700); --color-secondary-800: var(--color-zinc-800); --color-secondary-900: var(--color-zinc-900); --color-secondary-950: var(--color-zinc-950); }
+@layer base {
+  :where([data-fullscreen-layer=top]) {
+    padding: 0;
+    border: 0 solid;
+    background-color: transparent;
+    color: inherit;
+    overflow: visible;
+  }
+}
 @layer base {
   [data-react-fancy-progress][data-size=sm] {
     width: 2rem;

package/dist/styles.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* @particle-academy/react-fancy — base styles + animations */\n\n/* ─── Brand colour scheme ────────────────────────────────────────────────────\n   Three token families every Fancy package can rely on, so a component never\n   has to invent a palette or hardcode a literal:\n\n     brand         one accent — the thing a consumer rebrands first\n     primary-*     the accent as a full 50→950 scale\n     secondary-*   the NEUTRAL scale for surfaces, borders and body text\n\n   Why this exists: packages were already writing `bg-brand`, `text-primary-600`\n   and `border-secondary-200` against tokens nothing defined. Tailwind generated\n   no such utility, the class silently resolved to nothing, and the component\n   rendered unstyled — correct markup, no colour, no error. Defining them here\n   turns those classes into a contract instead of a hope.\n\n   SECONDARY INVERTS WITH THE THEME. `text-secondary-900` means \"strongest\n   foreground\", not \"nearly black\" — so it stays readable on a dark surface.\n   That distinction is the whole point: mixing a literal background (`bg-white`)\n   with a semantic foreground (`text-secondary-900`) is what produced\n   white-on-white in a dark host.\n\n   OVERRIDE IT. Redefine any of these in your own `@theme` (or on `:root`) and\n   yours wins — nothing here is `!important`, and the utilities read the variable\n   rather than baking a value in:\n\n     @theme { --color-brand: var(--color-emerald-600); }\n   ──────────────────────────────────────────────────────────────────────────── */\n@theme {\n  /* THE HOST'S OWN COLOUR. `color=\"brand\"` on any component resolves to these.\n     Three variables, not one: a generated hover assumes \"same hue, darker\",\n     and a brand palette need not work that way — a navy whose hover is gold\n     cannot be derived from navy. So the host states the hover instead of the\n     kit guessing it.\n\n       :root {\n         --color-brand: #003057;\n         --color-brand-contrast: #ffffff;   text/icon ON the brand colour\n         --color-brand-hover: #D4A017;      need not be a shade of brand\n       }\n\n     PER MODE, SWAP THE PAIR. `--color-brand` and `--color-brand-contrast` only\n     mean anything together. Repointing one alone fails QUIETLY -- the button\n     still renders, it is just unreadable (a pale surface still carrying white\n     text; or, on ghost/outline where brand is the LABEL, dark text on a dark\n     background):\n\n       .dark { --color-brand: #BFD7EA; --color-brand-contrast: #003057; }\n\n     `--color-brand-hover` usually needs no per-mode value: an accent chosen to\n     stand against the brand tends to stand against it in both modes.\n\n     NOTE: this comment does not survive the build -- `@theme` is emitted\n     without it. The consumer-facing copy is in README.md, and that is the one\n     to keep correct.\n\n     Defaults keep the kit's violet so nothing changes for a host that never\n     sets them. Soft/outline/ghost variants derive their tints with opacity\n     modifiers (`bg-brand/10`), which is what lets three variables cover four\n     variants without asking for a whole scale. */\n  --color-brand: var(--color-violet-600);\n  --color-brand-contrast: var(--color-white);\n  --color-brand-hover: var(--color-violet-700);\n\n  --color-primary-50: var(--color-violet-50);\n  --color-primary-100: var(--color-violet-100);\n  --color-primary-200: var(--color-violet-200);\n  --color-primary-300: var(--color-violet-300);\n  --color-primary-400: var(--color-violet-400);\n  --color-primary-500: var(--color-violet-500);\n  --color-primary-600: var(--color-violet-600);\n  --color-primary-700: var(--color-violet-700);\n  --color-primary-800: var(--color-violet-800);\n  --color-primary-900: var(--color-violet-900);\n  --color-primary-950: var(--color-violet-950);\n\n  /* Light-theme defaults: 50 = faintest surface, 900/950 = strongest text. */\n  --color-secondary-50: var(--color-zinc-50);\n  --color-secondary-100: var(--color-zinc-100);\n  --color-secondary-200: var(--color-zinc-200);\n  --color-secondary-300: var(--color-zinc-300);\n  --color-secondary-400: var(--color-zinc-400);\n  --color-secondary-500: var(--color-zinc-500);\n  --color-secondary-600: var(--color-zinc-600);\n  --color-secondary-700: var(--color-zinc-700);\n  --color-secondary-800: var(--color-zinc-800);\n  --color-secondary-900: var(--color-zinc-900);\n  --color-secondary-950: var(--color-zinc-950);\n}\n\n@layer base {\n\n/* ─── Progress (circular) — named diameters ──────────────────────────────────\n   These ship as real CSS rather than Tailwind classes on the element, because a\n   consumer who has not @sourced this package gets no generated utilities and\n   the ring would render with NO SIZE at all. They were inline styles before,\n   which always worked but could not be overridden by className (issue #17).\n\n   Being inside @layer base, a className utility now beats them — which is the\n   whole point, and the reason #20 had to land first. */\n[data-react-fancy-progress][data-size=\"sm\"] { width: 2rem; height: 2rem; }\n[data-react-fancy-progress][data-size=\"md\"] { width: 3rem; height: 3rem; }\n[data-react-fancy-progress][data-size=\"lg\"] { width: 4rem; height: 4rem; }\n\n\n\n/* Dark: the neutral scale flips, so \"900\" still means strongest foreground and\n   \"50\" still means faintest surface. Wrapped in :where() for zero specificity,\n   matching the rest of this file — any consumer override beats it.\n\n   EVERY dark selector in this file names `[data-theme=\"dark\"]` beside `.dark`\n   (5.53.0). A consumer's `@custom-variant dark` cannot reach these: it rewrites\n   `dark:` utilities, never a selector with `.dark` written into it.\n   tests/data-theme.test.ts fails on any `.dark` selector without its twin. */\n:where(.dark, [data-theme=\"dark\"]) {\n  --color-secondary-50: var(--color-zinc-950);\n  --color-secondary-100: var(--color-zinc-900);\n  --color-secondary-200: var(--color-zinc-800);\n  --color-secondary-300: var(--color-zinc-700);\n  --color-secondary-400: var(--color-zinc-600);\n  --color-secondary-500: var(--color-zinc-500);\n  --color-secondary-600: var(--color-zinc-400);\n  --color-secondary-700: var(--color-zinc-300);\n  --color-secondary-800: var(--color-zinc-200);\n  --color-secondary-900: var(--color-zinc-100);\n  --color-secondary-950: var(--color-zinc-50);\n}\n\n/* ─── Input & Field defaults ─────────────────────────────────────────────────\n   Better UX out of the box: spacing between stacked fields, smooth transitions,\n   and polished dark-mode defaults. All overridable via data-attribute selectors.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n/* Field spacing is the CONTAINER's job, not the field's.\n   ────────────────────────────────────────────────────────────────────────────\n   This used to be:\n\n     [data-react-fancy-field] + [data-react-fancy-field] { margin-top: 1rem; }\n\n   An adjacent-sibling selector cannot know which way its parent lays children\n   out. Stacked vertically it read as spacing; inside a `grid-cols-2` row it\n   pushed the right-hand cell 16px down, and `items-start` could not fix it\n   because a margin is not alignment. The only escape was wrapping every field\n   in a plain <div> so each became an only-child.\n\n   Space fields with the container instead — `space-y-4`, or `gap-4` on a flex\n   or grid parent. A container knows its own axis; a sibling selector never\n   can. See CHANGELOG 5.17.0 for the migration.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n/* Smooth transitions on all text inputs, selects, and textareas */\n[data-react-fancy-input] input,\n[data-react-fancy-textarea],\n[data-react-fancy-select],\n[data-react-fancy-date-picker],\n[data-react-fancy-autocomplete] input,\n[data-react-fancy-pillbox],\n[data-react-fancy-otp-input] input,\n[data-react-fancy-time-picker] input,\n[data-react-fancy-color-picker] input {\n  transition: border-color 0.15s ease, box-shadow 0.15s ease,\n    background-color 0.15s ease;\n}\n\n/* Dark-mode input refinements — slightly darker bg for contrast against page */\n/* ─── Inherent dark-mode defaults ────────────────────────────────────────────\n   Every rule below is wrapped in :where() so it carries ZERO specificity, which\n   buys two properties at once:\n     1. Inherent — a sensible dark appearance ships out of the box, even when the\n        consumer's Tailwind build doesn't generate react-fancy's `dark:` utility\n        classes (e.g. they didn't @source the package). This is what lets the\n        overlays (Dropdown, Menu, Popover, …) go dark on their own.\n     2. Override-friendly — because specificity is 0, ANY consumer override wins:\n        a plain `dark:bg-…` utility, a custom class, or the component's own\n        `dark:` class (when it IS generated) all take precedence — no !important,\n        no need to target the data-attribute.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n/* Every colour below reads a semantic token (`--fancy-<role>-dark`, see\n   THEME_TOKENS / README \"Semantic tokens\") with today's value as the fallback,\n   so a host that sets nothing sees exactly what it saw before. */\n\n/* Inputs / selects / textareas — darker bg for contrast against the page */\n:where(.dark [data-react-fancy-input] input, [data-theme=\"dark\"] [data-react-fancy-input] input),\n:where(.dark [data-react-fancy-textarea], [data-theme=\"dark\"] [data-react-fancy-textarea]),\n:where(.dark [data-react-fancy-select], [data-theme=\"dark\"] [data-react-fancy-select]),\n:where(.dark [data-react-fancy-date-picker], [data-theme=\"dark\"] [data-react-fancy-date-picker]),\n:where(.dark [data-react-fancy-autocomplete] input, [data-theme=\"dark\"] [data-react-fancy-autocomplete] input),\n:where(.dark [data-react-fancy-pillbox], [data-theme=\"dark\"] [data-react-fancy-pillbox]),\n:where(.dark [data-react-fancy-otp-input] input, [data-theme=\"dark\"] [data-react-fancy-otp-input] input),\n:where(.dark [data-react-fancy-time-picker] input, [data-theme=\"dark\"] [data-react-fancy-time-picker] input) {\n  background-color: var(--fancy-input-dark, #1e1e24);\n  border-color: var(--fancy-border-strong-dark, #3f3f46);\n}\n\n/* Focus ring — brighter border + subtle glow */\n:where(.dark [data-react-fancy-input] input:focus, [data-theme=\"dark\"] [data-react-fancy-input] input:focus),\n:where(.dark [data-react-fancy-textarea]:focus, [data-theme=\"dark\"] [data-react-fancy-textarea]:focus),\n:where(.dark [data-react-fancy-select]:focus, [data-theme=\"dark\"] [data-react-fancy-select]:focus),\n:where(.dark [data-react-fancy-date-picker]:focus, [data-theme=\"dark\"] [data-react-fancy-date-picker]:focus),\n:where(.dark [data-react-fancy-autocomplete] input:focus, [data-theme=\"dark\"] [data-react-fancy-autocomplete] input:focus),\n:where(.dark [data-react-fancy-otp-input] input:focus, [data-theme=\"dark\"] [data-react-fancy-otp-input] input:focus),\n:where(.dark [data-react-fancy-time-picker] input:focus, [data-theme=\"dark\"] [data-react-fancy-time-picker] input:focus) {\n  border-color: var(--fancy-focus-dark, #60a5fa);\n  /* = rgba(96, 165, 250, 0.15) when the token is unset */\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fancy-focus-dark, #60a5fa) 15%, transparent);\n}\n\n/* Field labels — brighter for readability */\n:where(.dark [data-react-fancy-field] > label:first-child, [data-theme=\"dark\"] [data-react-fancy-field] > label:first-child) {\n  color: var(--fancy-text-dark, #f4f4f5);\n}\n\n/* Checkbox & radio */\n:where(.dark [data-react-fancy-checkbox] input, [data-theme=\"dark\"] [data-react-fancy-checkbox] input),\n:where(.dark [data-react-fancy-radio-group] input, [data-theme=\"dark\"] [data-react-fancy-radio-group] input) {\n  background-color: var(--fancy-input-dark, #1e1e24);\n  border-color: var(--fancy-border-strong-dark, #3f3f46);\n}\n\n/* Switch unchecked track */\n:where(.dark [data-react-fancy-switch] button[aria-checked=\"false\"], [data-theme=\"dark\"] [data-react-fancy-switch] button[aria-checked=\"false\"]) {\n  background-color: var(--fancy-border-dark, #3f3f46);\n}\n\n/* Input wrapper affixes */\n:where(.dark [data-react-fancy-input-wrapper] > span:first-child, [data-theme=\"dark\"] [data-react-fancy-input-wrapper] > span:first-child),\n:where(.dark [data-react-fancy-input-wrapper] > span:last-child, [data-theme=\"dark\"] [data-react-fancy-input-wrapper] > span:last-child) {\n  border-color: var(--fancy-border-strong-dark, #3f3f46);\n  background-color: var(--fancy-surface-muted-dark, #27272a);\n}\n\n/* Date picker icon (calendar, clock) */\n:where(.dark [data-react-fancy-date-picker]::-webkit-calendar-picker-indicator, [data-theme=\"dark\"] [data-react-fancy-date-picker]::-webkit-calendar-picker-indicator) {\n  filter: invert(0.8);\n}\n\n/* ─── Overlays — inherent dark surfaces ──────────────────────────────────────\n   Dropdown / Menu / Popover / ContextMenu / MobileMenu flyout / Modal / Toast.\n   Mirrors the components' own `dark:` utilities (zinc-900 surface, zinc-700\n   border, zinc-300 text) so overlays render correctly in dark mode WITHOUT the\n   consumer @sourcing react-fancy. When those utilities ARE generated they win\n   (specificity 0 here), so there's no drift or double-styling. */\n:where(.dark [data-react-fancy-dropdown], [data-theme=\"dark\"] [data-react-fancy-dropdown]),\n:where(.dark [data-react-fancy-menu], [data-theme=\"dark\"] [data-react-fancy-menu]),\n:where(.dark [data-react-fancy-popover], [data-theme=\"dark\"] [data-react-fancy-popover]),\n:where(.dark [data-react-fancy-context-menu], [data-theme=\"dark\"] [data-react-fancy-context-menu]),\n:where(.dark [data-react-fancy-context-menu-sub-content], [data-theme=\"dark\"] [data-react-fancy-context-menu-sub-content]),\n:where(.dark [data-react-fancy-mobile-menu-flyout], [data-theme=\"dark\"] [data-react-fancy-mobile-menu-flyout]),\n:where(.dark [data-react-fancy-modal], [data-theme=\"dark\"] [data-react-fancy-modal]),\n:where(.dark [data-react-fancy-toast-item], [data-theme=\"dark\"] [data-react-fancy-toast-item]) {\n  background-color: var(--fancy-surface-dark, #18181b); /* zinc-900 */\n  border-color: var(--fancy-border-dark, #3f3f46); /* zinc-700 */\n  color: var(--fancy-text-soft-dark, #d4d4d8); /* zinc-300 */\n}\n\n/* Overlay item hover states */\n:where(.dark [data-react-fancy-dropdown-item]:hover, [data-theme=\"dark\"] [data-react-fancy-dropdown-item]:hover),\n:where(.dark [data-react-fancy-menu-item]:hover, [data-theme=\"dark\"] [data-react-fancy-menu-item]:hover),\n:where(.dark [data-react-fancy-context-menu-item]:hover, [data-theme=\"dark\"] [data-react-fancy-context-menu-item]:hover) {\n  background-color: var(--fancy-surface-muted-dark, #27272a); /* zinc-800 */\n}\n\n/* Overlay separators */\n:where(.dark [data-react-fancy-dropdown-separator], [data-theme=\"dark\"] [data-react-fancy-dropdown-separator]),\n:where(.dark [data-react-fancy-context-menu-separator], [data-theme=\"dark\"] [data-react-fancy-context-menu-separator]) {\n  background-color: var(--fancy-border-dark, #3f3f46); /* zinc-700 */\n}\n\n/* ─── Media viewer — transparency checkerboard ───────────────────────────────\n   Backdrop for <ImageViewer> / <MediaViewer> so transparent images read clearly.\n   Light + dark variants; the dark rule is wrapped in :where() (zero specificity)\n   so it ships out of the box without the consumer @sourcing react-fancy. */\n.fancy-checkerboard {\n  background-color: #ffffff;\n  background-image:\n    linear-gradient(45deg, #e5e7eb 25%, transparent 25%),\n    linear-gradient(-45deg, #e5e7eb 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, #e5e7eb 75%),\n    linear-gradient(-45deg, transparent 75%, #e5e7eb 75%);\n  background-size: 16px 16px;\n  background-position: 0 0, 0 8px, 8px -8px, -8px 0;\n}\n\n:where(.dark, [data-theme=\"dark\"]) .fancy-checkerboard {\n  background-color: #18181b; /* zinc-900 */\n  background-image:\n    linear-gradient(45deg, #27272a 25%, transparent 25%),\n    linear-gradient(-45deg, #27272a 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, #27272a 75%),\n    linear-gradient(-45deg, transparent 75%, #27272a 75%);\n}\n}\n\n\n@keyframes fancy-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fancy-slide-left {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes fancy-slide-right {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@layer base {\n\n\n.fancy-fade-in {\n  animation: fancy-fade-in 0.2s ease-out;\n}\n\n.fancy-slide-left {\n  animation: fancy-slide-left 0.3s ease-out;\n}\n\n.fancy-slide-right {\n  animation: fancy-slide-right 0.3s ease-out;\n}\n}\n\n\n/* Overlay / floating animations */\n\n@keyframes fancy-scale-in {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes fancy-slide-up {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fancy-fade-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes fancy-toast-in {\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes fancy-collapse-open {\n  from {\n    grid-template-rows: 0fr;\n  }\n  to {\n    grid-template-rows: 1fr;\n  }\n}\n\n@keyframes fancy-collapse-close {\n  from {\n    grid-template-rows: 1fr;\n  }\n  to {\n    grid-template-rows: 0fr;\n  }\n}\n\n@layer base {\n\n\n.fancy-scale-in {\n  animation: fancy-scale-in 0.15s ease-out;\n}\n\n.fancy-slide-up {\n  animation: fancy-slide-up 0.2s ease-out;\n}\n\n.fancy-fade-out {\n  animation: fancy-fade-out 0.15s ease-in forwards;\n}\n\n.fancy-toast-in {\n  animation: fancy-toast-in 0.3s ease-out;\n}\n\n.fancy-collapse-open {\n  animation: fancy-collapse-open 0.2s ease-out forwards;\n}\n\n.fancy-collapse-close {\n  animation: fancy-collapse-close 0.15s ease-in forwards;\n}\n}\n\n\n/* Mobile flyout slide animations */\n\n@keyframes fancy-slide-in-left {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes fancy-slide-out-left {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n\n@keyframes fancy-slide-in-right {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n/* Avatar glow — a looping halo ring (box-shadow only, no reflow). Color comes\n   from the --fancy-glow custom property set on the element. */\n@keyframes fancy-avatar-glow {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--fancy-glow, #a855f7) 55%, transparent);\n    opacity: 0.9;\n  }\n  70% {\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--fancy-glow, #a855f7) 0%, transparent);\n    opacity: 0.5;\n  }\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--fancy-glow, #a855f7) 0%, transparent);\n    opacity: 0.9;\n  }\n}\n\n@layer base {\n\n\n.fancy-avatar-glow {\n  position: absolute;\n  inset: 0;\n  border-radius: 9999px;\n  pointer-events: none;\n  box-shadow:\n    0 0 0 2px color-mix(in srgb, var(--fancy-glow, #a855f7) 70%, transparent),\n    0 0 10px 0 color-mix(in srgb, var(--fancy-glow, #a855f7) 45%, transparent);\n  animation: fancy-avatar-glow 1.6s ease-out infinite;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fancy-avatar-glow {\n    animation: none;\n  }\n}\n}\n\n\n@keyframes fancy-slide-out-right {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n\n@layer base {\n\n\n.fancy-slide-in-left {\n  animation: fancy-slide-in-left 0.25s ease-out;\n}\n\n.fancy-slide-out-left {\n  animation: fancy-slide-out-left 0.2s ease-in forwards;\n}\n\n.fancy-slide-in-right {\n  animation: fancy-slide-in-right 0.25s ease-out;\n}\n\n.fancy-slide-out-right {\n  animation: fancy-slide-out-right 0.2s ease-in forwards;\n}\n}\n\n\n/* Vertical drawer edges. The horizontal pair above predates Drawer (it was\n   built for MobileMenu.Flyout, which only ever opened left/right); these\n   complete the set so `side=\"top\"`/`side=\"bottom\"` animate rather than pop. */\n\n@keyframes fancy-slide-in-top {\n  from {\n    transform: translateY(-100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes fancy-slide-out-top {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(-100%);\n  }\n}\n\n@keyframes fancy-slide-in-bottom {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes fancy-slide-out-bottom {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(100%);\n  }\n}\n\n@layer base {\n\n\n.fancy-slide-in-top {\n  animation: fancy-slide-in-top 0.25s ease-out;\n}\n\n.fancy-slide-out-top {\n  animation: fancy-slide-out-top 0.2s ease-in forwards;\n}\n\n.fancy-slide-in-bottom {\n  animation: fancy-slide-in-bottom 0.25s ease-out;\n}\n\n.fancy-slide-out-bottom {\n  animation: fancy-slide-out-bottom 0.2s ease-in forwards;\n}\n\n/* Reduced motion collapses the travel to a ~0 duration. Since 5.51.0\n   `useAnimation` also unmounts when no animation runs at all, so this is no\n   longer what keeps a closed drawer from staying in the DOM — but a ~0 duration\n   keeps the exit on the same path as every other close. */\n@media (prefers-reduced-motion: reduce) {\n  .fancy-slide-in-left,\n  .fancy-slide-out-left,\n  .fancy-slide-in-right,\n  .fancy-slide-out-right,\n  .fancy-slide-in-top,\n  .fancy-slide-out-top,\n  .fancy-slide-in-bottom,\n  .fancy-slide-out-bottom {\n    animation-duration: 0.01ms;\n  }\n}\n\n/* ─── Marquee ────────────────────────────────────────────────────────────────\n   Edge-to-edge auto-scrolling strip. The track holds two identical copies of\n   the content; translateX(-50%) over one loop shifts exactly one copy, so the\n   wrap is seamless. Duration/gap/fade arrive as custom properties set by the\n   component. No animation under prefers-reduced-motion.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n[data-react-fancy-marquee] {\n  overflow: hidden;\n  width: 100%;\n}\n\n.fancy-marquee--fade {\n  -webkit-mask-image: linear-gradient(\n    to right,\n    transparent,\n    black var(--fancy-marquee-fade, 48px),\n    black calc(100% - var(--fancy-marquee-fade, 48px)),\n    transparent\n  );\n  mask-image: linear-gradient(\n    to right,\n    transparent,\n    black var(--fancy-marquee-fade, 48px),\n    black calc(100% - var(--fancy-marquee-fade, 48px)),\n    transparent\n  );\n}\n\n.fancy-marquee__track {\n  display: flex;\n  width: max-content;\n  animation: fancy-marquee var(--fancy-marquee-duration, 40s) linear infinite;\n  will-change: transform;\n}\n\n[data-react-fancy-marquee][data-direction=\"right\"] .fancy-marquee__track {\n  animation-direction: reverse;\n}\n\n.fancy-marquee--pause-hover:hover .fancy-marquee__track,\n[data-react-fancy-marquee][data-paused] .fancy-marquee__track {\n  animation-play-state: paused;\n}\n\n.fancy-marquee__group {\n  display: flex;\n  flex: none;\n}\n\n.fancy-marquee__unit {\n  display: flex;\n  flex: none;\n  align-items: center;\n  gap: var(--fancy-marquee-gap, 40px);\n  padding-inline-end: var(--fancy-marquee-gap, 40px);\n  white-space: nowrap;\n}\n\n.fancy-marquee__item,\n.fancy-marquee__separator {\n  flex: none;\n}\n}\n\n\n@keyframes fancy-marquee {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-50%);\n  }\n}\n\n@layer base {\n\n\n@media (prefers-reduced-motion: reduce) {\n  .fancy-marquee__track {\n    animation: none;\n  }\n}\n}\n\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* @particle-academy/react-fancy — base styles + animations */\n\n/* ─── Brand colour scheme ────────────────────────────────────────────────────\n   Three token families every Fancy package can rely on, so a component never\n   has to invent a palette or hardcode a literal:\n\n     brand         one accent — the thing a consumer rebrands first\n     primary-*     the accent as a full 50→950 scale\n     secondary-*   the NEUTRAL scale for surfaces, borders and body text\n\n   Why this exists: packages were already writing `bg-brand`, `text-primary-600`\n   and `border-secondary-200` against tokens nothing defined. Tailwind generated\n   no such utility, the class silently resolved to nothing, and the component\n   rendered unstyled — correct markup, no colour, no error. Defining them here\n   turns those classes into a contract instead of a hope.\n\n   SECONDARY INVERTS WITH THE THEME. `text-secondary-900` means \"strongest\n   foreground\", not \"nearly black\" — so it stays readable on a dark surface.\n   That distinction is the whole point: mixing a literal background (`bg-white`)\n   with a semantic foreground (`text-secondary-900`) is what produced\n   white-on-white in a dark host.\n\n   OVERRIDE IT. Redefine any of these in your own `@theme` (or on `:root`) and\n   yours wins — nothing here is `!important`, and the utilities read the variable\n   rather than baking a value in:\n\n     @theme { --color-brand: var(--color-emerald-600); }\n   ──────────────────────────────────────────────────────────────────────────── */\n@theme {\n  /* THE HOST'S OWN COLOUR. `color=\"brand\"` on any component resolves to these.\n     Three variables, not one: a generated hover assumes \"same hue, darker\",\n     and a brand palette need not work that way — a navy whose hover is gold\n     cannot be derived from navy. So the host states the hover instead of the\n     kit guessing it.\n\n       :root {\n         --color-brand: #003057;\n         --color-brand-contrast: #ffffff;   text/icon ON the brand colour\n         --color-brand-hover: #D4A017;      need not be a shade of brand\n       }\n\n     PER MODE, SWAP THE PAIR. `--color-brand` and `--color-brand-contrast` only\n     mean anything together. Repointing one alone fails QUIETLY -- the button\n     still renders, it is just unreadable (a pale surface still carrying white\n     text; or, on ghost/outline where brand is the LABEL, dark text on a dark\n     background):\n\n       .dark { --color-brand: #BFD7EA; --color-brand-contrast: #003057; }\n\n     `--color-brand-hover` usually needs no per-mode value: an accent chosen to\n     stand against the brand tends to stand against it in both modes.\n\n     NOTE: this comment does not survive the build -- `@theme` is emitted\n     without it. The consumer-facing copy is in README.md, and that is the one\n     to keep correct.\n\n     Defaults keep the kit's violet so nothing changes for a host that never\n     sets them. Soft/outline/ghost variants derive their tints with opacity\n     modifiers (`bg-brand/10`), which is what lets three variables cover four\n     variants without asking for a whole scale. */\n  --color-brand: var(--color-violet-600);\n  --color-brand-contrast: var(--color-white);\n  --color-brand-hover: var(--color-violet-700);\n\n  --color-primary-50: var(--color-violet-50);\n  --color-primary-100: var(--color-violet-100);\n  --color-primary-200: var(--color-violet-200);\n  --color-primary-300: var(--color-violet-300);\n  --color-primary-400: var(--color-violet-400);\n  --color-primary-500: var(--color-violet-500);\n  --color-primary-600: var(--color-violet-600);\n  --color-primary-700: var(--color-violet-700);\n  --color-primary-800: var(--color-violet-800);\n  --color-primary-900: var(--color-violet-900);\n  --color-primary-950: var(--color-violet-950);\n\n  /* Light-theme defaults: 50 = faintest surface, 900/950 = strongest text. */\n  --color-secondary-50: var(--color-zinc-50);\n  --color-secondary-100: var(--color-zinc-100);\n  --color-secondary-200: var(--color-zinc-200);\n  --color-secondary-300: var(--color-zinc-300);\n  --color-secondary-400: var(--color-zinc-400);\n  --color-secondary-500: var(--color-zinc-500);\n  --color-secondary-600: var(--color-zinc-600);\n  --color-secondary-700: var(--color-zinc-700);\n  --color-secondary-800: var(--color-zinc-800);\n  --color-secondary-900: var(--color-zinc-900);\n  --color-secondary-950: var(--color-zinc-950);\n}\n\n/* ─── Full screen in the top layer — neutralise the UA popover box ───────────\n   An overlay-mode FullScreen is promoted with popover=\"manual\" so ancestor\n   transforms / filters cannot trap it, and the UA sheet then styles it as a\n   popover: padding .25em, a solid border, Canvas / CanvasText colours,\n   overflow:auto. Any author rule outranks the UA origin, so this zero-\n   specificity rule in the base layer puts those back to what a plain box has,\n   while every utility a consumer passes through className still wins. Inline\n   styles could not do that: they would beat the consumer's own classes. The\n   box geometry (inset, width, height, margin) is set inline by the hook. */\n@layer base {\n  :where([data-fullscreen-layer=\"top\"]) {\n    padding: 0;\n    border: 0 solid;\n    background-color: transparent;\n    color: inherit;\n    overflow: visible;\n  }\n}\n\n@layer base {\n\n/* ─── Progress (circular) — named diameters ──────────────────────────────────\n   These ship as real CSS rather than Tailwind classes on the element, because a\n   consumer who has not @sourced this package gets no generated utilities and\n   the ring would render with NO SIZE at all. They were inline styles before,\n   which always worked but could not be overridden by className (issue #17).\n\n   Being inside @layer base, a className utility now beats them — which is the\n   whole point, and the reason #20 had to land first. */\n[data-react-fancy-progress][data-size=\"sm\"] { width: 2rem; height: 2rem; }\n[data-react-fancy-progress][data-size=\"md\"] { width: 3rem; height: 3rem; }\n[data-react-fancy-progress][data-size=\"lg\"] { width: 4rem; height: 4rem; }\n\n\n\n/* Dark: the neutral scale flips, so \"900\" still means strongest foreground and\n   \"50\" still means faintest surface. Wrapped in :where() for zero specificity,\n   matching the rest of this file — any consumer override beats it.\n\n   EVERY dark selector in this file names `[data-theme=\"dark\"]` beside `.dark`\n   (5.53.0). A consumer's `@custom-variant dark` cannot reach these: it rewrites\n   `dark:` utilities, never a selector with `.dark` written into it.\n   tests/data-theme.test.ts fails on any `.dark` selector without its twin. */\n:where(.dark, [data-theme=\"dark\"]) {\n  --color-secondary-50: var(--color-zinc-950);\n  --color-secondary-100: var(--color-zinc-900);\n  --color-secondary-200: var(--color-zinc-800);\n  --color-secondary-300: var(--color-zinc-700);\n  --color-secondary-400: var(--color-zinc-600);\n  --color-secondary-500: var(--color-zinc-500);\n  --color-secondary-600: var(--color-zinc-400);\n  --color-secondary-700: var(--color-zinc-300);\n  --color-secondary-800: var(--color-zinc-200);\n  --color-secondary-900: var(--color-zinc-100);\n  --color-secondary-950: var(--color-zinc-50);\n}\n\n/* ─── Input & Field defaults ─────────────────────────────────────────────────\n   Better UX out of the box: spacing between stacked fields, smooth transitions,\n   and polished dark-mode defaults. All overridable via data-attribute selectors.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n/* Field spacing is the CONTAINER's job, not the field's.\n   ────────────────────────────────────────────────────────────────────────────\n   This used to be:\n\n     [data-react-fancy-field] + [data-react-fancy-field] { margin-top: 1rem; }\n\n   An adjacent-sibling selector cannot know which way its parent lays children\n   out. Stacked vertically it read as spacing; inside a `grid-cols-2` row it\n   pushed the right-hand cell 16px down, and `items-start` could not fix it\n   because a margin is not alignment. The only escape was wrapping every field\n   in a plain <div> so each became an only-child.\n\n   Space fields with the container instead — `space-y-4`, or `gap-4` on a flex\n   or grid parent. A container knows its own axis; a sibling selector never\n   can. See CHANGELOG 5.17.0 for the migration.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n/* Smooth transitions on all text inputs, selects, and textareas */\n[data-react-fancy-input] input,\n[data-react-fancy-textarea],\n[data-react-fancy-select],\n[data-react-fancy-date-picker],\n[data-react-fancy-autocomplete] input,\n[data-react-fancy-pillbox],\n[data-react-fancy-otp-input] input,\n[data-react-fancy-time-picker] input,\n[data-react-fancy-color-picker] input {\n  transition: border-color 0.15s ease, box-shadow 0.15s ease,\n    background-color 0.15s ease;\n}\n\n/* Dark-mode input refinements — slightly darker bg for contrast against page */\n/* ─── Inherent dark-mode defaults ────────────────────────────────────────────\n   Every rule below is wrapped in :where() so it carries ZERO specificity, which\n   buys two properties at once:\n     1. Inherent — a sensible dark appearance ships out of the box, even when the\n        consumer's Tailwind build doesn't generate react-fancy's `dark:` utility\n        classes (e.g. they didn't @source the package). This is what lets the\n        overlays (Dropdown, Menu, Popover, …) go dark on their own.\n     2. Override-friendly — because specificity is 0, ANY consumer override wins:\n        a plain `dark:bg-…` utility, a custom class, or the component's own\n        `dark:` class (when it IS generated) all take precedence — no !important,\n        no need to target the data-attribute.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n/* Every colour below reads a semantic token (`--fancy-<role>-dark`, see\n   THEME_TOKENS / README \"Semantic tokens\") with today's value as the fallback,\n   so a host that sets nothing sees exactly what it saw before. */\n\n/* Inputs / selects / textareas — darker bg for contrast against the page */\n:where(.dark [data-react-fancy-input] input, [data-theme=\"dark\"] [data-react-fancy-input] input),\n:where(.dark [data-react-fancy-textarea], [data-theme=\"dark\"] [data-react-fancy-textarea]),\n:where(.dark [data-react-fancy-select], [data-theme=\"dark\"] [data-react-fancy-select]),\n:where(.dark [data-react-fancy-date-picker], [data-theme=\"dark\"] [data-react-fancy-date-picker]),\n:where(.dark [data-react-fancy-autocomplete] input, [data-theme=\"dark\"] [data-react-fancy-autocomplete] input),\n:where(.dark [data-react-fancy-pillbox], [data-theme=\"dark\"] [data-react-fancy-pillbox]),\n:where(.dark [data-react-fancy-otp-input] input, [data-theme=\"dark\"] [data-react-fancy-otp-input] input),\n:where(.dark [data-react-fancy-time-picker] input, [data-theme=\"dark\"] [data-react-fancy-time-picker] input) {\n  background-color: var(--fancy-input-dark, #1e1e24);\n  border-color: var(--fancy-border-strong-dark, #3f3f46);\n}\n\n/* Focus ring — brighter border + subtle glow */\n:where(.dark [data-react-fancy-input] input:focus, [data-theme=\"dark\"] [data-react-fancy-input] input:focus),\n:where(.dark [data-react-fancy-textarea]:focus, [data-theme=\"dark\"] [data-react-fancy-textarea]:focus),\n:where(.dark [data-react-fancy-select]:focus, [data-theme=\"dark\"] [data-react-fancy-select]:focus),\n:where(.dark [data-react-fancy-date-picker]:focus, [data-theme=\"dark\"] [data-react-fancy-date-picker]:focus),\n:where(.dark [data-react-fancy-autocomplete] input:focus, [data-theme=\"dark\"] [data-react-fancy-autocomplete] input:focus),\n:where(.dark [data-react-fancy-otp-input] input:focus, [data-theme=\"dark\"] [data-react-fancy-otp-input] input:focus),\n:where(.dark [data-react-fancy-time-picker] input:focus, [data-theme=\"dark\"] [data-react-fancy-time-picker] input:focus) {\n  border-color: var(--fancy-focus-dark, #60a5fa);\n  /* = rgba(96, 165, 250, 0.15) when the token is unset */\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fancy-focus-dark, #60a5fa) 15%, transparent);\n}\n\n/* Field labels — brighter for readability */\n:where(.dark [data-react-fancy-field] > label:first-child, [data-theme=\"dark\"] [data-react-fancy-field] > label:first-child) {\n  color: var(--fancy-text-dark, #f4f4f5);\n}\n\n/* Checkbox & radio */\n:where(.dark [data-react-fancy-checkbox] input, [data-theme=\"dark\"] [data-react-fancy-checkbox] input),\n:where(.dark [data-react-fancy-radio-group] input, [data-theme=\"dark\"] [data-react-fancy-radio-group] input) {\n  background-color: var(--fancy-input-dark, #1e1e24);\n  border-color: var(--fancy-border-strong-dark, #3f3f46);\n}\n\n/* Switch unchecked track */\n:where(.dark [data-react-fancy-switch] button[aria-checked=\"false\"], [data-theme=\"dark\"] [data-react-fancy-switch] button[aria-checked=\"false\"]) {\n  background-color: var(--fancy-border-dark, #3f3f46);\n}\n\n/* Input wrapper affixes */\n:where(.dark [data-react-fancy-input-wrapper] > span:first-child, [data-theme=\"dark\"] [data-react-fancy-input-wrapper] > span:first-child),\n:where(.dark [data-react-fancy-input-wrapper] > span:last-child, [data-theme=\"dark\"] [data-react-fancy-input-wrapper] > span:last-child) {\n  border-color: var(--fancy-border-strong-dark, #3f3f46);\n  background-color: var(--fancy-surface-muted-dark, #27272a);\n}\n\n/* Date picker icon (calendar, clock) */\n:where(.dark [data-react-fancy-date-picker]::-webkit-calendar-picker-indicator, [data-theme=\"dark\"] [data-react-fancy-date-picker]::-webkit-calendar-picker-indicator) {\n  filter: invert(0.8);\n}\n\n/* ─── Overlays — inherent dark surfaces ──────────────────────────────────────\n   Dropdown / Menu / Popover / ContextMenu / MobileMenu flyout / Modal / Toast.\n   Mirrors the components' own `dark:` utilities (zinc-900 surface, zinc-700\n   border, zinc-300 text) so overlays render correctly in dark mode WITHOUT the\n   consumer @sourcing react-fancy. When those utilities ARE generated they win\n   (specificity 0 here), so there's no drift or double-styling. */\n:where(.dark [data-react-fancy-dropdown], [data-theme=\"dark\"] [data-react-fancy-dropdown]),\n:where(.dark [data-react-fancy-menu], [data-theme=\"dark\"] [data-react-fancy-menu]),\n:where(.dark [data-react-fancy-popover], [data-theme=\"dark\"] [data-react-fancy-popover]),\n:where(.dark [data-react-fancy-context-menu], [data-theme=\"dark\"] [data-react-fancy-context-menu]),\n:where(.dark [data-react-fancy-context-menu-sub-content], [data-theme=\"dark\"] [data-react-fancy-context-menu-sub-content]),\n:where(.dark [data-react-fancy-mobile-menu-flyout], [data-theme=\"dark\"] [data-react-fancy-mobile-menu-flyout]),\n:where(.dark [data-react-fancy-modal], [data-theme=\"dark\"] [data-react-fancy-modal]),\n:where(.dark [data-react-fancy-toast-item], [data-theme=\"dark\"] [data-react-fancy-toast-item]) {\n  background-color: var(--fancy-surface-dark, #18181b); /* zinc-900 */\n  border-color: var(--fancy-border-dark, #3f3f46); /* zinc-700 */\n  color: var(--fancy-text-soft-dark, #d4d4d8); /* zinc-300 */\n}\n\n/* Overlay item hover states */\n:where(.dark [data-react-fancy-dropdown-item]:hover, [data-theme=\"dark\"] [data-react-fancy-dropdown-item]:hover),\n:where(.dark [data-react-fancy-menu-item]:hover, [data-theme=\"dark\"] [data-react-fancy-menu-item]:hover),\n:where(.dark [data-react-fancy-context-menu-item]:hover, [data-theme=\"dark\"] [data-react-fancy-context-menu-item]:hover) {\n  background-color: var(--fancy-surface-muted-dark, #27272a); /* zinc-800 */\n}\n\n/* Overlay separators */\n:where(.dark [data-react-fancy-dropdown-separator], [data-theme=\"dark\"] [data-react-fancy-dropdown-separator]),\n:where(.dark [data-react-fancy-context-menu-separator], [data-theme=\"dark\"] [data-react-fancy-context-menu-separator]) {\n  background-color: var(--fancy-border-dark, #3f3f46); /* zinc-700 */\n}\n\n/* ─── Media viewer — transparency checkerboard ───────────────────────────────\n   Backdrop for <ImageViewer> / <MediaViewer> so transparent images read clearly.\n   Light + dark variants; the dark rule is wrapped in :where() (zero specificity)\n   so it ships out of the box without the consumer @sourcing react-fancy. */\n.fancy-checkerboard {\n  background-color: #ffffff;\n  background-image:\n    linear-gradient(45deg, #e5e7eb 25%, transparent 25%),\n    linear-gradient(-45deg, #e5e7eb 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, #e5e7eb 75%),\n    linear-gradient(-45deg, transparent 75%, #e5e7eb 75%);\n  background-size: 16px 16px;\n  background-position: 0 0, 0 8px, 8px -8px, -8px 0;\n}\n\n:where(.dark, [data-theme=\"dark\"]) .fancy-checkerboard {\n  background-color: #18181b; /* zinc-900 */\n  background-image:\n    linear-gradient(45deg, #27272a 25%, transparent 25%),\n    linear-gradient(-45deg, #27272a 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, #27272a 75%),\n    linear-gradient(-45deg, transparent 75%, #27272a 75%);\n}\n}\n\n\n@keyframes fancy-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fancy-slide-left {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes fancy-slide-right {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@layer base {\n\n\n.fancy-fade-in {\n  animation: fancy-fade-in 0.2s ease-out;\n}\n\n.fancy-slide-left {\n  animation: fancy-slide-left 0.3s ease-out;\n}\n\n.fancy-slide-right {\n  animation: fancy-slide-right 0.3s ease-out;\n}\n}\n\n\n/* Overlay / floating animations */\n\n@keyframes fancy-scale-in {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes fancy-slide-up {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fancy-fade-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes fancy-toast-in {\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes fancy-collapse-open {\n  from {\n    grid-template-rows: 0fr;\n  }\n  to {\n    grid-template-rows: 1fr;\n  }\n}\n\n@keyframes fancy-collapse-close {\n  from {\n    grid-template-rows: 1fr;\n  }\n  to {\n    grid-template-rows: 0fr;\n  }\n}\n\n@layer base {\n\n\n.fancy-scale-in {\n  animation: fancy-scale-in 0.15s ease-out;\n}\n\n.fancy-slide-up {\n  animation: fancy-slide-up 0.2s ease-out;\n}\n\n.fancy-fade-out {\n  animation: fancy-fade-out 0.15s ease-in forwards;\n}\n\n.fancy-toast-in {\n  animation: fancy-toast-in 0.3s ease-out;\n}\n\n.fancy-collapse-open {\n  animation: fancy-collapse-open 0.2s ease-out forwards;\n}\n\n.fancy-collapse-close {\n  animation: fancy-collapse-close 0.15s ease-in forwards;\n}\n}\n\n\n/* Mobile flyout slide animations */\n\n@keyframes fancy-slide-in-left {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes fancy-slide-out-left {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n\n@keyframes fancy-slide-in-right {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n/* Avatar glow — a looping halo ring (box-shadow only, no reflow). Color comes\n   from the --fancy-glow custom property set on the element. */\n@keyframes fancy-avatar-glow {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--fancy-glow, #a855f7) 55%, transparent);\n    opacity: 0.9;\n  }\n  70% {\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--fancy-glow, #a855f7) 0%, transparent);\n    opacity: 0.5;\n  }\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--fancy-glow, #a855f7) 0%, transparent);\n    opacity: 0.9;\n  }\n}\n\n@layer base {\n\n\n.fancy-avatar-glow {\n  position: absolute;\n  inset: 0;\n  border-radius: 9999px;\n  pointer-events: none;\n  box-shadow:\n    0 0 0 2px color-mix(in srgb, var(--fancy-glow, #a855f7) 70%, transparent),\n    0 0 10px 0 color-mix(in srgb, var(--fancy-glow, #a855f7) 45%, transparent);\n  animation: fancy-avatar-glow 1.6s ease-out infinite;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fancy-avatar-glow {\n    animation: none;\n  }\n}\n}\n\n\n@keyframes fancy-slide-out-right {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n\n@layer base {\n\n\n.fancy-slide-in-left {\n  animation: fancy-slide-in-left 0.25s ease-out;\n}\n\n.fancy-slide-out-left {\n  animation: fancy-slide-out-left 0.2s ease-in forwards;\n}\n\n.fancy-slide-in-right {\n  animation: fancy-slide-in-right 0.25s ease-out;\n}\n\n.fancy-slide-out-right {\n  animation: fancy-slide-out-right 0.2s ease-in forwards;\n}\n}\n\n\n/* Vertical drawer edges. The horizontal pair above predates Drawer (it was\n   built for MobileMenu.Flyout, which only ever opened left/right); these\n   complete the set so `side=\"top\"`/`side=\"bottom\"` animate rather than pop. */\n\n@keyframes fancy-slide-in-top {\n  from {\n    transform: translateY(-100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes fancy-slide-out-top {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(-100%);\n  }\n}\n\n@keyframes fancy-slide-in-bottom {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes fancy-slide-out-bottom {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(100%);\n  }\n}\n\n@layer base {\n\n\n.fancy-slide-in-top {\n  animation: fancy-slide-in-top 0.25s ease-out;\n}\n\n.fancy-slide-out-top {\n  animation: fancy-slide-out-top 0.2s ease-in forwards;\n}\n\n.fancy-slide-in-bottom {\n  animation: fancy-slide-in-bottom 0.25s ease-out;\n}\n\n.fancy-slide-out-bottom {\n  animation: fancy-slide-out-bottom 0.2s ease-in forwards;\n}\n\n/* Reduced motion collapses the travel to a ~0 duration. Since 5.51.0\n   `useAnimation` also unmounts when no animation runs at all, so this is no\n   longer what keeps a closed drawer from staying in the DOM — but a ~0 duration\n   keeps the exit on the same path as every other close. */\n@media (prefers-reduced-motion: reduce) {\n  .fancy-slide-in-left,\n  .fancy-slide-out-left,\n  .fancy-slide-in-right,\n  .fancy-slide-out-right,\n  .fancy-slide-in-top,\n  .fancy-slide-out-top,\n  .fancy-slide-in-bottom,\n  .fancy-slide-out-bottom {\n    animation-duration: 0.01ms;\n  }\n}\n\n/* ─── Marquee ────────────────────────────────────────────────────────────────\n   Edge-to-edge auto-scrolling strip. The track holds two identical copies of\n   the content; translateX(-50%) over one loop shifts exactly one copy, so the\n   wrap is seamless. Duration/gap/fade arrive as custom properties set by the\n   component. No animation under prefers-reduced-motion.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n[data-react-fancy-marquee] {\n  overflow: hidden;\n  width: 100%;\n}\n\n.fancy-marquee--fade {\n  -webkit-mask-image: linear-gradient(\n    to right,\n    transparent,\n    black var(--fancy-marquee-fade, 48px),\n    black calc(100% - var(--fancy-marquee-fade, 48px)),\n    transparent\n  );\n  mask-image: linear-gradient(\n    to right,\n    transparent,\n    black var(--fancy-marquee-fade, 48px),\n    black calc(100% - var(--fancy-marquee-fade, 48px)),\n    transparent\n  );\n}\n\n.fancy-marquee__track {\n  display: flex;\n  width: max-content;\n  animation: fancy-marquee var(--fancy-marquee-duration, 40s) linear infinite;\n  will-change: transform;\n}\n\n[data-react-fancy-marquee][data-direction=\"right\"] .fancy-marquee__track {\n  animation-direction: reverse;\n}\n\n.fancy-marquee--pause-hover:hover .fancy-marquee__track,\n[data-react-fancy-marquee][data-paused] .fancy-marquee__track {\n  animation-play-state: paused;\n}\n\n.fancy-marquee__group {\n  display: flex;\n  flex: none;\n}\n\n.fancy-marquee__unit {\n  display: flex;\n  flex: none;\n  align-items: center;\n  gap: var(--fancy-marquee-gap, 40px);\n  padding-inline-end: var(--fancy-marquee-gap, 40px);\n  white-space: nowrap;\n}\n\n.fancy-marquee__item,\n.fancy-marquee__separator {\n  flex: none;\n}\n}\n\n\n@keyframes fancy-marquee {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-50%);\n  }\n}\n\n@layer base {\n\n\n@media (prefers-reduced-motion: reduce) {\n  .fancy-marquee__track {\n    animation: none;\n  }\n}\n}\n\n"],"mappings":"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","names":[]}

package/dist/toast.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunk5ZNOLPIJ_cjs = require('./chunk-5ZNOLPIJ.cjs');
-require('./chunk-NBZC6LOB.cjs');
+var chunkH2YRZYKK_cjs = require('./chunk-H2YRZYKK.cjs');
+require('./chunk-MKHYENKR.cjs');
+require('./chunk-TI7D4QDM.cjs');
 require('./chunk-VBWRH4UW.cjs');
 require('./chunk-MOU6O324.cjs');
 require('./chunk-SNHU2AI4.cjs');
@@ -11,11 +12,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
-  get: function () { return chunk5ZNOLPIJ_cjs.Toast; }
+  get: function () { return chunkH2YRZYKK_cjs.Toast; }
 });
 Object.defineProperty(exports, "useToast", {
   enumerable: true,
-  get: function () { return chunk5ZNOLPIJ_cjs.useToast; }
+  get: function () { return chunkH2YRZYKK_cjs.useToast; }
 });
 //# sourceMappingURL=toast.cjs.map
 //# sourceMappingURL=toast.cjs.map

package/dist/toast.js

@@ -1,5 +1,6 @@
-export { Toast, useToast } from './chunk-UIE5FP3A.js';
-import './chunk-WHEXTDPV.js';
+export { Toast, useToast } from './chunk-BQFPC5FL.js';
+import './chunk-5VMILVWD.js';
+import './chunk-RBCMKPBX.js';
 import './chunk-IQ4KQJAO.js';
 import './chunk-6FCQD2KQ.js';
 import './chunk-EDYAXGUM.js';

package/dist/tooltip.cjs

@@ -1,16 +1,17 @@
 'use strict';
 
-var chunkBJKKW77L_cjs = require('./chunk-BJKKW77L.cjs');
+var chunkQXMQVLRQ_cjs = require('./chunk-QXMQVLRQ.cjs');
 require('./chunk-I27K6NLX.cjs');
 require('./chunk-J2DI6RMR.cjs');
-require('./chunk-NBZC6LOB.cjs');
+require('./chunk-MKHYENKR.cjs');
+require('./chunk-TI7D4QDM.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkBJKKW77L_cjs.Tooltip; }
+  get: function () { return chunkQXMQVLRQ_cjs.Tooltip; }
 });
 //# sourceMappingURL=tooltip.cjs.map
 //# sourceMappingURL=tooltip.cjs.map

package/dist/tooltip.js

@@ -1,7 +1,8 @@
-export { Tooltip } from './chunk-TGBLDJ72.js';
+export { Tooltip } from './chunk-4FJWHVC7.js';
 import './chunk-SV5BW3IA.js';
 import './chunk-MQ6VGG62.js';
-import './chunk-WHEXTDPV.js';
+import './chunk-5VMILVWD.js';
+import './chunk-RBCMKPBX.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=tooltip.js.map
 //# sourceMappingURL=tooltip.js.map