@mastra/playground-ui 36.1.0-alpha.2 → 37.0.0-alpha.3

package/dist/textarea-DTTTODYL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-DTTTODYL.js","sources":["../src/ds/components/Textarea/textarea.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport {\n  inputOutlineAndFocusStyle,\n  inputSurfaceAndFocusStyle,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nconst textareaVariants = cva(\n  cn(\n    // Base styles with enhanced transitions\n    'flex w-full text-neutral6 border bg-transparent',\n    'transition-all duration-normal ease-out-custom',\n    // Better placeholder styling\n    'placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70',\n    // Textarea specific\n    'min-h-[80px] resize-y',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        filled: cn(inputSurfaceAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        outline: cn(inputOutlineAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      // Text tokens mirror the Input size scale (sm→ui-sm, md/default→ui-md, lg→ui-lg)\n      // so a Textarea reads at the same size as a sibling Input.\n      size: {\n        sm: 'px-2 py-1.5 text-ui-sm',\n        md: 'px-3 py-2 text-ui-md',\n        default: 'px-3 py-2 text-ui-md',\n        lg: 'px-4 py-3 text-ui-lg',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> &\n  VariantProps<typeof textareaVariants> & {\n    testId?: string;\n    error?: boolean;\n  };\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, size, testId, variant, error, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          textareaVariants({ variant, size }),\n          error && 'border-error focus-visible:border-error',\n          className,\n        )}\n        data-testid={testId}\n        ref={ref}\n        aria-invalid={error}\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB,EAAA;AAAA;AAAA,IAEE,iDAAA;AAAA,IACA,gDAAA;AAAA;AAAA,IAEA,sFAAA;AAAA,IACA,8BAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA,CAAG,yBAAA,EAA2B,YAAA,EAAc,8BAA8B,CAAA;AAAA,QACnF,MAAA,EAAQ,EAAA,CAAG,yBAAA,EAA2B,YAAA,EAAc,8BAA8B,CAAA;AAAA,QAClF,OAAA,EAAS,EAAA,CAAG,yBAAA,EAA2B,YAAA,EAAc,8BAA8B,CAAA;AAAA,QACnF,QAAA,EAAU;AAAA,OACZ;AAAA;AAAA;AAAA,MAGA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,OAAA,EAAS,sBAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAQA,MAAM,WAAW,KAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAA,EAAQ,SAAS,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9D,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,gBAAA,CAAiB,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,UAClC,KAAA,IAAS,yCAAA;AAAA,UACT;AAAA,SACF;AAAA,QACA,aAAA,EAAa,MAAA;AAAA,QACb,GAAA;AAAA,QACA,cAAA,EAAc,KAAA;AAAA,QACb,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;;;;"}

package/dist/textarea-DdUaiUA3.cjs

@@ -1,83 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const index = require('./index-DPkWrpVb.cjs');
-const React = require('react');
-const formElement = require('./form-element-Cy7aV1Ds.cjs');
-const utils = require('./utils-vA5sWo9W.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const textareaVariants = index.cva(
-  utils.cn(
-    // Base styles with enhanced transitions
-    "flex w-full text-neutral6 border bg-transparent",
-    "transition-all duration-normal ease-out-custom",
-    // Better placeholder styling
-    "placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal",
-    "focus:placeholder:opacity-70",
-    // Textarea specific
-    "min-h-[80px] resize-y"
-  ),
-  {
-    variants: {
-      variant: {
-        default: utils.cn(formElement.inputSurfaceAndFocusStyle, "rounded-xl", formElement.sharedFormElementDisabledStyle),
-        filled: utils.cn(formElement.inputSurfaceAndFocusStyle, "rounded-xl", formElement.sharedFormElementDisabledStyle),
-        outline: utils.cn(formElement.inputOutlineAndFocusStyle, "rounded-xl", formElement.sharedFormElementDisabledStyle),
-        unstyled: formElement.unstyledFormElementStyle
-      },
-      // Text tokens mirror the Input size scale (sm→ui-sm, md/default→ui-md, lg→ui-lg)
-      // so a Textarea reads at the same size as a sibling Input.
-      size: {
-        sm: "px-2 py-1.5 text-ui-sm",
-        md: "px-3 py-2 text-ui-md",
-        default: "px-3 py-2 text-ui-md",
-        lg: "px-4 py-3 text-ui-lg"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-const Textarea = React__namespace.forwardRef(
-  ({ className, size, testId, variant, error, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        className: utils.cn(
-          textareaVariants({ variant, size }),
-          error && "border-error focus-visible:border-error",
-          className
-        ),
-        "data-testid": testId,
-        ref,
-        "aria-invalid": error,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
-
-exports.Textarea = Textarea;
-//# sourceMappingURL=textarea-DdUaiUA3.cjs.map

package/dist/textarea-DdUaiUA3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-DdUaiUA3.cjs","sources":["../src/ds/components/Textarea/textarea.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport {\n  inputOutlineAndFocusStyle,\n  inputSurfaceAndFocusStyle,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\nconst textareaVariants = cva(\n  cn(\n    // Base styles with enhanced transitions\n    'flex w-full text-neutral6 border bg-transparent',\n    'transition-all duration-normal ease-out-custom',\n    // Better placeholder styling\n    'placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70',\n    // Textarea specific\n    'min-h-[80px] resize-y',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        filled: cn(inputSurfaceAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        outline: cn(inputOutlineAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      // Text tokens mirror the Input size scale (sm→ui-sm, md/default→ui-md, lg→ui-lg)\n      // so a Textarea reads at the same size as a sibling Input.\n      size: {\n        sm: 'px-2 py-1.5 text-ui-sm',\n        md: 'px-3 py-2 text-ui-md',\n        default: 'px-3 py-2 text-ui-md',\n        lg: 'px-4 py-3 text-ui-lg',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> &\n  VariantProps<typeof textareaVariants> & {\n    testId?: string;\n    error?: boolean;\n  };\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, size, testId, variant, error, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          textareaVariants({ variant, size }),\n          error && 'border-error focus-visible:border-error',\n          className,\n        )}\n        data-testid={testId}\n        ref={ref}\n        aria-invalid={error}\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"names":["cva","cn","inputSurfaceAndFocusStyle","sharedFormElementDisabledStyle","inputOutlineAndFocusStyle","unstyledFormElementStyle","React","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,gBAAA,GAAmBA,SAAA;AAAA,EACvBC,QAAA;AAAA;AAAA,IAEE,iDAAA;AAAA,IACA,gDAAA;AAAA;AAAA,IAEA,sFAAA;AAAA,IACA,8BAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAASA,QAAA,CAAGC,qCAAA,EAA2B,YAAA,EAAcC,0CAA8B,CAAA;AAAA,QACnF,MAAA,EAAQF,QAAA,CAAGC,qCAAA,EAA2B,YAAA,EAAcC,0CAA8B,CAAA;AAAA,QAClF,OAAA,EAASF,QAAA,CAAGG,qCAAA,EAA2B,YAAA,EAAcD,0CAA8B,CAAA;AAAA,QACnF,QAAA,EAAUE;AAAA,OACZ;AAAA;AAAA;AAAA,MAGA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,OAAA,EAAS,sBAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAQA,MAAM,WAAWC,gBAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAA,EAAQ,SAAS,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9D,IAAA,uBACEC,cAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWN,QAAA;AAAA,UACT,gBAAA,CAAiB,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,UAClC,KAAA,IAAS,yCAAA;AAAA,UACT;AAAA,SACF;AAAA,QACA,aAAA,EAAa,MAAA;AAAA,QACb,GAAA;AAAA,QACA,cAAA,EAAc,KAAA;AAAA,QACb,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;;;;"}

package/dist/theme-toggle-AzjABhTN.js

@@ -1,85 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Radio } from '@base-ui/react/radio';
-import { RadioGroup } from '@base-ui/react/radio-group';
-import { Monitor, Sun, Moon } from 'lucide-react';
-import { u as useTheme } from './theme-provider-C9ih9jSS.js';
-import { t as transitions } from './transitions-tFfqxz40.js';
-import { c as cn } from './utils-CzYGxqbG.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 ITEM_WIDTH = 28;
-const ITEM_GAP = 2;
-const ThemeToggle = ({
-  value,
-  onChange,
-  options = DEFAULT_OPTIONS,
-  className,
-  "aria-label": ariaLabel = "Theme",
-  ...rest
-}) => {
-  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 indicatorOffset = activeIndex * (ITEM_WIDTH + ITEM_GAP);
-  return /* @__PURE__ */ jsxs(
-    RadioGroup,
-    {
-      ...rest,
-      value: effectiveCurrent,
-      onValueChange: handleChange,
-      "aria-label": ariaLabel,
-      className: cn(
-        "relative inline-flex w-fit items-center gap-0.5 rounded-full border border-border1 bg-surface3 p-0.5",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: cn(
-              "pointer-events-none absolute inset-y-0.5 left-0.5 rounded-full bg-surface5 motion-reduce:transition-none",
-              transitions.transform
-            ),
-            style: { width: ITEM_WIDTH, transform: `translateX(${indicatorOffset}px)` }
-          }
-        ),
-        options.map((option) => /* @__PURE__ */ jsx(
-          Radio.Root,
-          {
-            value: option.value,
-            "aria-label": option.label,
-            style: { width: ITEM_WIDTH },
-            className: cn(
-              "relative inline-flex h-6 cursor-pointer items-center justify-center rounded-full",
-              // Base UI exposes `data-checked` instead of Radix's `data-state="checked"`.
-              "[&_svg]:size-3.5 text-icon3 hover:text-icon6 data-[checked]:text-icon6",
-              "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
-        ))
-      ]
-    }
-  );
-};
-
-export { ThemeToggle as T };
-//# sourceMappingURL=theme-toggle-AzjABhTN.js.map

package/dist/theme-toggle-AzjABhTN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-toggle-AzjABhTN.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 { 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 ITEM_WIDTH = 28;\nconst ITEM_GAP = 2;\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} & (ControlledProps | UncontrolledProps);\n\nexport const ThemeToggle = ({\n  value,\n  onChange,\n  options = DEFAULT_OPTIONS,\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 indicatorOffset = activeIndex * (ITEM_WIDTH + ITEM_GAP);\n\n  return (\n    <RadioGroupPrimitive\n      {...rest}\n      value={effectiveCurrent}\n      onValueChange={handleChange}\n      aria-label={ariaLabel}\n      className={cn(\n        'relative inline-flex w-fit items-center gap-0.5 rounded-full border border-border1 bg-surface3 p-0.5',\n        className,\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'pointer-events-none absolute inset-y-0.5 left-0.5 rounded-full bg-surface5 motion-reduce:transition-none',\n          transitions.transform,\n        )}\n        style={{ width: ITEM_WIDTH, 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: ITEM_WIDTH }}\n          className={cn(\n            'relative inline-flex h-6 cursor-pointer items-center justify-center rounded-full',\n            // Base UI exposes `data-checked` instead of Radix's `data-state=\"checked\"`.\n            '[&_svg]:size-3.5 text-icon3 hover:text-icon6 data-[checked]:text-icon6',\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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"}

package/dist/theme-toggle-DWtjTo-a.cjs

@@ -1,87 +0,0 @@
-'use strict';
-
-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 themeProvider = require('./theme-provider-aO5-jZVp.cjs');
-const transitions = require('./transitions-DpczSjmD.cjs');
-const utils = require('./utils-vA5sWo9W.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 ITEM_WIDTH = 28;
-const ITEM_GAP = 2;
-const ThemeToggle = ({
-  value,
-  onChange,
-  options = DEFAULT_OPTIONS,
-  className,
-  "aria-label": ariaLabel = "Theme",
-  ...rest
-}) => {
-  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 indicatorOffset = activeIndex * (ITEM_WIDTH + ITEM_GAP);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    radioGroup.RadioGroup,
-    {
-      ...rest,
-      value: effectiveCurrent,
-      onValueChange: handleChange,
-      "aria-label": ariaLabel,
-      className: utils.cn(
-        "relative inline-flex w-fit items-center gap-0.5 rounded-full border border-border1 bg-surface3 p-0.5",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: utils.cn(
-              "pointer-events-none absolute inset-y-0.5 left-0.5 rounded-full bg-surface5 motion-reduce:transition-none",
-              transitions.transitions.transform
-            ),
-            style: { width: ITEM_WIDTH, transform: `translateX(${indicatorOffset}px)` }
-          }
-        ),
-        options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-          radio.Radio.Root,
-          {
-            value: option.value,
-            "aria-label": option.label,
-            style: { width: ITEM_WIDTH },
-            className: utils.cn(
-              "relative inline-flex h-6 cursor-pointer items-center justify-center rounded-full",
-              // Base UI exposes `data-checked` instead of Radix's `data-state="checked"`.
-              "[&_svg]:size-3.5 text-icon3 hover:text-icon6 data-[checked]:text-icon6",
-              "focus-visible:outline-hidden",
-              "active:scale-90 motion-reduce:transition-none",
-              transitions.transitions.colors,
-              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
-        ))
-      ]
-    }
-  );
-};
-
-exports.ThemeToggle = ThemeToggle;
-//# sourceMappingURL=theme-toggle-DWtjTo-a.cjs.map

package/dist/theme-toggle-DWtjTo-a.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-toggle-DWtjTo-a.cjs","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 { 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 ITEM_WIDTH = 28;\nconst ITEM_GAP = 2;\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} & (ControlledProps | UncontrolledProps);\n\nexport const ThemeToggle = ({\n  value,\n  onChange,\n  options = DEFAULT_OPTIONS,\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 indicatorOffset = activeIndex * (ITEM_WIDTH + ITEM_GAP);\n\n  return (\n    <RadioGroupPrimitive\n      {...rest}\n      value={effectiveCurrent}\n      onValueChange={handleChange}\n      aria-label={ariaLabel}\n      className={cn(\n        'relative inline-flex w-fit items-center gap-0.5 rounded-full border border-border1 bg-surface3 p-0.5',\n        className,\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'pointer-events-none absolute inset-y-0.5 left-0.5 rounded-full bg-surface5 motion-reduce:transition-none',\n          transitions.transform,\n        )}\n        style={{ width: ITEM_WIDTH, 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: ITEM_WIDTH }}\n          className={cn(\n            'relative inline-flex h-6 cursor-pointer items-center justify-center rounded-full',\n            // Base UI exposes `data-checked` instead of Radix's `data-state=\"checked\"`.\n            '[&_svg]:size-3.5 text-icon3 hover:text-icon6 data-[checked]:text-icon6',\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","transitions","RadioPrimitive"],"mappings":";;;;;;;;;;AAeA,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;AAEA,MAAM,UAAA,GAAa,EAAA;AACnB,MAAM,QAAA,GAAW,CAAA;AAgBV,MAAM,cAAc,CAAC;AAAA,EAC1B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,eAAA;AAAA,EACV,SAAA;AAAA,EACA,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,gBAAA,GAAmB,OAAA,CAAQ,IAAA,CAAK,CAAA,MAAA,KAAU,MAAA,CAAO,KAAA,KAAU,OAAO,CAAA,GAAI,OAAA,GAAW,OAAA,CAAQ,CAAC,CAAA,EAAG,KAAA,IAAS,QAAA;AAE5G,EAAA,MAAM,YAAA,GAAe,CAAC,IAAA,KAAkB;AACtC,IAAA,MAAM,QAAQ,OAAA,CAAQ,IAAA,CAAK,CAAA,GAAA,KAAO,GAAA,CAAI,UAAU,IAAI,CAAA;AACpD,IAAA,IAAI,KAAA,EAAO,MAAA,CAAO,KAAA,CAAM,KAAK,CAAA;AAAA,EAC/B,CAAA;AAEA,EAAA,MAAM,cAAc,IAAA,CAAK,GAAA;AAAA,IACvB,CAAA;AAAA,IACA,OAAA,CAAQ,SAAA,CAAU,CAAA,MAAA,KAAU,MAAA,CAAO,UAAU,gBAAgB;AAAA,GAC/D;AACA,EAAA,MAAM,eAAA,GAAkB,eAAe,UAAA,GAAa,QAAA,CAAA;AAEpD,EAAA,uBACEC,eAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,KAAA,EAAO,gBAAA;AAAA,MACP,aAAA,EAAe,YAAA;AAAA,MACf,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAWC,QAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAP,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAWO,QAAA;AAAA,cACT,0GAAA;AAAA,cACAC,uBAAA,CAAY;AAAA,aACd;AAAA,YACA,OAAO,EAAE,KAAA,EAAO,YAAY,SAAA,EAAW,CAAA,WAAA,EAAc,eAAe,CAAA,GAAA,CAAA;AAAM;AAAA,SAC5E;AAAA,QACC,OAAA,CAAQ,IAAI,CAAA,MAAA,qBACXR,cAAA;AAAA,UAACS,WAAA,CAAe,IAAA;AAAA,UAAf;AAAA,YAEC,OAAO,MAAA,CAAO,KAAA;AAAA,YACd,cAAY,MAAA,CAAO,KAAA;AAAA,YACnB,KAAA,EAAO,EAAE,KAAA,EAAO,UAAA,EAAW;AAAA,YAC3B,SAAA,EAAWF,QAAA;AAAA,cACT,kFAAA;AAAA;AAAA,cAEA,wEAAA;AAAA,cACA,8BAAA;AAAA,cACA,+CAAA;AAAA,cACAC,uBAAA,CAAY,MAAA;AAAA,cACZA,uBAAA,CAAY;AAAA,aACd;AAAA,YAEA,yCAAC,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAU,6DAAA,EAChC,iBAAO,IAAA,EACV;AAAA,WAAA;AAAA,UAhBK,MAAA,CAAO;AAAA,SAkBf;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/thread-list-BHbkkI65.js

@@ -1,72 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { X } from 'lucide-react';
-import { c as cn } from './utils-CzYGxqbG.js';
-import { B as Button } from './Button-CIPDOgxX.js';
-import { T as Txt } from './Txt-AhytBlTj.js';
-
-const ThreadList = ({ children, "aria-label": ariaLabel = "Threads", embedded = false }) => {
-  return /* @__PURE__ */ jsx("div", { className: cn("h-full w-full", !embedded && "pb-2 pl-2"), children: /* @__PURE__ */ jsx(
-    "nav",
-    {
-      "aria-label": ariaLabel,
-      className: cn(
-        "h-full overflow-y-auto p-1",
-        !embedded && "bg-surface3 rounded-studio-panel border border-border1/50"
-      ),
-      children
-    }
-  ) });
-};
-const ThreadListNewItem = ({ as, href, to, children }) => {
-  return /* @__PURE__ */ jsx(Button, { as, href, to, variant: "ghost", className: "w-full justify-start rounded-xl", children });
-};
-const ThreadListSeparator = () => /* @__PURE__ */ jsx("div", { role: "separator", "aria-orientation": "horizontal", className: "-mx-1 my-1 h-px bg-border1/40" });
-const ThreadListItems = ({ children }) => /* @__PURE__ */ jsx("ol", { className: "flex flex-col gap-px", "data-testid": "thread-list", children });
-const ThreadListItem = ({
-  as,
-  href,
-  to,
-  isActive,
-  onClick,
-  onDelete,
-  deleteLabel = "delete",
-  className,
-  children
-}) => {
-  return /* @__PURE__ */ jsxs("li", { className: "group relative", children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        as,
-        href,
-        to,
-        onClick,
-        variant: "ghost",
-        className: cn(
-          "min-h-form-md h-auto! w-full min-w-0 justify-start rounded-xl px-3 py-2 text-left",
-          onDelete && "pr-9",
-          isActive && "bg-surface4 text-neutral6",
-          className
-        ),
-        children: /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children })
-      }
-    ),
-    onDelete && /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon-sm",
-        className: "absolute right-1 top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
-        onClick: onDelete,
-        "aria-label": deleteLabel,
-        children: /* @__PURE__ */ jsx(X, {})
-      }
-    )
-  ] });
-};
-const ThreadListEmpty = ({ children }) => {
-  return /* @__PURE__ */ jsx(Txt, { as: "p", variant: "ui-sm", className: "text-neutral3 py-3 px-5", children });
-};
-
-export { ThreadList as T, ThreadListEmpty as a, ThreadListItem as b, ThreadListItems as c, ThreadListNewItem as d, ThreadListSeparator as e };
-//# sourceMappingURL=thread-list-BHbkkI65.js.map

package/dist/thread-list-BHbkkI65.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"thread-list-BHbkkI65.js","sources":["../src/ds/components/ThreadList/thread-list.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport type { ElementType, MouseEvent, ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { Button } from '../Button';\nimport { Txt } from '../Txt';\n\nexport interface ThreadListProps {\n  children: ReactNode;\n  'aria-label'?: string;\n  /**\n   * When true, drops the standalone block chrome (background, border, rounded corners, inset)\n   * so the list can render flush inside an outer container without nesting a second box.\n   */\n  embedded?: boolean;\n}\n\nexport const ThreadList = ({ children, 'aria-label': ariaLabel = 'Threads', embedded = false }: ThreadListProps) => {\n  return (\n    <div className={cn('h-full w-full', !embedded && 'pb-2 pl-2')}>\n      <nav\n        aria-label={ariaLabel}\n        className={cn(\n          'h-full overflow-y-auto p-1',\n          !embedded && 'bg-surface3 rounded-studio-panel border border-border1/50',\n        )}\n      >\n        {children}\n      </nav>\n    </div>\n  );\n};\n\nexport interface ThreadListNewItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListNewItem = ({ as, href, to, children }: ThreadListNewItemProps) => {\n  return (\n    <Button as={as} href={href} to={to} variant=\"ghost\" className=\"w-full justify-start rounded-xl\">\n      {children}\n    </Button>\n  );\n};\n\nexport const ThreadListSeparator = () => (\n  <div role=\"separator\" aria-orientation=\"horizontal\" className=\"-mx-1 my-1 h-px bg-border1/40\" />\n);\n\nexport interface ThreadListItemsProps {\n  children: ReactNode;\n}\n\nexport const ThreadListItems = ({ children }: ThreadListItemsProps) => (\n  <ol className=\"flex flex-col gap-px\" data-testid=\"thread-list\">\n    {children}\n  </ol>\n);\n\nexport interface ThreadListItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  isActive?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListItem = ({\n  as,\n  href,\n  to,\n  isActive,\n  onClick,\n  onDelete,\n  deleteLabel = 'delete',\n  className,\n  children,\n}: ThreadListItemProps) => {\n  return (\n    <li className=\"group relative\">\n      <Button\n        as={as}\n        href={href}\n        to={to}\n        onClick={onClick}\n        variant=\"ghost\"\n        className={cn(\n          'min-h-form-md h-auto! w-full min-w-0 justify-start rounded-xl px-3 py-2 text-left',\n          onDelete && 'pr-9',\n          isActive && 'bg-surface4 text-neutral6',\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">{children}</span>\n      </Button>\n\n      {onDelete && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"absolute right-1 top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100\"\n          onClick={onDelete}\n          aria-label={deleteLabel}\n        >\n          <X />\n        </Button>\n      )}\n    </li>\n  );\n};\n\nexport interface ThreadListEmptyProps {\n  children: ReactNode;\n}\n\nexport const ThreadListEmpty = ({ children }: ThreadListEmptyProps) => {\n  return (\n    <Txt as=\"p\" variant=\"ui-sm\" className=\"text-neutral3 py-3 px-5\">\n      {children}\n    </Txt>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAiBO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,cAAc,SAAA,GAAY,SAAA,EAAW,QAAA,GAAW,KAAA,EAAM,KAAuB;AAClH,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,iBAAiB,CAAC,QAAA,IAAY,WAAW,CAAA,EAC1D,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,4BAAA;AAAA,QACA,CAAC,QAAA,IAAY;AAAA,OACf;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AASO,MAAM,oBAAoB,CAAC,EAAE,IAAI,IAAA,EAAM,EAAA,EAAI,UAAS,KAA8B;AACvF,EAAA,uBACE,GAAA,CAAC,UAAO,EAAA,EAAQ,IAAA,EAAY,IAAQ,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAU,iCAAA,EAC3D,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,sBACjC,GAAA,CAAC,KAAA,EAAA,EAAI,MAAK,WAAA,EAAY,kBAAA,EAAiB,YAAA,EAAa,SAAA,EAAU,+BAAA,EAAgC;AAOzF,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,qBACzC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,sBAAA,EAAuB,aAAA,EAAY,aAAA,EAC9C,QAAA,EACH;AAeK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,SAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,IAAA;AAAA,QACA,EAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAW,EAAA;AAAA,UACT,mFAAA;AAAA,UACA,QAAA,IAAY,MAAA;AAAA,UACZ,QAAA,IAAY,2BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,IAEC,QAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAU,+HAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,WAAA;AAAA,QAEZ,8BAAC,CAAA,EAAA,EAAE;AAAA;AAAA;AACL,GAAA,EAEJ,CAAA;AAEJ;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,uBACE,GAAA,CAAC,OAAI,EAAA,EAAG,GAAA,EAAI,SAAQ,OAAA,EAAQ,SAAA,EAAU,2BACnC,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/thread-list-DekqqJOH.cjs

@@ -1,79 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
-const utils = require('./utils-vA5sWo9W.cjs');
-const Button = require('./Button-DhjKny12.cjs');
-const Txt = require('./Txt-Cmn4ug68.cjs');
-
-const ThreadList = ({ children, "aria-label": ariaLabel = "Threads", embedded = false }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("h-full w-full", !embedded && "pb-2 pl-2"), children: /* @__PURE__ */ jsxRuntime.jsx(
-    "nav",
-    {
-      "aria-label": ariaLabel,
-      className: utils.cn(
-        "h-full overflow-y-auto p-1",
-        !embedded && "bg-surface3 rounded-studio-panel border border-border1/50"
-      ),
-      children
-    }
-  ) });
-};
-const ThreadListNewItem = ({ as, href, to, children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { as, href, to, variant: "ghost", className: "w-full justify-start rounded-xl", children });
-};
-const ThreadListSeparator = () => /* @__PURE__ */ jsxRuntime.jsx("div", { role: "separator", "aria-orientation": "horizontal", className: "-mx-1 my-1 h-px bg-border1/40" });
-const ThreadListItems = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex flex-col gap-px", "data-testid": "thread-list", children });
-const ThreadListItem = ({
-  as,
-  href,
-  to,
-  isActive,
-  onClick,
-  onDelete,
-  deleteLabel = "delete",
-  className,
-  children
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "group relative", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Button.Button,
-      {
-        as,
-        href,
-        to,
-        onClick,
-        variant: "ghost",
-        className: utils.cn(
-          "min-h-form-md h-auto! w-full min-w-0 justify-start rounded-xl px-3 py-2 text-left",
-          onDelete && "pr-9",
-          isActive && "bg-surface4 text-neutral6",
-          className
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children })
-      }
-    ),
-    onDelete && /* @__PURE__ */ jsxRuntime.jsx(
-      Button.Button,
-      {
-        variant: "ghost",
-        size: "icon-sm",
-        className: "absolute right-1 top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
-        onClick: onDelete,
-        "aria-label": deleteLabel,
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {})
-      }
-    )
-  ] });
-};
-const ThreadListEmpty = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "ui-sm", className: "text-neutral3 py-3 px-5", children });
-};
-
-exports.ThreadList = ThreadList;
-exports.ThreadListEmpty = ThreadListEmpty;
-exports.ThreadListItem = ThreadListItem;
-exports.ThreadListItems = ThreadListItems;
-exports.ThreadListNewItem = ThreadListNewItem;
-exports.ThreadListSeparator = ThreadListSeparator;
-//# sourceMappingURL=thread-list-DekqqJOH.cjs.map

package/dist/thread-list-DekqqJOH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"thread-list-DekqqJOH.cjs","sources":["../src/ds/components/ThreadList/thread-list.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport type { ElementType, MouseEvent, ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { Button } from '../Button';\nimport { Txt } from '../Txt';\n\nexport interface ThreadListProps {\n  children: ReactNode;\n  'aria-label'?: string;\n  /**\n   * When true, drops the standalone block chrome (background, border, rounded corners, inset)\n   * so the list can render flush inside an outer container without nesting a second box.\n   */\n  embedded?: boolean;\n}\n\nexport const ThreadList = ({ children, 'aria-label': ariaLabel = 'Threads', embedded = false }: ThreadListProps) => {\n  return (\n    <div className={cn('h-full w-full', !embedded && 'pb-2 pl-2')}>\n      <nav\n        aria-label={ariaLabel}\n        className={cn(\n          'h-full overflow-y-auto p-1',\n          !embedded && 'bg-surface3 rounded-studio-panel border border-border1/50',\n        )}\n      >\n        {children}\n      </nav>\n    </div>\n  );\n};\n\nexport interface ThreadListNewItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListNewItem = ({ as, href, to, children }: ThreadListNewItemProps) => {\n  return (\n    <Button as={as} href={href} to={to} variant=\"ghost\" className=\"w-full justify-start rounded-xl\">\n      {children}\n    </Button>\n  );\n};\n\nexport const ThreadListSeparator = () => (\n  <div role=\"separator\" aria-orientation=\"horizontal\" className=\"-mx-1 my-1 h-px bg-border1/40\" />\n);\n\nexport interface ThreadListItemsProps {\n  children: ReactNode;\n}\n\nexport const ThreadListItems = ({ children }: ThreadListItemsProps) => (\n  <ol className=\"flex flex-col gap-px\" data-testid=\"thread-list\">\n    {children}\n  </ol>\n);\n\nexport interface ThreadListItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  isActive?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListItem = ({\n  as,\n  href,\n  to,\n  isActive,\n  onClick,\n  onDelete,\n  deleteLabel = 'delete',\n  className,\n  children,\n}: ThreadListItemProps) => {\n  return (\n    <li className=\"group relative\">\n      <Button\n        as={as}\n        href={href}\n        to={to}\n        onClick={onClick}\n        variant=\"ghost\"\n        className={cn(\n          'min-h-form-md h-auto! w-full min-w-0 justify-start rounded-xl px-3 py-2 text-left',\n          onDelete && 'pr-9',\n          isActive && 'bg-surface4 text-neutral6',\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">{children}</span>\n      </Button>\n\n      {onDelete && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"absolute right-1 top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100\"\n          onClick={onDelete}\n          aria-label={deleteLabel}\n        >\n          <X />\n        </Button>\n      )}\n    </li>\n  );\n};\n\nexport interface ThreadListEmptyProps {\n  children: ReactNode;\n}\n\nexport const ThreadListEmpty = ({ children }: ThreadListEmptyProps) => {\n  return (\n    <Txt as=\"p\" variant=\"ui-sm\" className=\"text-neutral3 py-3 px-5\">\n      {children}\n    </Txt>\n  );\n};\n"],"names":["jsx","cn","Button","jsxs","X","Txt"],"mappings":";;;;;;;;AAiBO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,cAAc,SAAA,GAAY,SAAA,EAAW,QAAA,GAAW,KAAA,EAAM,KAAuB;AAClH,EAAA,uBACEA,cAAA,CAAC,SAAI,SAAA,EAAWC,QAAA,CAAG,iBAAiB,CAAC,QAAA,IAAY,WAAW,CAAA,EAC1D,QAAA,kBAAAD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAWC,QAAA;AAAA,QACT,4BAAA;AAAA,QACA,CAAC,QAAA,IAAY;AAAA,OACf;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AASO,MAAM,oBAAoB,CAAC,EAAE,IAAI,IAAA,EAAM,EAAA,EAAI,UAAS,KAA8B;AACvF,EAAA,uBACED,cAAA,CAACE,iBAAO,EAAA,EAAQ,IAAA,EAAY,IAAQ,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAU,iCAAA,EAC3D,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,sBACjCF,cAAA,CAAC,KAAA,EAAA,EAAI,MAAK,WAAA,EAAY,kBAAA,EAAiB,YAAA,EAAa,SAAA,EAAU,+BAAA,EAAgC;AAOzF,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,qBACzCA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,sBAAA,EAAuB,aAAA,EAAY,aAAA,EAC9C,QAAA,EACH;AAeK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,SAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACEG,eAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,oBAAAH,cAAA;AAAA,MAACE,aAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,IAAA;AAAA,QACA,EAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAWD,QAAA;AAAA,UACT,mFAAA;AAAA,UACA,QAAA,IAAY,MAAA;AAAA,UACZ,QAAA,IAAY,2BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,IAEC,QAAA,oBACCA,cAAA;AAAA,MAACE,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAU,+HAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,WAAA;AAAA,QAEZ,yCAACE,aAAA,EAAA,EAAE;AAAA;AAAA;AACL,GAAA,EAEJ,CAAA;AAEJ;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,uBACEJ,cAAA,CAACK,WAAI,EAAA,EAAG,GAAA,EAAI,SAAQ,OAAA,EAAQ,SAAA,EAAU,2BACnC,QAAA,EACH,CAAA;AAEJ;;;;;;;;;"}

package/dist/time-picker-CcatSlth.js

@@ -1,110 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { DayPicker } from 'react-day-picker';
-import { c as cn } from './utils-CzYGxqbG.js';
-import { useState, useEffect } from 'react';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-CYf1u7Vd.js';
-
-function DatePicker({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx(
-    DayPicker,
-    {
-      showOutsideDays,
-      className: cn("p-3", className),
-      classNames: {
-        months: "flex flex-col space-y-4 sm:space-y-0 ",
-        month: "space-y-4 text-ui-sm ",
-        caption: "flex justify-between pt-1 items-center pl-2",
-        caption_label: "text-text font-medium ",
-        nav: "flex items-center",
-        nav_button_previous: cn(
-          "flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
-        ),
-        nav_button_next: cn("flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
-        dropdown_month: "w-full border-collapse space-y-1",
-        weeknumber: "flex",
-        day: cn(
-          "relative p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-surface5 [&:has([aria-selected].day-outside)]:bg-surface5/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
-          props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md",
-          "h-8 w-8 p-0 hover:bg-lightGray-7/50 font-normal aria-selected:opacity-100"
-        ),
-        day_range_start: "day-range-start rounded-l-md",
-        day_range_end: "day-range-end rounded-r-md",
-        day_selected: cn(
-          "bg-accent1! text-white! hover:bg-accent1/80! focus:bg-accent1/80! focus:text-white!",
-          props.mode !== "range" && "rounded-md"
-        ),
-        day_today: "bg-neutral6/10 text-neutral5",
-        day_outside: "day-outside text-neutral3 opacity-50  aria-selected:bg-surface5/50 aria-selected:text-neutral3 aria-selected:opacity-30",
-        day_disabled: "text-neutral3 opacity-50",
-        day_range_middle: "aria-selected:bg-surface5 aria-selected:text-neutral5",
-        day_hidden: "invisible",
-        head_cell: "text-ui-xs text-neutral3",
-        ...classNames
-      },
-      ...props
-    }
-  );
-}
-
-const hourOptions = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
-const minuteOptions = ["00", "15", "30", "45", "59"];
-const timePeriodOptions = ["AM", "PM"];
-function TimePicker({ defaultValue, onValueChange, className }) {
-  const [hour, setHour] = useState("12");
-  const [minute, setMinute] = useState("00");
-  const [timePeriod, setTimePeriod] = useState("AM");
-  useEffect(() => {
-    if (defaultValue) {
-      const timeRegex = /^(\d{1,2}):(\d{2})(?::\d{2})?\s*(AM|PM|am|pm)?$/;
-      const match = defaultValue.match(timeRegex);
-      if (match) {
-        let parsedHour = parseInt(match[1], 10);
-        const parsedMinute = parseInt(match[2], 10);
-        const period = match[3]?.toUpperCase();
-        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {
-          setHour(parsedHour.toString());
-          setMinute(parsedMinute === 0 ? "00" : parsedMinute.toString());
-          setTimePeriod(period || "AM");
-        }
-      }
-    }
-  }, [defaultValue]);
-  const handleHourChange = (val) => {
-    setHour(val);
-    onValueChange(`${hourOptions[+val]}:${minute} ${timePeriod}`.trim());
-  };
-  const handleMinuteChange = (val) => {
-    setMinute(minuteOptions[+val]);
-    onValueChange(`${hour}:${minuteOptions[+val]} ${timePeriod}`.trim());
-  };
-  const handleTimePeriodChange = (val) => {
-    setTimePeriod(timePeriodOptions[+val]);
-    onValueChange(`${hour}:${minute} ${timePeriodOptions[+val]}`.trim());
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-2 items-center", className), children: [
-    /* @__PURE__ */ jsxs(Select, { name: "hour", value: hourOptions.indexOf(hour).toString(), onValueChange: handleHourChange, children: [
-      /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
-      /* @__PURE__ */ jsx(SelectContent, { children: hourOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
-    ] }),
-    ":",
-    /* @__PURE__ */ jsxs(Select, { name: "minute", value: minuteOptions.indexOf(minute).toString(), onValueChange: handleMinuteChange, children: [
-      /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
-      /* @__PURE__ */ jsx(SelectContent, { children: minuteOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Select,
-      {
-        name: "period",
-        value: timePeriodOptions.indexOf(timePeriod).toString(),
-        onValueChange: handleTimePeriodChange,
-        children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
-          /* @__PURE__ */ jsx(SelectContent, { children: timePeriodOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
-        ]
-      }
-    )
-  ] });
-}
-
-export { DatePicker as D, TimePicker as T };
-//# sourceMappingURL=time-picker-CcatSlth.js.map

package/dist/time-picker-CcatSlth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-picker-CcatSlth.js","sources":["../src/ds/components/DateTimePicker/date-picker.tsx","../src/ds/components/DateTimePicker/time-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DayPicker } from 'react-day-picker';\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function DatePicker({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      classNames={{\n        months: 'flex flex-col space-y-4 sm:space-y-0 ',\n        month: 'space-y-4 text-ui-sm ',\n        caption: 'flex justify-between pt-1 items-center pl-2',\n        caption_label: 'text-text font-medium ',\n        nav: 'flex items-center',\n        nav_button_previous: cn(\n          'flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n        ),\n        nav_button_next: cn('flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'),\n        dropdown_month: 'w-full border-collapse space-y-1',\n        weeknumber: 'flex',\n        day: cn(\n          'relative p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-surface5 [&:has([aria-selected].day-outside)]:bg-surface5/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',\n          props.mode === 'range'\n            ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n            : '[&:has([aria-selected])]:rounded-md',\n          'h-8 w-8 p-0 hover:bg-lightGray-7/50 font-normal aria-selected:opacity-100',\n        ),\n        day_range_start: 'day-range-start rounded-l-md',\n        day_range_end: 'day-range-end rounded-r-md',\n        day_selected: cn(\n          'bg-accent1! text-white! hover:bg-accent1/80! focus:bg-accent1/80! focus:text-white!',\n          props.mode !== 'range' && 'rounded-md',\n        ),\n        day_today: 'bg-neutral6/10 text-neutral5',\n        day_outside:\n          'day-outside text-neutral3 opacity-50  aria-selected:bg-surface5/50 aria-selected:text-neutral3 aria-selected:opacity-30',\n        day_disabled: 'text-neutral3 opacity-50',\n        day_range_middle: 'aria-selected:bg-surface5 aria-selected:text-neutral5',\n        day_hidden: 'invisible',\n        head_cell: 'text-ui-xs text-neutral3',\n        ...classNames,\n      }}\n      {...props}\n    />\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n  defaultValue?: string;\n  onValueChange: (value: string) => void;\n  className?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className }: TimePickerProps) {\n  const [hour, setHour] = useState<string>('12');\n  const [minute, setMinute] = useState<string>('00');\n  const [timePeriod, setTimePeriod] = useState('AM');\n\n  useEffect(() => {\n    if (defaultValue) {\n      const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s*(AM|PM|am|pm)?$/;\n      const match = defaultValue.match(timeRegex);\n\n      if (match) {\n        let parsedHour = parseInt(match[1], 10);\n        const parsedMinute = parseInt(match[2], 10);\n        const period = match[3]?.toUpperCase();\n\n        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n          setHour(parsedHour.toString());\n          setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n          setTimePeriod(period || 'AM');\n        }\n      }\n    }\n  }, [defaultValue]);\n\n  const handleHourChange = (val: string) => {\n    setHour(val);\n    onValueChange(`${hourOptions[+val]}:${minute} ${timePeriod}`.trim());\n  };\n\n  const handleMinuteChange = (val: string) => {\n    setMinute(minuteOptions[+val]);\n    onValueChange(`${hour}:${minuteOptions[+val]} ${timePeriod}`.trim());\n  };\n\n  const handleTimePeriodChange = (val: string) => {\n    setTimePeriod(timePeriodOptions[+val]);\n    onValueChange(`${hour}:${minute} ${timePeriodOptions[+val]}`.trim());\n  };\n\n  return (\n    <div className={cn('flex gap-2 items-center', className)}>\n      <Select name=\"hour\" value={hourOptions.indexOf(hour).toString()} onValueChange={handleHourChange}>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {hourOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      :\n      <Select name=\"minute\" value={minuteOptions.indexOf(minute).toString()} onValueChange={handleMinuteChange}>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {minuteOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      <Select\n        name=\"period\"\n        value={timePeriodOptions.indexOf(timePeriod).toString()}\n        onValueChange={handleTimePeriodChange}\n      >\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {timePeriodOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}