@particle-academy/react-fancy 5.50.0 → 5.51.1

package/dist/paste-pills.cjs

@@ -1,9 +1,11 @@
 'use strict';
 
-var chunkMSRYJETY_cjs = require('./chunk-MSRYJETY.cjs');
-require('./chunk-X7H75WVP.cjs');
+var chunkR3UG6PVX_cjs = require('./chunk-R3UG6PVX.cjs');
+require('./chunk-WKNVZUWZ.cjs');
 require('./chunk-J2DI6RMR.cjs');
 require('./chunk-NBZC6LOB.cjs');
+require('./chunk-57FQGQJK.cjs');
+require('./chunk-RXDRYWVD.cjs');
 require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
@@ -11,55 +13,55 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "HOST_ATTR", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.HOST_ATTR; }
+  get: function () { return chunkR3UG6PVX_cjs.HOST_ATTR; }
 });
 Object.defineProperty(exports, "InlinePasteEditor", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.InlinePasteEditor; }
+  get: function () { return chunkR3UG6PVX_cjs.InlinePasteEditor; }
 });
 Object.defineProperty(exports, "InlinePill", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.InlinePill; }
+  get: function () { return chunkR3UG6PVX_cjs.InlinePill; }
 });
 Object.defineProperty(exports, "PILL_MARK", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.PILL_MARK; }
+  get: function () { return chunkR3UG6PVX_cjs.PILL_MARK; }
 });
 Object.defineProperty(exports, "PastedFilesInput", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.PastedFilesInput; }
+  get: function () { return chunkR3UG6PVX_cjs.PastedFilesInput; }
 });
 Object.defineProperty(exports, "endsOf", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.endsOf; }
+  get: function () { return chunkR3UG6PVX_cjs.endsOf; }
 });
 Object.defineProperty(exports, "expandMarkers", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.expandMarkers; }
+  get: function () { return chunkR3UG6PVX_cjs.expandMarkers; }
 });
 Object.defineProperty(exports, "markedIds", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.markedIds; }
+  get: function () { return chunkR3UG6PVX_cjs.markedIds; }
 });
 Object.defineProperty(exports, "pasteMarker", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.pasteMarker; }
+  get: function () { return chunkR3UG6PVX_cjs.pasteMarker; }
 });
 Object.defineProperty(exports, "segmentValue", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.segmentValue; }
+  get: function () { return chunkR3UG6PVX_cjs.segmentValue; }
 });
 Object.defineProperty(exports, "useInlinePaste", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.useInlinePaste; }
+  get: function () { return chunkR3UG6PVX_cjs.useInlinePaste; }
 });
 Object.defineProperty(exports, "usePastePills", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.usePastePills; }
+  get: function () { return chunkR3UG6PVX_cjs.usePastePills; }
 });
 Object.defineProperty(exports, "withSeparators", {
   enumerable: true,
-  get: function () { return chunkMSRYJETY_cjs.withSeparators; }
+  get: function () { return chunkR3UG6PVX_cjs.withSeparators; }
 });
 //# sourceMappingURL=paste-pills.cjs.map
 //# sourceMappingURL=paste-pills.cjs.map

package/dist/paste-pills.d.cts

