@particle-academy/react-fancy 6.7.2 → 6.9.0

package/dist/time-picker.js

@@ -1,4 +1,4 @@
-export { TimePicker } from './chunk-AZQXPI5S.js';
+export { TimePicker } from './chunk-UBLMYH6C.js';
 import './chunk-OL53XYHF.js';
 import './chunk-NRXK42LO.js';
 import './chunk-EDYAXGUM.js';

package/dist/timeline.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkUXYFM2XT_cjs = require('./chunk-UXYFM2XT.cjs');
+var chunkUQABXIQV_cjs = require('./chunk-UQABXIQV.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
-  get: function () { return chunkUXYFM2XT_cjs.Timeline; }
+  get: function () { return chunkUQABXIQV_cjs.Timeline; }
 });
 Object.defineProperty(exports, "TimelineBlock", {
   enumerable: true,
-  get: function () { return chunkUXYFM2XT_cjs.TimelineBlock; }
+  get: function () { return chunkUQABXIQV_cjs.TimelineBlock; }
 });
 Object.defineProperty(exports, "TimelineItem", {
   enumerable: true,
-  get: function () { return chunkUXYFM2XT_cjs.TimelineItem; }
+  get: function () { return chunkUQABXIQV_cjs.TimelineItem; }
 });
 //# sourceMappingURL=timeline.cjs.map
 //# sourceMappingURL=timeline.cjs.map

package/dist/timeline.js

@@ -1,4 +1,4 @@
-export { Timeline, TimelineBlock, TimelineItem } from './chunk-QGY5FPVM.js';
+export { Timeline, TimelineBlock, TimelineItem } from './chunk-54NB3T3Q.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=timeline.js.map
 //# sourceMappingURL=timeline.js.map

package/dist/toast.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkKFA7B6WP_cjs = require('./chunk-KFA7B6WP.cjs');
+var chunkDPPDZOMY_cjs = require('./chunk-DPPDZOMY.cjs');
 require('./chunk-MKHYENKR.cjs');
+require('./chunk-36IC3NDN.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-VBWRH4UW.cjs');
 require('./chunk-OCHUZ7J3.cjs');
@@ -13,11 +14,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
-  get: function () { return chunkKFA7B6WP_cjs.Toast; }
+  get: function () { return chunkDPPDZOMY_cjs.Toast; }
 });
 Object.defineProperty(exports, "useToast", {
   enumerable: true,
-  get: function () { return chunkKFA7B6WP_cjs.useToast; }
+  get: function () { return chunkDPPDZOMY_cjs.useToast; }
 });
 //# sourceMappingURL=toast.cjs.map
 //# sourceMappingURL=toast.cjs.map

package/dist/toast.d.cts

@@ -2,7 +2,11 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 
 type ToastVariant = "default" | "success" | "error" | "warning" | "info";
