@mastra/playground-ui 60.0.0 → 60.1.0-alpha.0

package/dist/components/ThemeToggle.cjs.js

@@ -3,112 +3,43 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const radio = require('@base-ui/react/radio');
-const radioGroup = require('@base-ui/react/radio-group');
 const lucideReact = require('lucide-react');
+const segmentedControl = require('../segmented-control--I3IgW21.cjs');
 const themeProvider = require('../theme-provider-DDGNiyY_.cjs');
-const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
-const primitives_transitions = require('../primitives/transitions.cjs.js');
-const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const DEFAULT_OPTIONS = [
   { value: "system", label: "System", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Monitor, {}) },
   { value: "light", label: "Light", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, {}) },
   { value: "dark", label: "Dark", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, {}) }
 ];
-const SIZE_CONFIG = {
-  md: {
-    itemGap: 2,
-    itemWidth: 28,
-    root: "gap-0.5 p-0.5",
-    indicator: "inset-y-0.5 left-0.5",
-    item: "h-6 [&_svg]:size-3.5"
-  },
-  xs: {
-    itemGap: 1,
-    itemWidth: 20,
-    root: "gap-px p-px",
-    indicator: "inset-y-px left-px",
-    item: "h-4 [&_svg]:size-icon-xs"
-  },
-  sm: {
-    itemGap: 1,
-    itemWidth: 24,
-    root: "gap-px p-px",
-    indicator: "inset-y-px left-px",
-    item: "h-5 [&_svg]:size-icon-xs"
-  }
-};
+function pickSelectedTheme(options, current) {
+  if (options.some((option) => option.value === current)) return current;
+  const [first] = options;
+  if (first) return first.value;
+  return "system";
+}
 const ThemeToggle = ({
   value,
   onChange,
   options = DEFAULT_OPTIONS,
   size = "md",
-  className,
   "aria-label": ariaLabel = "Theme",
-  ...rest
+  ...groupProps
 }) => {
   const { theme, setTheme } = themeProvider.useTheme();
   const current = value ?? theme;
   const commit = onChange ?? setTheme;
-  const effectiveCurrent = options.some((option) => option.value === current) ? current : options[0]?.value ?? "system";
-  const handleChange = (next) => {
-    const match = options.find((opt) => opt.value === next);
-    if (match) commit(match.value);
-  };
-  const activeIndex = Math.max(
-    0,
-    options.findIndex((option) => option.value === effectiveCurrent)
-  );
-  const sizeConfig = SIZE_CONFIG[size];
-  const indicatorOffset = activeIndex * (sizeConfig.itemWidth + sizeConfig.itemGap);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    radioGroup.RadioGroup,
+  const selected = pickSelectedTheme(options, current);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    segmentedControl.SegmentedControl,
     {
-      ...rest,
-      value: effectiveCurrent,
-      onValueChange: handleChange,
+      ...groupProps,
       "aria-label": ariaLabel,
-      className: utils_cn.cn(
-        primitives_raisedSurface.raisedSurfaceStyle,
-        "relative inline-flex w-fit items-center rounded-full",
-        sizeConfig.root,
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: utils_cn.cn(
-              "pointer-events-none absolute rounded-full bg-fill-hover motion-reduce:transition-none",
-              primitives_transitions.transitions.transform,
-              sizeConfig.indicator
-            ),
-            style: { width: sizeConfig.itemWidth, transform: `translateX(${indicatorOffset}px)` }
-          }
-        ),
-        options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-          radio.Radio.Root,
-          {
-            value: option.value,
-            "aria-label": option.label,
-            style: { width: sizeConfig.itemWidth },
-            className: utils_cn.cn(
-              "relative inline-flex cursor-pointer items-center justify-center rounded-full",
-              // Base UI exposes `data-checked` instead of Radix's `data-state="checked"`.
-              "text-muted-foreground hover:text-foreground data-[checked]:text-foreground",
-              sizeConfig.item,
-              "focus-visible:outline-hidden",
-              "active:scale-90 motion-reduce:transition-none",
-              primitives_transitions.transitions.colors,
-              primitives_transitions.transitions.transform
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "pointer-events-none inline-flex items-center justify-center", children: option.icon })
-          },
-          option.value
-        ))
-      ]
+      iconOnly: true,
+      size: size === "xs" ? "sm" : size,
+      value: selected,
+      onValueChange: commit,
+      children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(segmentedControl.SegmentedControlItem, { value: option.value, "aria-label": option.label, children: option.icon }, option.value))
     }
   );
 };

