@alfadocs/ui-kit-debug 1.103.1 → 1.105.0

package/dist/_chunks/stat-group-DSNnzkbW.js

@@ -0,0 +1,107 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as S, Children as j } from "react";
+import { c as e } from "./index-D2ZczOXr.js";
+const a = 6;
+function w(s, o) {
+  const t = Math.max(1, Math.min(o, a));
+  if (s <= t) return Math.max(1, s);
+  const n = Math.ceil(s / t), r = Math.ceil(s / n);
+  for (let l = r; l >= 2; l -= 1)
+    if (s % l !== 1) return l;
+  return r;
+}
+function N(s, o) {
+  return o > 1 && s > o && s % o === 1;
+}
+const b = {
+  2: {
+    1: "ds:@[400px]:grid-cols-1",
+    2: "ds:@[400px]:grid-cols-2",
+    3: "ds:@[400px]:grid-cols-3",
+    4: "ds:@[400px]:grid-cols-4",
+    5: "ds:@[400px]:grid-cols-5",
+    6: "ds:@[400px]:grid-cols-6"
+  },
+  3: {
+    1: "ds:@[608px]:grid-cols-1",
+    2: "ds:@[608px]:grid-cols-2",
+    3: "ds:@[608px]:grid-cols-3",
+    4: "ds:@[608px]:grid-cols-4",
+    5: "ds:@[608px]:grid-cols-5",
+    6: "ds:@[608px]:grid-cols-6"
+  },
+  4: {
+    1: "ds:@[816px]:grid-cols-1",
+    2: "ds:@[816px]:grid-cols-2",
+    3: "ds:@[816px]:grid-cols-3",
+    4: "ds:@[816px]:grid-cols-4",
+    5: "ds:@[816px]:grid-cols-5",
+    6: "ds:@[816px]:grid-cols-6"
+  },
+  5: {
+    1: "ds:@[1024px]:grid-cols-1",
+    2: "ds:@[1024px]:grid-cols-2",
+    3: "ds:@[1024px]:grid-cols-3",
+    4: "ds:@[1024px]:grid-cols-4",
+    5: "ds:@[1024px]:grid-cols-5",
+    6: "ds:@[1024px]:grid-cols-6"
+  },
+  6: {
+    1: "ds:@[1232px]:grid-cols-1",
+    2: "ds:@[1232px]:grid-cols-2",
+    3: "ds:@[1232px]:grid-cols-3",
+    4: "ds:@[1232px]:grid-cols-4",
+    5: "ds:@[1232px]:grid-cols-5",
+    6: "ds:@[1232px]:grid-cols-6"
+  }
+}, G = {
+  2: { full: "ds:@[400px]:col-span-full", one: "ds:@[400px]:col-span-1" },
+  3: { full: "ds:@[608px]:col-span-full", one: "ds:@[608px]:col-span-1" },
+  4: { full: "ds:@[816px]:col-span-full", one: "ds:@[816px]:col-span-1" },
+  5: { full: "ds:@[1024px]:col-span-full", one: "ds:@[1024px]:col-span-1" },
+  6: { full: "ds:@[1232px]:col-span-full", one: "ds:@[1232px]:col-span-1" }
+}, A = e("ds:@container ds:block ds:w-full ds:min-w-0"), C = e(
+  [
+    "ds:grid ds:list-none ds:m-0 ds:p-0 ds:grid-cols-1",
+    "ds:gap-[var(--spacing-md)] ds:items-stretch"
+  ].join(" ")
+), O = e("ds:flex ds:min-w-0 ds:[&>*]:w-full ds:[&>*]:min-w-0"), v = S(
+  function({ children: o, maxColumns: t = a, className: n, ...r }, l) {
+    const x = j.toArray(o), c = x.length, m = Math.min(t, a), g = [], u = {};
+    for (let d = 2; d <= a; d += 1) {
+      const i = w(c, Math.min(d, m));
+      g.push(b[d][i]), u[d] = N(c, i);
+    }
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        ref: l,
+        "data-component": "stat-group",
+        "data-count": c,
+        role: r["aria-label"] ? "group" : void 0,
+        className: [A(), n].filter(Boolean).join(" "),
+        ...r,
+        children: /* @__PURE__ */ p("ul", { className: [C(), ...g].join(" "), children: x.map((d, i) => {
+          const h = i === c - 1 ? Object.entries(G).map(([M, f]) => u[Number(M)] ? f.full : f.one).join(" ") : "";
+          return /* @__PURE__ */ p(
+            "li",
+            {
+              "data-stat-group-item": "",
+              className: [O(), h].filter(Boolean).join(" "),
+              children: d
+            },
+            i
+          );
+        }) })
+      }
+    );
+  }
+);
+v.displayName = "StatGroup";
+export {
+  a as S,
+  v as a,
+  N as b,
+  w as s
+};
+//# sourceMappingURL=stat-group-DSNnzkbW.js.map

