@alfadocs/ui-kit-debug 1.67.0 → 1.68.0

package/dist/_chunks/{theme-toggle-Ctb77x6O.js → theme-toggle-DT_Jn4DC.js}

@@ -1,13 +1,14 @@
 import { jsx as t, jsxs as m, Fragment as V } from "react/jsx-runtime";
-import { forwardRef as M, useRef as k, useImperativeHandle as N, useMemo as _, useCallback as S } from "react";
-import { c as P } from "./index-D2ZczOXr.js";
-import { useTranslation as g } from "react-i18next";
-import { I as y } from "./icon-button-C_1TgRiK.js";
+import { forwardRef as M, useRef as k, useImperativeHandle as N, useMemo as P, useCallback as S } from "react";
+import { c as _ } from "./index-D2ZczOXr.js";
+import { useTranslation as u } from "react-i18next";
+import { I as T } from "./icon-button-C_1TgRiK.js";
 import { I as j } from "./icon-button-group-NIHji7_y.js";
-import { S as K } from "./switch-D--x7n6h.js";
+import { S as x } from "./switch-D--x7n6h.js";
 import { D as o } from "./dropdown-menu-D1we7oAY.js";
-import { u as x } from "./use-theme-CAuo6EYT.js";
-import { u as z } from "./registry-DvAUVLHh.js";
+import { u as K } from "./use-theme-CAuo6EYT.js";
+import { u as L } from "./registry-DvAUVLHh.js";
+import { u as z } from "./length-token-DwMnGEYT.js";
 import { M as v, S as C } from "./sun-Bj9Mr553.js";
 import { M as w } from "./monitor-xXSrufmP.js";
 const D = {
@@ -39,8 +40,8 @@ const D = {
       idempotent: !0,
       descriptionKey: "ui.agent.themeToggle.actions.setTheme",
       description: "Switch the theme preference.",
-      invoke: (e, n) => {
-        e.setTheme(n.theme);
+      invoke: (e, s) => {
+        e.setTheme(s.theme);
       }
     },
     set_accessibility: {
@@ -54,8 +55,8 @@ const D = {
       idempotent: !0,
       descriptionKey: "ui.agent.themeToggle.actions.setAccessibility",
       description: "Switch the accessibility preference.",
-      invoke: (e, n) => {
-        e.setAccessibility(n.accessibility);
+      invoke: (e, s) => {
+        e.setAccessibility(s.accessibility);
       }
     }
   },
@@ -71,7 +72,7 @@ const D = {
       description: "Sourced from the id prop."
     }
   }
-}, A = P("ds:inline-flex ds:items-center", {
+}, A = _("ds:inline-flex ds:items-center", {
   variants: {
     variant: {
       menu: "",
@@ -83,56 +84,56 @@ const D = {
 });
 function H(e) {
   const {
-    theme: n,
-    accessibility: s,
-    onThemeChange: r,
+    theme: s,
+    accessibility: r,
+    onThemeChange: n,
     onAccessibilityChange: a
-  } = e, i = x(), u = n ?? i.theme, p = s ?? i.accessibility, l = i.setTheme, T = i.setAccessibility, d = S(
+  } = e, i = K(), p = s ?? i.theme, b = r ?? i.accessibility, d = i.setTheme, l = i.setAccessibility, g = S(
     (c) => {
-      if (r) {
-        r(c);
+      if (n) {
+        n(c);
         return;
       }
-      l(c);
+      d(c);
     },
-    [r, l]
+    [n, d]
   ), h = S(
     (c) => {
       if (a) {
         a(c);
         return;
       }
-      T(c);
+      l(c);
     },
-    [a, T]
+    [a, l]
   );
   return {
-    theme: u,
-    accessibility: p,
+    theme: p,
+    accessibility: b,
     resolvedTheme: i.resolvedTheme,
-    setTheme: d,
+    setTheme: g,
     setAccessibility: h
   };
 }
 function I({
   value: e,
-  onValueChange: n,
-  ariaLabel: s,
-  size: r = "md"
+  onValueChange: s,
+  ariaLabel: r,
+  size: n = "md"
 }) {
-  const { t: a } = g("ui");
+  const { t: a } = u("ui");
   return /* @__PURE__ */ m(
     j,
     {
-      "aria-label": s,
+      "aria-label": r,
       role: "radiogroup",
       mode: "toggle-single",
-      size: r,
+      size: n,
       value: e,
-      onValueChange: (i) => n(i),
+      onValueChange: (i) => s(i),
       children: [
         /* @__PURE__ */ t(
-          y,
+          T,
           {
             icon: /* @__PURE__ */ t(C, { "aria-hidden": !0 }),
             "aria-label": a("navigation.themeToggle.appearance.light"),
@@ -140,7 +141,7 @@ function I({
           }
         ),
         /* @__PURE__ */ t(
-          y,
+          T,
           {
             icon: /* @__PURE__ */ t(v, { "aria-hidden": !0 }),
             "aria-label": a("navigation.themeToggle.appearance.dark"),
@@ -148,7 +149,7 @@ function I({
           }
         ),
         /* @__PURE__ */ t(
-          y,
+          T,
           {
             icon: /* @__PURE__ */ t(w, { "aria-hidden": !0 }),
             "aria-label": a("navigation.themeToggle.appearance.system"),
@@ -159,102 +160,110 @@ function I({
     }
   );
 }
-function L({
+function q({
   value: e,
-  onValueChange: n,
-  size: s = "md"
+  onValueChange: s,
+  size: r = "md"
 }) {
-  const { t: r } = g("ui"), a = e === "accessible";
+  const { t: n } = u("ui"), a = e === "accessible";
   return /* @__PURE__ */ t(
-    K,
+    x,
     {
-      label: r("navigation.themeToggle.accessibility.label"),
+      label: n("navigation.themeToggle.accessibility.label"),
       labelSide: "start",
-      size: s,
+      size: r,
       checked: a,
-      onCheckedChange: (i) => n(i ? "accessible" : "default")
+      onCheckedChange: (i) => s(i ? "accessible" : "default")
     }
   );
 }
-function q({
+function B({
   state: e,
-  className: n,
-  rest: s,
-  forwardedRef: r,
+  className: s,
+  rest: r,
+  forwardedRef: n,
   showAccessibility: a
 }) {
-  const { t: i } = g("ui"), u = e.resolvedTheme === "dark" || e.resolvedTheme === "dark-accessible" ? /* @__PURE__ */ t(v, { "aria-hidden": !0 }) : /* @__PURE__ */ t(C, { "aria-hidden": !0 }), p = e.accessibility === "accessible";
+  const { t: i } = u("ui"), p = e.resolvedTheme === "dark" || e.resolvedTheme === "dark-accessible" ? /* @__PURE__ */ t(v, { "aria-hidden": !0 }) : /* @__PURE__ */ t(C, { "aria-hidden": !0 }), b = e.accessibility === "accessible", d = z("--spacing-lg", n, 24);
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: r,
+      ref: n,
       "data-component": "theme-toggle",
-      "data-component-id": s.id,
-      className: A({ variant: "menu", className: n }),
-      ...s,
+      "data-component-id": r.id,
+      className: A({ variant: "menu", className: s }),
+      ...r,
       children: /* @__PURE__ */ m(o.Root, { children: [
         /* @__PURE__ */ t(o.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
-          y,
+          T,
           {
-            icon: u,
+            icon: p,
             "aria-label": i("navigation.themeToggle.trigger")
           }
         ) }),
-        /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ m(o.Content, { align: "end", sideOffset: 8, children: [
-          /* @__PURE__ */ t(o.Label, { children: i("navigation.themeToggle.appearance.label") }),
-          /* @__PURE__ */ m(
-            o.RadioGroup,
-            {
-              value: e.theme,
-              onValueChange: (l) => e.setTheme(l),
-              children: [
-                /* @__PURE__ */ m(o.RadioItem, { value: "light", children: [
-                  /* @__PURE__ */ t(C, { "aria-hidden": !0, className: "ds:size-4" }),
-                  i("navigation.themeToggle.appearance.light")
-                ] }),
-                /* @__PURE__ */ m(o.RadioItem, { value: "dark", children: [
-                  /* @__PURE__ */ t(v, { "aria-hidden": !0, className: "ds:size-4" }),
-                  i("navigation.themeToggle.appearance.dark")
-                ] }),
-                /* @__PURE__ */ m(o.RadioItem, { value: "system", children: [
-                  /* @__PURE__ */ t(w, { "aria-hidden": !0, className: "ds:size-4" }),
-                  i("navigation.themeToggle.appearance.system")
-                ] })
-              ]
-            }
-          ),
-          a ? /* @__PURE__ */ m(V, { children: [
-            /* @__PURE__ */ t(o.Separator, {}),
-            /* @__PURE__ */ t(
-              o.CheckboxItem,
-              {
-                checked: p,
-                onCheckedChange: (l) => e.setAccessibility(l ? "accessible" : "default"),
-                onSelect: (l) => l.preventDefault(),
-                children: i("navigation.themeToggle.accessibility.label")
-              }
-            )
-          ] }) : null
-        ] }) })
+        /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ m(
+          o.Content,
+          {
+            align: "end",
+            sideOffset: 8,
+            collisionPadding: d,
+            children: [
+              /* @__PURE__ */ t(o.Label, { children: i("navigation.themeToggle.appearance.label") }),
+              /* @__PURE__ */ m(
+                o.RadioGroup,
+                {
+                  value: e.theme,
+                  onValueChange: (l) => e.setTheme(l),
+                  children: [
+                    /* @__PURE__ */ m(o.RadioItem, { value: "light", children: [
+                      /* @__PURE__ */ t(C, { "aria-hidden": !0, className: "ds:size-4" }),
+                      i("navigation.themeToggle.appearance.light")
+                    ] }),
+                    /* @__PURE__ */ m(o.RadioItem, { value: "dark", children: [
+                      /* @__PURE__ */ t(v, { "aria-hidden": !0, className: "ds:size-4" }),
+                      i("navigation.themeToggle.appearance.dark")
+                    ] }),
+                    /* @__PURE__ */ m(o.RadioItem, { value: "system", children: [
+                      /* @__PURE__ */ t(w, { "aria-hidden": !0, className: "ds:size-4" }),
+                      i("navigation.themeToggle.appearance.system")
+                    ] })
+                  ]
+                }
+              ),
+              a ? /* @__PURE__ */ m(V, { children: [
+                /* @__PURE__ */ t(o.Separator, {}),
+                /* @__PURE__ */ t(
+                  o.CheckboxItem,
+                  {
+                    checked: b,
+                    onCheckedChange: (l) => e.setAccessibility(l ? "accessible" : "default"),
+                    onSelect: (l) => l.preventDefault(),
+                    children: i("navigation.themeToggle.accessibility.label")
+                  }
+                )
+              ] }) : null
+            ]
+          }
+        ) })
       ] })
     }
   );
 }
-function B({
+function G({
   state: e,
-  className: n,
-  rest: s,
-  forwardedRef: r
+  className: s,
+  rest: r,
+  forwardedRef: n
 }) {
-  const { t: a } = g("ui");
+  const { t: a } = u("ui");
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: r,
+      ref: n,
       "data-component": "theme-toggle",
-      "data-component-id": s.id,
-      className: A({ variant: "compact", className: n }),
-      ...s,
+      "data-component-id": r.id,
+      className: A({ variant: "compact", className: s }),
+      ...r,
       children: /* @__PURE__ */ t(
         I,
         {
@@ -266,22 +275,22 @@ function B({
     }
   );
 }
-function G({
+function F({
   state: e,
-  className: n,
-  rest: s,
-  forwardedRef: r,
+  className: s,
+  rest: r,
+  forwardedRef: n,
   showAccessibility: a
 }) {
-  const { t: i } = g("ui");
+  const { t: i } = u("ui");
   return /* @__PURE__ */ m(
     "div",
     {
-      ref: r,
+      ref: n,
       "data-component": "theme-toggle",
-      "data-component-id": s.id,
-      className: A({ variant: "split", className: n }),
-      ...s,
+      "data-component-id": r.id,
+      className: A({ variant: "split", className: s }),
+      ...r,
       children: [
         /* @__PURE__ */ t(
           I,
@@ -292,7 +301,7 @@ function G({
           }
         ),
         a ? /* @__PURE__ */ t(
-          L,
+          q,
           {
             value: e.accessibility,
             onValueChange: e.setAccessibility
@@ -302,25 +311,25 @@ function G({
     }
   );
 }
-const F = M(
-  (e, n) => {
+const O = M(
+  (e, s) => {
     const {
-      variant: s = "menu",
-      showAccessibility: r = !0,
+      variant: r = "menu",
+      showAccessibility: n = !0,
       className: a,
       id: i,
       // Strip controlled props from the spread — they are read by the
       // adapter, not by the DOM element.
-      theme: u,
-      accessibility: p,
-      onThemeChange: l,
-      onAccessibilityChange: T,
-      ...d
+      theme: p,
+      accessibility: b,
+      onThemeChange: d,
+      onAccessibilityChange: l,
+      ...g
     } = e, h = H(e), c = k(h);
     c.current = h;
-    const b = k(null);
-    N(n, () => b.current, []);
-    const R = _(
+    const y = k(null);
+    N(s, () => y.current, []);
+    const R = P(
       () => ({
         getCurrentTheme: () => c.current.theme,
         getCurrentAccessibility: () => c.current.accessibility,
@@ -329,39 +338,39 @@ const F = M(
       }),
       []
     );
-    return z(D, R, i), s === "compact" ? /* @__PURE__ */ t(
-      B,
+    return L(D, R, i), r === "compact" ? /* @__PURE__ */ t(
+      G,
       {
         state: h,
         className: a,
-        rest: d,
-        forwardedRef: b,
-        showAccessibility: r
+        rest: g,
+        forwardedRef: y,
+        showAccessibility: n
       }
-    ) : s === "split" ? /* @__PURE__ */ t(
-      G,
+    ) : r === "split" ? /* @__PURE__ */ t(
+      F,
       {
         state: h,
         className: a,
-        rest: d,
-        forwardedRef: b,
-        showAccessibility: r
+        rest: g,
+        forwardedRef: y,
+        showAccessibility: n
       }
     ) : /* @__PURE__ */ t(
-      q,
+      B,
       {
         state: h,
         className: a,
-        rest: d,
-        forwardedRef: b,
-        showAccessibility: r
+        rest: g,
+        forwardedRef: y,
+        showAccessibility: n
       }
     );
   }
 );
-F.displayName = "ThemeToggle";
+O.displayName = "ThemeToggle";
 export {
-  F as T,
+  O as T,
   D as t
 };
-//# sourceMappingURL=theme-toggle-Ctb77x6O.js.map
+//# sourceMappingURL=theme-toggle-DT_Jn4DC.js.map

package/dist/_chunks/theme-toggle-DT_Jn4DC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle-DT_Jn4DC.js","sources":["../../src/components/theme-toggle/theme-toggle.agent.ts","../../src/components/theme-toggle/theme-toggle.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ThemeToggle.                                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ThemeToggleHandle } from './theme-toggle';\n\nexport const themeToggleAgent: AgentAdapter<ThemeToggleHandle> = {\n  id: 'theme-toggle',\n  capabilities: ['set_value'],\n  state: {\n    currentTheme: {\n      type: 'ThemePreference',\n      descriptionKey: 'ui.agent.themeToggle.state.currentTheme',\n      description: 'Active theme preference: light, dark, or system.',\n      read: (handle) => handle.getCurrentTheme(),\n    },\n    currentAccessibility: {\n      type: 'AccessibilityPreference',\n      descriptionKey: 'ui.agent.themeToggle.state.currentAccessibility',\n      description: 'Active accessibility preference: default or accessible.',\n      read: (handle) => handle.getCurrentAccessibility(),\n    },\n  },\n  actions: {\n    set_theme: {\n      safety: 'write',\n      argsType: '{ theme: \"light\" | \"dark\" | \"system\" }',\n      argsSchema: {\n        type: 'object',\n        properties: { theme: { enum: ['light', 'dark', 'system'] } },\n        required: ['theme'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.themeToggle.actions.setTheme',\n      description: 'Switch the theme preference.',\n      invoke: (handle, args: { theme: 'light' | 'dark' | 'system' }) => {\n        handle.setTheme(args.theme);\n      },\n    },\n    set_accessibility: {\n      safety: 'write',\n      argsType: '{ accessibility: \"default\" | \"accessible\" }',\n      argsSchema: {\n        type: 'object',\n        properties: { accessibility: { enum: ['default', 'accessible'] } },\n        required: ['accessibility'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.themeToggle.actions.setAccessibility',\n      description: 'Switch the accessibility preference.',\n      invoke: (handle, args: { accessibility: 'default' | 'accessible' }) => {\n        handle.setAccessibility(args.accessibility);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'theme-toggle',\n      description: 'Marks the ThemeToggle wrapper.',\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  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group/icon-button-group';\nimport { Switch } from '../switch/switch';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ThemePreference,\n  type UseThemeReturn,\n} from '../../hooks';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { themeToggleAgent } from './theme-toggle.agent';\nimport { useLengthTokenPx } from '../_shared/length-token';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    variant: {\n      menu: '',\n      compact: '',\n      split: 'ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { variant: 'menu' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type ThemeToggleVariant = 'menu' | 'compact' | 'split';\n\ninterface ThemeToggleBaseProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  /**\n   * Visual form factor.\n   * - `menu` (default) — single trigger that opens a dropdown with both\n   *   Appearance and Accessibility controls. Best for headers / nav rails.\n   * - `compact` — segmented Appearance control only. Use when accessibility\n   *   lives on a separate settings surface.\n   * - `split` — segmented Appearance control plus an inline Accessibility\n   *   switch. Best for full-width settings panels.\n   */\n  variant?: ThemeToggleVariant;\n  /** Hide the accessibility control. Ignored on `compact`, which never renders it. */\n  showAccessibility?: boolean;\n  /**\n   * Controlled escape hatch — when omitted the component reads/writes\n   * `useTheme()` directly so it can drop into any header with no wiring.\n   * Pass all four to opt into controlled mode.\n   */\n  theme?: ThemePreference;\n  accessibility?: AccessibilityPreference;\n  onThemeChange?: (next: ThemePreference) => void;\n  onAccessibilityChange?: (next: AccessibilityPreference) => void;\n}\n\nexport type ThemeToggleProps = ThemeToggleBaseProps;\n\n/** Curated imperative handle for agent / external automation. */\nexport interface ThemeToggleHandle {\n  getCurrentTheme: () => ThemePreference;\n  getCurrentAccessibility: () => AccessibilityPreference;\n  setTheme: (next: ThemePreference) => void;\n  setAccessibility: (next: AccessibilityPreference) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* Hook adapter                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Resolves controlled props against the store. When the consumer passes\n * `theme` / `onThemeChange` (etc.) we honour those; otherwise we fall\n * through to the singleton `useTheme()` hook so a bare `<ThemeToggle />`\n * works with zero wiring.\n */\nfunction useResolvedTheme(props: ThemeToggleBaseProps): UseThemeReturn {\n  const {\n    theme: themeProp,\n    accessibility: accessibilityProp,\n    onThemeChange,\n    onAccessibilityChange,\n  } = props;\n  const store = useTheme();\n  const theme = themeProp ?? store.theme;\n  const accessibility = accessibilityProp ?? store.accessibility;\n\n  const storeSetTheme = store.setTheme;\n  const storeSetAccessibility = store.setAccessibility;\n\n  const setTheme = useCallback(\n    (next: ThemePreference) => {\n      if (onThemeChange) {\n        onThemeChange(next);\n        return;\n      }\n      storeSetTheme(next);\n    },\n    [onThemeChange, storeSetTheme],\n  );\n\n  const setAccessibility = useCallback(\n    (next: AccessibilityPreference) => {\n      if (onAccessibilityChange) {\n        onAccessibilityChange(next);\n        return;\n      }\n      storeSetAccessibility(next);\n    },\n    [onAccessibilityChange, storeSetAccessibility],\n  );\n\n  return {\n    theme,\n    accessibility,\n    resolvedTheme: store.resolvedTheme,\n    setTheme,\n    setAccessibility,\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Sub-pieces                                                          */\n/* ------------------------------------------------------------------ */\n\ninterface AppearanceSegmentProps {\n  value: ThemePreference;\n  onValueChange: (next: ThemePreference) => void;\n  ariaLabel: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nfunction AppearanceSegment({\n  value,\n  onValueChange,\n  ariaLabel,\n  size = 'md',\n}: AppearanceSegmentProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <IconButtonGroup\n      aria-label={ariaLabel}\n      role=\"radiogroup\"\n      mode=\"toggle-single\"\n      size={size}\n      value={value}\n      onValueChange={(next) => onValueChange(next as ThemePreference)}\n    >\n      <IconButton\n        icon={<Sun aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.light')}\n        value=\"light\"\n      />\n      <IconButton\n        icon={<Moon aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.dark')}\n        value=\"dark\"\n      />\n      <IconButton\n        icon={<Monitor aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.system')}\n        value=\"system\"\n      />\n    </IconButtonGroup>\n  );\n}\n\ninterface AccessibilitySwitchProps {\n  value: AccessibilityPreference;\n  onValueChange: (next: AccessibilityPreference) => void;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nfunction AccessibilitySwitch({\n  value,\n  onValueChange,\n  size = 'md',\n}: AccessibilitySwitchProps) {\n  const { t } = useTranslation('ui');\n  // 'system' is treated as \"off\" visually — the OS preference flows through\n  // automatically. Flipping the switch on creates an explicit override.\n  const checked = value === 'accessible';\n  return (\n    <Switch\n      label={t('navigation.themeToggle.accessibility.label')}\n      labelSide=\"start\"\n      size={size}\n      checked={checked}\n      onCheckedChange={(next) => onValueChange(next ? 'accessible' : 'default')}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Variants                                                            */\n/* ------------------------------------------------------------------ */\n\ninterface VariantRenderProps {\n  state: UseThemeReturn;\n  className?: string;\n  rest: HTMLAttributes<HTMLDivElement>;\n  forwardedRef: React.RefObject<HTMLDivElement | null>;\n  showAccessibility: boolean;\n}\n\nfunction MenuVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n  showAccessibility,\n}: VariantRenderProps) {\n  const { t } = useTranslation('ui');\n  const triggerIcon =\n    state.resolvedTheme === 'dark' ||\n    state.resolvedTheme === 'dark-accessible' ? (\n      <Moon aria-hidden />\n    ) : (\n      <Sun aria-hidden />\n    );\n\n  const accessibleChecked = state.accessibility === 'accessible';\n  // Same edge margin as HeaderSettings: inside the phone menu the panel\n  // keeps the sheet's side margin instead of touching the screen edge.\n  const edgeMargin = useLengthTokenPx('--spacing-lg', forwardedRef, 24);\n\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'menu', className })}\n      {...rest}\n    >\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            icon={triggerIcon}\n            aria-label={t('navigation.themeToggle.trigger')}\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content\n            align=\"end\"\n            sideOffset={8}\n            collisionPadding={edgeMargin}\n          >\n            <DropdownMenu.Label>\n              {t('navigation.themeToggle.appearance.label')}\n            </DropdownMenu.Label>\n            <DropdownMenu.RadioGroup\n              value={state.theme}\n              onValueChange={(next) => state.setTheme(next as ThemePreference)}\n            >\n              <DropdownMenu.RadioItem value=\"light\">\n                <Sun aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.light')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"dark\">\n                <Moon aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.dark')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"system\">\n                <Monitor aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.system')}\n              </DropdownMenu.RadioItem>\n            </DropdownMenu.RadioGroup>\n            {showAccessibility ? (\n              <>\n                <DropdownMenu.Separator />\n                {/* CheckboxItem keeps the accessibility toggle inside the\n                    Radix menu collection so ArrowDown reaches it and Space\n                    activates it; `onSelect={preventDefault}` prevents the\n                    menu from closing on toggle. */}\n                <DropdownMenu.CheckboxItem\n                  checked={accessibleChecked}\n                  onCheckedChange={(next) =>\n                    state.setAccessibility(next ? 'accessible' : 'default')\n                  }\n                  onSelect={(event) => event.preventDefault()}\n                >\n                  {t('navigation.themeToggle.accessibility.label')}\n                </DropdownMenu.CheckboxItem>\n              </>\n            ) : null}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    </div>\n  );\n}\n\nfunction CompactVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n}: VariantRenderProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'compact', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('navigation.themeToggle.appearance.label')}\n      />\n    </div>\n  );\n}\n\nfunction SplitVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n  showAccessibility,\n}: VariantRenderProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'split', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('navigation.themeToggle.appearance.label')}\n      />\n      {showAccessibility ? (\n        <AccessibilitySwitch\n          value={state.accessibility}\n          onValueChange={state.setAccessibility}\n        />\n      ) : null}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* ThemeToggle                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const ThemeToggle = forwardRef<HTMLDivElement, ThemeToggleProps>(\n  (props, ref) => {\n    const {\n      variant = 'menu',\n      showAccessibility = true,\n      className,\n      id,\n      // Strip controlled props from the spread — they are read by the\n      // adapter, not by the DOM element.\n      theme: _theme,\n      accessibility: _accessibility,\n      onThemeChange: _onThemeChange,\n      onAccessibilityChange: _onAccessibilityChange,\n      ...rest\n    } = props as ThemeToggleProps & { id?: string };\n\n    const state = useResolvedTheme(props);\n    const stateRef = useRef(state);\n    stateRef.current = state;\n\n    // Internal variant wrappers attach refs to <div> elements; we forward that\n    // DOM node as the public ref (Pattern B). The agent handle is registered\n    // separately via useAgentRegistration.\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<ThemeToggleHandle>(\n      () => ({\n        getCurrentTheme: () => stateRef.current.theme,\n        getCurrentAccessibility: () => stateRef.current.accessibility,\n        setTheme: (next) => stateRef.current.setTheme(next),\n        setAccessibility: (next) => stateRef.current.setAccessibility(next),\n      }),\n      [],\n    );\n    useAgentRegistration(themeToggleAgent, agentHandle, id);\n\n    if (variant === 'compact') {\n      return (\n        <CompactVariant\n          state={state}\n          className={className}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          showAccessibility={showAccessibility}\n        />\n      );\n    }\n    if (variant === 'split') {\n      return (\n        <SplitVariant\n          state={state}\n          className={className}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          showAccessibility={showAccessibility}\n        />\n      );\n    }\n    return (\n      <MenuVariant\n        state={state}\n        className={className}\n        rest={rest}\n        forwardedRef={forwardedRef}\n        showAccessibility={showAccessibility}\n      />\n    );\n  },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n"],"names":["themeToggleAgent","handle","args","wrapperVariants","cva","useResolvedTheme","props","themeProp","accessibilityProp","onThemeChange","onAccessibilityChange","store","useTheme","theme","accessibility","storeSetTheme","storeSetAccessibility","setTheme","useCallback","next","setAccessibility","AppearanceSegment","value","onValueChange","ariaLabel","size","t","useTranslation","jsxs","IconButtonGroup","jsx","IconButton","Sun","Moon","Monitor","AccessibilitySwitch","checked","Switch","MenuVariant","state","className","rest","forwardedRef","showAccessibility","triggerIcon","accessibleChecked","edgeMargin","useLengthTokenPx","DropdownMenu","Fragment","event","CompactVariant","SplitVariant","ThemeToggle","forwardRef","ref","variant","id","_theme","_accessibility","_onThemeChange","_onAccessibilityChange","stateRef","useRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration"],"mappings":"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"}

package/dist/_chunks/{timeline-DEIuHrWz.js → timeline-wUuTDFY_.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as m, useMemo as p, useRef as w, useState as V, useCallback as I, useImperativeHandle as O, useContext as v, createContext as C } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
-import { A as P } from "./avatar-WZY3eGE7.js";
+import { A as P } from "./avatar-BPiPL7ND.js";
 import { C as N } from "./card-BA4Ig_kn.js";
 import { T as q } from "./timestamp-DPLDWdxA.js";
 import { u as B } from "./registry-DvAUVLHh.js";
@@ -293,4 +293,4 @@ export {
   le as T,
   K as t
 };
-//# sourceMappingURL=timeline-DEIuHrWz.js.map
+//# sourceMappingURL=timeline-wUuTDFY_.js.map