package/dist/components/ThemeToggle.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeToggle.cjs.js","sources":["../../src/ds/components/ThemeToggle/theme-toggle.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { Monitor, Moon, Sun } from 'lucide-react';\n\nimport { useTheme } from '../ThemeProvider';\nimport type { Theme } from '../ThemeProvider/theme-context';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface ThemeToggleOption {\n  value: Theme;\n  label: string;\n  icon: React.ReactNode;\n}\n\nconst DEFAULT_OPTIONS: ReadonlyArray<ThemeToggleOption> = [\n  { value: 'system', label: 'System', icon: <Monitor /> },\n  { value: 'light', label: 'Light', icon: <Sun /> },\n  { value: 'dark', label: 'Dark', icon: <Moon /> },\n];\n\nconst SIZE_CONFIG = {\n  md: {\n    itemGap: 2,\n    itemWidth: 28,\n    root: 'gap-0.5 p-0.5',\n    indicator: 'inset-y-0.5 left-0.5',\n    item: 'h-6 [&_svg]:size-3.5',\n  },\n  xs: {\n    itemGap: 1,\n    itemWidth: 20,\n    root: 'gap-px p-px',\n    indicator: 'inset-y-px left-px',\n    item: 'h-4 [&_svg]:size-icon-xs',\n  },\n  sm: {\n    itemGap: 1,\n    itemWidth: 24,\n    root: 'gap-px p-px',\n    indicator: 'inset-y-px left-px',\n    item: 'h-5 [&_svg]:size-icon-xs',\n  },\n} as const;\n\ntype RadioRootProps = Omit<\n  RadioGroupPrimitive.Props,\n  'value' | 'onChange' | 'onValueChange' | 'defaultValue' | 'className'\n> & {\n  className?: string;\n};\n\ntype ControlledProps = { value: Theme; onChange: (next: Theme) => void };\ntype UncontrolledProps = { value?: undefined; onChange?: undefined };\n\nexport type ThemeToggleProps = RadioRootProps & {\n  options?: ReadonlyArray<ThemeToggleOption>;\n  size?: keyof typeof SIZE_CONFIG;\n} & (ControlledProps | UncontrolledProps);\n\nexport const ThemeToggle = ({\n  value,\n  onChange,\n  options = DEFAULT_OPTIONS,\n  size = 'md',\n  className,\n  'aria-label': ariaLabel = 'Theme',\n  ...rest\n}: ThemeToggleProps) => {\n  const { theme, setTheme } = useTheme();\n  const current = value ?? theme;\n  const commit = onChange ?? setTheme;\n  const effectiveCurrent = options.some(option => option.value === current) ? current : (options[0]?.value ?? 'system');\n\n  const handleChange = (next: unknown) => {\n    const match = options.find(opt => opt.value === next);\n    if (match) commit(match.value);\n  };\n\n  const activeIndex = Math.max(\n    0,\n    options.findIndex(option => option.value === effectiveCurrent),\n  );\n  const sizeConfig = SIZE_CONFIG[size];\n  const indicatorOffset = activeIndex * (sizeConfig.itemWidth + sizeConfig.itemGap);\n\n  return (\n    <RadioGroupPrimitive\n      {...rest}\n      value={effectiveCurrent}\n      onValueChange={handleChange}\n      aria-label={ariaLabel}\n      className={cn(\n        raisedSurfaceStyle,\n        'relative inline-flex w-fit items-center rounded-full',\n        sizeConfig.root,\n        className,\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'pointer-events-none absolute rounded-full bg-fill-hover motion-reduce:transition-none',\n          transitions.transform,\n          sizeConfig.indicator,\n        )}\n        style={{ width: sizeConfig.itemWidth, transform: `translateX(${indicatorOffset}px)` }}\n      />\n      {options.map(option => (\n        <RadioPrimitive.Root\n          key={option.value}\n          value={option.value}\n          aria-label={option.label}\n          style={{ width: sizeConfig.itemWidth }}\n          className={cn(\n            'relative inline-flex cursor-pointer items-center justify-center rounded-full',\n            // Base UI exposes `data-checked` instead of Radix's `data-state=\"checked\"`.\n            'text-muted-foreground hover:text-foreground data-[checked]:text-foreground',\n            sizeConfig.item,\n            'focus-visible:outline-hidden',\n            'active:scale-90 motion-reduce:transition-none',\n            transitions.colors,\n            transitions.transform,\n          )}\n        >\n          <span aria-hidden=\"true\" className=\"pointer-events-none inline-flex items-center justify-center\">\n            {option.icon}\n          </span>\n        </RadioPrimitive.Root>\n      ))}\n    </RadioGroupPrimitive>\n  );\n};\n"],"names":["jsx","Monitor","Sun","Moon","useTheme","jsxs","RadioGroupPrimitive","cn","raisedSurfaceStyle","transitions","RadioPrimitive"],"mappings":"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"}
+{"version":3,"file":"ThemeToggle.cjs.js","sources":["../../src/ds/components/ThemeToggle/theme-toggle.tsx"],"sourcesContent":["import { Monitor, Moon, Sun } from 'lucide-react';\n\nimport { SegmentedControl, SegmentedControlItem } from '../SegmentedControl';\nimport type { SegmentedControlProps } from '../SegmentedControl';\nimport { useTheme } from '../ThemeProvider';\nimport type { Theme } from '../ThemeProvider/theme-context';\nimport type { ControlSize } from '@/ds/primitives/control-size';\n\nexport interface ThemeToggleOption {\n  value: Theme;\n  label: string;\n  icon: React.ReactNode;\n}\n\nconst DEFAULT_OPTIONS: ReadonlyArray<ThemeToggleOption> = [\n  { value: 'system', label: 'System', icon: <Monitor /> },\n  { value: 'light', label: 'Light', icon: <Sun /> },\n  { value: 'dark', label: 'Dark', icon: <Moon /> },\n];\n\ntype ControlledProps = { value: Theme; onChange: (next: Theme) => void };\ntype UncontrolledProps = { value?: undefined; onChange?: undefined };\n\ntype ThemeToggleGroupProps = Omit<\n  SegmentedControlProps<Theme>,\n  'value' | 'onValueChange' | 'onChange' | 'aria-label' | 'size' | 'iconOnly' | 'children'\n>;\n\nexport type ThemeToggleProps = ThemeToggleGroupProps & {\n  options?: ReadonlyArray<ThemeToggleOption>;\n  /**\n   * Control rung, shared with Button and Select. `xs` is deprecated: the control can no longer\n   * be shorter than the smallest rung, so it renders as `sm`.\n   */\n  size?: ControlSize | 'xs';\n  'aria-label'?: string;\n} & (ControlledProps | UncontrolledProps);\n\n/** The theme to show as selected: the current one if it is an option, else the first option. */\nfunction pickSelectedTheme(options: ReadonlyArray<ThemeToggleOption>, current: Theme): Theme {\n  if (options.some(option => option.value === current)) return current;\n  const [first] = options;\n  if (first) return first.value;\n  return 'system';\n}\n\n/** Icon-only `SegmentedControl` bound to the active theme, or to `value`/`onChange` when controlled. */\nexport const ThemeToggle = ({\n  value,\n  onChange,\n  options = DEFAULT_OPTIONS,\n  size = 'md',\n  'aria-label': ariaLabel = 'Theme',\n  ...groupProps\n}: ThemeToggleProps) => {\n  const { theme, setTheme } = useTheme();\n  const current = value ?? theme;\n  const commit = onChange ?? setTheme;\n  const selected = pickSelectedTheme(options, current);\n\n  return (\n    <SegmentedControl\n      {...groupProps}\n      aria-label={ariaLabel}\n      iconOnly\n      size={size === 'xs' ? 'sm' : size}\n      value={selected}\n      onValueChange={commit}\n    >\n      {options.map(option => (\n        <SegmentedControlItem key={option.value} value={option.value} aria-label={option.label}>\n          {option.icon}\n        </SegmentedControlItem>\n      ))}\n    </SegmentedControl>\n  );\n};\n"],"names":["jsx","Monitor","Sun","Moon","useTheme","SegmentedControl","SegmentedControlItem"],"mappings":";;;;;;;;;AAcA,MAAM,eAAA,GAAoD;AAAA,EACxD,EAAE,OAAO,QAAA,EAAU,KAAA,EAAO,UAAU,IAAA,kBAAMA,cAAA,CAACC,uBAAQ,CAAA,EAAG;AAAA,EACtD,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,IAAA,kBAAMD,cAAA,CAACE,mBAAI,CAAA,EAAG;AAAA,EAChD,EAAE,OAAO,MAAA,EAAQ,KAAA,EAAO,QAAQ,IAAA,kBAAMF,cAAA,CAACG,oBAAK,CAAA;AAC9C,CAAA;AAqBA,SAAS,iBAAA,CAAkB,SAA2C,OAAA,EAAuB;AAC3F,EAAA,IAAI,QAAQ,IAAA,CAAK,CAAA,MAAA,KAAU,OAAO,KAAA,KAAU,OAAO,GAAG,OAAO,OAAA;AAC7D,EAAA,MAAM,CAAC,KAAK,CAAA,GAAI,OAAA;AAChB,EAAA,IAAI,KAAA,SAAc,KAAA,CAAM,KAAA;AACxB,EAAA,OAAO,QAAA;AACT;AAGO,MAAM,cAAc,CAAC;AAAA,EAC1B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,eAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,cAAc,SAAA,GAAY,OAAA;AAAA,EAC1B,GAAG;AACL,CAAA,KAAwB;AACtB,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAIC,sBAAA,EAAS;AACrC,EAAA,MAAM,UAAU,KAAA,IAAS,KAAA;AACzB,EAAA,MAAM,SAAS,QAAA,IAAY,QAAA;AAC3B,EAAA,MAAM,QAAA,GAAW,iBAAA,CAAkB,OAAA,EAAS,OAAO,CAAA;AAEnD,EAAA,uBACEJ,cAAA;AAAA,IAACK,iCAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,YAAA,EAAY,SAAA;AAAA,MACZ,QAAA,EAAQ,IAAA;AAAA,MACR,IAAA,EAAM,IAAA,KAAS,IAAA,GAAO,IAAA,GAAO,IAAA;AAAA,MAC7B,KAAA,EAAO,QAAA;AAAA,MACP,aAAA,EAAe,MAAA;AAAA,MAEd,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,MAAA,qBACXL,cAAA,CAACM,yCAAwC,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,YAAA,EAAY,OAAO,KAAA,EAC9E,QAAA,EAAA,MAAA,CAAO,IAAA,EAAA,EADiB,MAAA,CAAO,KAElC,CACD;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/ThemeToggle.es.js

@@ -1,110 +1,41 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Radio } from '@base-ui/react/radio';
-import { RadioGroup } from '@base-ui/react/radio-group';
+import { jsx } from 'react/jsx-runtime';
 import { Monitor, Sun, Moon } from 'lucide-react';
+import { S as SegmentedControl, a as SegmentedControlItem } from '../segmented-control-BxeiypPR.js';
 import { u as useTheme } from '../theme-provider-BbMYMtxP.js';
-import { raisedSurfaceStyle } from '../primitives/raised-surface.es.js';
-import { transitions } from '../primitives/transitions.es.js';
-import { c as cn } from '../cn-65Adrsfj.js';
 
 const DEFAULT_OPTIONS = [
   { value: "system", label: "System", icon: /* @__PURE__ */ jsx(Monitor, {}) },
   { value: "light", label: "Light", icon: /* @__PURE__ */ jsx(Sun, {}) },
   { value: "dark", label: "Dark", icon: /* @__PURE__ */ jsx(Moon, {}) }
 ];
-const SIZE_CONFIG = {
-  md: {
-    itemGap: 2,
-    itemWidth: 28,
-    root: "gap-0.5 p-0.5",
-    indicator: "inset-y-0.5 left-0.5",
-    item: "h-6 [&_svg]:size-3.5"
-  },
-  xs: {
-    itemGap: 1,
-    itemWidth: 20,
-    root: "gap-px p-px",
-    indicator: "inset-y-px left-px",
-    item: "h-4 [&_svg]:size-icon-xs"
-  },
-  sm: {
-    itemGap: 1,
-    itemWidth: 24,
-    root: "gap-px p-px",
-    indicator: "inset-y-px left-px",
-    item: "h-5 [&_svg]:size-icon-xs"
-  }
-};
+function pickSelectedTheme(options, current) {
+  if (options.some((option) => option.value === current)) return current;
+  const [first] = options;
+  if (first) return first.value;
+  return "system";
+}
 const ThemeToggle = ({
   value,
   onChange,
   options = DEFAULT_OPTIONS,
   size = "md",
-  className,
   "aria-label": ariaLabel = "Theme",
-  ...rest
+  ...groupProps
 }) => {
   const { theme, setTheme } = useTheme();
   const current = value ?? theme;
   const commit = onChange ?? setTheme;
-  const effectiveCurrent = options.some((option) => option.value === current) ? current : options[0]?.value ?? "system";
-  const handleChange = (next) => {
-    const match = options.find((opt) => opt.value === next);
-    if (match) commit(match.value);
-  };
-  const activeIndex = Math.max(
-    0,
-    options.findIndex((option) => option.value === effectiveCurrent)
-  );
-  const sizeConfig = SIZE_CONFIG[size];
-  const indicatorOffset = activeIndex * (sizeConfig.itemWidth + sizeConfig.itemGap);
-  return /* @__PURE__ */ jsxs(
-    RadioGroup,
+  const selected = pickSelectedTheme(options, current);
+  return /* @__PURE__ */ jsx(
+    SegmentedControl,
     {
-      ...rest,
-      value: effectiveCurrent,
-      onValueChange: handleChange,
+      ...groupProps,
       "aria-label": ariaLabel,
-      className: cn(
-        raisedSurfaceStyle,
-        "relative inline-flex w-fit items-center rounded-full",
-        sizeConfig.root,
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: cn(
-              "pointer-events-none absolute rounded-full bg-fill-hover motion-reduce:transition-none",
-              transitions.transform,
-              sizeConfig.indicator
-            ),
-            style: { width: sizeConfig.itemWidth, transform: `translateX(${indicatorOffset}px)` }
-          }
-        ),
-        options.map((option) => /* @__PURE__ */ jsx(
-          Radio.Root,
-          {
-            value: option.value,
-            "aria-label": option.label,
-            style: { width: sizeConfig.itemWidth },
-            className: cn(
-              "relative inline-flex cursor-pointer items-center justify-center rounded-full",
-              // Base UI exposes `data-checked` instead of Radix's `data-state="checked"`.
-              "text-muted-foreground hover:text-foreground data-[checked]:text-foreground",
-              sizeConfig.item,
-              "focus-visible:outline-hidden",
-              "active:scale-90 motion-reduce:transition-none",
-              transitions.colors,
-              transitions.transform
-            ),
-            children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "pointer-events-none inline-flex items-center justify-center", children: option.icon })
-          },
-          option.value
-        ))
-      ]
+      iconOnly: true,
+      size: size === "xs" ? "sm" : size,
+      value: selected,
+      onValueChange: commit,
+      children: options.map((option) => /* @__PURE__ */ jsx(SegmentedControlItem, { value: option.value, "aria-label": option.label, children: option.icon }, option.value))
     }
   );
 };

package/dist/components/ThemeToggle.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeToggle.es.js","sources":["../../src/ds/components/ThemeToggle/theme-toggle.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { Monitor, Moon, Sun } from 'lucide-react';\n\nimport { useTheme } from '../ThemeProvider';\nimport type { Theme } from '../ThemeProvider/theme-context';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface ThemeToggleOption {\n  value: Theme;\n  label: string;\n  icon: React.ReactNode;\n}\n\nconst DEFAULT_OPTIONS: ReadonlyArray<ThemeToggleOption> = [\n  { value: 'system', label: 'System', icon: <Monitor /> },\n  { value: 'light', label: 'Light', icon: <Sun /> },\n  { value: 'dark', label: 'Dark', icon: <Moon /> },\n];\n\nconst SIZE_CONFIG = {\n  md: {\n    itemGap: 2,\n    itemWidth: 28,\n    root: 'gap-0.5 p-0.5',\n    indicator: 'inset-y-0.5 left-0.5',\n    item: 'h-6 [&_svg]:size-3.5',\n  },\n  xs: {\n    itemGap: 1,\n    itemWidth: 20,\n    root: 'gap-px p-px',\n    indicator: 'inset-y-px left-px',\n    item: 'h-4 [&_svg]:size-icon-xs',\n  },\n  sm: {\n    itemGap: 1,\n    itemWidth: 24,\n    root: 'gap-px p-px',\n    indicator: 'inset-y-px left-px',\n    item: 'h-5 [&_svg]:size-icon-xs',\n  },\n} as const;\n\ntype RadioRootProps = Omit<\n  RadioGroupPrimitive.Props,\n  'value' | 'onChange' | 'onValueChange' | 'defaultValue' | 'className'\n> & {\n  className?: string;\n};\n\ntype ControlledProps = { value: Theme; onChange: (next: Theme) => void };\ntype UncontrolledProps = { value?: undefined; onChange?: undefined };\n\nexport type ThemeToggleProps = RadioRootProps & {\n  options?: ReadonlyArray<ThemeToggleOption>;\n  size?: keyof typeof SIZE_CONFIG;\n} & (ControlledProps | UncontrolledProps);\n\nexport const ThemeToggle = ({\n  value,\n  onChange,\n  options = DEFAULT_OPTIONS,\n  size = 'md',\n  className,\n  'aria-label': ariaLabel = 'Theme',\n  ...rest\n}: ThemeToggleProps) => {\n  const { theme, setTheme } = useTheme();\n  const current = value ?? theme;\n  const commit = onChange ?? setTheme;\n  const effectiveCurrent = options.some(option => option.value === current) ? current : (options[0]?.value ?? 'system');\n\n  const handleChange = (next: unknown) => {\n    const match = options.find(opt => opt.value === next);\n    if (match) commit(match.value);\n  };\n\n  const activeIndex = Math.max(\n    0,\n    options.findIndex(option => option.value === effectiveCurrent),\n  );\n  const sizeConfig = SIZE_CONFIG[size];\n  const indicatorOffset = activeIndex * (sizeConfig.itemWidth + sizeConfig.itemGap);\n\n  return (\n    <RadioGroupPrimitive\n      {...rest}\n      value={effectiveCurrent}\n      onValueChange={handleChange}\n      aria-label={ariaLabel}\n      className={cn(\n        raisedSurfaceStyle,\n        'relative inline-flex w-fit items-center rounded-full',\n        sizeConfig.root,\n        className,\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'pointer-events-none absolute rounded-full bg-fill-hover motion-reduce:transition-none',\n          transitions.transform,\n          sizeConfig.indicator,\n        )}\n        style={{ width: sizeConfig.itemWidth, transform: `translateX(${indicatorOffset}px)` }}\n      />\n      {options.map(option => (\n        <RadioPrimitive.Root\n          key={option.value}\n          value={option.value}\n          aria-label={option.label}\n          style={{ width: sizeConfig.itemWidth }}\n          className={cn(\n            'relative inline-flex cursor-pointer items-center justify-center rounded-full',\n            // Base UI exposes `data-checked` instead of Radix's `data-state=\"checked\"`.\n            'text-muted-foreground hover:text-foreground data-[checked]:text-foreground',\n            sizeConfig.item,\n            'focus-visible:outline-hidden',\n            'active:scale-90 motion-reduce:transition-none',\n            transitions.colors,\n            transitions.transform,\n          )}\n        >\n          <span aria-hidden=\"true\" className=\"pointer-events-none inline-flex items-center justify-center\">\n            {option.icon}\n          </span>\n        </RadioPrimitive.Root>\n      ))}\n    </RadioGroupPrimitive>\n  );\n};\n"],"names":["RadioGroupPrimitive","RadioPrimitive"],"mappings":"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"}
+{"version":3,"file":"ThemeToggle.es.js","sources":["../../src/ds/components/ThemeToggle/theme-toggle.tsx"],"sourcesContent":["import { Monitor, Moon, Sun } from 'lucide-react';\n\nimport { SegmentedControl, SegmentedControlItem } from '../SegmentedControl';\nimport type { SegmentedControlProps } from '../SegmentedControl';\nimport { useTheme } from '../ThemeProvider';\nimport type { Theme } from '../ThemeProvider/theme-context';\nimport type { ControlSize } from '@/ds/primitives/control-size';\n\nexport interface ThemeToggleOption {\n  value: Theme;\n  label: string;\n  icon: React.ReactNode;\n}\n\nconst DEFAULT_OPTIONS: ReadonlyArray<ThemeToggleOption> = [\n  { value: 'system', label: 'System', icon: <Monitor /> },\n  { value: 'light', label: 'Light', icon: <Sun /> },\n  { value: 'dark', label: 'Dark', icon: <Moon /> },\n];\n\ntype ControlledProps = { value: Theme; onChange: (next: Theme) => void };\ntype UncontrolledProps = { value?: undefined; onChange?: undefined };\n\ntype ThemeToggleGroupProps = Omit<\n  SegmentedControlProps<Theme>,\n  'value' | 'onValueChange' | 'onChange' | 'aria-label' | 'size' | 'iconOnly' | 'children'\n>;\n\nexport type ThemeToggleProps = ThemeToggleGroupProps & {\n  options?: ReadonlyArray<ThemeToggleOption>;\n  /**\n   * Control rung, shared with Button and Select. `xs` is deprecated: the control can no longer\n   * be shorter than the smallest rung, so it renders as `sm`.\n   */\n  size?: ControlSize | 'xs';\n  'aria-label'?: string;\n} & (ControlledProps | UncontrolledProps);\n\n/** The theme to show as selected: the current one if it is an option, else the first option. */\nfunction pickSelectedTheme(options: ReadonlyArray<ThemeToggleOption>, current: Theme): Theme {\n  if (options.some(option => option.value === current)) return current;\n  const [first] = options;\n  if (first) return first.value;\n  return 'system';\n}\n\n/** Icon-only `SegmentedControl` bound to the active theme, or to `value`/`onChange` when controlled. */\nexport const ThemeToggle = ({\n  value,\n  onChange,\n  options = DEFAULT_OPTIONS,\n  size = 'md',\n  'aria-label': ariaLabel = 'Theme',\n  ...groupProps\n}: ThemeToggleProps) => {\n  const { theme, setTheme } = useTheme();\n  const current = value ?? theme;\n  const commit = onChange ?? setTheme;\n  const selected = pickSelectedTheme(options, current);\n\n  return (\n    <SegmentedControl\n      {...groupProps}\n      aria-label={ariaLabel}\n      iconOnly\n      size={size === 'xs' ? 'sm' : size}\n      value={selected}\n      onValueChange={commit}\n    >\n      {options.map(option => (\n        <SegmentedControlItem key={option.value} value={option.value} aria-label={option.label}>\n          {option.icon}\n        </SegmentedControlItem>\n      ))}\n    </SegmentedControl>\n  );\n};\n"],"names":[],"mappings":";;;;;AAcA,MAAM,eAAA,GAAoD;AAAA,EACxD,EAAE,OAAO,QAAA,EAAU,KAAA,EAAO,UAAU,IAAA,kBAAM,GAAA,CAAC,WAAQ,CAAA,EAAG;AAAA,EACtD,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,IAAA,kBAAM,GAAA,CAAC,OAAI,CAAA,EAAG;AAAA,EAChD,EAAE,OAAO,MAAA,EAAQ,KAAA,EAAO,QAAQ,IAAA,kBAAM,GAAA,CAAC,QAAK,CAAA;AAC9C,CAAA;AAqBA,SAAS,iBAAA,CAAkB,SAA2C,OAAA,EAAuB;AAC3F,EAAA,IAAI,QAAQ,IAAA,CAAK,CAAA,MAAA,KAAU,OAAO,KAAA,KAAU,OAAO,GAAG,OAAO,OAAA;AAC7D,EAAA,MAAM,CAAC,KAAK,CAAA,GAAI,OAAA;AAChB,EAAA,IAAI,KAAA,SAAc,KAAA,CAAM,KAAA;AACxB,EAAA,OAAO,QAAA;AACT;AAGO,MAAM,cAAc,CAAC;AAAA,EAC1B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,eAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,cAAc,SAAA,GAAY,OAAA;AAAA,EAC1B,GAAG;AACL,CAAA,KAAwB;AACtB,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAI,QAAA,EAAS;AACrC,EAAA,MAAM,UAAU,KAAA,IAAS,KAAA;AACzB,EAAA,MAAM,SAAS,QAAA,IAAY,QAAA;AAC3B,EAAA,MAAM,QAAA,GAAW,iBAAA,CAAkB,OAAA,EAAS,OAAO,CAAA;AAEnD,EAAA,uBACE,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,YAAA,EAAY,SAAA;AAAA,MACZ,QAAA,EAAQ,IAAA;AAAA,MACR,IAAA,EAAM,IAAA,KAAS,IAAA,GAAO,IAAA,GAAO,IAAA;AAAA,MAC7B,KAAA,EAAO,QAAA;AAAA,MACP,aAAA,EAAe,MAAA;AAAA,MAEd,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,MAAA,qBACX,GAAA,CAAC,wBAAwC,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,YAAA,EAAY,OAAO,KAAA,EAC9E,QAAA,EAAA,MAAA,CAAO,IAAA,EAAA,EADiB,MAAA,CAAO,KAElC,CACD;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/ThreadList.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const threadList = require('../thread-list-DwASH1Vl.cjs');
+const threadList = require('../thread-list-Drcptd4x.cjs');
 
 
 

package/dist/components/ThreadList.es.js

@@ -1,2 +1,2 @@
-export { T as ThreadList, a as ThreadListEmpty, b as ThreadListItem, c as ThreadListItems, d as ThreadListNewItem, e as ThreadListSeparator } from '../thread-list-DGI6M6if.js';
+export { T as ThreadList, a as ThreadListEmpty, b as ThreadListItem, c as ThreadListItems, d as ThreadListNewItem, e as ThreadListSeparator } from '../thread-list-BTpezI4f.js';
 //# sourceMappingURL=ThreadList.es.js.map

package/dist/components/TokenBudget.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../TokenBudget.css');const tones = require('../tones-BRAQR5Yb.cjs');
+require('../TokenBudget.css');const tones = require('../tones-koH7QNLH.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const utils_cn = require('../cn-DG0X1KEP.cjs');

package/dist/components/TokenBudget.es.js

@@ -1,4 +1,4 @@
-import { f as formatCompactTokens, t as toneClass } from '../tones-DVtXIMPY.js';
+import { f as formatCompactTokens, t as toneClass } from '../tones-RD3VjqiN.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useId } from 'react';
 import { c as cn } from '../cn-65Adrsfj.js';

package/dist/components/Truncate.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const copyButton = require('../copy-button-C6nXDjBz.cjs');
+const copyButton = require('../copy-button-CGkFEDHF.cjs');
 const tooltip = require('../tooltip-DIZ5oqjV.cjs');
 const Txt = require('../Txt-DPmEpNbp.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');

package/dist/components/Truncate.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { C as CopyButton } from '../copy-button-DbmsTUum.js';
+import { C as CopyButton } from '../copy-button-DH8xtrWz.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-DsQPiynb.js';
 import { T as Txt } from '../Txt-BP1SRHmL.js';
 import { c as cn } from '../cn-65Adrsfj.js';

package/dist/components/Workflow.cjs.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const workflowCanvasInset = require('../workflow-canvas-inset-CMasaX9u.cjs');
-const workflowConditionCard = require('../workflow-condition-card-CfjhZb0m.cjs');
-const workflowCodeDialogContent = require('../workflow-code-dialog-content-vLneZlMd.cjs');
-const workflowEdgeDataButton = require('../workflow-edge-data-button-CX-eSbSB.cjs');
+const workflowConditionCard = require('../workflow-condition-card-BjEAp0t6.cjs');
+const workflowCodeDialogContent = require('../workflow-code-dialog-content-COlaHWtW.cjs');
+const workflowEdgeDataButton = require('../workflow-edge-data-button-BTsPGDpk.cjs');
 const types = require('../types-1cBe2TOn.cjs');
-const workflowDataEdgeView = require('../workflow-data-edge-view-DXeWURnc.cjs');
-const workflowDebugControls = require('../workflow-debug-controls-Bcb4vcek.cjs');
+const workflowDataEdgeView = require('../workflow-data-edge-view-BvhW_gux.cjs');
+const workflowDebugControls = require('../workflow-debug-controls-VbxiluNZ.cjs');
 const workflowGraphPlaceholder = require('../workflow-graph-placeholder-DHPA04Oz.cjs');
-const workflowStepAction = require('../workflow-step-action-JMkWtObA.cjs');
+const workflowStepAction = require('../workflow-step-action-COOlMQGX.cjs');
 
 
 

package/dist/components/Workflow.es.js

@@ -1,10 +1,10 @@
 export { W as WorkflowCanvasInsetContext, w as workflowFitOptions } from '../workflow-canvas-inset-23mBz2N6.js';
-export { B as BADGE_COLORS, a as BADGE_ICONS, W as WorkflowBoundaryNode, b as WorkflowClock, c as WorkflowConditionCard, d as WorkflowConditionCardView, e as WorkflowGraphCanvas, f as WorkflowNodeFrame, g as WorkflowStepCardView, h as WorkflowTypeBadge, i as getConditionIconAndColor, j as getConditionIndicator, k as getNodeBadgeInfo, l as getNodeIndicators } from '../workflow-condition-card-B0Va5Amx.js';
-export { W as WorkflowCodeContent } from '../workflow-code-dialog-content-Iz2Omi1P.js';
-export { W as WorkflowEdgeDataButton } from '../workflow-edge-data-button-BuZzeN2n.js';
+export { B as BADGE_COLORS, a as BADGE_ICONS, W as WorkflowBoundaryNode, b as WorkflowClock, c as WorkflowConditionCard, d as WorkflowConditionCardView, e as WorkflowGraphCanvas, f as WorkflowNodeFrame, g as WorkflowStepCardView, h as WorkflowTypeBadge, i as getConditionIconAndColor, j as getConditionIndicator, k as getNodeBadgeInfo, l as getNodeIndicators } from '../workflow-condition-card-3J-As62x.js';
+export { W as WorkflowCodeContent } from '../workflow-code-dialog-content-BQBHzRfZ.js';
+export { W as WorkflowEdgeDataButton } from '../workflow-edge-data-button-CIP46GJE.js';
 export { W as WORKFLOW_BOUNDARY_NODE_TYPE, a as WORKFLOW_DATA_EDGE_TYPE } from '../types-CvneO3z0.js';
-export { W as WorkflowDataEdgeView } from '../workflow-data-edge-view-o7akvbpB.js';
-export { W as WorkflowDebugControls } from '../workflow-debug-controls-DULCFa4s.js';
+export { W as WorkflowDataEdgeView } from '../workflow-data-edge-view-BjfKYysc.js';
+export { W as WorkflowDebugControls } from '../workflow-debug-controls-tty6gLX2.js';
 export { W as WorkflowGraphPlaceholder } from '../workflow-graph-placeholder-I4TzvbtB.js';
-export { W as WorkflowStepAction, a as WorkflowStepActions } from '../workflow-step-action-Cf_XmOwj.js';
+export { W as WorkflowStepAction, a as WorkflowStepActions } from '../workflow-step-action-B3coZwPr.js';
 //# sourceMappingURL=Workflow.es.js.map

package/dist/components/ai/activity.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const activity = require('../../activity-8egTNbaI.cjs');
-const notificationActivity = require('../../notification-activity-BAn2fhYd.cjs');
-const reasoningActivity = require('../../reasoning-activity-CO0Ab1Za.cjs');
+const activity = require('../../activity-CbQG59Oc.cjs');
+const notificationActivity = require('../../notification-activity-Dk50wcE4.cjs');
+const reasoningActivity = require('../../reasoning-activity-BVviIdMe.cjs');
 const reasoningVisibility = require('../../reasoning-visibility-DXho4jGC.cjs');
-const signalActivity = require('../../signal-activity-4OJb4kp6.cjs');
+const signalActivity = require('../../signal-activity-byCTRP86.cjs');
 
 
 

package/dist/components/ai/activity.es.js

@@ -1,6 +1,6 @@
-export { A as Activity, a as ActivityContent, b as ActivityDetail, c as ActivityDisclosure, d as ActivityHeader, e as ActivityHeadline, f as ActivityIcon, g as ActivityItem, h as ActivityLabel, i as ActivityLeading, j as ActivitySpacer, k as ActivitySummary, l as ActivityTrailing, m as ActivityTrigger } from '../../activity-Duth8KP_.js';
-export { N as NotificationActivity } from '../../notification-activity-B1_2BPe_.js';
-export { R as ReasoningActivity } from '../../reasoning-activity-D3oCzL58.js';
+export { A as Activity, a as ActivityContent, b as ActivityDetail, c as ActivityDisclosure, d as ActivityHeader, e as ActivityHeadline, f as ActivityIcon, g as ActivityItem, h as ActivityLabel, i as ActivityLeading, j as ActivitySpacer, k as ActivitySummary, l as ActivityTrailing, m as ActivityTrigger } from '../../activity-BoXbE4Kz.js';
+export { N as NotificationActivity } from '../../notification-activity-CFR_b8eA.js';
+export { R as ReasoningActivity } from '../../reasoning-activity-OM1-hbCV.js';
 export { h as hasVisibleReasoning } from '../../reasoning-visibility-B9rA0AIj.js';
-export { S as SignalActivity } from '../../signal-activity-1REUU8T_.js';
+export { S as SignalActivity } from '../../signal-activity-DW2ExjIp.js';
 //# sourceMappingURL=activity.es.js.map

package/dist/components/ai/ask-user.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const askUser = require('../../ask-user-DJXmLJzy.cjs');
+const askUser = require('../../ask-user-CXu4b7Jw.cjs');
 
 
 

package/dist/components/ai/ask-user.es.js

@@ -1,2 +1,2 @@
-export { A as AskUser, a as AskUserBody, b as AskUserContainer, c as AskUserLabel, d as AskUserOptionRow, e as AskUserOutput, f as AskUserPending, g as AskUserQuestion, h as AskUserSubmit } from '../../ask-user-Crg1O-o6.js';
+export { A as AskUser, a as AskUserBody, b as AskUserContainer, c as AskUserLabel, d as AskUserOptionRow, e as AskUserOutput, f as AskUserPending, g as AskUserQuestion, h as AskUserSubmit } from '../../ask-user-Dlz2346n.js';
 //# sourceMappingURL=ask-user.es.js.map

package/dist/components/ai/plan.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const plan = require('../../plan-ZKAT5frg.cjs');
+const plan = require('../../plan-DsfNN3a0.cjs');
 
 
 

package/dist/components/ai/plan.es.js

@@ -1,2 +1,2 @@
-export { P as Plan, a as PlanActionGroup, b as PlanBody, c as PlanContent, d as PlanControls, e as PlanCopyButton, f as PlanExpandButton, g as PlanFile, h as PlanHeader, i as PlanHeaderActions, j as PlanIntro, k as PlanLabel, l as PlanMain, m as PlanPath, n as PlanStatus, o as PlanTitle } from '../../plan-DJfH1c_u.js';
+export { P as Plan, a as PlanActionGroup, b as PlanBody, c as PlanContent, d as PlanControls, e as PlanCopyButton, f as PlanExpandButton, g as PlanFile, h as PlanHeader, i as PlanHeaderActions, j as PlanIntro, k as PlanLabel, l as PlanMain, m as PlanPath, n as PlanStatus, o as PlanTitle } from '../../plan-CvTAGIWv.js';
 //# sourceMappingURL=plan.es.js.map

package/dist/components/ai/tool-approval.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const toolApproval = require('../../tool-approval-BAER9nxR.cjs');
+const toolApproval = require('../../tool-approval-DOPxugSv.cjs');
 
 
 

package/dist/components/ai/tool-approval.es.js

@@ -1,2 +1,2 @@
-export { T as ToolApproval, a as ToolApprovalActions } from '../../tool-approval-xZvYiuBP.js';
+export { T as ToolApproval, a as ToolApprovalActions } from '../../tool-approval-BNJ6MpnV.js';
 //# sourceMappingURL=tool-approval.es.js.map

package/dist/components/ai/tool-call.cjs.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const ansi = require('../../ansi-fAtbeDQN.cjs');
 const groupConsecutive = require('../../group-consecutive-KN5O6teY.cjs');
-const toolCallMono = require('../../tool-call-mono-DFSfVZ6E.cjs');
-const toolCallArguments = require('../../tool-call-arguments-ynBfg2dY.cjs');
-const toolCallGroup = require('../../tool-call-group-9Dtupqev.cjs');
-const toolCallOutput = require('../../tool-call-output-Dl4sVfCy.cjs');
+const toolCallMono = require('../../tool-call-mono-DXtb4UMm.cjs');
+const toolCallArguments = require('../../tool-call-arguments-CQYR65FB.cjs');
+const toolCallGroup = require('../../tool-call-group-D_ioE9hT.cjs');
+const toolCallOutput = require('../../tool-call-output-ht3k1qLQ.cjs');
 const toolPresentation = require('../../tool-presentation-WLS6d1ws.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const utils_dateFormat = require('../../utils/date-format.cjs.js');

package/dist/components/ai/tool-call.es.js

@@ -1,9 +1,9 @@
 export { a as stripAnsi, s as stripSerializedAnsi } from '../../ansi-Cq_bKF5J.js';
 export { T as TOOL_GROUP_MIN, g as groupConsecutive } from '../../group-consecutive-EVLIMgcO.js';
-export { T as ToolCallCommand, a as ToolCallMono } from '../../tool-call-mono-gKG9Ek1m.js';
-export { T as ToolCallArguments, a as ToolCallEdit } from '../../tool-call-arguments-D7PMJ6vj.js';
-export { T as ToolCallGroup } from '../../tool-call-group-DJX7eUYY.js';
-export { T as ToolCallOutput } from '../../tool-call-output-DEoCE_Xn.js';
+export { T as ToolCallCommand, a as ToolCallMono } from '../../tool-call-mono-CC6uzvhS.js';
+export { T as ToolCallArguments, a as ToolCallEdit } from '../../tool-call-arguments-B1MghuMZ.js';
+export { T as ToolCallGroup } from '../../tool-call-group-ZuYxpyDs.js';
+export { T as ToolCallOutput } from '../../tool-call-output-COq3kB-f.js';
 export { h as hasToolArguments, i as isTaskTool, p as presentTool, s as stringifyToolValue, t as toolEdit, v as visibleToolArgumentsText } from '../../tool-presentation-BXAo24Ir.js';
 import { jsx } from 'react/jsx-runtime';
 import { toDate, formatDate } from '../../utils/date-format.es.js';

package/dist/{copy-button-C6nXDjBz.cjs → copy-button-CGkFEDHF.cjs}

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('./Button-BnmR2HRc.cjs');
+const Button = require('./Button-CXhSUBxN.cjs');
 const hooks_useCopyToClipboard = require('./hooks/use-copy-to-clipboard.cjs.js');
 
 function CopyButton({
@@ -35,4 +35,4 @@ function CopyButton({
 }
 
 exports.CopyButton = CopyButton;
-//# sourceMappingURL=copy-button-C6nXDjBz.cjs.map
+//# sourceMappingURL=copy-button-CGkFEDHF.cjs.map

package/dist/{copy-button-C6nXDjBz.cjs.map → copy-button-CGkFEDHF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"copy-button-C6nXDjBz.cjs","sources":["../src/ds/components/CopyButton/copy-button.tsx"],"sourcesContent":["import { CopyIcon, CheckIcon } from 'lucide-react';\n\nimport type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\n\nexport type CopyButtonProps = {\n  content: string;\n  copyMessage?: string;\n  showToast?: boolean;\n  tooltip?: string;\n  className?: string;\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nexport function CopyButton({\n  content,\n  copyMessage,\n  showToast,\n  tooltip = 'Copy to clipboard',\n  size = 'sm',\n  variant,\n  className,\n}: CopyButtonProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({\n    text: content,\n    copyMessage,\n    showToast,\n  });\n\n  return (\n    <Button\n      onClick={handleCopy}\n      type=\"button\"\n      size={size}\n      variant={variant}\n      className={className}\n      tooltip={isCopied ? 'Copied!' : tooltip}\n      aria-label={isCopied ? 'Copied!' : tooltip}\n    >\n      {isCopied ? <CheckIcon /> : <CopyIcon />}\n    </Button>\n  );\n}\n"],"names":["useCopyToClipboard","jsx","Button","CheckIcon","CopyIcon"],"mappings":";;;;;;;AAgBO,SAAS,UAAA,CAAW;AAAA,EACzB,OAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA,GAAU,mBAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,OAAA;AAAA,EACA;AACF,CAAA,EAAoB;AAClB,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAW,GAAIA,2CAAA,CAAmB;AAAA,IAClD,IAAA,EAAM,OAAA;AAAA,IACN,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACEC,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,UAAA;AAAA,MACT,IAAA,EAAK,QAAA;AAAA,MACL,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA,EAAS,WAAW,SAAA,GAAY,OAAA;AAAA,MAChC,YAAA,EAAY,WAAW,SAAA,GAAY,OAAA;AAAA,MAElC,QAAA,EAAA,QAAA,mBAAWD,cAAA,CAACE,qBAAA,EAAA,EAAU,CAAA,kCAAMC,oBAAA,EAAA,EAAS;AAAA;AAAA,GACxC;AAEJ;;;;"}
+{"version":3,"file":"copy-button-CGkFEDHF.cjs","sources":["../src/ds/components/CopyButton/copy-button.tsx"],"sourcesContent":["import { CopyIcon, CheckIcon } from 'lucide-react';\n\nimport type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\n\nexport type CopyButtonProps = {\n  content: string;\n  copyMessage?: string;\n  showToast?: boolean;\n  tooltip?: string;\n  className?: string;\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nexport function CopyButton({\n  content,\n  copyMessage,\n  showToast,\n  tooltip = 'Copy to clipboard',\n  size = 'sm',\n  variant,\n  className,\n}: CopyButtonProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({\n    text: content,\n    copyMessage,\n    showToast,\n  });\n\n  return (\n    <Button\n      onClick={handleCopy}\n      type=\"button\"\n      size={size}\n      variant={variant}\n      className={className}\n      tooltip={isCopied ? 'Copied!' : tooltip}\n      aria-label={isCopied ? 'Copied!' : tooltip}\n    >\n      {isCopied ? <CheckIcon /> : <CopyIcon />}\n    </Button>\n  );\n}\n"],"names":["useCopyToClipboard","jsx","Button","CheckIcon","CopyIcon"],"mappings":";;;;;;;AAgBO,SAAS,UAAA,CAAW;AAAA,EACzB,OAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA,GAAU,mBAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,OAAA;AAAA,EACA;AACF,CAAA,EAAoB;AAClB,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAW,GAAIA,2CAAA,CAAmB;AAAA,IAClD,IAAA,EAAM,OAAA;AAAA,IACN,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACEC,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,UAAA;AAAA,MACT,IAAA,EAAK,QAAA;AAAA,MACL,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA,EAAS,WAAW,SAAA,GAAY,OAAA;AAAA,MAChC,YAAA,EAAY,WAAW,SAAA,GAAY,OAAA;AAAA,MAElC,QAAA,EAAA,QAAA,mBAAWD,cAAA,CAACE,qBAAA,EAAA,EAAU,CAAA,kCAAMC,oBAAA,EAAA,EAAS;AAAA;AAAA,GACxC;AAEJ;;;;"}

package/dist/{copy-button-DbmsTUum.js → copy-button-DH8xtrWz.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { CheckIcon, CopyIcon } from 'lucide-react';
-import { B as Button } from './Button-C6eUqcPI.js';
+import { B as Button } from './Button-D43ghVKt.js';
 import { useCopyToClipboard } from './hooks/use-copy-to-clipboard.es.js';
 
 function CopyButton({
@@ -33,4 +33,4 @@ function CopyButton({
 }
 
 export { CopyButton as C };
-//# sourceMappingURL=copy-button-DbmsTUum.js.map
+//# sourceMappingURL=copy-button-DH8xtrWz.js.map

package/dist/{copy-button-DbmsTUum.js.map → copy-button-DH8xtrWz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"copy-button-DbmsTUum.js","sources":["../src/ds/components/CopyButton/copy-button.tsx"],"sourcesContent":["import { CopyIcon, CheckIcon } from 'lucide-react';\n\nimport type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\n\nexport type CopyButtonProps = {\n  content: string;\n  copyMessage?: string;\n  showToast?: boolean;\n  tooltip?: string;\n  className?: string;\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nexport function CopyButton({\n  content,\n  copyMessage,\n  showToast,\n  tooltip = 'Copy to clipboard',\n  size = 'sm',\n  variant,\n  className,\n}: CopyButtonProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({\n    text: content,\n    copyMessage,\n    showToast,\n  });\n\n  return (\n    <Button\n      onClick={handleCopy}\n      type=\"button\"\n      size={size}\n      variant={variant}\n      className={className}\n      tooltip={isCopied ? 'Copied!' : tooltip}\n      aria-label={isCopied ? 'Copied!' : tooltip}\n    >\n      {isCopied ? <CheckIcon /> : <CopyIcon />}\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;;AAgBO,SAAS,UAAA,CAAW;AAAA,EACzB,OAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA,GAAU,mBAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,OAAA;AAAA,EACA;AACF,CAAA,EAAoB;AAClB,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAW,GAAI,kBAAA,CAAmB;AAAA,IAClD,IAAA,EAAM,OAAA;AAAA,IACN,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,UAAA;AAAA,MACT,IAAA,EAAK,QAAA;AAAA,MACL,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA,EAAS,WAAW,SAAA,GAAY,OAAA;AAAA,MAChC,YAAA,EAAY,WAAW,SAAA,GAAY,OAAA;AAAA,MAElC,QAAA,EAAA,QAAA,mBAAW,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA,uBAAM,QAAA,EAAA,EAAS;AAAA;AAAA,GACxC;AAEJ;;;;"}
+{"version":3,"file":"copy-button-DH8xtrWz.js","sources":["../src/ds/components/CopyButton/copy-button.tsx"],"sourcesContent":["import { CopyIcon, CheckIcon } from 'lucide-react';\n\nimport type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\n\nexport type CopyButtonProps = {\n  content: string;\n  copyMessage?: string;\n  showToast?: boolean;\n  tooltip?: string;\n  className?: string;\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nexport function CopyButton({\n  content,\n  copyMessage,\n  showToast,\n  tooltip = 'Copy to clipboard',\n  size = 'sm',\n  variant,\n  className,\n}: CopyButtonProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({\n    text: content,\n    copyMessage,\n    showToast,\n  });\n\n  return (\n    <Button\n      onClick={handleCopy}\n      type=\"button\"\n      size={size}\n      variant={variant}\n      className={className}\n      tooltip={isCopied ? 'Copied!' : tooltip}\n      aria-label={isCopied ? 'Copied!' : tooltip}\n    >\n      {isCopied ? <CheckIcon /> : <CopyIcon />}\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;;AAgBO,SAAS,UAAA,CAAW;AAAA,EACzB,OAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA,GAAU,mBAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,OAAA;AAAA,EACA;AACF,CAAA,EAAoB;AAClB,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAW,GAAI,kBAAA,CAAmB;AAAA,IAClD,IAAA,EAAM,OAAA;AAAA,IACN,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,UAAA;AAAA,MACT,IAAA,EAAK,QAAA;AAAA,MACL,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA,EAAS,WAAW,SAAA,GAAY,OAAA;AAAA,MAChC,YAAA,EAAY,WAAW,SAAA,GAAY,OAAA;AAAA,MAElC,QAAA,EAAA,QAAA,mBAAW,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA,uBAAM,QAAA,EAAA,EAAS;AAAA;AAAA,GACxC;AAEJ;;;;"}