@@ -27,7 +27,9 @@ interface InlinePillProps {
  * One pill inside the message, portalled by `Composer` into a placeholder the
  * editor made. Internal — its own file so its props are not read as `Composer`'s.
  *
- * The hover preview is a portalled `Tooltip`, so the scrolling input cannot clip it.
+ * The preview is a hover `Popover` (portalled, so the scrolling input cannot clip
+ * it), and it opens on FOCUS too, so a keyboard user reaches the same preview. It
+ * was a `Tooltip` until 5.51.0; a tooltip is for a short label, not an image.
  */
 declare function InlinePill({ preview, previewChars, renderPastePreview, classNames, disabled, onExpand, }: InlinePillProps): react.JSX.Element;
 

package/dist/paste-pills.d.ts

@@ -27,7 +27,9 @@ interface InlinePillProps {
  * One pill inside the message, portalled by `Composer` into a placeholder the
  * editor made. Internal — its own file so its props are not read as `Composer`'s.
  *
- * The hover preview is a portalled `Tooltip`, so the scrolling input cannot clip it.
+ * The preview is a hover `Popover` (portalled, so the scrolling input cannot clip
+ * it), and it opens on FOCUS too, so a keyboard user reaches the same preview. It
+ * was a `Tooltip` until 5.51.0; a tooltip is for a short label, not an image.
  */
 declare function InlinePill({ preview, previewChars, renderPastePreview, classNames, disabled, onExpand, }: InlinePillProps): react.JSX.Element;
 

package/dist/paste-pills.js

@@ -1,7 +1,9 @@
-export { HOST_ATTR, InlinePasteEditor, InlinePill, PILL_MARK, PastedFilesInput, endsOf, expandMarkers, markedIds, pasteMarker, segmentValue, useInlinePaste, usePastePills, withSeparators } from './chunk-KYZNCVRD.js';
-import './chunk-CF5KRDN4.js';
+export { HOST_ATTR, InlinePasteEditor, InlinePill, PILL_MARK, PastedFilesInput, endsOf, expandMarkers, markedIds, pasteMarker, segmentValue, useInlinePaste, usePastePills, withSeparators } from './chunk-FYKOLKQZ.js';
+import './chunk-6KXAFP2T.js';
 import './chunk-MQ6VGG62.js';
 import './chunk-WHEXTDPV.js';
+import './chunk-RGANGU7X.js';
+import './chunk-JXE5XID6.js';
 import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=paste-pills.js.map

package/dist/prompt-input.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkIPBEVSSC_cjs = require('./chunk-IPBEVSSC.cjs');
-require('./chunk-AIA5UNQ5.cjs');
-require('./chunk-MSRYJETY.cjs');
+var chunkMH4QS7OE_cjs = require('./chunk-MH4QS7OE.cjs');
 require('./chunk-X7H75WVP.cjs');
+require('./chunk-AIA5UNQ5.cjs');
+require('./chunk-R3UG6PVX.cjs');
+require('./chunk-WKNVZUWZ.cjs');
 require('./chunk-M5MUGSON.cjs');
 require('./chunk-FWA4PCW7.cjs');
 require('./chunk-X2FC7ODX.cjs');
@@ -11,6 +12,8 @@ require('./chunk-XCZZVRBY.cjs');
 require('./chunk-QKFOJKVE.cjs');
 require('./chunk-J2DI6RMR.cjs');
 require('./chunk-NBZC6LOB.cjs');
+require('./chunk-57FQGQJK.cjs');
+require('./chunk-RXDRYWVD.cjs');
 require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
@@ -18,7 +21,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "PromptInput", {
   enumerable: true,
-  get: function () { return chunkIPBEVSSC_cjs.PromptInput; }
+  get: function () { return chunkMH4QS7OE_cjs.PromptInput; }
 });
 //# sourceMappingURL=prompt-input.cjs.map
 //# sourceMappingURL=prompt-input.cjs.map

package/dist/prompt-input.js

@@ -1,7 +1,8 @@
-export { PromptInput } from './chunk-XBC3M4BL.js';
-import './chunk-TJ66S5K6.js';
-import './chunk-KYZNCVRD.js';
+export { PromptInput } from './chunk-MGE5KOVA.js';
 import './chunk-CF5KRDN4.js';
+import './chunk-TJ66S5K6.js';
+import './chunk-FYKOLKQZ.js';
+import './chunk-6KXAFP2T.js';
 import './chunk-LQ4ICCN2.js';
 import './chunk-KODD54GT.js';
 import './chunk-6TBRBN7H.js';
@@ -9,6 +10,8 @@ import './chunk-45BBNJQD.js';
 import './chunk-IVRYSSM7.js';
 import './chunk-MQ6VGG62.js';
 import './chunk-WHEXTDPV.js';
+import './chunk-RGANGU7X.js';
+import './chunk-JXE5XID6.js';
 import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=prompt-input.js.map

package/dist/sidebar.cjs

@@ -4,7 +4,7 @@ var chunk6IBBAOQC_cjs = require('./chunk-6IBBAOQC.cjs');
 require('./chunk-HPNIEYSJ.cjs');
 require('./chunk-T6YELZPJ.cjs');
 require('./chunk-TXTRTTG7.cjs');
-require('./chunk-3WGRVDQR.cjs');
+require('./chunk-FQZE5N2N.cjs');
 require('./chunk-J2DI6RMR.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-RXDRYWVD.cjs');

package/dist/sidebar.js

@@ -2,7 +2,7 @@ export { Sidebar, useSidebar } from './chunk-YD4SXA6K.js';
 import './chunk-FWCREAIT.js';
 import './chunk-CPY7NHXM.js';
 import './chunk-5U2DZ7AV.js';
-import './chunk-CHADHN6M.js';
+import './chunk-3K2CEAI7.js';
 import './chunk-MQ6VGG62.js';
 import './chunk-RGANGU7X.js';
 import './chunk-JXE5XID6.js';

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:where(.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/* Inputs / selects / textareas — darker bg for contrast against the page */\n:where(.dark [data-react-fancy-input] input),\n:where(.dark [data-react-fancy-textarea]),\n:where(.dark [data-react-fancy-select]),\n:where(.dark [data-react-fancy-date-picker]),\n:where(.dark [data-react-fancy-autocomplete] input),\n:where(.dark [data-react-fancy-pillbox]),\n:where(.dark [data-react-fancy-otp-input] input),\n:where(.dark [data-react-fancy-time-picker] input) {\n  background-color: #1e1e24;\n  border-color: #3f3f46;\n}\n\n/* Focus ring — brighter border + subtle glow */\n:where(.dark [data-react-fancy-input] input:focus),\n:where(.dark [data-react-fancy-textarea]:focus),\n:where(.dark [data-react-fancy-select]:focus),\n:where(.dark [data-react-fancy-date-picker]:focus),\n:where(.dark [data-react-fancy-autocomplete] input:focus),\n:where(.dark [data-react-fancy-otp-input] input:focus),\n:where(.dark [data-react-fancy-time-picker] input:focus) {\n  border-color: #60a5fa;\n  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);\n}\n\n/* Field labels — brighter for readability */\n:where(.dark [data-react-fancy-field] > label:first-child) {\n  color: #f4f4f5;\n}\n\n/* Checkbox & radio */\n:where(.dark [data-react-fancy-checkbox] input),\n:where(.dark [data-react-fancy-radio-group] input) {\n  background-color: #1e1e24;\n  border-color: #3f3f46;\n}\n\n/* Switch unchecked track */\n:where(.dark [data-react-fancy-switch] button[aria-checked=\"false\"]) {\n  background-color: #3f3f46;\n}\n\n/* Input wrapper affixes */\n:where(.dark [data-react-fancy-input-wrapper] > span:first-child),\n:where(.dark [data-react-fancy-input-wrapper] > span:last-child) {\n  border-color: #3f3f46;\n  background-color: #27272a;\n}\n\n/* Date picker icon (calendar, clock) */\n:where(.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]),\n:where(.dark [data-react-fancy-menu]),\n:where(.dark [data-react-fancy-popover]),\n:where(.dark [data-react-fancy-context-menu]),\n:where(.dark [data-react-fancy-context-menu-sub-content]),\n:where(.dark [data-react-fancy-mobile-menu-flyout]),\n:where(.dark [data-react-fancy-modal]),\n:where(.dark [data-react-fancy-toast-item]) {\n  background-color: #18181b; /* zinc-900 */\n  border-color: #3f3f46; /* zinc-700 */\n  color: #d4d4d8; /* zinc-300 */\n}\n\n/* Overlay item hover states */\n:where(.dark [data-react-fancy-dropdown-item]:hover),\n:where(.dark [data-react-fancy-menu-item]:hover),\n:where(.dark [data-react-fancy-context-menu-item]:hover) {\n  background-color: #27272a; /* zinc-800 */\n}\n\n/* Overlay separators */\n:where(.dark [data-react-fancy-dropdown-separator]),\n:where(.dark [data-react-fancy-context-menu-separator]) {\n  background-color: #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) .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 — but must NOT use `animation: none`.\n   `useAnimation` unmounts on `animationend`, so removing the animation removes\n   the event, and a closed drawer would stay in the DOM forever. A ~0 duration\n   still fires it. */\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@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:where(.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/* Inputs / selects / textareas — darker bg for contrast against the page */\n:where(.dark [data-react-fancy-input] input),\n:where(.dark [data-react-fancy-textarea]),\n:where(.dark [data-react-fancy-select]),\n:where(.dark [data-react-fancy-date-picker]),\n:where(.dark [data-react-fancy-autocomplete] input),\n:where(.dark [data-react-fancy-pillbox]),\n:where(.dark [data-react-fancy-otp-input] input),\n:where(.dark [data-react-fancy-time-picker] input) {\n  background-color: #1e1e24;\n  border-color: #3f3f46;\n}\n\n/* Focus ring — brighter border + subtle glow */\n:where(.dark [data-react-fancy-input] input:focus),\n:where(.dark [data-react-fancy-textarea]:focus),\n:where(.dark [data-react-fancy-select]:focus),\n:where(.dark [data-react-fancy-date-picker]:focus),\n:where(.dark [data-react-fancy-autocomplete] input:focus),\n:where(.dark [data-react-fancy-otp-input] input:focus),\n:where(.dark [data-react-fancy-time-picker] input:focus) {\n  border-color: #60a5fa;\n  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);\n}\n\n/* Field labels — brighter for readability */\n:where(.dark [data-react-fancy-field] > label:first-child) {\n  color: #f4f4f5;\n}\n\n/* Checkbox & radio */\n:where(.dark [data-react-fancy-checkbox] input),\n:where(.dark [data-react-fancy-radio-group] input) {\n  background-color: #1e1e24;\n  border-color: #3f3f46;\n}\n\n/* Switch unchecked track */\n:where(.dark [data-react-fancy-switch] button[aria-checked=\"false\"]) {\n  background-color: #3f3f46;\n}\n\n/* Input wrapper affixes */\n:where(.dark [data-react-fancy-input-wrapper] > span:first-child),\n:where(.dark [data-react-fancy-input-wrapper] > span:last-child) {\n  border-color: #3f3f46;\n  background-color: #27272a;\n}\n\n/* Date picker icon (calendar, clock) */\n:where(.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]),\n:where(.dark [data-react-fancy-menu]),\n:where(.dark [data-react-fancy-popover]),\n:where(.dark [data-react-fancy-context-menu]),\n:where(.dark [data-react-fancy-context-menu-sub-content]),\n:where(.dark [data-react-fancy-mobile-menu-flyout]),\n:where(.dark [data-react-fancy-modal]),\n:where(.dark [data-react-fancy-toast-item]) {\n  background-color: #18181b; /* zinc-900 */\n  border-color: #3f3f46; /* zinc-700 */\n  color: #d4d4d8; /* zinc-300 */\n}\n\n/* Overlay item hover states */\n:where(.dark [data-react-fancy-dropdown-item]:hover),\n:where(.dark [data-react-fancy-menu-item]:hover),\n:where(.dark [data-react-fancy-context-menu-item]:hover) {\n  background-color: #27272a; /* zinc-800 */\n}\n\n/* Overlay separators */\n:where(.dark [data-react-fancy-dropdown-separator]),\n:where(.dark [data-react-fancy-context-menu-separator]) {\n  background-color: #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) .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,6 +1,6 @@
 'use strict';
 
-var chunkUBZFOTZN_cjs = require('./chunk-UBZFOTZN.cjs');
+var chunkPLNDZF2A_cjs = require('./chunk-PLNDZF2A.cjs');
 require('./chunk-VBWRH4UW.cjs');
 require('./chunk-MOU6O324.cjs');
 require('./chunk-NBZC6LOB.cjs');
@@ -11,11 +11,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
-  get: function () { return chunkUBZFOTZN_cjs.Toast; }
+  get: function () { return chunkPLNDZF2A_cjs.Toast; }
 });
 Object.defineProperty(exports, "useToast", {
   enumerable: true,
-  get: function () { return chunkUBZFOTZN_cjs.useToast; }
+  get: function () { return chunkPLNDZF2A_cjs.useToast; }
 });
 //# sourceMappingURL=toast.cjs.map
 //# sourceMappingURL=toast.cjs.map

package/dist/toast.js

@@ -1,4 +1,4 @@
-export { Toast, useToast } from './chunk-3AQLEMH7.js';
+export { Toast, useToast } from './chunk-AOFDFBRV.js';
 import './chunk-IQ4KQJAO.js';
 import './chunk-6FCQD2KQ.js';
 import './chunk-WHEXTDPV.js';

package/docs/Chart.md

@@ -123,4 +123,10 @@ Same as `Chart.Line` without the `fill` prop (area fill is always enabled).
 | width | `number` | - | Chart width in px |
 | height | `number` | - | Chart height in px |
 | color | `string` | - | Line color |
+| min | `number` | data minimum | The value the bottom edge stands for. `min={0}` scales from zero, as `Chart.Line` / `Chart.Bar` do. A value below `min` extends the scale. |
 | className | `string` | - | Additional CSS classes |
+
+```tsx
+// Activity per minute: a busy-but-quiet minute should not sit on the floor.
+<Chart.Sparkline data={perMinute} min={0} />
+```

package/docs/MagicWand.md

@@ -36,15 +36,42 @@ const actions: MagicWandAction[] = [
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| value | `string` | — | Controlled textarea value. |
-| onValueChange | `(v: string) => void` | — | Fires on every edit. |
+| value | `string` | — | Controlled value, of the built-in textarea or of `target`. |
+| onValueChange | `(v: string) => void` | — | Fires on every edit, and with an action's result. |
 | actions | `MagicWandAction[]` | — | Action list. Each invokes a callback with the selection. |
+| target | `RefObject<HTMLTextAreaElement \| HTMLInputElement> \| MagicWandTargetAdapter` | — | Act on a field or editor the host renders. MagicWand then renders no textarea, only the wand. See below. |
 | appearance | `"floating" \| "pill"` | `"floating"` | `"pill"` is icon-only and compact. |
 | autoHide | `boolean` | `true` | Hide the wand on click-away or scroll. |
 | rows | `number` | `6` | Textarea rows. |
 | placeholder | `string` | — | Textarea placeholder. |
 | onAction | `(action, selection, replacement) => void` | — | Fires after an action successfully runs. |
 
+## Acting on a field you own (`target`)
+
+Pass a ref to your own textarea or input. MagicWand listens on it and floats the wand (portalled, viewport-positioned) over the selection; the result still arrives through `onValueChange`, so your `value` stays the one source of truth.
+
+```tsx
+const ref = useRef<HTMLTextAreaElement>(null);
+
+<textarea ref={ref} value={body} onChange={(e) => setBody(e.target.value)} />
+<MagicWand target={ref} value={body} onValueChange={setBody} actions={actions} />
+```
+
+For anything that is not a textarea or input (a code editor, a contenteditable), pass an adapter. It is read-only: the write is `onValueChange`.
+
+```tsx
+<MagicWand
+  target={{
+    element: editorRef,                        // listened on for mouseup / keyup / select
+    getSelection: () => editor.selection(),    // { start, end } offsets into `value`, or null
+    getSelectionRect: () => editor.selectionRect(), // optional; default: top-centre of `element`
+  }}
+  value={code}
+  onValueChange={setCode}
+  actions={actions}
+/>
+```
+
 ## Action shape
 
 ```ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/react-fancy",
-  "version": "5.50.0",
+  "version": "5.51.1",
   "description": "React UI component library for Human+ UX — controlled, agent-bridgeable primitives",
   "repository": {
     "type": "git",

package/dist/chunk-3AQLEMH7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Toast/Toast.context.ts","../src/components/Toast/ToastItem.tsx","../src/components/Toast/ToastStack.tsx","../src/components/Toast/Toast.tsx"],"names":["useEffect","jsx","jsxs","POSITION_STYLES","useRef"],"mappings":"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","file":"chunk-3AQLEMH7.js","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ToastContextValue } from \"./Toast.types\";\n\nexport const ToastContext = createContext<ToastContextValue | null>(null);\n\nexport function useToast(): ToastContextValue {\n  const ctx = useContext(ToastContext);\n  if (!ctx) {\n    throw new Error(\"useToast must be used within a <Toast.Provider>\");\n  }\n  return ctx;\n}\n","import { useEffect } from \"react\";\nimport { AlertTriangle, Check, Info, X, XCircle } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ToastItemProps } from \"./Toast.types\";\n\nconst VARIANT_STYLES = {\n  default:\n    \"border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900\",\n  success:\n    \"border-emerald-200 bg-emerald-50 dark:border-emerald-800 dark:bg-emerald-950\",\n  error:\n    \"border-red-200 bg-red-50 dark:border-red-800 dark:bg-red-950\",\n  warning:\n    \"border-amber-200 bg-amber-50 dark:border-amber-800 dark:bg-amber-950\",\n  info: \"border-blue-200 bg-blue-50 dark:border-blue-800 dark:bg-blue-950\",\n} as const;\n\nconst VARIANT_ICON_COLORS = {\n  default: \"text-zinc-400\",\n  success: \"text-emerald-500\",\n  error: \"text-red-500\",\n  warning: \"text-amber-500\",\n  info: \"text-blue-500\",\n} as const;\n\nexport function ToastItem({ data, onDismiss }: ToastItemProps) {\n  const { id, title, description, variant = \"default\", action } = data;\n  // An action toast does not expire by default.\n  const duration = data.duration ?? (action ? 0 : 5000);\n\n  useEffect(() => {\n    if (duration <= 0) return;\n    const timer = setTimeout(() => onDismiss(id), duration);\n    return () => clearTimeout(timer);\n  }, [id, duration, onDismiss]);\n\n  return (\n    <div\n      data-react-fancy-toast-item=\"\"\n      role=\"alert\"\n      // Scoped to the toast rather than the document: a global Escape handler\n      // would fight whatever modal or drawer is already listening.\n      onKeyDown={(e) => {\n        if (e.key === \"Escape\") onDismiss(id);\n      }}\n      className={cn(\n        \"fancy-toast-in pointer-events-auto w-80 rounded-xl border p-4 shadow-lg\",\n        VARIANT_STYLES[variant],\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <div className={cn(\"mt-0.5 shrink-0\", VARIANT_ICON_COLORS[variant])}>\n          {variant === \"success\" && <Check size={16} />}\n          {variant === \"error\" && <XCircle size={16} />}\n          {variant === \"warning\" && <AlertTriangle size={16} />}\n          {variant === \"info\" && <Info size={16} />}\n        </div>\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"text-sm font-medium text-zinc-900 dark:text-zinc-100\">{title}</p>\n          {description && (\n            <p className=\"mt-1 text-xs text-zinc-500 dark:text-zinc-400\">\n              {description}\n            </p>\n          )}\n        </div>\n        {action && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              action.onClick();\n              // The offer is consumed; leaving it up invites undoing an\n              // already-undone action.\n              onDismiss(id);\n            }}\n            className=\"shrink-0 self-center rounded-md px-2 py-1 text-xs font-medium text-zinc-700 underline-offset-2 transition-colors hover:bg-zinc-100 hover:underline dark:text-zinc-200 dark:hover:bg-zinc-800\"\n          >\n            {action.label}\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={() => onDismiss(id)}\n          className=\"shrink-0 rounded p-0.5 text-zinc-400 transition-colors hover:text-zinc-600 dark:hover:text-zinc-300\"\n          aria-label=\"Dismiss\"\n        >\n          <X size={14} />\n        </button>\n      </div>\n    </div>\n  );\n}\n\nToastItem.displayName = \"ToastItem\";\n","import { useEffect, useRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport { Portal } from \"../Portal\";\nimport { Badge } from \"../Badge\";\nimport type { ToastPosition } from \"./Toast.types\";\n\nexport interface ToastStackProps<T> {\n  /**\n   * Everything to show — the stack is a VIEW of this list and owns none of it.\n   * There is no limit and no timer: an item leaves only when you remove it.\n   */\n  items: readonly T[];\n  /** One card's content, actions included. Only the front card is interactive. */\n  renderItem: (item: T, state: { index: number; isFront: boolean }) => ReactNode;\n  /** A stable key per item. Defaults to `item.id`, then the index. */\n  getKey?: (item: T, index: number) => string;\n  /** How many cards show behind the front one. Default 2. */\n  depth?: number;\n  /** How far each card behind peeks out above the one in front, in px. Default 8. */\n  offset?: number;\n  /** How much smaller each card behind is than the one in front. Default 0.05. */\n  scaleStep?: number;\n  /** Which item is in front, if you want to own it. Wraps; out-of-range values are clamped. */\n  frontIndex?: number;\n  defaultFrontIndex?: number;\n  onFrontIndexChange?: (index: number) => void;\n  /** A screen corner, or `\"inline\"` to render where it is placed. Default `\"bottom-right\"`. */\n  position?: ToastPosition | \"inline\";\n  /** The stack's accessible name. Default \"Notifications\". */\n  label?: string;\n  /** Classes for each card's shell, merged onto the defaults. */\n  cardClassName?: string;\n  className?: string;\n}\n\nconst POSITION_STYLES: Record<ToastPosition, string> = {\n  \"top-right\": \"top-4 right-4\",\n  \"top-left\": \"top-4 left-4\",\n  \"bottom-right\": \"bottom-4 right-4\",\n  \"bottom-left\": \"bottom-4 left-4\",\n};\n\n/** Pixels of wheel travel that count as one step. A mouse notch is ~100; a trackpad sends many small ones. */\nconst WHEEL_STEP = 50;\n\nconst CARD =\n  \"rounded-xl border border-zinc-200 bg-white p-4 shadow-lg dark:border-zinc-700 dark:bg-zinc-900\";\n\nfunction defaultKey(item: unknown, index: number): string {\n  const id = (item as { id?: unknown } | null)?.id;\n  return typeof id === \"string\" || typeof id === \"number\" ? String(id) : String(index);\n}\n\nfunction isTextField(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  return (\n    target.isContentEditable ||\n    target.getAttribute(\"contenteditable\") === \"true\" ||\n    /^(INPUT|TEXTAREA|SELECT)$/.test(target.tagName)\n  );\n}\n\n/**\n * A controlled stack of actionable toasts — approval requests, say — that the\n * person walks through rather than races.\n *\n * Built for react-fancy#33. The owner's requirements were that requests stack\n * behind each other with a slight top offset, that scrolling over the stack\n * walks through them, and that a pending request NEVER expires or disappears.\n * The last is why this is a view of the caller's list rather than a queue it\n * keeps: there is nothing here that can drop an item, because nothing here owns\n * one. (The imperative provider's `maxToasts` silently drops the oldest.)\n */\nexport function ToastStack<T>({\n  items,\n  renderItem,\n  getKey = defaultKey,\n  depth = 2,\n  offset = 8,\n  scaleStep = 0.05,\n  frontIndex: controlledFront,\n  defaultFrontIndex = 0,\n  onFrontIndexChange,\n  position = \"bottom-right\",\n  label = \"Notifications\",\n  cardClassName,\n  className,\n}: ToastStackProps<T>) {\n  const [rawFront, setFront] = useControllableState(\n    controlledFront,\n    defaultFrontIndex,\n    onFrontIndexChange,\n  );\n  const count = items.length;\n  // Clamped for display rather than corrected through onChange: a list that\n  // shrinks under a far-forward index must not make render report a change.\n  const front = count === 0 ? 0 : ((rawFront % count) + count) % count;\n\n  const stackRef = useRef<HTMLDivElement>(null);\n  const wheelTravel = useRef(0);\n  const live = useRef({ front, count });\n  live.current = { front, count };\n\n  const step = (by: number) => {\n    const { front: current, count: n } = live.current;\n    if (n < 2) return;\n    setFront((((current + by) % n) + n) % n);\n  };\n  const stepRef = useRef(step);\n  stepRef.current = step;\n\n  /*\n   * A native listener, because React's wheel listener is passive and cannot stop\n   * the page scrolling underneath — and a stack that cycles AND scrolls the page\n   * moves two things at once under the person's hand.\n   */\n  useEffect(() => {\n    const el = stackRef.current;\n    if (!el) return;\n\n    const onWheel = (e: WheelEvent) => {\n      if (live.current.count < 2 || e.deltaY === 0) return;\n      e.preventDefault();\n\n      // Line or page mode: every event is a notch.\n      if (e.deltaMode !== 0) {\n        wheelTravel.current = 0;\n        stepRef.current(Math.sign(e.deltaY));\n        return;\n      }\n      // A notch-sized event steps at once; small trackpad deltas add up first.\n      if (Math.abs(e.deltaY) >= WHEEL_STEP) {\n        wheelTravel.current = 0;\n        stepRef.current(Math.sign(e.deltaY));\n        return;\n      }\n      wheelTravel.current += e.deltaY;\n      if (Math.abs(wheelTravel.current) >= WHEEL_STEP) {\n        stepRef.current(Math.sign(wheelTravel.current));\n        wheelTravel.current = 0;\n      }\n    };\n\n    el.addEventListener(\"wheel\", onWheel, { passive: false });\n    return () => el.removeEventListener(\"wheel\", onWheel);\n    // Re-bound when the element can change: it appears with the first item, and\n    // moving between a corner and inline remounts it.\n  }, [count > 0, position]);\n\n  if (count === 0) return null;\n\n  const visibleBehind = Math.min(Math.max(0, depth), count - 1);\n  const hidden = count - 1 - visibleBehind;\n\n  const card = (index: number, k: number) => {\n    const item = items[index];\n    const isFront = k === 0;\n    return (\n      <div\n        key={getKey(item, index)}\n        data-react-fancy-toast-stack-card={isFront ? \"front\" : \"behind\"}\n        aria-hidden={isFront ? undefined : true}\n        inert={isFront ? undefined : true}\n        className={cn(\n          CARD,\n          \"origin-top transition-transform duration-200\",\n          isFront ? \"relative\" : \"pointer-events-none absolute inset-0 overflow-hidden\",\n          cardClassName,\n        )}\n        style={{\n          zIndex: depth + 1 - k,\n          transform: isFront ? undefined : `translateY(-${k * offset}px) scale(${1 - k * scaleStep})`,\n        }}\n      >\n        {renderItem(item, { index, isFront })}\n      </div>\n    );\n  };\n\n  const stackEl = (\n    <div\n      ref={stackRef}\n      data-react-fancy-toast-stack=\"\"\n      role=\"region\"\n      aria-label={label}\n      tabIndex={0}\n      onKeyDown={(e) => {\n        if (isTextField(e.target)) return;\n        if (e.key === \"ArrowDown\" || e.key === \"ArrowRight\") {\n          e.preventDefault();\n          step(1);\n        } else if (e.key === \"ArrowUp\" || e.key === \"ArrowLeft\") {\n          e.preventDefault();\n          step(-1);\n        }\n      }}\n      className={cn(\n        \"pointer-events-auto relative w-80 rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-offset-2\",\n        className,\n      )}\n      style={{ paddingTop: visibleBehind * offset }}\n    >\n      <div className=\"relative\">\n        {/* z-index decides what paints on top; the front card sizes the box. */}\n        {Array.from({ length: visibleBehind }, (_, i) => i + 1).map((k) =>\n          card((front + k) % count, k),\n        )}\n        {card(front, 0)}\n      </div>\n      {hidden > 0 && (\n        <Badge\n          data-react-fancy-toast-stack-more=\"\"\n          size=\"sm\"\n          variant=\"soft\"\n          color=\"zinc\"\n          className=\"absolute -top-2 right-2 z-20\"\n        >\n          +{hidden}\n        </Badge>\n      )}\n      <span data-react-fancy-toast-stack-status=\"\" aria-live=\"polite\" className=\"sr-only\">\n        {count > 1 ? `${front + 1} of ${count}` : \"\"}\n      </span>\n    </div>\n  );\n\n  if (position === \"inline\") return stackEl;\n\n  return (\n    <Portal>\n      <div\n        data-react-fancy-toast-stack-position={position}\n        className={cn(\"pointer-events-none fixed z-[100]\", POSITION_STYLES[position])}\n      >\n        {stackEl}\n      </div>\n    </Portal>\n  );\n}\n\nToastStack.displayName = \"ToastStack\";\n","import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Portal } from \"../Portal\";\nimport { ToastContext } from \"./Toast.context\";\nimport { ToastItem } from \"./ToastItem\";\nimport { ToastStack } from \"./ToastStack\";\nimport type { ToastData, ToastProviderProps } from \"./Toast.types\";\n\nconst POSITION_STYLES = {\n  \"top-right\": \"top-4 right-4\",\n  \"top-left\": \"top-4 left-4\",\n  \"bottom-right\": \"bottom-4 right-4\",\n  \"bottom-left\": \"bottom-4 left-4\",\n} as const;\n\nfunction ToastProvider({\n  children,\n  position = \"bottom-right\",\n  maxToasts = 5,\n}: ToastProviderProps) {\n  const [toasts, setToasts] = useState<ToastData[]>([]);\n  const idCounter = useRef(0);\n\n  const toast = useCallback(\n    (data: Omit<ToastData, \"id\">) => {\n      const id = `toast-${++idCounter.current}`;\n      setToasts((prev) => [...prev.slice(-(maxToasts - 1)), { ...data, id }]);\n      return id;\n    },\n    [maxToasts],\n  );\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const ctx = useMemo(() => ({ toasts, toast, dismiss }), [toasts, toast, dismiss]);\n\n  return (\n    <ToastContext.Provider value={ctx}>\n      {children}\n      <Portal>\n        <div\n          data-react-fancy-toast=\"\"\n          className={cn(\n            \"fixed z-[100] flex flex-col gap-2 pointer-events-none\",\n            POSITION_STYLES[position],\n          )}\n        >\n          {toasts.map((t) => (\n            <ToastItem key={t.id} data={t} onDismiss={dismiss} />\n          ))}\n        </div>\n      </Portal>\n    </ToastContext.Provider>\n  );\n}\n\nexport const Toast = {\n  Provider: ToastProvider,\n  Stack: ToastStack,\n  Item: ToastItem,\n};\n"]}