package/dist/_chunks/stat-group-DSNnzkbW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-group-DSNnzkbW.js","sources":["../../src/components/stat-group/stat-group.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* Layout maths (pure, no measuring)                                    */\n/* ------------------------------------------------------------------ */\n\n// Min tile width is 192px (4 x --spacing-2xl) and the gap is --spacing-md\n// (16px). Container queries cannot read var(), and rem in a container query\n// resolves against the host root font size (10px on the platform), so the\n// breakpoints below are literal px: n columns need n * 192 + (n - 1) * 16 px.\nexport const STAT_GROUP_MAX_COLUMNS = 6;\nexport type StatGroupColumns = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * Columns for `count` tiles when `available` columns fit: one row if they\n * all fit, otherwise balanced rows, preferring a split with no lone tile.\n */\nexport function statGroupColumns(\n  count: number,\n  available: number,\n): StatGroupColumns {\n  const fit = Math.max(1, Math.min(available, STAT_GROUP_MAX_COLUMNS));\n  if (count <= fit) return Math.max(1, count) as StatGroupColumns;\n  const rows = Math.ceil(count / fit);\n  const balanced = Math.ceil(count / rows);\n  for (let cols = balanced; cols >= 2; cols -= 1) {\n    if (count % cols !== 1) return cols as StatGroupColumns;\n  }\n  return balanced as StatGroupColumns;\n}\n\n/** True when the last row would hold a single tile at this column count. */\nexport function statGroupHasOrphan(count: number, cols: number): boolean {\n  return cols > 1 && count > cols && count % cols === 1;\n}\n\n/* ------------------------------------------------------------------ */\n/* Static class tables (Tailwind needs literal class names)              */\n/* ------------------------------------------------------------------ */\n\n// Keys are the number of columns that fit (container width in the value).\nconst COLS: Record<number, Record<StatGroupColumns, string>> = {\n  2: {\n    1: 'ds:@[400px]:grid-cols-1',\n    2: 'ds:@[400px]:grid-cols-2',\n    3: 'ds:@[400px]:grid-cols-3',\n    4: 'ds:@[400px]:grid-cols-4',\n    5: 'ds:@[400px]:grid-cols-5',\n    6: 'ds:@[400px]:grid-cols-6',\n  },\n  3: {\n    1: 'ds:@[608px]:grid-cols-1',\n    2: 'ds:@[608px]:grid-cols-2',\n    3: 'ds:@[608px]:grid-cols-3',\n    4: 'ds:@[608px]:grid-cols-4',\n    5: 'ds:@[608px]:grid-cols-5',\n    6: 'ds:@[608px]:grid-cols-6',\n  },\n  4: {\n    1: 'ds:@[816px]:grid-cols-1',\n    2: 'ds:@[816px]:grid-cols-2',\n    3: 'ds:@[816px]:grid-cols-3',\n    4: 'ds:@[816px]:grid-cols-4',\n    5: 'ds:@[816px]:grid-cols-5',\n    6: 'ds:@[816px]:grid-cols-6',\n  },\n  5: {\n    1: 'ds:@[1024px]:grid-cols-1',\n    2: 'ds:@[1024px]:grid-cols-2',\n    3: 'ds:@[1024px]:grid-cols-3',\n    4: 'ds:@[1024px]:grid-cols-4',\n    5: 'ds:@[1024px]:grid-cols-5',\n    6: 'ds:@[1024px]:grid-cols-6',\n  },\n  6: {\n    1: 'ds:@[1232px]:grid-cols-1',\n    2: 'ds:@[1232px]:grid-cols-2',\n    3: 'ds:@[1232px]:grid-cols-3',\n    4: 'ds:@[1232px]:grid-cols-4',\n    5: 'ds:@[1232px]:grid-cols-5',\n    6: 'ds:@[1232px]:grid-cols-6',\n  },\n};\n\n// A lone last tile spans the row when no column count can avoid it.\nconst SPAN: Record<number, { full: string; one: string }> = {\n  2: { full: 'ds:@[400px]:col-span-full', one: 'ds:@[400px]:col-span-1' },\n  3: { full: 'ds:@[608px]:col-span-full', one: 'ds:@[608px]:col-span-1' },\n  4: { full: 'ds:@[816px]:col-span-full', one: 'ds:@[816px]:col-span-1' },\n  5: { full: 'ds:@[1024px]:col-span-full', one: 'ds:@[1024px]:col-span-1' },\n  6: { full: 'ds:@[1232px]:col-span-full', one: 'ds:@[1232px]:col-span-1' },\n};\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\n// The wrapper is the size container; the list inside is the grid.\nconst rootVariants = cva('ds:@container ds:block ds:w-full ds:min-w-0');\n\nconst listVariants = cva(\n  [\n    'ds:grid ds:list-none ds:m-0 ds:p-0 ds:grid-cols-1',\n    'ds:gap-[var(--spacing-md)] ds:items-stretch',\n  ].join(' '),\n);\n\nconst itemVariants = cva('ds:flex ds:min-w-0 ds:[&>*]:w-full ds:[&>*]:min-w-0');\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface StatGroupProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The tiles, usually `Stat`. Each child becomes one grid cell. */\n  children: ReactNode;\n  /**\n   * Most columns allowed, 1 to 6. Default 6. Lower it to keep tiles wider,\n   * for example 4 on a dense dashboard.\n   */\n  maxColumns?: StatGroupColumns;\n  /** Accessible name for the group of figures. */\n  'aria-label'?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const StatGroup = forwardRef<HTMLDivElement, StatGroupProps>(\n  function StatGroup(\n    { children, maxColumns = STAT_GROUP_MAX_COLUMNS, className, ...rest },\n    ref,\n  ) {\n    const items = Children.toArray(children);\n    const count = items.length;\n    const cap = Math.min(maxColumns, STAT_GROUP_MAX_COLUMNS);\n\n    const listClasses: string[] = [];\n    const orphanAt: Record<number, boolean> = {};\n    for (let fit = 2; fit <= STAT_GROUP_MAX_COLUMNS; fit += 1) {\n      const cols = statGroupColumns(count, Math.min(fit, cap));\n      listClasses.push(COLS[fit]![cols]);\n      orphanAt[fit] = statGroupHasOrphan(count, cols);\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"stat-group\"\n        data-count={count}\n        role={rest['aria-label'] ? 'group' : undefined}\n        className={[rootVariants(), className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        <ul className={[listVariants(), ...listClasses].join(' ')}>\n          {items.map((child, index) => {\n            const isLast = index === count - 1;\n            const spans = isLast\n              ? Object.entries(SPAN)\n                  .map(([fit, s]) => (orphanAt[Number(fit)] ? s.full : s.one))\n                  .join(' ')\n              : '';\n            return (\n              <li\n                key={index}\n                data-stat-group-item=\"\"\n                className={[itemVariants(), spans].filter(Boolean).join(' ')}\n              >\n                {child}\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    );\n  },\n);\n\nStatGroup.displayName = 'StatGroup';\n"],"names":["STAT_GROUP_MAX_COLUMNS","statGroupColumns","count","available","fit","rows","balanced","cols","statGroupHasOrphan","COLS","SPAN","rootVariants","cva","listVariants","itemVariants","StatGroup","forwardRef","children","maxColumns","className","rest","ref","items","Children","cap","listClasses","orphanAt","jsx","child","index","spans","s"],"mappings":"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"}

