@alfadocs/ui-kit 0.1.7 → 0.1.9

package/dist/_chunks/theme-toggle-BHiMMEQN.js

@@ -1,329 +0,0 @@
-import { jsx as e, jsxs as l, Fragment as A } from "react/jsx-runtime";
-import { forwardRef as N, useCallback as k } from "react";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as g } from "react-i18next";
-import { I as v } from "./icon-button-Wnnde5lc.js";
-import { I } from "./icon-button-group-DeV3FpNY.js";
-import { S as R } from "./switch-aN2EYxHh.js";
-import { D as r } from "./dropdown-menu-Cw3EyPZv.js";
-import { u as V } from "./use-theme-BMUhembX.js";
-import { c as f } from "./createLucideIcon-CrFbzy84.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const _ = [
-  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
-  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
-  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
-], C = f("monitor", _);
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const M = [
-  [
-    "path",
-    {
-      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
-      key: "kfwtm"
-    }
-  ]
-], b = f("moon", M);
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const z = [
-  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
-  ["path", { d: "M12 2v2", key: "tus03m" }],
-  ["path", { d: "M12 20v2", key: "1lh1kg" }],
-  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
-  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
-  ["path", { d: "M2 12h2", key: "1t8f8n" }],
-  ["path", { d: "M20 12h2", key: "1q8mjw" }],
-  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
-  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-], y = f("sun", z), T = S("ds:inline-flex ds:items-center", {
-  variants: {
-    variant: {
-      menu: "",
-      compact: "",
-      split: "ds:gap-[var(--spacing-md)]"
-    }
-  },
-  defaultVariants: { variant: "menu" }
-});
-function j(a) {
-  const {
-    theme: c,
-    accessibility: o,
-    onThemeChange: n,
-    onAccessibilityChange: i
-  } = a, t = V(), u = c ?? t.theme, p = o ?? t.accessibility, s = t.setTheme, h = t.setAccessibility, m = k(
-    (d) => {
-      if (n) {
-        n(d);
-        return;
-      }
-      s(d);
-    },
-    [n, s]
-  ), x = k(
-    (d) => {
-      if (i) {
-        i(d);
-        return;
-      }
-      h(d);
-    },
-    [i, h]
-  );
-  return {
-    theme: u,
-    accessibility: p,
-    resolvedTheme: t.resolvedTheme,
-    setTheme: m,
-    setAccessibility: x
-  };
-}
-function w({
-  value: a,
-  onValueChange: c,
-  ariaLabel: o,
-  size: n = "md"
-}) {
-  const { t: i } = g();
-  return /* @__PURE__ */ l(
-    I,
-    {
-      "aria-label": o,
-      role: "radiogroup",
-      mode: "toggle-single",
-      size: n,
-      value: a,
-      onValueChange: (t) => c(t),
-      children: [
-        /* @__PURE__ */ e(
-          v,
-          {
-            icon: /* @__PURE__ */ e(y, { "aria-hidden": !0 }),
-            "aria-label": i("ui.navigation.themeToggle.appearance.light"),
-            value: "light"
-          }
-        ),
-        /* @__PURE__ */ e(
-          v,
-          {
-            icon: /* @__PURE__ */ e(b, { "aria-hidden": !0 }),
-            "aria-label": i("ui.navigation.themeToggle.appearance.dark"),
-            value: "dark"
-          }
-        ),
-        /* @__PURE__ */ e(
-          v,
-          {
-            icon: /* @__PURE__ */ e(C, { "aria-hidden": !0 }),
-            "aria-label": i("ui.navigation.themeToggle.appearance.system"),
-            value: "system"
-          }
-        )
-      ]
-    }
-  );
-}
-function L({
-  value: a,
-  onValueChange: c,
-  size: o = "md"
-}) {
-  const { t: n } = g(), i = a === "accessible";
-  return /* @__PURE__ */ e(
-    R,
-    {
-      label: n("ui.navigation.themeToggle.accessibility.label"),
-      labelSide: "start",
-      size: o,
-      checked: i,
-      onCheckedChange: (t) => c(t ? "accessible" : "default")
-    }
-  );
-}
-function D({
-  state: a,
-  className: c,
-  rest: o,
-  forwardedRef: n,
-  showAccessibility: i
-}) {
-  const { t } = g(), u = a.resolvedTheme === "dark" || a.resolvedTheme === "dark-accessible" ? /* @__PURE__ */ e(b, { "aria-hidden": !0 }) : /* @__PURE__ */ e(y, { "aria-hidden": !0 }), p = a.accessibility === "accessible";
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ref: n,
-      "data-component": "theme-toggle",
-      className: T({ variant: "menu", className: c }),
-      ...o,
-      children: /* @__PURE__ */ l(r.Root, { children: [
-        /* @__PURE__ */ e(r.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-          v,
-          {
-            icon: u,
-            "aria-label": t("ui.navigation.themeToggle.trigger")
-          }
-        ) }),
-        /* @__PURE__ */ e(r.Portal, { children: /* @__PURE__ */ l(r.Content, { align: "end", sideOffset: 8, children: [
-          /* @__PURE__ */ e(r.Label, { children: t("ui.navigation.themeToggle.appearance.label") }),
-          /* @__PURE__ */ l(
-            r.RadioGroup,
-            {
-              value: a.theme,
-              onValueChange: (s) => a.setTheme(s),
-              children: [
-                /* @__PURE__ */ l(r.RadioItem, { value: "light", children: [
-                  /* @__PURE__ */ e(y, { "aria-hidden": !0, className: "ds:size-4" }),
-                  t("ui.navigation.themeToggle.appearance.light")
-                ] }),
-                /* @__PURE__ */ l(r.RadioItem, { value: "dark", children: [
-                  /* @__PURE__ */ e(b, { "aria-hidden": !0, className: "ds:size-4" }),
-                  t("ui.navigation.themeToggle.appearance.dark")
-                ] }),
-                /* @__PURE__ */ l(r.RadioItem, { value: "system", children: [
-                  /* @__PURE__ */ e(C, { "aria-hidden": !0, className: "ds:size-4" }),
-                  t("ui.navigation.themeToggle.appearance.system")
-                ] })
-              ]
-            }
-          ),
-          i ? /* @__PURE__ */ l(A, { children: [
-            /* @__PURE__ */ e(r.Separator, {}),
-            /* @__PURE__ */ e(
-              r.CheckboxItem,
-              {
-                checked: p,
-                onCheckedChange: (s) => a.setAccessibility(s ? "accessible" : "default"),
-                onSelect: (s) => s.preventDefault(),
-                children: t("ui.navigation.themeToggle.accessibility.label")
-              }
-            )
-          ] }) : null
-        ] }) })
-      ] })
-    }
-  );
-}
-function P({
-  state: a,
-  className: c,
-  rest: o,
-  forwardedRef: n
-}) {
-  const { t: i } = g();
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ref: n,
-      "data-component": "theme-toggle",
-      className: T({ variant: "compact", className: c }),
-      ...o,
-      children: /* @__PURE__ */ e(
-        w,
-        {
-          value: a.theme,
-          onValueChange: a.setTheme,
-          ariaLabel: i("ui.navigation.themeToggle.appearance.label")
-        }
-      )
-    }
-  );
-}
-function q({
-  state: a,
-  className: c,
-  rest: o,
-  forwardedRef: n,
-  showAccessibility: i
-}) {
-  const { t } = g();
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      ref: n,
-      "data-component": "theme-toggle",
-      className: T({ variant: "split", className: c }),
-      ...o,
-      children: [
-        /* @__PURE__ */ e(
-          w,
-          {
-            value: a.theme,
-            onValueChange: a.setTheme,
-            ariaLabel: t("ui.navigation.themeToggle.appearance.label")
-          }
-        ),
-        i ? /* @__PURE__ */ e(
-          L,
-          {
-            value: a.accessibility,
-            onValueChange: a.setAccessibility
-          }
-        ) : null
-      ]
-    }
-  );
-}
-const B = N(
-  (a, c) => {
-    const {
-      variant: o = "menu",
-      showAccessibility: n = !0,
-      className: i,
-      // Strip controlled props from the spread — they are read by the
-      // adapter, not by the DOM element.
-      theme: t,
-      accessibility: u,
-      onThemeChange: p,
-      onAccessibilityChange: s,
-      ...h
-    } = a, m = j(a);
-    return o === "compact" ? /* @__PURE__ */ e(
-      P,
-      {
-        state: m,
-        className: i,
-        rest: h,
-        forwardedRef: c,
-        showAccessibility: n
-      }
-    ) : o === "split" ? /* @__PURE__ */ e(
-      q,
-      {
-        state: m,
-        className: i,
-        rest: h,
-        forwardedRef: c,
-        showAccessibility: n
-      }
-    ) : /* @__PURE__ */ e(
-      D,
-      {
-        state: m,
-        className: i,
-        rest: h,
-        forwardedRef: c,
-        showAccessibility: n
-      }
-    );
-  }
-);
-B.displayName = "ThemeToggle";
-export {
-  B as T
-};
-//# sourceMappingURL=theme-toggle-BHiMMEQN.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"theme-toggle-BHiMMEQN.js","sources":["../../node_modules/lucide-react/dist/esm/icons/monitor.js","../../node_modules/lucide-react/dist/esm/icons/moon.js","../../node_modules/lucide-react/dist/esm/icons/sun.js","../../src/components/theme-toggle/theme-toggle.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"20\", height: \"14\", x: \"2\", y: \"3\", rx: \"2\", key: \"48i651\" }],\n  [\"line\", { x1: \"8\", x2: \"16\", y1: \"21\", y2: \"21\", key: \"1svkeh\" }],\n  [\"line\", { x1: \"12\", x2: \"12\", y1: \"17\", y2: \"21\", key: \"vw1qmm\" }]\n];\nconst Monitor = createLucideIcon(\"monitor\", __iconNode);\n\nexport { __iconNode, Monitor as default };\n//# sourceMappingURL=monitor.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\",\n      key: \"kfwtm\"\n    }\n  ]\n];\nconst Moon = createLucideIcon(\"moon\", __iconNode);\n\nexport { __iconNode, Moon as default };\n//# sourceMappingURL=moon.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"4\", key: \"4exip2\" }],\n  [\"path\", { d: \"M12 2v2\", key: \"tus03m\" }],\n  [\"path\", { d: \"M12 20v2\", key: \"1lh1kg\" }],\n  [\"path\", { d: \"m4.93 4.93 1.41 1.41\", key: \"149t6j\" }],\n  [\"path\", { d: \"m17.66 17.66 1.41 1.41\", key: \"ptbguv\" }],\n  [\"path\", { d: \"M2 12h2\", key: \"1t8f8n\" }],\n  [\"path\", { d: \"M20 12h2\", key: \"1q8mjw\" }],\n  [\"path\", { d: \"m6.34 17.66-1.41 1.41\", key: \"1m8zz5\" }],\n  [\"path\", { d: \"m19.07 4.93-1.41 1.41\", key: \"1shlcs\" }]\n];\nconst Sun = createLucideIcon(\"sun\", __iconNode);\n\nexport { __iconNode, Sun as default };\n//# sourceMappingURL=sun.js.map\n","import {\n  forwardRef,\n  useCallback,\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';\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 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/* ------------------------------------------------------------------ */\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();\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('ui.navigation.themeToggle.appearance.light')}\n        value=\"light\"\n      />\n      <IconButton\n        icon={<Moon aria-hidden />}\n        aria-label={t('ui.navigation.themeToggle.appearance.dark')}\n        value=\"dark\"\n      />\n      <IconButton\n        icon={<Monitor aria-hidden />}\n        aria-label={t('ui.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();\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('ui.navigation.themeToggle.accessibility.label')}\n      labelSide=\"start\"\n      size={size}\n      checked={checked}\n      onCheckedChange={(next) =>\n        onValueChange(next ? 'accessible' : 'default')\n      }\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Variants                                                            */\n/* ------------------------------------------------------------------ */\n\ninterface VariantRenderProps {\n  state: UseThemeReturn;\n  className?: string;\n  rest: HTMLAttributes<HTMLDivElement>;\n  forwardedRef: React.Ref<HTMLDivElement>;\n  showAccessibility: boolean;\n}\n\nfunction MenuVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n  showAccessibility,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  const triggerIcon =\n    state.resolvedTheme === 'dark' || state.resolvedTheme === 'dark-accessible'\n      ? <Moon aria-hidden />\n      : <Sun aria-hidden />;\n\n  const accessibleChecked = state.accessibility === 'accessible';\n\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\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('ui.navigation.themeToggle.trigger')}\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content align=\"end\" sideOffset={8}>\n            <DropdownMenu.Label>\n              {t('ui.navigation.themeToggle.appearance.label')}\n            </DropdownMenu.Label>\n            <DropdownMenu.RadioGroup\n              value={state.theme}\n              onValueChange={(next) =>\n                state.setTheme(next as ThemePreference)\n              }\n            >\n              <DropdownMenu.RadioItem value=\"light\">\n                <Sun aria-hidden className=\"ds:size-4\" />\n                {t('ui.navigation.themeToggle.appearance.light')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"dark\">\n                <Moon aria-hidden className=\"ds:size-4\" />\n                {t('ui.navigation.themeToggle.appearance.dark')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"system\">\n                <Monitor aria-hidden className=\"ds:size-4\" />\n                {t('ui.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('ui.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();\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      className={wrapperVariants({ variant: 'compact', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('ui.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();\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      className={wrapperVariants({ variant: 'split', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('ui.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      // 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;\n\n    const state = useResolvedTheme(props);\n\n    if (variant === 'compact') {\n      return (\n        <CompactVariant\n          state={state}\n          className={className}\n          rest={rest}\n          forwardedRef={ref}\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={ref}\n          showAccessibility={showAccessibility}\n        />\n      );\n    }\n    return (\n      <MenuVariant\n        state={state}\n        className={className}\n        rest={rest}\n        forwardedRef={ref}\n        showAccessibility={showAccessibility}\n      />\n    );\n  },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n"],"names":["__iconNode","Monitor","createLucideIcon","Moon","Sun","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","AccessibilitySwitch","checked","Switch","MenuVariant","state","className","rest","forwardedRef","showAccessibility","triggerIcon","accessibleChecked","DropdownMenu","Fragment","event","CompactVariant","SplitVariant","ThemeToggle","forwardRef","ref","variant","_theme","_accessibility","_onThemeChange","_onAccessibilityChange"],"mappings":"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","x_google_ignoreList":[0,1,2]}