-type ToastPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
+/**
+ * Where toasts stack. `*-start` / `*-end` follow the writing direction (`end` is
+ * the right in LTR, the left in RTL); `*-left` / `*-right` are physical.
+ */
+type ToastPosition = "top-start" | "top-end" | "bottom-start" | "bottom-end" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
 /** A single control offered inside a toast — typically "Undo". */
 interface ToastAction {
     label: string;
@@ -72,7 +76,7 @@ interface ToastStackProps<T> {
     frontIndex?: number;
     defaultFrontIndex?: number;
     onFrontIndexChange?: (index: number) => void;
-    /** A screen corner, or `"inline"` to render where it is placed. Default `"bottom-right"`. */
+    /** A screen corner, or `"inline"` to render where it is placed. Default `"bottom-end"`: the right in LTR, the left in RTL. */
     position?: ToastPosition | "inline";
     /** The stack's accessible name. Default "Notifications". */
     label?: string;

package/dist/toast.d.ts

@@ -2,7 +2,11 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 
 type ToastVariant = "default" | "success" | "error" | "warning" | "info";
-type ToastPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
+/**
+ * Where toasts stack. `*-start` / `*-end` follow the writing direction (`end` is
+ * the right in LTR, the left in RTL); `*-left` / `*-right` are physical.
+ */
+type ToastPosition = "top-start" | "top-end" | "bottom-start" | "bottom-end" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
 /** A single control offered inside a toast — typically "Undo". */
 interface ToastAction {
     label: string;
@@ -72,7 +76,7 @@ interface ToastStackProps<T> {
     frontIndex?: number;
     defaultFrontIndex?: number;
     onFrontIndexChange?: (index: number) => void;
-    /** A screen corner, or `"inline"` to render where it is placed. Default `"bottom-right"`. */
+    /** A screen corner, or `"inline"` to render where it is placed. Default `"bottom-end"`: the right in LTR, the left in RTL. */
     position?: ToastPosition | "inline";
     /** The stack's accessible name. Default "Notifications". */
     label?: string;

package/dist/toast.js

@@ -1,5 +1,6 @@
-export { Toast, useToast } from './chunk-ESCIXKFT.js';
+export { Toast, useToast } from './chunk-D6NISIKV.js';
 import './chunk-5VMILVWD.js';
+import './chunk-US5R36TQ.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-IQ4KQJAO.js';
 import './chunk-OZ4QFJ7N.js';

package/dist/tooltip.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkOASSZI6M_cjs = require('./chunk-OASSZI6M.cjs');
+var chunkAZ5DWOQY_cjs = require('./chunk-AZ5DWOQY.cjs');
 require('./chunk-I27K6NLX.cjs');
 require('./chunk-MKHYENKR.cjs');
-require('./chunk-J2DI6RMR.cjs');
+require('./chunk-XGGAAG74.cjs');
+require('./chunk-36IC3NDN.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-OUYC6EIL.cjs');
 require('./chunk-ZU5Q77OT.cjs');
@@ -12,7 +13,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkOASSZI6M_cjs.Tooltip; }
+  get: function () { return chunkAZ5DWOQY_cjs.Tooltip; }
 });
 //# sourceMappingURL=tooltip.cjs.map
 //# sourceMappingURL=tooltip.cjs.map

package/dist/tooltip.js

@@ -1,7 +1,8 @@
-export { Tooltip } from './chunk-GR2WKBER.js';
+export { Tooltip } from './chunk-QUZOGRZS.js';
 import './chunk-SV5BW3IA.js';
 import './chunk-5VMILVWD.js';
-import './chunk-MQ6VGG62.js';
+import './chunk-GJWNZMJT.js';
+import './chunk-US5R36TQ.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-YX6FTJ6N.js';
 import './chunk-MMW2JGKZ.js';

package/dist/tree-nav.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk25HRO7HQ_cjs = require('./chunk-25HRO7HQ.cjs');
+var chunkBYMOPR7P_cjs = require('./chunk-BYMOPR7P.cjs');
 require('./chunk-2TLAZ5MX.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
@@ -8,11 +8,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "TreeNav", {
   enumerable: true,
-  get: function () { return chunk25HRO7HQ_cjs.TreeNav; }
+  get: function () { return chunkBYMOPR7P_cjs.TreeNav; }
 });
 Object.defineProperty(exports, "useTreeNav", {
   enumerable: true,
-  get: function () { return chunk25HRO7HQ_cjs.useTreeNav; }
+  get: function () { return chunkBYMOPR7P_cjs.useTreeNav; }
 });
 //# sourceMappingURL=tree-nav.cjs.map
 //# sourceMappingURL=tree-nav.cjs.map

package/dist/tree-nav.js

@@ -1,4 +1,4 @@
-export { TreeNav, useTreeNav } from './chunk-ZPBKRJMH.js';
+export { TreeNav, useTreeNav } from './chunk-QEJBMXRQ.js';
 import './chunk-5IXOQGPX.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=tree-nav.js.map

package/docs/Dropdown.md

@@ -30,7 +30,7 @@ import { Dropdown } from "@particle-academy/react-fancy";
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| placement | `Placement` | `"bottom-start"` | Position relative to trigger |
+| placement | `Placement` | `"bottom-start"` | Position relative to trigger. `-start` / `-end` follow the trigger's writing direction, so the default lines up with the trigger's right edge under `dir="rtl"` |
 | offset | `number` | `4` | Pixel offset from the trigger |
 
 ### Dropdown.Trigger

package/docs/InputTag.md

@@ -108,7 +108,7 @@ The DOM adapters use React's native value setter so the consumer's controlled `o
 | `adapter`     | `InputTagAdapter`             | —                | Surface adapter.                            |
 | `triggers`    | `Record<string, …>`           | —                | Per-trigger-char config (see above).        |
 | `maxItems`    | `number`                      | `8`              | Max rows shown.                             |
-| `placement`   | `"bottom-left"` \| `"bottom-right"` \| `"top-left"` \| `"top-right"` | `"bottom-left"` | Anchor position relative to surface. |
+| `placement`   | `"bottom-start"` \| `"bottom-end"` \| `"top-start"` \| `"top-end"` \| `"bottom-left"` \| `"bottom-right"` \| `"top-left"` \| `"top-right"` | `"bottom-start"` | Anchor position relative to surface. `start` / `end` follow the surface's writing direction; `left` / `right` are physical. |
 | `className`   | `string`                      | —                | Class on the popover container.             |
 | `style`       | `CSSProperties`               | —                | Inline style on the popover container.      |
 | `onPick`      | `(info) => void`              | —                | Fires after each insertion.                 |

package/docs/MobileMenu.md

@@ -23,7 +23,7 @@ const [open, setOpen] = useState(false);
 
 <button onClick={() => setOpen(true)}>Menu</button>
 
-<MobileMenu.Flyout open={open} onClose={() => setOpen(false)} side="left" title="Menu">
+<MobileMenu.Flyout open={open} onClose={() => setOpen(false)} side="start" title="Menu">
   <MobileMenu.Item href="/" icon={<Icon name="home" />} active>Home</MobileMenu.Item>
   <MobileMenu.Item href="/about" icon={<Icon name="info" />}>About</MobileMenu.Item>
   <MobileMenu.Item href="/contact" icon={<Icon name="mail" />}>Contact</MobileMenu.Item>
@@ -50,7 +50,7 @@ A fixed bottom navigation bar for mobile.
 |------|------|---------|-------------|
 | open | `boolean` | - | Whether the flyout is visible (required) |
 | onClose | `() => void` | - | Callback to close the flyout (required) |
-| side | `"left" \| "right"` | - | Which edge the panel slides from |
+| side | `"start" \| "end" \| "left" \| "right"` | `"start"` | Which edge the panel slides from. `start` / `end` follow the writing direction (`start` is the left in LTR, the right in RTL); `left` / `right` are physical |
 | title | `string` | - | Optional header title |
 | className | `string` | - | Additional CSS classes |
 

package/docs/Popover.md

@@ -30,7 +30,7 @@ import { Popover } from "@particle-academy/react-fancy";
 | open | `boolean` | - | Controlled open state |
 | defaultOpen | `boolean` | `false` | Default open state (uncontrolled) |
 | onOpenChange | `(open: boolean) => void` | - | Callback when open state changes |
-| placement | `Placement` | `"bottom"` | Position relative to trigger. One of: `"top"`, `"bottom"`, `"left"`, `"right"`, `"top-start"`, `"top-end"`, `"bottom-start"`, `"bottom-end"` |
+| placement | `Placement` | `"bottom"` | Position relative to trigger. One of: `"top"`, `"bottom"`, `"left"`, `"right"`, `"top-start"`, `"top-end"`, `"bottom-start"`, `"bottom-end"`. `-start` / `-end` follow the trigger's writing direction (`bottom-start` lines up with its right edge under `dir="rtl"`); `left` / `right` are physical |
 | offset | `number` | `8` | Pixel offset from the trigger |
 | hover | `boolean` | `false` | Open on hover instead of click |
 | hoverDelay | `number` | `200` | Delay in ms before opening on hover |

package/docs/QrCode.md

@@ -164,6 +164,114 @@ value accurately.
 Capacity at the largest symbol (version 40, level `L`): **7,089** digits,
 **4,296** alphanumeric characters, or **2,953** bytes.
 
+## `QrCodePanel`: download, share, print
+
+`<QrCode>` is only an `<svg>`. `QrCodePanel` composes it with what a person does
+with a code: download it as SVG or PNG, share it, print it, and read the value
+as text.
+
+```tsx
+import { QrCodePanel } from "@particle-academy/react-fancy";
+
+<QrCodePanel
+  value="https://example.com/r/AbC123"
+  label="Your sign-up link"
+  showValue
+  fileName="sign-up-link"
+  onAction={(event) => console.log(event)}
+/>
+```
+
+It is a composition rather than props on `<QrCode>` because buttons, a live
+region and a print frame cannot live inside an `<svg>`, and turning `<QrCode>`
+into a `<div>` would break every caller that places it as an image.
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| value, label, size, errorCorrection, quietZone, mode, version | | | As on `<QrCode>`. `label` also names the group, the SVG file's `<title>`, the print page and the share sheet. |
+| foreground | `string` | `"#000000"` | Module colour, on screen and in files. |
+| background | `string` | `"#ffffff"` | Background and quiet zone, in **both** colour schemes. |
+| actions | `QrCodeAction[]` | all four | Any of `"download-svg"`, `"download-png"`, `"share"`, `"print"`, in the order given. `[]` renders none. |
+| showValue | `boolean` | `false` | Show the value as selectable text, and on the printed page. |
+| fileName | `string` | `"qr-code"` | Download name without extension. Letters, digits, `.`, `_`, `-` are kept; any other run becomes `-`. |
+| pngScale | `number` | `10` | PNG pixels per module, rounded down to a whole number. |
+| shareTitle | `string` | `label` | Title for the share sheet. |
+| printSizeMm | `number` | `50` | Printed width of the code. |
+| buttonSize | `Size` | `"lg"` | `lg` is 44px tall, WCAG 2.5.5's AAA target size. |
+| labels | `Partial<QrCodePanelLabels>` | English | Button text and announcements, for translation. |
+| onAction | `(event: QrCodeActionEvent) => void` | | Called once per action. |
+
+`onAction` receives plain JSON: `{ action, outcome, via?, fileName?, error? }`,
+where `outcome` is `"done"`, `"cancelled"` (the person dismissed the share sheet)
+or `"failed"` (with `error`). Every action reports, including a failure, so
+nothing fails silently.
+
+### Each action
+
+- **Download SVG**: a standalone SVG file with an XML declaration, a `<title>`
+  and an accessible name. Its path is the on-screen path, byte for byte.
+- **Download PNG**: drawn on a canvas from the same path data, at a whole number
+  of pixels per module, so no module edge is blurred. It is drawn with `Path2D`
+  rather than by loading the SVG into an `<img>`, because a Content Security
+  Policy of `img-src 'self'` blocks the `blob:` or `data:` image that route needs.
+  At most 8192 pixels a side.
+- **Share**: the Web Share sheet where the browser has one, sharing a web link
+  as `url` and anything else as `text`. Where it is absent, or `canShare`
+  refuses the data, the button reads "Copy link" (or "Copy" for a value that is
+  not a web link) and copies the value instead. A dismissed share sheet is
+  `cancelled`, not an error.
+- **Print**: a hidden frame holding nothing but the code, at `printSizeMm`, and
+  the value when `showValue` is on, then the browser's print dialog. The page is
+  built with DOM calls, never written as HTML, so neither `label` nor `value` is
+  parsed as markup. Styling goes through the CSSOM, which a CSP without
+  `'unsafe-inline'` allows.
+
+### The code tile is light in dark mode too
+
+A QR code is read by the contrast between dark modules and a **light**
+surround, quiet zone included: most scanners do not read an inverted code. So
+the panel draws black on white in both colour schemes. Black on white is 21:1,
+past WCAG AAA's 7:1. A dark page around a white tile is fine. If you pass your
+own colours, keep the background the lighter one.
+
+**Files are always opaque.** In a downloaded SVG or PNG, `transparent` (or no
+background) becomes white and `currentColor` becomes black, because a file has
+no page behind it to inherit. Explicit colours are kept as given.
+
+### Accessibility
+
+- The group and the code are both named by `label`.
+- `showValue` puts the value on screen as selectable text, for anyone who cannot
+  point a second device at the screen. It is off by default because not every
+  value is for reading out: a WiFi block carries a password.
+- Every action is a react-fancy `Button` with visible text, in the tab order,
+  operable by Enter and Space, with the kit's `focus-visible` ring.
+- What each action did is announced through a polite `role="status"` region.
+
+### Stable handles
+
+`[data-react-fancy-qr-code-panel]` on the root, `-panel-code`, `-panel-value`,
+`-panel-actions` and `-panel-status` on its parts, and
+`[data-react-fancy-qr-code-action="download-png"]` (and so on) on each button.
+The share button also carries `data-via="share"` or `data-via="clipboard"`.
+
+## The files on their own
+
+The panel's file formats are plain functions, for a host or an agent that wants
+a file without rendering anything:
+
+```tsx
+import { qrCodePng, qrCodeSvg } from "@particle-academy/react-fancy";
+
+const svg: string = qrCodeSvg("https://example.com/r/AbC123", { label: "Your sign-up link" });
+const png: Blob = await qrCodePng("https://example.com/r/AbC123", { label: "Your sign-up link", scale: 12 });
+```
+
+`qrCodeSvg` works anywhere, including on the server. `qrCodePng` needs a
+browser canvas. Both take `errorCorrection`, `mode`, `version`, `quietZone`,
+`foreground` and `background`, and throw the encoder's `RangeError` for a value
+that cannot fit.
+
 ## Not supported
 
 Kanji mode and structured append. Neither has a caller here, and an untested

package/docs/ReorderableGrid.md

@@ -142,6 +142,8 @@ The grid is one tab stop (roving tabindex). With nothing picked up, the arrow ke
 
 ArrowDown from a row above a short last row lands on the last cell. Moves stop at the edges.
 
+Under `dir="rtl"` the grid flows right to left, and ArrowLeft / ArrowRight still move the way they point: ArrowLeft is the next slot there.
+
 Escape goes through the kit's layer stack (`useEscapeKey`), so a picked-up cell inside a `Modal` or a full-screen surface cancels the pick-up first. The next Escape closes the Modal.
 
 ## Locked cells

package/docs/ResizablePanels.md

@@ -67,6 +67,8 @@ Other HTML attributes (including `data-*` handles) pass through to the root.
 
 Shift + Arrow moves by `largeStep`. Home / End jump to `min` / `max`.
 
+Right-to-left: side by side, the first panel sits at the inline start, which is the right under `dir="rtl"`. The separator still moves the way the arrow points, so ArrowLeft grows the first panel there, and dragging measures from the right edge.
+
 ## Accessibility
 
 The separator is `role="separator"`, `tabIndex=0`, with `aria-valuenow`, `aria-valuemin`, `aria-valuemax`, `aria-orientation`, `aria-label` and `aria-controls` pointing at the primary panel. It shows a focus ring from the `--fancy-focus` token. Pointer and touch drags use pointer capture (`touch-action: none` on the separator), and the separator has a 12px hit area around its 1px line.

package/docs/Toast.md

@@ -13,7 +13,7 @@ import { Toast, useToast } from "@particle-academy/react-fancy";
 Wrap your app with `Toast.Provider`:
 
 ```tsx
-<Toast.Provider position="bottom-right" maxToasts={5}>
+<Toast.Provider position="bottom-end" maxToasts={5}>
   <App />
 </Toast.Provider>
 ```
@@ -47,7 +47,7 @@ function MyComponent() {
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| position | `"top-right" \| "top-left" \| "bottom-right" \| "bottom-left"` | `"bottom-right"` | Screen corner for toast stack |
+| position | `"top-start" \| "top-end" \| "bottom-start" \| "bottom-end" \| "top-right" \| "top-left" \| "bottom-right" \| "bottom-left"` | `"bottom-end"` | Screen corner for the toast stack. `start` / `end` follow the writing direction (`end` is the right in LTR, the left in RTL); `left` / `right` are physical |
 | maxToasts | `number` | `5` | Maximum visible toasts (oldest removed first) |
 
 ### useToast() return value

package/package.json

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

package/dist/chunk-25HRO7HQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/TreeNav/TreeNav.context.ts","../src/components/TreeNav/tree-store.ts","../src/components/TreeNav/TreeNode.tsx","../src/components/TreeNav/TreeNav.tsx"],"names":["createContext","useContext","useSyncExternalStore","jsxs","jsx","cn","useRef","useCallback","useEffect","memo","useState","useMemo","useLayoutEffect","VirtualList"],"mappings":"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","file":"chunk-25HRO7HQ.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { TreeNavContextValue } from \"./TreeNav.types\";\n\nexport const TreeNavContext = createContext<TreeNavContextValue | null>(null);\n\nexport function useTreeNav(): TreeNavContextValue {\n  const ctx = useContext(TreeNavContext);\n  if (!ctx) {\n    throw new Error(\"useTreeNav must be used within a <TreeNav> component\");\n  }\n  return ctx;\n}\n","import { createContext, useContext, useSyncExternalStore } from \"react\";\nimport type { DragState, DropPosition, TreeNodeData } from \"./TreeNav.types\";\n\n/** What changes as someone clicks, toggles and drags — the state rows subscribe to. */\nexport interface TreeState {\n  selectedId?: string;\n  expanded: ReadonlySet<string>;\n  dragState: DragState;\n}\n\nexport interface TreeStore {\n  get(): TreeState;\n  set(next: TreeState): void;\n  subscribe(listener: () => void): () => void;\n}\n\nexport function createTreeStore(initial: TreeState): TreeStore {\n  let state = initial;\n  const listeners = new Set<() => void>();\n  return {\n    get: () => state,\n    set(next) {\n      state = next;\n      for (const listener of listeners) listener();\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n  };\n}\n\n/**\n * Everything a row needs that does NOT change on a click. Handlers are stable\n * (they read the latest props and state when called), so this value only changes\n * when the tree's data or configuration does.\n *\n * Kept apart from the public `TreeNavContext` on purpose: that one still carries\n * live `selectedId` / `expandedIds` for `useTreeNav()` callers, and any component\n * reading it re-renders on every click. Rows no longer read it — which is the\n * whole fix: a click used to re-render every row in the tree.\n */\nexport interface TreeInternals {\n  store: TreeStore;\n  nodes: TreeNodeData[];\n  select: (node: TreeNodeData) => void;\n  toggle: (id: string) => void;\n  expandNode: (id: string) => void;\n  setDragState: (state: DragState) => void;\n  contextMenu?: (e: React.MouseEvent, node: TreeNodeData) => void;\n  moveNode?: (sourceId: string, targetId: string, position: DropPosition) => void;\n  externalDrop?: (event: React.DragEvent, target: TreeNodeData, position: DropPosition) => void;\n  indentSize: number;\n  showIcons: boolean;\n  draggable: boolean;\n  dragCursor: \"grab\" | \"none\";\n  acceptExternalDrops: boolean;\n  /** Rows are rendered flat by a virtual list, so a row never renders its children. */\n  flat: boolean;\n}\n\nexport const TreeInternalsContext = createContext<TreeInternals | null>(null);\n\nexport function useTreeInternals(): TreeInternals {\n  const internals = useContext(TreeInternalsContext);\n  if (!internals) throw new Error(\"TreeNav.Node must be used within a <TreeNav> component\");\n  return internals;\n}\n\n/** Subscribe to ONE derived value; the row re-renders only when that value changes. */\nexport function useTreeSlice<T>(select: (state: TreeState) => T): T {\n  const { store } = useTreeInternals();\n  return useSyncExternalStore(\n    store.subscribe,\n    () => select(store.get()),\n    () => select(store.get()),\n  );\n}\n","import { memo, useRef, useEffect, useCallback } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useTreeInternals, useTreeSlice } from \"./tree-store\";\nimport type { TreeNodeProps, TreeNodeData, DropPosition } from \"./TreeNav.types\";\n\nconst EXT_COLORS: Record<string, string> = {\n  ts: \"#3178c6\",\n  tsx: \"#3178c6\",\n  js: \"#f7df1e\",\n  jsx: \"#f7df1e\",\n  php: \"#777bb4\",\n  html: \"#e34c26\",\n  htm: \"#e34c26\",\n  css: \"#264de4\",\n  json: \"#a1a1aa\",\n  md: \"#71717a\",\n  yaml: \"#cb171e\",\n  yml: \"#cb171e\",\n};\n\nfunction FileIcon({ ext }: { ext?: string }) {\n  const color = (ext && EXT_COLORS[ext.toLowerCase()]) || \"#71717a\";\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" className=\"shrink-0\">\n      <path d=\"M4 1h5.5L13 4.5V14a1 1 0 01-1 1H4a1 1 0 01-1-1V2a1 1 0 011-1z\" stroke={color} strokeWidth=\"1.2\" />\n      <path d=\"M9 1v4h4\" stroke={color} strokeWidth=\"1.2\" />\n    </svg>\n  );\n}\n\nfunction FolderIcon({ open }: { open: boolean }) {\n  if (open) {\n    return (\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" className=\"shrink-0\">\n        <path d=\"M1.5 3.5a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1V5H2.5V3.5z\" fill=\"#fbbf24\" />\n        <path d=\"M1 6h13l-1.5 7.5H2.5L1 6z\" fill=\"#fbbf24\" opacity=\"0.7\" />\n      </svg>\n    );\n  }\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" className=\"shrink-0\">\n      <path d=\"M1.5 3a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1v8a1 1 0 01-1 1H2.5a1 1 0 01-1-1V3z\" fill=\"#fbbf24\" />\n    </svg>\n  );\n}\n\nfunction ChevronIcon({ open }: { open: boolean }) {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn(\"shrink-0 transition-transform duration-150\", open && \"rotate-90\")}\n    >\n      <polyline points=\"9 18 15 12 9 6\" />\n    </svg>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Utilities\n// ---------------------------------------------------------------------------\n\nfunction isDescendantOf(\n  nodes: TreeNodeData[],\n  ancestorId: string,\n  targetId: string,\n): boolean {\n  function findNode(haystack: TreeNodeData[], id: string): TreeNodeData | undefined {\n    for (const n of haystack) {\n      if (n.id === id) return n;\n      if (n.children) {\n        const found = findNode(n.children, id);\n        if (found) return found;\n      }\n    }\n    return undefined;\n  }\n\n  function hasDescendant(node: TreeNodeData, id: string): boolean {\n    if (!node.children) return false;\n    for (const child of node.children) {\n      if (child.id === id) return true;\n      if (hasDescendant(child, id)) return true;\n    }\n    return false;\n  }\n\n  const ancestor = findNode(nodes, ancestorId);\n  return ancestor ? hasDescendant(ancestor, targetId) : false;\n}\n\nfunction computeDropPosition(\n  e: React.DragEvent,\n  isFolder: boolean,\n): DropPosition {\n  const rect = e.currentTarget.getBoundingClientRect();\n  const offsetY = e.clientY - rect.top;\n  const third = rect.height / 3;\n\n  if (offsetY < third) return \"before\";\n  if (offsetY > third * 2) return \"after\";\n  return isFolder ? \"inside\" : \"after\";\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\n\n/**\n * One row (and, when nested, its expanded children).\n *\n * Reads what changes on a click — selection, expansion, drag — as per-row slices\n * of a store, so a click re-renders only the rows whose slice changed. It used to\n * read one context holding all of it, so every click re-rendered every row:\n * 175-267 ms per click on a 5,000-node tree. `memo` keeps a parent's re-render\n * from reaching rows whose `node` and `depth` did not change.\n */\nfunction TreeNodeImpl({ node, depth }: TreeNodeProps) {\n  const {\n    store, nodes, select, toggle, expandNode, setDragState, contextMenu, moveNode, externalDrop,\n    indentSize, showIcons, draggable, dragCursor, acceptExternalDrops, flat,\n  } = useTreeInternals();\n\n  const isFolder = node.type === \"folder\" || (node.children && node.children.length > 0);\n  const isExpanded = useTreeSlice((s) => s.expanded.has(node.id));\n  const isSelected = useTreeSlice((s) => s.selectedId === node.id);\n  const isDragging = useTreeSlice((s) => s.dragState.draggedNodeId === node.id);\n  const dropPosition = useTreeSlice((s) =>\n    s.dragState.dropTargetId === node.id ? s.dragState.dropPosition : null,\n  );\n  const isDropTarget = dropPosition !== null;\n  const paddingLeft = depth * indentSize + 4;\n\n  // Auto-expand timer for folders during drag\n  const autoExpandTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearAutoExpand = useCallback(() => {\n    if (autoExpandTimer.current) {\n      clearTimeout(autoExpandTimer.current);\n      autoExpandTimer.current = null;\n    }\n  }, []);\n\n  useEffect(() => clearAutoExpand, [clearAutoExpand]);\n\n  // ---------------------------------------------------------------------------\n  // Click handlers\n  // ---------------------------------------------------------------------------\n\n  const handleClick = () => {\n    if (node.disabled) return;\n    if (isFolder) {\n      toggle(node.id);\n    }\n    select(node);\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) => {\n    if (contextMenu) {\n      e.preventDefault();\n      contextMenu(e, node);\n    }\n  };\n\n  // ---------------------------------------------------------------------------\n  // Drag source handlers\n  // ---------------------------------------------------------------------------\n\n  const handleDragStart = useCallback((e: React.DragEvent) => {\n    e.dataTransfer.setData(\"text/plain\", node.id);\n    e.dataTransfer.effectAllowed = \"move\";\n    // Set state async so the browser captures the element for the drag ghost first\n    requestAnimationFrame(() => {\n      setDragState({ draggedNodeId: node.id, dropTargetId: null, dropPosition: null });\n    });\n  }, [node.id, setDragState]);\n\n  const handleDragEnd = useCallback(() => {\n    clearAutoExpand();\n    setDragState({ draggedNodeId: null, dropTargetId: null, dropPosition: null });\n  }, [clearAutoExpand, setDragState]);\n\n  // ---------------------------------------------------------------------------\n  // Drop target handlers (on outer div). Drag state is read from the store when\n  // the event fires, so a row does not re-render as a drag moves elsewhere.\n  // ---------------------------------------------------------------------------\n\n  const handleDragOver = useCallback((e: React.DragEvent) => {\n    const { dragState } = store.get();\n    const isExternalDrag = !dragState.draggedNodeId;\n    if (isExternalDrag) {\n      // External drop accepted only when host opted in.\n      if (!acceptExternalDrops) return;\n    } else {\n      const sourceId = dragState.draggedNodeId!;\n      if (sourceId === node.id) return;\n      if (isDescendantOf(nodes, sourceId, node.id)) return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n    e.dataTransfer.dropEffect = isExternalDrag ? \"copy\" : \"move\";\n\n    const position = computeDropPosition(e, !!isFolder);\n\n    // Auto-expand collapsed folders when hovering \"inside\"\n    if (isFolder && !store.get().expanded.has(node.id) && position === \"inside\") {\n      if (!autoExpandTimer.current) {\n        autoExpandTimer.current = setTimeout(() => {\n          expandNode(node.id);\n          autoExpandTimer.current = null;\n        }, 500);\n      }\n    } else {\n      clearAutoExpand();\n    }\n\n    if (dragState.dropTargetId !== node.id || dragState.dropPosition !== position) {\n      setDragState({ draggedNodeId: dragState.draggedNodeId, dropTargetId: node.id, dropPosition: position });\n    }\n  }, [store, acceptExternalDrops, node.id, isFolder, nodes, setDragState, expandNode, clearAutoExpand]);\n\n  const handleDragLeave = useCallback((e: React.DragEvent) => {\n    if (!e.currentTarget.contains(e.relatedTarget as Node)) {\n      clearAutoExpand();\n      const { dragState } = store.get();\n      if (dragState.dropTargetId === node.id) {\n        setDragState({ ...dragState, dropTargetId: null, dropPosition: null });\n      }\n    }\n  }, [store, node.id, setDragState, clearAutoExpand]);\n\n  const handleDrop = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    clearAutoExpand();\n\n    const { dragState } = store.get();\n    const sourceId = dragState.draggedNodeId;\n    const position = dragState.dropPosition ?? computeDropPosition(e, !!isFolder);\n\n    if (sourceId) {\n      // Internal node move.\n      if (sourceId === node.id) return;\n      if (isDescendantOf(nodes, sourceId, node.id)) return;\n      moveNode?.(sourceId, node.id, position);\n    } else if (acceptExternalDrops) {\n      // External drop — files, items from other components, etc.\n      externalDrop?.(e, node, position);\n    }\n\n    setDragState({ draggedNodeId: null, dropTargetId: null, dropPosition: null });\n  }, [store, node, isFolder, nodes, moveNode, acceptExternalDrops, externalDrop, setDragState, clearAutoExpand]);\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n\n  const canDrag = draggable && !node.disabled;\n  const dropEnabled = draggable || acceptExternalDrops;\n\n  return (\n    <div\n      data-react-fancy-tree-node=\"\"\n      onDragOver={dropEnabled ? handleDragOver : undefined}\n      onDragLeave={dropEnabled ? handleDragLeave : undefined}\n      onDrop={dropEnabled ? handleDrop : undefined}\n    >\n      {/* Before drop indicator */}\n      {isDropTarget && dropPosition === \"before\" && (\n        <div\n          data-react-fancy-tree-drop-indicator=\"before\"\n          className=\"pointer-events-none h-0.5 rounded-full bg-blue-500\"\n          style={{ marginLeft: paddingLeft }}\n        />\n      )}\n\n      <button\n        type=\"button\"\n        draggable={canDrag}\n        onDragStart={canDrag ? handleDragStart : undefined}\n        onDragEnd={canDrag ? handleDragEnd : undefined}\n        onClick={handleClick}\n        onContextMenu={handleContextMenu}\n        disabled={node.disabled}\n        className={cn(\n          \"flex w-full items-center gap-1 rounded-md py-0.5 text-left text-[13px] transition-colors\",\n          isSelected\n            ? \"bg-blue-500/15 text-blue-600 dark:text-blue-400\"\n            : \"text-[color:var(--fancy-text-soft,var(--color-zinc-700))] hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))] dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]\",\n          node.disabled && \"pointer-events-none opacity-40\",\n          isDragging && \"opacity-50\",\n          // Grab affordance. By default (`dragCursor=\"none\"`) the row keeps its\n          // normal click cursor on hover — no open-hand \"move me\" cursor before\n          // any drag — and only shows the closed-hand `grabbing` cursor while a\n          // drag is actually underway (mousedown/drag). `dragCursor=\"grab\"` opts\n          // back into the always-on grab cursor for whole-row drag handles (#14).\n          canDrag &&\n            (dragCursor === \"grab\" ? \"cursor-grab active:cursor-grabbing\" : \"active:cursor-grabbing\"),\n          isDropTarget && dropPosition === \"inside\" && \"bg-blue-500/10 ring-1 ring-blue-500/30 ring-inset\",\n        )}\n        style={{ paddingLeft }}\n      >\n        {isFolder && <ChevronIcon open={isExpanded} />}\n        {!isFolder && <span className=\"w-3.5 shrink-0\" />}\n        {showIcons && (\n          node.icon ?? (isFolder\n            ? <FolderIcon open={isExpanded} />\n            : <FileIcon ext={node.ext ?? node.label.split(\".\").pop()} />)\n        )}\n        <span className=\"truncate\">{node.label}</span>\n      </button>\n\n      {/* After drop indicator */}\n      {isDropTarget && dropPosition === \"after\" && (\n        <div\n          data-react-fancy-tree-drop-indicator=\"after\"\n          className=\"pointer-events-none h-0.5 rounded-full bg-blue-500\"\n          style={{ marginLeft: paddingLeft }}\n        />\n      )}\n\n      {/* A virtual list renders rows flat, so a row never renders its own children there. */}\n      {!flat && isFolder && isExpanded && node.children && (\n        <div data-react-fancy-tree-node-children=\"\">\n          {node.children.map((child) => (\n            <TreeNode key={child.id} node={child} depth={depth + 1} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const TreeNode = memo(TreeNodeImpl);\n\nTreeNode.displayName = \"TreeNode\";\n","import { useMemo, useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { VirtualList } from \"../VirtualList\";\nimport { TreeNavContext } from \"./TreeNav.context\";\nimport { TreeNode } from \"./TreeNode\";\nimport { createTreeStore, TreeInternalsContext, type TreeInternals } from \"./tree-store\";\nimport type { TreeNavProps, TreeNodeData, DragState } from \"./TreeNav.types\";\n\nfunction collectFolderIds(nodes: TreeNodeData[]): string[] {\n  const ids: string[] = [];\n  for (const node of nodes) {\n    if (node.children && node.children.length > 0) {\n      ids.push(node.id);\n      ids.push(...collectFolderIds(node.children));\n    }\n  }\n  return ids;\n}\n\nconst EMPTY_DRAG_STATE: DragState = {\n  draggedNodeId: null,\n  dropTargetId: null,\n  dropPosition: null,\n};\n\ninterface FlatRow {\n  id: string;\n  node: TreeNodeData;\n  depth: number;\n}\n\n/** The rows currently visible — every node, descending only into expanded folders. */\nfunction flattenVisible(nodes: TreeNodeData[], expanded: ReadonlySet<string>): FlatRow[] {\n  const rows: FlatRow[] = [];\n  const walk = (list: TreeNodeData[], depth: number) => {\n    for (const node of list) {\n      rows.push({ id: node.id, node, depth });\n      const isFolder = node.type === \"folder\" || (node.children && node.children.length > 0);\n      if (isFolder && node.children && expanded.has(node.id)) walk(node.children, depth + 1);\n    }\n  };\n  walk(nodes, 0);\n  return rows;\n}\n\nfunction TreeNavRoot({\n  nodes,\n  selectedId,\n  onSelect,\n  onNodeContextMenu,\n  draggable = false,\n  onNodeMove,\n  acceptExternalDrops = false,\n  onExternalDrop,\n  expandedIds: controlledExpanded,\n  defaultExpandedIds,\n  onExpandedChange,\n  defaultExpandAll = false,\n  indentSize = 16,\n  showIcons = true,\n  dragCursor = \"none\",\n  virtualize = false,\n  height = 400,\n  rowHeight = 26,\n  className,\n}: TreeNavProps) {\n  const [internalExpanded, setInternalExpanded] = useState<string[]>(() => {\n    if (defaultExpandedIds) return defaultExpandedIds;\n    if (defaultExpandAll) return collectFolderIds(nodes);\n    return [];\n  });\n\n  const isControlled = controlledExpanded !== undefined;\n  const expandedIds = isControlled ? controlledExpanded : internalExpanded;\n  // One Set per change, so a row's \"am I expanded?\" is a lookup, not a scan.\n  const expanded = useMemo(() => new Set(expandedIds), [expandedIds]);\n\n  const [dragState, setDragState] = useState<DragState>(EMPTY_DRAG_STATE);\n\n  /*\n   * The latest props and state, for handlers that must stay STABLE. A handler\n   * whose identity changes on every click would change the context rows read,\n   * and re-render every row — the exact cost this component is avoiding.\n   */\n  const latest = useRef({ expandedIds, isControlled, onExpandedChange, onSelect, onNodeContextMenu, onNodeMove, onExternalDrop });\n  latest.current = { expandedIds, isControlled, onExpandedChange, onSelect, onNodeContextMenu, onNodeMove, onExternalDrop };\n\n  const setExpanded = useCallback((next: string[]) => {\n    if (!latest.current.isControlled) setInternalExpanded(next);\n    latest.current.onExpandedChange?.(next);\n  }, []);\n\n  const toggle = useCallback(\n    (id: string) => {\n      const current = latest.current.expandedIds;\n      setExpanded(current.includes(id) ? current.filter((v) => v !== id) : [...current, id]);\n    },\n    [setExpanded],\n  );\n\n  const expandNode = useCallback(\n    (id: string) => {\n      const current = latest.current.expandedIds;\n      if (!current.includes(id)) setExpanded([...current, id]);\n    },\n    [setExpanded],\n  );\n\n  const select = useCallback((node: TreeNodeData) => latest.current.onSelect?.(node.id, node), []);\n  const contextMenu = useCallback(\n    (e: React.MouseEvent, node: TreeNodeData) => latest.current.onNodeContextMenu?.(e, node),\n    [],\n  );\n  const moveNode = useCallback(\n    (sourceId: string, targetId: string, position: Parameters<NonNullable<TreeNavProps[\"onNodeMove\"]>>[2]) =>\n      latest.current.onNodeMove?.(sourceId, targetId, position),\n    [],\n  );\n  const externalDrop = useCallback(\n    (event: React.DragEvent, target: TreeNodeData, position: Parameters<NonNullable<TreeNavProps[\"onExternalDrop\"]>>[2]) =>\n      latest.current.onExternalDrop?.(event, target, position),\n    [],\n  );\n\n  // What rows subscribe to. Seeded with this render's values so the first paint\n  // is right; kept current after each render that changes them.\n  const [store] = useState(() => createTreeStore({ selectedId, expanded, dragState }));\n  useLayoutEffect(() => {\n    const current = store.get();\n    if (current.selectedId !== selectedId || current.expanded !== expanded || current.dragState !== dragState) {\n      store.set({ selectedId, expanded, dragState });\n    }\n  }, [store, selectedId, expanded, dragState]);\n\n  const hasContextMenu = onNodeContextMenu !== undefined;\n  const internals = useMemo<TreeInternals>(\n    () => ({\n      store,\n      nodes,\n      select,\n      toggle,\n      expandNode,\n      setDragState,\n      // Present only when the host gave one: a row then claims the right-click.\n      contextMenu: hasContextMenu ? contextMenu : undefined,\n      moveNode,\n      externalDrop,\n      indentSize,\n      showIcons,\n      draggable,\n      dragCursor,\n      acceptExternalDrops,\n      flat: virtualize,\n    }),\n    [store, nodes, select, toggle, expandNode, hasContextMenu, contextMenu, moveNode, externalDrop,\n     indentSize, showIcons, draggable, dragCursor, acceptExternalDrops, virtualize],\n  );\n\n  // Unchanged public context, still live for `useTreeNav()` callers. Rows no\n  // longer read it, so its changing on a click re-renders only those callers.\n  const ctx = useMemo(\n    () => ({\n      selectedId, onSelect, onNodeContextMenu, expandedIds, toggle, indentSize, showIcons,\n      draggable, dragCursor, dragState, setDragState, onNodeMove, acceptExternalDrops, onExternalDrop, nodes, expandNode,\n    }),\n    [selectedId, onSelect, onNodeContextMenu, expandedIds, toggle, indentSize, showIcons,\n     draggable, dragCursor, dragState, onNodeMove, acceptExternalDrops, onExternalDrop, nodes, expandNode],\n  );\n\n  const rows = useMemo(\n    () => (virtualize ? flattenVisible(nodes, expanded) : []),\n    [virtualize, nodes, expanded],\n  );\n\n  const handleDragEnd = useCallback(() => {\n    setDragState(EMPTY_DRAG_STATE);\n  }, []);\n\n  const dropEnabled = draggable || acceptExternalDrops;\n\n  return (\n    <TreeNavContext.Provider value={ctx}>\n      <TreeInternalsContext.Provider value={internals}>\n        <nav\n          data-react-fancy-tree-nav=\"\"\n          data-react-fancy-tree-nav-virtual={virtualize ? \"\" : undefined}\n          className={cn(\"flex flex-col gap-0.5 py-1 text-sm\", className)}\n          onDragEnd={dropEnabled ? handleDragEnd : undefined}\n        >\n          {virtualize ? (\n            <VirtualList\n              items={rows}\n              height={height}\n              estimateRowHeight={rowHeight}\n              renderRow={(row) => <TreeNode node={row.node} depth={row.depth} />}\n            />\n          ) : (\n            nodes.map((node) => <TreeNode key={node.id} node={node} depth={0} />)\n          )}\n        </nav>\n      </TreeInternalsContext.Provider>\n    </TreeNavContext.Provider>\n  );\n}\n\nTreeNavRoot.displayName = \"TreeNav\";\n\nexport const TreeNav = Object.assign(TreeNavRoot, {\n  Node: TreeNode,\n});\n"]}