package/dist/_chunks/{switch-D--x7n6h.js → switch-DO6uC4HJ.js}

@@ -1,11 +1,11 @@
-import { jsxs as B, jsx as t } from "react/jsx-runtime";
-import { forwardRef as I, useContext as T, useState as q, useRef as K, useMemo as _ } from "react";
+import { jsxs as I, jsx as t } from "react/jsx-runtime";
+import { forwardRef as T, useContext as q, useState as K, useRef as _, useMemo as A } from "react";
 import * as w from "@radix-ui/react-switch";
 import { c as o } from "./index-D2ZczOXr.js";
-import { useTranslation as A } from "react-i18next";
-import { u as H, F as M, a as O } from "./form-field-context-DtiROUJV.js";
-import { u as D } from "./registry-DvAUVLHh.js";
-const P = {
+import { useTranslation as H } from "react-i18next";
+import { u as M, F as O, a as D } from "./form-field-context-DtiROUJV.js";
+import { u as P } from "./registry-DvAUVLHh.js";
+const W = {
   id: "switch",
   capabilities: ["set_value"],
   state: {
@@ -53,7 +53,7 @@ const P = {
       description: "Sourced from the id prop."
     }
   }
-}, W = o(
+}, $ = o(
   [
     "ds:inline-flex ds:shrink-0 ds:cursor-pointer ds:items-center",
     "ds:rounded-[var(--radius-full)]",
@@ -75,7 +75,7 @@ const P = {
     },
     defaultVariants: { size: "md" }
   }
-), $ = o(
+), E = o(
   [
     "ds:pointer-events-none ds:flex ds:items-center ds:justify-center ds:rounded-full ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-sm)]",
     "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
@@ -92,7 +92,7 @@ const P = {
     },
     defaultVariants: { size: "md" }
   }
-), E = o(
+), G = o(
   "ds:inline-flex ds:items-center ds:gap-3 ds:min-h-[var(--min-target-size)]",
   {
     variants: {
@@ -103,7 +103,7 @@ const P = {
     },
     defaultVariants: { labelSide: "end" }
   }
-), G = o("type-label ds:text-foreground ds:select-none", {
+), J = o("type-label ds:text-foreground ds:select-none", {
   variants: {
     disabled: {
       true: "ds:cursor-not-allowed ds:opacity-50",
@@ -111,32 +111,33 @@ const P = {
     }
   },
   defaultVariants: { disabled: !1 }
-}), J = {
+}), L = {
   sm: "ds:size-2",
   md: "ds:size-2.5",
   lg: "ds:size-3"
-}, L = I(
+}, Q = T(
   ({
     label: e,
     labelSide: r = "end",
     size: c = "md",
     icon: l,
-    showStateText: k = !1,
+    showStateText: y = !1,
+    hideLabel: k = !1,
     checked: i,
     defaultChecked: p,
     onCheckedChange: u,
-    disabled: y,
+    disabled: x,
     id: f,
-    className: x,
-    ...S
-  }, z) => {
-    const { t: b } = A("ui"), s = H(), F = T(M) !== null, g = O(s, f), [C, V] = q(
+    className: S,
+    ...z
+  }, F) => {
+    const { t: b } = H("ui"), s = M(), j = q(O) !== null, g = D(s, f), [C, V] = K(
       i ?? p ?? !1
     ), d = typeof i == "boolean", a = d ? i : C, m = (n) => {
       d || V(n), u == null || u(n);
-    }, v = s.disabled || y, j = s.describedBy || void 0, h = K(a);
+    }, v = s.disabled || x, N = s.describedBy || void 0, h = _(a);
     h.current = a;
-    const N = _(
+    const R = A(
       () => ({
         getChecked: () => h.current,
         setChecked: (n) => m(n),
@@ -147,56 +148,59 @@ const P = {
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    D(P, N, f);
-    const R = a ? b("inputs.switch.on", "On") : b("inputs.switch.off", "Off");
-    return /* @__PURE__ */ B("div", { className: E({ labelSide: r }), children: [
+    P(W, R, f);
+    const B = a ? b("inputs.switch.on", "On") : b("inputs.switch.off", "Off");
+    return /* @__PURE__ */ I("div", { className: G({ labelSide: r }), children: [
       /* @__PURE__ */ t(
         w.Root,
         {
-          ref: z,
+          ref: F,
           id: g,
           checked: d ? i : void 0,
           defaultChecked: d ? void 0 : p,
           onCheckedChange: m,
           disabled: v,
-          "aria-describedby": j,
+          "aria-describedby": N,
           "aria-invalid": s.invalid || void 0,
           "aria-required": s.required || void 0,
           "data-component": "switch",
           "data-component-id": f,
-          className: W({ size: c, className: x }),
-          ...S,
-          children: /* @__PURE__ */ t(w.Thumb, { className: $({ size: c }), children: l ? /* @__PURE__ */ t(
+          className: $({ size: c, className: S }),
+          ...z,
+          children: /* @__PURE__ */ t(w.Thumb, { className: E({ size: c }), children: l ? /* @__PURE__ */ t(
             "span",
             {
               "aria-hidden": "true",
-              className: `${J[c]} ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-full`,
+              className: `${L[c]} ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-full`,
               children: a ? l.on : l.off
             }
           ) : null })
         }
       ),
-      k ? /* @__PURE__ */ t(
+      y ? /* @__PURE__ */ t(
         "span",
         {
           "aria-hidden": "true",
           className: "type-meta ds:text-muted-foreground ds:select-none",
-          children: R
+          children: B
         }
       ) : null,
-      F ? null : /* @__PURE__ */ t(
+      j ? null : /* @__PURE__ */ t(
         "label",
         {
           htmlFor: g,
-          className: G({ disabled: !!v }),
+          className: [
+            J({ disabled: !!v }),
+            k ? "ds:sr-only" : ""
+          ].filter(Boolean).join(" "),
           children: e
         }
       )
     ] });
   }
 );
-L.displayName = "Switch";
+Q.displayName = "Switch";
 export {
-  L as S
+  Q as S
 };
-//# sourceMappingURL=switch-D--x7n6h.js.map
+//# sourceMappingURL=switch-DO6uC4HJ.js.map

package/dist/_chunks/switch-DO6uC4HJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-DO6uC4HJ.js","sources":["../../src/components/switch/switch.agent.ts","../../src/components/switch/switch.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Switch.                                                */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SwitchHandle } from './switch';\n\nexport const switchAgent: AgentAdapter<SwitchHandle> = {\n  id: 'switch',\n  capabilities: ['set_value'],\n  state: {\n    checked: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.switch.state.checked',\n      description: 'Whether the switch is on.',\n      read: (handle) => handle.getChecked(),\n    },\n  },\n  actions: {\n    set_checked: {\n      safety: 'write',\n      argsType: '{ checked: boolean }',\n      argsSchema: {\n        type: 'object',\n        properties: { checked: { type: 'boolean' } },\n        required: ['checked'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.switch.actions.setChecked',\n      description: 'Set the on/off state to a specific value.',\n      invoke: (handle, args: { checked: boolean }) => {\n        handle.setChecked(args.checked);\n      },\n    },\n    toggle: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.switch.actions.toggle',\n      description: 'Flip the on/off state.',\n      invoke: (handle) => {\n        handle.toggle();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'switch',\n      description: 'Marks the Switch root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport * as RadixSwitch from '@radix-ui/react-switch';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  FormFieldContext,\n  useFormField,\n  useFormFieldControlId,\n} from '../form-field/form-field-context';\nimport { useAgentRegistration } from '../../agent';\nimport { switchAgent } from './switch.agent';\n\n/** Agent-readiness curated handle for Switch. */\nexport interface SwitchHandle {\n  getChecked: () => boolean;\n  setChecked: (checked: boolean) => void;\n  toggle: () => void;\n}\n\nconst switchVariants = cva(\n  [\n    'ds:inline-flex ds:shrink-0 ds:cursor-pointer ds:items-center',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:border-2 ds:border-transparent',\n    'ds:bg-muted',\n    'ds:data-[state=checked]:bg-primary',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-4 ds:w-7',\n        md: 'ds:h-5 ds:w-9',\n        lg: 'ds:h-6 ds:w-11',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst thumbVariants = cva(\n  [\n    'ds:pointer-events-none ds:flex ds:items-center ds:justify-center ds:rounded-full ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-sm)]',\n    'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:data-[state=checked]:translate-x-full ds:rtl:data-[state=checked]:-translate-x-full',\n    'ds:data-[state=unchecked]:translate-x-0',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-3',\n        md: 'ds:size-4',\n        lg: 'ds:size-5',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst wrapperVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-3 ds:min-h-[var(--min-target-size)]',\n  {\n    variants: {\n      labelSide: {\n        start: 'ds:flex-row-reverse',\n        end: '',\n      },\n    },\n    defaultVariants: { labelSide: 'end' },\n  },\n);\n\nconst labelVariants = cva('type-label ds:text-foreground ds:select-none', {\n  variants: {\n    disabled: {\n      true: 'ds:cursor-not-allowed ds:opacity-50',\n      false: 'ds:cursor-pointer',\n    },\n  },\n  defaultVariants: { disabled: false },\n});\n\nconst iconSizeBySwitchSize = {\n  sm: 'ds:size-2',\n  md: 'ds:size-2.5',\n  lg: 'ds:size-3',\n} as const;\n\nexport interface SwitchIcon {\n  on: ReactNode;\n  off: ReactNode;\n}\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixSwitch.Root>;\n\nexport interface SwitchProps\n  extends\n    Omit<RadixRootProps, 'children'>,\n    VariantProps<typeof switchVariants> {\n  label: string;\n  labelSide?: 'start' | 'end';\n  size?: 'sm' | 'md' | 'lg';\n  icon?: SwitchIcon;\n  showStateText?: boolean;\n  /** Keep the label for screen readers and hide it visually, for a switch whose row already names it. */\n  hideLabel?: boolean;\n}\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  (\n    {\n      label,\n      labelSide = 'end',\n      size = 'md',\n      icon,\n      showStateText = false,\n      hideLabel = false,\n      checked,\n      defaultChecked,\n      onCheckedChange,\n      disabled,\n      id,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n    const switchId = useFormFieldControlId(ctx, id);\n\n    const [internalChecked, setInternalChecked] = useState<boolean>(\n      checked ?? defaultChecked ?? false,\n    );\n    const isControlled = typeof checked === 'boolean';\n    const currentChecked = isControlled ? checked : internalChecked;\n\n    const handleCheckedChange = (next: boolean) => {\n      if (!isControlled) setInternalChecked(next);\n      onCheckedChange?.(next);\n    };\n\n    const effectiveDisabled = ctx.disabled || disabled;\n    const describedBy = ctx.describedBy || undefined;\n\n    const checkedRef = useRef<boolean>(currentChecked);\n    checkedRef.current = currentChecked;\n\n    const agentHandle = useMemo<SwitchHandle>(\n      () => ({\n        getChecked: () => checkedRef.current,\n        setChecked: (next) => handleCheckedChange(next),\n        toggle: () => handleCheckedChange(!checkedRef.current),\n      }),\n      // handleCheckedChange closes over isControlled / onCheckedChange and is\n      // recreated each render; we accept the re-registration cost.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [],\n    );\n    useAgentRegistration(switchAgent, agentHandle, id);\n\n    const stateText = currentChecked\n      ? t('inputs.switch.on', 'On')\n      : t('inputs.switch.off', 'Off');\n\n    return (\n      <div className={wrapperVariants({ labelSide })}>\n        <RadixSwitch.Root\n          ref={ref}\n          id={switchId}\n          checked={isControlled ? checked : undefined}\n          defaultChecked={!isControlled ? defaultChecked : undefined}\n          onCheckedChange={handleCheckedChange}\n          disabled={effectiveDisabled}\n          aria-describedby={describedBy}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          data-component=\"switch\"\n          data-component-id={id}\n          className={switchVariants({ size, className })}\n          {...props}\n        >\n          <RadixSwitch.Thumb className={thumbVariants({ size })}>\n            {icon ? (\n              <span\n                aria-hidden=\"true\"\n                className={`${iconSizeBySwitchSize[size]} ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-full`}\n              >\n                {currentChecked ? icon.on : icon.off}\n              </span>\n            ) : null}\n          </RadixSwitch.Thumb>\n        </RadixSwitch.Root>\n        {showStateText ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"type-meta ds:text-muted-foreground ds:select-none\"\n          >\n            {stateText}\n          </span>\n        ) : null}\n        {!inFormField ? (\n          <label\n            htmlFor={switchId}\n            className={[\n              labelVariants({ disabled: Boolean(effectiveDisabled) }),\n              hideLabel ? 'ds:sr-only' : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {label}\n          </label>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n"],"names":["switchAgent","handle","args","switchVariants","cva","thumbVariants","wrapperVariants","labelVariants","iconSizeBySwitchSize","Switch","forwardRef","label","labelSide","size","icon","showStateText","hideLabel","checked","defaultChecked","onCheckedChange","disabled","id","className","props","ref","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","switchId","useFormFieldControlId","internalChecked","setInternalChecked","useState","isControlled","currentChecked","handleCheckedChange","next","effectiveDisabled","describedBy","checkedRef","useRef","agentHandle","useMemo","useAgentRegistration","stateText","jsx","RadixSwitch"],"mappings":"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"}

package/dist/_chunks/{task-editor-BiPGFXtB.js → task-editor-CmXcj6cC.js}

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as k, Fragment as De } from "react/jsx-runtime";
 import { useState as $, useRef as x, useEffect as $e, forwardRef as At, useId as _t, useMemo as Fe } from "react";
 import { c as ht } from "./index-D2ZczOXr.js";
 import { useTranslation as gt } from "react-i18next";
-import { A as M } from "./alert-9kEwDza3.js";
+import { A as M } from "./alert-C4WKViaS.js";
 import { B as Me } from "./button-DohK_Ak_.js";
 import { I as We } from "./icon-button-S8_weU3g.js";
 import { C as Qe } from "./combobox-duuDRI1t.js";
@@ -17,10 +17,10 @@ import { R as jt } from "./radio-group-ChIKyeSJ.js";
 import { S as Mt } from "./scroll-area-CY5SLYNw.js";
 import { S as Ke } from "./select-BBDRYxJl.js";
 import { S as He } from "./skeleton-tTWJpvAq.js";
-import { S as $t } from "./switch-D--x7n6h.js";
+import { S as $t } from "./switch-DO6uC4HJ.js";
 import { T as zt } from "./text-area-COMVJ1yE.js";
 import { T as Oe } from "./text-input-B6iAgCr3.js";
-import { T as qt } from "./time-picker-DSt-ns5F.js";
+import { T as qt } from "./time-picker-DDr5vhwQ.js";
 import { u as Vt } from "./registry-DvAUVLHh.js";
 import { u as Lt } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { c as Ut } from "./compose-refs-C0k0tdqF.js";
@@ -1239,4 +1239,4 @@ export {
   vn as T,
   ln as t
 };
-//# sourceMappingURL=task-editor-BiPGFXtB.js.map
+//# sourceMappingURL=task-editor-CmXcj6cC.js.map