package/dist/chunk-3WGRVDQR.cjs

@@ -1,39 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-// src/hooks/use-animation.ts
-function useAnimation({
-  open,
-  enterClass,
-  exitClass
-}) {
-  const [mounted, setMounted] = react.useState(open);
-  const [animClass, setAnimClass] = react.useState(open ? enterClass : "");
-  const ref = react.useRef(null);
-  react.useEffect(() => {
-    if (open) {
-      setMounted(true);
-      setAnimClass(enterClass);
-    } else if (mounted) {
-      setAnimClass(exitClass);
-    }
-  }, [open, enterClass, exitClass, mounted]);
-  const handleAnimationEnd = react.useCallback(() => {
-    if (!open) {
-      setMounted(false);
-      setAnimClass("");
-    }
-  }, [open]);
-  react.useEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    el.addEventListener("animationend", handleAnimationEnd);
-    return () => el.removeEventListener("animationend", handleAnimationEnd);
-  }, [handleAnimationEnd, mounted]);
-  return { mounted, className: animClass, ref };
-}
-
-exports.useAnimation = useAnimation;
-//# sourceMappingURL=chunk-3WGRVDQR.cjs.map
-//# sourceMappingURL=chunk-3WGRVDQR.cjs.map

package/dist/chunk-3WGRVDQR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-animation.ts"],"names":["useState","useRef","useEffect","useCallback"],"mappings":";;;;;AAcO,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAA4C;AAC1C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,IAAIA,cAAA,CAAS,IAAA,GAAO,aAAa,EAAE,CAAA;AACjE,EAAA,MAAM,GAAA,GAAMC,aAA2B,IAAI,CAAA;AAE3C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,YAAA,CAAa,UAAU,CAAA;AAAA,IACzB,WAAW,OAAA,EAAS;AAClB,MAAA,YAAA,CAAa,SAAS,CAAA;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,IAAA,EAAM,UAAA,EAAY,SAAA,EAAW,OAAO,CAAC,CAAA;AAEzC,EAAA,MAAM,kBAAA,GAAqBC,kBAAY,MAAM;AAC3C,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,YAAA,CAAa,EAAE,CAAA;AAAA,IACjB;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAAD,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AAET,IAAA,EAAA,CAAG,gBAAA,CAAiB,gBAAgB,kBAAkB,CAAA;AACtD,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,cAAA,EAAgB,kBAAkB,CAAA;AAAA,EACxE,CAAA,EAAG,CAAC,kBAAA,EAAoB,OAAO,CAAC,CAAA;AAEhC,EAAA,OAAO,EAAE,OAAA,EAAS,SAAA,EAAW,SAAA,EAAW,GAAA,EAAI;AAC9C","file":"chunk-3WGRVDQR.cjs","sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\ninterface UseAnimationOptions {\n  open: boolean;\n  enterClass: string;\n  exitClass: string;\n}\n\ninterface UseAnimationReturn {\n  mounted: boolean;\n  className: string;\n  ref: React.RefObject<HTMLElement | null>;\n}\n\nexport function useAnimation({\n  open,\n  enterClass,\n  exitClass,\n}: UseAnimationOptions): UseAnimationReturn {\n  const [mounted, setMounted] = useState(open);\n  const [animClass, setAnimClass] = useState(open ? enterClass : \"\");\n  const ref = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (open) {\n      setMounted(true);\n      setAnimClass(enterClass);\n    } else if (mounted) {\n      setAnimClass(exitClass);\n    }\n  }, [open, enterClass, exitClass, mounted]);\n\n  const handleAnimationEnd = useCallback(() => {\n    if (!open) {\n      setMounted(false);\n      setAnimClass(\"\");\n    }\n  }, [open]);\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n\n    el.addEventListener(\"animationend\", handleAnimationEnd);\n    return () => el.removeEventListener(\"animationend\", handleAnimationEnd);\n  }, [handleAnimationEnd, mounted]);\n\n  return { mounted, className: animClass, ref };\n}\n"]}