package/dist/chunk-2O5UXH5R.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/inputs/Switch/Switch.colors.ts","../src/components/inputs/Switch/Switch.tsx"],"names":["forwardRef","useId","useFieldMode","useInlineEdit","useControllableState","jsxs","cn","jsx","dirtyRingClasses"],"mappings":"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","file":"chunk-2O5UXH5R.cjs","sourcesContent":["// AUTO-GENERATED by scripts/gen-switch-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../../utils/types\";\n\nexport const switchTrack: Record<Color, string> = {\n  // The host's colour, from CSS variables -- no dark: variant, because a\n  // host that themes per mode scopes the variables themselves.\n  brand: \"bg-brand\",\n  slate: \"bg-slate-500\",\n  gray: \"bg-gray-500\",\n  zinc: \"bg-zinc-500\",\n  neutral: \"bg-neutral-500\",\n  stone: \"bg-stone-500\",\n  red: \"bg-red-500\",\n  orange: \"bg-orange-500\",\n  amber: \"bg-amber-500\",\n  yellow: \"bg-yellow-500\",\n  lime: \"bg-lime-500\",\n  green: \"bg-green-500\",\n  emerald: \"bg-emerald-500\",\n  teal: \"bg-teal-500\",\n  cyan: \"bg-cyan-500\",\n  sky: \"bg-sky-500\",\n  blue: \"bg-blue-500\",\n  indigo: \"bg-indigo-500\",\n  violet: \"bg-violet-500\",\n  purple: \"bg-purple-500\",\n  fuchsia: \"bg-fuchsia-500\",\n  pink: \"bg-pink-500\",\n  rose: \"bg-rose-500\",\n};\n","import { forwardRef, useId } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { useControllableState } from \"../../../hooks/use-controllable-state\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport { dirtyRingClasses } from \"../inputs.utils\";\nimport type { SwitchProps } from \"./Switch.types\";\nimport { switchTrack } from \"./Switch.colors\";\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      checked: controlledChecked,\n      defaultChecked = false,\n      onCheckedChange,\n      color = \"blue\",\n      mode,\n      ...rest\n    },\n    ref,\n  ) => {\n    // `aria-*` names and describes the CONTROL, so it goes on the role=\"switch\"\n    // button; everything else (className, style, data-*, handlers) stays on the\n    // wrapper, where it has always gone. On the wrapper, an `aria-label` named a\n    // div and left the switch itself unnamed.\n    const wrapperProps: Record<string, unknown> = {};\n    const controlAria: Record<string, unknown> = {};\n    for (const [key, value] of Object.entries(rest)) {\n      if (key.startsWith(\"aria-\")) controlAria[key] = value;\n      else wrapperProps[key] = value;\n    }\n\n    const autoId = useId();\n    const switchId = id ?? autoId;\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n    const [checked, setChecked] = useControllableState(\n      controlledChecked,\n      defaultChecked,\n      onCheckedChange,\n    );\n\n    const trackSizes = {\n      xs: \"h-3.5 w-6\",\n      sm: \"h-4 w-7\",\n      md: \"h-5 w-9\",\n      lg: \"h-6 w-11\",\n      xl: \"h-7 w-[52px]\",\n    }[size];\n\n    const knobSizes = {\n      xs: \"h-2.5 w-2.5\",\n      sm: \"h-3 w-3\",\n      md: \"h-4 w-4\",\n      lg: \"h-5 w-5\",\n      xl: \"h-6 w-6\",\n    }[size];\n\n    const translateOn = {\n      xs: \"translate-x-2.5\",\n      sm: \"translate-x-3\",\n      md: \"translate-x-4\",\n      lg: \"translate-x-5\",\n      xl: \"translate-x-6\",\n    }[size];\n\n    return (\n      <div\n        {...wrapperProps}\n        // View mode has no switch to name, so its aria-* stay on the wrapper.\n        {...(showControl ? undefined : controlAria)}\n        data-react-fancy-switch=\"\" className={cn(\"flex items-start gap-2\", className)}>\n        {!showControl ? (\n          <span\n            data-react-fancy-display=\"\"\n            data-mode=\"view\"\n            role={interactive ? \"button\" : undefined}\n            tabIndex={interactive ? 0 : undefined}\n            title={interactive ? \"Click to edit\" : undefined}\n            onClick={interactive ? enterEdit : undefined}\n            onKeyDown={\n              interactive\n                ? (e) => {\n                    if (e.key === \"Enter\" || e.key === \" \") {\n                      e.preventDefault();\n                      enterEdit();\n                    }\n                  }\n                : undefined\n            }\n            className={cn(\n              \"text-sm font-medium text-zinc-700 dark:text-zinc-200\",\n              interactive &&\n                \"cursor-pointer rounded-md outline-none transition-colors hover:text-zinc-900 focus-visible:ring-2 focus-visible:ring-blue-500/40 dark:hover:text-white\",\n            )}\n          >\n            {checked ? \"On\" : \"Off\"}\n          </span>\n        ) : (\n        <button\n          {...controlAria}\n          ref={ref}\n          id={switchId}\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={checked}\n          disabled={disabled}\n          autoFocus={interactive}\n          onBlur={() => {\n            if (interactive) exitEdit();\n          }}\n          onClick={() => setChecked(!checked)}\n          className={cn(\n            \"relative inline-flex shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n            trackSizes,\n            // The unchecked track is the `border` role (\"tracks\"). The dark\n            // fallback stays zinc-600, today's colour, not the role's zinc-700\n            // default — set nothing, see no change.\n            checked\n              ? switchTrack[color]\n              : \"bg-[color:var(--fancy-border,var(--color-zinc-200))] dark:bg-[color:var(--fancy-border-dark,var(--color-zinc-600))]\",\n            dirtyRingClasses(dirty),\n            error && \"ring-2 ring-red-500/50\",\n          )}\n        >\n          <span\n            className={cn(\n              \"pointer-events-none inline-block rounded-full bg-white shadow-sm transition-transform\",\n              knobSizes,\n              checked ? translateOn : \"translate-x-0\",\n            )}\n          />\n        </button>\n        )}\n        {name && (\n          <input type=\"hidden\" name={name} value={checked ? \"1\" : \"0\"} />\n        )}\n        {(label || description) && (\n          <div className=\"flex flex-col\">\n            {label && (\n              <label\n                htmlFor={switchId}\n                className={cn(\n                  \"cursor-pointer text-sm text-zinc-700 dark:text-zinc-100\",\n                  disabled && \"cursor-not-allowed opacity-50\",\n                  // Not drawn, still the accessible name (it labels the button).\n                  labelHidden && \"sr-only\",\n                )}\n              >\n                {label}\n                {required && <span className=\"ml-0.5 text-red-500\">*</span>}\n              </label>\n            )}\n            {description && (\n              <span className=\"text-xs text-[color:var(--fancy-text-muted,var(--color-zinc-500))] dark:text-[color:var(--fancy-text-muted-dark,var(--color-zinc-400))]\">\n                {description}\n              </span>\n            )}\n            {error && <span className=\"text-xs text-red-500\">{error}</span>}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nSwitch.displayName = \"Switch\";\n"]}