@mastra/playground-ui 33.0.0-alpha.2 → 33.0.0-alpha.4

package/dist/text-field-block-CGzVPqnF.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const input = require('./input-DGvJg7no.cjs');
+const fieldBlock = require('./field-block-D9R9O6XE.cjs');
+const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
+
+function TextFieldBlock({
+  name,
+  value,
+  label,
+  labelIsHidden = false,
+  labelColumnWidth,
+  helpText,
+  errorMsg,
+  required = false,
+  disabled = false,
+  labelSize,
+  layout = "vertical",
+  placeholder,
+  size = "default",
+  testId,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { children: [
+      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, size: labelSize || "default", children: label }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        input.Input,
+        {
+          name,
+          disabled,
+          required,
+          value,
+          placeholder,
+          "data-testid": testId,
+          size,
+          ...props
+        }
+      ),
+      helpText && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.HelpText, { children: helpText }),
+      errorMsg && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.ErrorMsg, { children: errorMsg })
+    ] })
+  ] });
+}
+
+exports.TextFieldBlock = TextFieldBlock;
+//# sourceMappingURL=text-field-block-CGzVPqnF.cjs.map

package/dist/text-field-block-CGzVPqnF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-block-CGzVPqnF.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'default',\n  testId,\n  className,\n  ...props\n}: TextFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Input\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          placeholder={placeholder}\n          data-testid={testId}\n          size={size}\n          {...props}\n        />\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["FieldBlock","jsx","VisuallyHidden","jsxs","Input"],"mappings":";;;;;;;AAoBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uCACGA,qBAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,kCACTA,qBAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAAC,cAAA,CAACD,qBAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,UAAoB,IAAA,EAAM,SAAA,IAAa,UAClE,QAAA,EAAA,aAAA,mBAAgBC,cAAA,CAACC,sCAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJC,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5BC,cAAA,CAACD,qBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EAClE,iBACH,CAAA,GACE,IAAA;AAAA,sBACJC,cAAA;AAAA,QAACG,WAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA,EAAa,MAAA;AAAA,UACb,IAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,QAAA,oBAAYH,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAYC,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/text-field-block-gjrZyIFr.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { I as Input } from './input-DsX-P_dO.js';
+import { F as FieldBlock } from './field-block-CdCFQi7X.js';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+
+function TextFieldBlock({
+  name,
+  value,
+  label,
+  labelIsHidden = false,
+  labelColumnWidth,
+  helpText,
+  errorMsg,
+  required = false,
+  disabled = false,
+  labelSize,
+  layout = "vertical",
+  placeholder,
+  size = "default",
+  testId,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
+    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : label }) }) : null,
+    /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
+      !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, size: labelSize || "default", children: label }) : null,
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          name,
+          disabled,
+          required,
+          value,
+          placeholder,
+          "data-testid": testId,
+          size,
+          ...props
+        }
+      ),
+      helpText && /* @__PURE__ */ jsx(FieldBlock.HelpText, { children: helpText }),
+      errorMsg && /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { children: errorMsg })
+    ] })
+  ] });
+}
+
+export { TextFieldBlock as T };
+//# sourceMappingURL=text-field-block-gjrZyIFr.js.map

package/dist/text-field-block-gjrZyIFr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-block-gjrZyIFr.js","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'default',\n  testId,\n  className,\n  ...props\n}: TextFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Input\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          placeholder={placeholder}\n          data-testid={testId}\n          size={size}\n          {...props}\n        />\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;AAoBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,uBACT,UAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,UAAoB,IAAA,EAAM,SAAA,IAAa,UAClE,QAAA,EAAA,aAAA,mBAAgB,GAAA,CAAC,kBAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5B,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EAClE,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA,EAAa,MAAA;AAAA,UACb,IAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/textarea-DTTTODYL.js

@@ -0,0 +1,62 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cva } from './index-CsyK0ihk.js';
+import * as React from 'react';
+import { u as unstyledFormElementStyle, s as sharedFormElementDisabledStyle, i as inputOutlineAndFocusStyle, a as inputSurfaceAndFocusStyle } from './form-element-DUtZESwq.js';
+import { c as cn } from './utils-CzYGxqbG.js';
+
+const textareaVariants = cva(
+  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: cn(inputSurfaceAndFocusStyle, "rounded-xl", sharedFormElementDisabledStyle),
+        filled: cn(inputSurfaceAndFocusStyle, "rounded-xl", sharedFormElementDisabledStyle),
+        outline: cn(inputOutlineAndFocusStyle, "rounded-xl", sharedFormElementDisabledStyle),
+        unstyled: 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.forwardRef(
+  ({ className, size, testId, variant, error, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: cn(
+          textareaVariants({ variant, size }),
+          error && "border-error focus-visible:border-error",
+          className
+        ),
+        "data-testid": testId,
+        ref,
+        "aria-invalid": error,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea as T };
+//# sourceMappingURL=textarea-DTTTODYL.js.map

package/dist/textarea-DTTTODYL.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,83 @@
+'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

@@ -0,0 +1 @@
+{"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-provider-C9ih9jSS.js

@@ -0,0 +1,117 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useSyncExternalStore, useMemo, useRef, useState, useEffect, useLayoutEffect } from 'react';
+
+const DEFAULT_KEY = "mastra-theme";
+const LEGACY_ZUSTAND_KEY = "mastra-playground-store";
+const isTheme = (value) => value === "dark" || value === "light" || value === "system";
+const readLegacyZustand = (storage) => {
+  try {
+    const raw = storage.getItem(LEGACY_ZUSTAND_KEY);
+    if (!raw) return void 0;
+    const parsed = JSON.parse(raw);
+    const theme = parsed?.state?.theme;
+    return isTheme(theme) ? theme : void 0;
+  } catch {
+    return void 0;
+  }
+};
+const createLocalStorageAdapter = (key = DEFAULT_KEY) => ({
+  get() {
+    if (typeof window === "undefined") return null;
+    try {
+      const raw = window.localStorage.getItem(key);
+      if (isTheme(raw)) return raw;
+      const migrated = readLegacyZustand(window.localStorage);
+      if (migrated) {
+        window.localStorage.setItem(key, migrated);
+        return migrated;
+      }
+      return null;
+    } catch {
+      return null;
+    }
+  },
+  set(value) {
+    if (typeof window === "undefined") return;
+    try {
+      window.localStorage.setItem(key, value);
+    } catch {
+    }
+  },
+  subscribe(listener) {
+    if (typeof window === "undefined") return () => {
+    };
+    const handler = (event) => {
+      if (event.key !== key) return;
+      if (event.newValue === null) {
+        listener(null);
+        return;
+      }
+      if (isTheme(event.newValue)) listener(event.newValue);
+    };
+    window.addEventListener("storage", handler);
+    return () => window.removeEventListener("storage", handler);
+  }
+});
+
+const ThemeContext = createContext(null);
+
+const SYSTEM_QUERY = "(prefers-color-scheme: dark)";
+const useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+const getSystemTheme = () => {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return "dark";
+  return window.matchMedia(SYSTEM_QUERY).matches ? "dark" : "light";
+};
+const subscribeSystemTheme = (callback) => {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return () => {
+  };
+  const query = window.matchMedia(SYSTEM_QUERY);
+  query.addEventListener("change", callback);
+  return () => query.removeEventListener("change", callback);
+};
+const applyThemeClass = (target, resolved) => {
+  target.classList.remove(resolved === "dark" ? "light" : "dark");
+  target.classList.add(resolved);
+};
+const ThemeProvider = ({ children, defaultTheme = "system", storageKey, target }) => {
+  const adapter = useMemo(() => createLocalStorageAdapter(storageKey), [storageKey]);
+  const previousTargetRef = useRef(null);
+  const [theme, setThemeState] = useState(() => adapter.get() ?? defaultTheme);
+  const systemTheme = useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => "dark");
+  useEffect(() => adapter.subscribe((next) => setThemeState(next ?? defaultTheme)), [adapter, defaultTheme]);
+  const resolvedTheme = theme === "system" ? systemTheme : theme;
+  useIsomorphicLayoutEffect(() => {
+    const el = target ?? (typeof window === "undefined" ? null : window.document.documentElement);
+    if (previousTargetRef.current && previousTargetRef.current !== el) {
+      previousTargetRef.current.classList.remove("dark", "light");
+    }
+    if (el) applyThemeClass(el, resolvedTheme);
+    previousTargetRef.current = el;
+  }, [resolvedTheme, target]);
+  const value = useMemo(
+    () => ({
+      theme,
+      resolvedTheme,
+      systemTheme,
+      setTheme: (next) => {
+        setThemeState(next);
+        adapter.set(next);
+      }
+    }),
+    [theme, resolvedTheme, systemTheme, adapter]
+  );
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
+};
+const noop = () => {
+};
+const useTheme = () => {
+  const ctx = useContext(ThemeContext);
+  const systemTheme = useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => "dark");
+  return useMemo(
+    () => ctx ?? { theme: "system", resolvedTheme: systemTheme, systemTheme, setTheme: noop },
+    [ctx, systemTheme]
+  );
+};
+
+export { ThemeProvider as T, useTheme as u };
+//# sourceMappingURL=theme-provider-C9ih9jSS.js.map

package/dist/theme-provider-C9ih9jSS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider-C9ih9jSS.js","sources":["../src/ds/components/ThemeProvider/storage-adapter.ts","../src/ds/components/ThemeProvider/theme-context.ts","../src/ds/components/ThemeProvider/theme-provider.tsx"],"sourcesContent":["import type { Theme } from './theme-context';\n\nconst DEFAULT_KEY = 'mastra-theme';\nconst LEGACY_ZUSTAND_KEY = 'mastra-playground-store';\n\nexport interface ThemeStorageAdapter {\n  get(): Theme | null;\n  set(value: Theme): void;\n  subscribe(listener: (next: Theme | null) => void): () => void;\n}\n\nconst isTheme = (value: unknown): value is Theme => value === 'dark' || value === 'light' || value === 'system';\n\nconst readLegacyZustand = (storage: Storage): Theme | undefined => {\n  try {\n    const raw = storage.getItem(LEGACY_ZUSTAND_KEY);\n    if (!raw) return undefined;\n    const parsed = JSON.parse(raw) as { state?: { theme?: unknown } };\n    const theme = parsed?.state?.theme;\n    return isTheme(theme) ? theme : undefined;\n  } catch {\n    return undefined;\n  }\n};\n\nexport const createLocalStorageAdapter = (key: string = DEFAULT_KEY): ThemeStorageAdapter => ({\n  get() {\n    if (typeof window === 'undefined') return null;\n    try {\n      const raw = window.localStorage.getItem(key);\n      if (isTheme(raw)) return raw;\n      const migrated = readLegacyZustand(window.localStorage);\n      if (migrated) {\n        window.localStorage.setItem(key, migrated);\n        return migrated;\n      }\n      return null;\n    } catch {\n      return null;\n    }\n  },\n  set(value) {\n    if (typeof window === 'undefined') return;\n    try {\n      window.localStorage.setItem(key, value);\n    } catch {\n      // private mode / quota — silent\n    }\n  },\n  subscribe(listener) {\n    if (typeof window === 'undefined') return () => {};\n    const handler = (event: StorageEvent) => {\n      if (event.key !== key) return;\n      if (event.newValue === null) {\n        listener(null);\n        return;\n      }\n      if (isTheme(event.newValue)) listener(event.newValue);\n    };\n    window.addEventListener('storage', handler);\n    return () => window.removeEventListener('storage', handler);\n  },\n});\n","import { createContext } from 'react';\n\nexport type Theme = 'dark' | 'light' | 'system';\nexport type ResolvedTheme = 'dark' | 'light';\n\nexport interface ThemeContextValue {\n  theme: Theme;\n  resolvedTheme: ResolvedTheme;\n  systemTheme: ResolvedTheme;\n  setTheme: (theme: Theme) => void;\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n","import { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';\n\nimport { createLocalStorageAdapter } from './storage-adapter';\nimport { ThemeContext } from './theme-context';\nimport type { ResolvedTheme, Theme, ThemeContextValue } from './theme-context';\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n  target?: HTMLElement;\n}\n\nconst SYSTEM_QUERY = '(prefers-color-scheme: dark)';\n\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nconst getSystemTheme = (): ResolvedTheme => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return 'dark';\n  return window.matchMedia(SYSTEM_QUERY).matches ? 'dark' : 'light';\n};\n\nconst subscribeSystemTheme = (callback: () => void): (() => void) => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return () => {};\n  const query = window.matchMedia(SYSTEM_QUERY);\n  query.addEventListener('change', callback);\n  return () => query.removeEventListener('change', callback);\n};\n\nconst applyThemeClass = (target: HTMLElement, resolved: ResolvedTheme) => {\n  target.classList.remove(resolved === 'dark' ? 'light' : 'dark');\n  target.classList.add(resolved);\n};\n\nexport const ThemeProvider = ({ children, defaultTheme = 'system', storageKey, target }: ThemeProviderProps) => {\n  const adapter = useMemo(() => createLocalStorageAdapter(storageKey), [storageKey]);\n  const previousTargetRef = useRef<HTMLElement | null>(null);\n\n  const [theme, setThemeState] = useState<Theme>(() => adapter.get() ?? defaultTheme);\n  const systemTheme = useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => 'dark' as const);\n\n  useEffect(() => adapter.subscribe(next => setThemeState(next ?? defaultTheme)), [adapter, defaultTheme]);\n\n  const resolvedTheme: ResolvedTheme = theme === 'system' ? systemTheme : theme;\n\n  useIsomorphicLayoutEffect(() => {\n    const el = target ?? (typeof window === 'undefined' ? null : window.document.documentElement);\n    if (previousTargetRef.current && previousTargetRef.current !== el) {\n      previousTargetRef.current.classList.remove('dark', 'light');\n    }\n    if (el) applyThemeClass(el, resolvedTheme);\n    previousTargetRef.current = el;\n  }, [resolvedTheme, target]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme,\n      resolvedTheme,\n      systemTheme,\n      setTheme: next => {\n        setThemeState(next);\n        adapter.set(next);\n      },\n    }),\n    [theme, resolvedTheme, systemTheme, adapter],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\nconst noop = () => {};\n\nexport const useTheme = (): ThemeContextValue => {\n  const ctx = useContext(ThemeContext);\n  const systemTheme = useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => 'dark' as const);\n  return useMemo<ThemeContextValue>(\n    () => ctx ?? { theme: 'system', resolvedTheme: systemTheme, systemTheme, setTheme: noop },\n    [ctx, systemTheme],\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/theme-provider-aO5-jZVp.cjs

@@ -0,0 +1,120 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+
+const DEFAULT_KEY = "mastra-theme";
+const LEGACY_ZUSTAND_KEY = "mastra-playground-store";
+const isTheme = (value) => value === "dark" || value === "light" || value === "system";
+const readLegacyZustand = (storage) => {
+  try {
+    const raw = storage.getItem(LEGACY_ZUSTAND_KEY);
+    if (!raw) return void 0;
+    const parsed = JSON.parse(raw);
+    const theme = parsed?.state?.theme;
+    return isTheme(theme) ? theme : void 0;
+  } catch {
+    return void 0;
+  }
+};
+const createLocalStorageAdapter = (key = DEFAULT_KEY) => ({
+  get() {
+    if (typeof window === "undefined") return null;
+    try {
+      const raw = window.localStorage.getItem(key);
+      if (isTheme(raw)) return raw;
+      const migrated = readLegacyZustand(window.localStorage);
+      if (migrated) {
+        window.localStorage.setItem(key, migrated);
+        return migrated;
+      }
+      return null;
+    } catch {
+      return null;
+    }
+  },
+  set(value) {
+    if (typeof window === "undefined") return;
+    try {
+      window.localStorage.setItem(key, value);
+    } catch {
+    }
+  },
+  subscribe(listener) {
+    if (typeof window === "undefined") return () => {
+    };
+    const handler = (event) => {
+      if (event.key !== key) return;
+      if (event.newValue === null) {
+        listener(null);
+        return;
+      }
+      if (isTheme(event.newValue)) listener(event.newValue);
+    };
+    window.addEventListener("storage", handler);
+    return () => window.removeEventListener("storage", handler);
+  }
+});
+
+const ThemeContext = React.createContext(null);
+
+const SYSTEM_QUERY = "(prefers-color-scheme: dark)";
+const useIsomorphicLayoutEffect = typeof window === "undefined" ? React.useEffect : React.useLayoutEffect;
+const getSystemTheme = () => {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return "dark";
+  return window.matchMedia(SYSTEM_QUERY).matches ? "dark" : "light";
+};
+const subscribeSystemTheme = (callback) => {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return () => {
+  };
+  const query = window.matchMedia(SYSTEM_QUERY);
+  query.addEventListener("change", callback);
+  return () => query.removeEventListener("change", callback);
+};
+const applyThemeClass = (target, resolved) => {
+  target.classList.remove(resolved === "dark" ? "light" : "dark");
+  target.classList.add(resolved);
+};
+const ThemeProvider = ({ children, defaultTheme = "system", storageKey, target }) => {
+  const adapter = React.useMemo(() => createLocalStorageAdapter(storageKey), [storageKey]);
+  const previousTargetRef = React.useRef(null);
+  const [theme, setThemeState] = React.useState(() => adapter.get() ?? defaultTheme);
+  const systemTheme = React.useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => "dark");
+  React.useEffect(() => adapter.subscribe((next) => setThemeState(next ?? defaultTheme)), [adapter, defaultTheme]);
+  const resolvedTheme = theme === "system" ? systemTheme : theme;
+  useIsomorphicLayoutEffect(() => {
+    const el = target ?? (typeof window === "undefined" ? null : window.document.documentElement);
+    if (previousTargetRef.current && previousTargetRef.current !== el) {
+      previousTargetRef.current.classList.remove("dark", "light");
+    }
+    if (el) applyThemeClass(el, resolvedTheme);
+    previousTargetRef.current = el;
+  }, [resolvedTheme, target]);
+  const value = React.useMemo(
+    () => ({
+      theme,
+      resolvedTheme,
+      systemTheme,
+      setTheme: (next) => {
+        setThemeState(next);
+        adapter.set(next);
+      }
+    }),
+    [theme, resolvedTheme, systemTheme, adapter]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
+};
+const noop = () => {
+};
+const useTheme = () => {
+  const ctx = React.useContext(ThemeContext);
+  const systemTheme = React.useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => "dark");
+  return React.useMemo(
+    () => ctx ?? { theme: "system", resolvedTheme: systemTheme, systemTheme, setTheme: noop },
+    [ctx, systemTheme]
+  );
+};
+
+exports.ThemeProvider = ThemeProvider;
+exports.useTheme = useTheme;
+//# sourceMappingURL=theme-provider-aO5-jZVp.cjs.map

package/dist/theme-provider-aO5-jZVp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider-aO5-jZVp.cjs","sources":["../src/ds/components/ThemeProvider/storage-adapter.ts","../src/ds/components/ThemeProvider/theme-context.ts","../src/ds/components/ThemeProvider/theme-provider.tsx"],"sourcesContent":["import type { Theme } from './theme-context';\n\nconst DEFAULT_KEY = 'mastra-theme';\nconst LEGACY_ZUSTAND_KEY = 'mastra-playground-store';\n\nexport interface ThemeStorageAdapter {\n  get(): Theme | null;\n  set(value: Theme): void;\n  subscribe(listener: (next: Theme | null) => void): () => void;\n}\n\nconst isTheme = (value: unknown): value is Theme => value === 'dark' || value === 'light' || value === 'system';\n\nconst readLegacyZustand = (storage: Storage): Theme | undefined => {\n  try {\n    const raw = storage.getItem(LEGACY_ZUSTAND_KEY);\n    if (!raw) return undefined;\n    const parsed = JSON.parse(raw) as { state?: { theme?: unknown } };\n    const theme = parsed?.state?.theme;\n    return isTheme(theme) ? theme : undefined;\n  } catch {\n    return undefined;\n  }\n};\n\nexport const createLocalStorageAdapter = (key: string = DEFAULT_KEY): ThemeStorageAdapter => ({\n  get() {\n    if (typeof window === 'undefined') return null;\n    try {\n      const raw = window.localStorage.getItem(key);\n      if (isTheme(raw)) return raw;\n      const migrated = readLegacyZustand(window.localStorage);\n      if (migrated) {\n        window.localStorage.setItem(key, migrated);\n        return migrated;\n      }\n      return null;\n    } catch {\n      return null;\n    }\n  },\n  set(value) {\n    if (typeof window === 'undefined') return;\n    try {\n      window.localStorage.setItem(key, value);\n    } catch {\n      // private mode / quota — silent\n    }\n  },\n  subscribe(listener) {\n    if (typeof window === 'undefined') return () => {};\n    const handler = (event: StorageEvent) => {\n      if (event.key !== key) return;\n      if (event.newValue === null) {\n        listener(null);\n        return;\n      }\n      if (isTheme(event.newValue)) listener(event.newValue);\n    };\n    window.addEventListener('storage', handler);\n    return () => window.removeEventListener('storage', handler);\n  },\n});\n","import { createContext } from 'react';\n\nexport type Theme = 'dark' | 'light' | 'system';\nexport type ResolvedTheme = 'dark' | 'light';\n\nexport interface ThemeContextValue {\n  theme: Theme;\n  resolvedTheme: ResolvedTheme;\n  systemTheme: ResolvedTheme;\n  setTheme: (theme: Theme) => void;\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n","import { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';\n\nimport { createLocalStorageAdapter } from './storage-adapter';\nimport { ThemeContext } from './theme-context';\nimport type { ResolvedTheme, Theme, ThemeContextValue } from './theme-context';\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n  target?: HTMLElement;\n}\n\nconst SYSTEM_QUERY = '(prefers-color-scheme: dark)';\n\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nconst getSystemTheme = (): ResolvedTheme => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return 'dark';\n  return window.matchMedia(SYSTEM_QUERY).matches ? 'dark' : 'light';\n};\n\nconst subscribeSystemTheme = (callback: () => void): (() => void) => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return () => {};\n  const query = window.matchMedia(SYSTEM_QUERY);\n  query.addEventListener('change', callback);\n  return () => query.removeEventListener('change', callback);\n};\n\nconst applyThemeClass = (target: HTMLElement, resolved: ResolvedTheme) => {\n  target.classList.remove(resolved === 'dark' ? 'light' : 'dark');\n  target.classList.add(resolved);\n};\n\nexport const ThemeProvider = ({ children, defaultTheme = 'system', storageKey, target }: ThemeProviderProps) => {\n  const adapter = useMemo(() => createLocalStorageAdapter(storageKey), [storageKey]);\n  const previousTargetRef = useRef<HTMLElement | null>(null);\n\n  const [theme, setThemeState] = useState<Theme>(() => adapter.get() ?? defaultTheme);\n  const systemTheme = useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => 'dark' as const);\n\n  useEffect(() => adapter.subscribe(next => setThemeState(next ?? defaultTheme)), [adapter, defaultTheme]);\n\n  const resolvedTheme: ResolvedTheme = theme === 'system' ? systemTheme : theme;\n\n  useIsomorphicLayoutEffect(() => {\n    const el = target ?? (typeof window === 'undefined' ? null : window.document.documentElement);\n    if (previousTargetRef.current && previousTargetRef.current !== el) {\n      previousTargetRef.current.classList.remove('dark', 'light');\n    }\n    if (el) applyThemeClass(el, resolvedTheme);\n    previousTargetRef.current = el;\n  }, [resolvedTheme, target]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme,\n      resolvedTheme,\n      systemTheme,\n      setTheme: next => {\n        setThemeState(next);\n        adapter.set(next);\n      },\n    }),\n    [theme, resolvedTheme, systemTheme, adapter],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\nconst noop = () => {};\n\nexport const useTheme = (): ThemeContextValue => {\n  const ctx = useContext(ThemeContext);\n  const systemTheme = useSyncExternalStore(subscribeSystemTheme, getSystemTheme, () => 'dark' as const);\n  return useMemo<ThemeContextValue>(\n    () => ctx ?? { theme: 'system', resolvedTheme: systemTheme, systemTheme, setTheme: noop },\n    [ctx, systemTheme],\n  );\n};\n"],"names":["createContext","useEffect","useLayoutEffect","useMemo","useRef","useState","useSyncExternalStore","jsx","useContext"],"mappings":";;;;;AAEA,MAAM,WAAA,GAAc,cAAA;AACpB,MAAM,kBAAA,GAAqB,yBAAA;AAQ3B,MAAM,UAAU,CAAC,KAAA,KAAmC,UAAU,MAAA,IAAU,KAAA,KAAU,WAAW,KAAA,KAAU,QAAA;AAEvG,MAAM,iBAAA,GAAoB,CAAC,OAAA,KAAwC;AACjE,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,OAAA,CAAQ,kBAAkB,CAAA;AAC9C,IAAA,IAAI,CAAC,KAAK,OAAO,KAAA,CAAA;AACjB,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA;AAC7B,IAAA,MAAM,KAAA,GAAQ,QAAQ,KAAA,EAAO,KAAA;AAC7B,IAAA,OAAO,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,KAAA,CAAA;AAAA,EAClC,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,MAAA;AAAA,EACT;AACF,CAAA;AAEO,MAAM,yBAAA,GAA4B,CAAC,GAAA,GAAc,WAAA,MAAsC;AAAA,EAC5F,GAAA,GAAM;AACJ,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,IAAA;AAC1C,IAAA,IAAI;AACF,MAAA,MAAM,GAAA,GAAM,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,GAAG,CAAA;AAC3C,MAAA,IAAI,OAAA,CAAQ,GAAG,CAAA,EAAG,OAAO,GAAA;AACzB,MAAA,MAAM,QAAA,GAAW,iBAAA,CAAkB,MAAA,CAAO,YAAY,CAAA;AACtD,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,GAAA,EAAK,QAAQ,CAAA;AACzC,QAAA,OAAO,QAAA;AAAA,MACT;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF,CAAA;AAAA,EACA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACnC,IAAA,IAAI;AACF,MAAA,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,GAAA,EAAK,KAAK,CAAA;AAAA,IACxC,CAAA,CAAA,MAAQ;AAAA,IAER;AAAA,EACF,CAAA;AAAA,EACA,UAAU,QAAA,EAAU;AAClB,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,MAAM;AAAA,IAAC,CAAA;AACjD,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAAwB;AACvC,MAAA,IAAI,KAAA,CAAM,QAAQ,GAAA,EAAK;AACvB,MAAA,IAAI,KAAA,CAAM,aAAa,IAAA,EAAM;AAC3B,QAAA,QAAA,CAAS,IAAI,CAAA;AACb,QAAA;AAAA,MACF;AACA,MAAA,IAAI,QAAQ,KAAA,CAAM,QAAQ,CAAA,EAAG,QAAA,CAAS,MAAM,QAAQ,CAAA;AAAA,IACtD,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,OAAO,CAAA;AAC1C,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,SAAA,EAAW,OAAO,CAAA;AAAA,EAC5D;AACF,CAAA,CAAA;;AClDO,MAAM,YAAA,GAAeA,oBAAwC,IAAI,CAAA;;ACCxE,MAAM,YAAA,GAAe,8BAAA;AAErB,MAAM,yBAAA,GAA4B,OAAO,MAAA,KAAW,WAAA,GAAcC,eAAA,GAAYC,qBAAA;AAE9E,MAAM,iBAAiB,MAAqB;AAC1C,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,OAAO,MAAA,CAAO,UAAA,KAAe,YAAY,OAAO,MAAA;AACrF,EAAA,OAAO,MAAA,CAAO,UAAA,CAAW,YAAY,CAAA,CAAE,UAAU,MAAA,GAAS,OAAA;AAC5D,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAAC,QAAA,KAAuC;AACnE,EAAA,IAAI,OAAO,WAAW,WAAA,IAAe,OAAO,OAAO,UAAA,KAAe,UAAA,SAAmB,MAAM;AAAA,EAAC,CAAA;AAC5F,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,UAAA,CAAW,YAAY,CAAA;AAC5C,EAAA,KAAA,CAAM,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACzC,EAAA,OAAO,MAAM,KAAA,CAAM,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AAC3D,CAAA;AAEA,MAAM,eAAA,GAAkB,CAAC,MAAA,EAAqB,QAAA,KAA4B;AACxE,EAAA,MAAA,CAAO,SAAA,CAAU,MAAA,CAAO,QAAA,KAAa,MAAA,GAAS,UAAU,MAAM,CAAA;AAC9D,EAAA,MAAA,CAAO,SAAA,CAAU,IAAI,QAAQ,CAAA;AAC/B,CAAA;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,eAAe,QAAA,EAAU,UAAA,EAAY,QAAO,KAA0B;AAC9G,EAAA,MAAM,OAAA,GAAUC,cAAQ,MAAM,yBAAA,CAA0B,UAAU,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AACjF,EAAA,MAAM,iBAAA,GAAoBC,aAA2B,IAAI,CAAA;AAEzD,EAAA,MAAM,CAAC,OAAO,aAAa,CAAA,GAAIC,eAAgB,MAAM,OAAA,CAAQ,GAAA,EAAI,IAAK,YAAY,CAAA;AAClF,EAAA,MAAM,WAAA,GAAcC,0BAAA,CAAqB,oBAAA,EAAsB,cAAA,EAAgB,MAAM,MAAe,CAAA;AAEpG,EAAAL,eAAA,CAAU,MAAM,OAAA,CAAQ,SAAA,CAAU,CAAA,IAAA,KAAQ,aAAA,CAAc,IAAA,IAAQ,YAAY,CAAC,CAAA,EAAG,CAAC,OAAA,EAAS,YAAY,CAAC,CAAA;AAEvG,EAAA,MAAM,aAAA,GAA+B,KAAA,KAAU,QAAA,GAAW,WAAA,GAAc,KAAA;AAExE,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,KAAK,MAAA,KAAW,OAAO,WAAW,WAAA,GAAc,IAAA,GAAO,OAAO,QAAA,CAAS,eAAA,CAAA;AAC7E,IAAA,IAAI,iBAAA,CAAkB,OAAA,IAAW,iBAAA,CAAkB,OAAA,KAAY,EAAA,EAAI;AACjE,MAAA,iBAAA,CAAkB,OAAA,CAAQ,SAAA,CAAU,MAAA,CAAO,MAAA,EAAQ,OAAO,CAAA;AAAA,IAC5D;AACA,IAAA,IAAI,EAAA,EAAI,eAAA,CAAgB,EAAA,EAAI,aAAa,CAAA;AACzC,IAAA,iBAAA,CAAkB,OAAA,GAAU,EAAA;AAAA,EAC9B,CAAA,EAAG,CAAC,aAAA,EAAe,MAAM,CAAC,CAAA;AAE1B,EAAA,MAAM,KAAA,GAAQE,aAAA;AAAA,IACZ,OAAO;AAAA,MACL,KAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAU,CAAA,IAAA,KAAQ;AAChB,QAAA,aAAA,CAAc,IAAI,CAAA;AAClB,QAAA,OAAA,CAAQ,IAAI,IAAI,CAAA;AAAA,MAClB;AAAA,KACF,CAAA;AAAA,IACA,CAAC,KAAA,EAAO,aAAA,EAAe,WAAA,EAAa,OAAO;AAAA,GAC7C;AAEA,EAAA,uBAAOI,cAAA,CAAC,YAAA,CAAa,QAAA,EAAb,EAAsB,OAAe,QAAA,EAAS,CAAA;AACxD;AAEA,MAAM,OAAO,MAAM;AAAC,CAAA;AAEb,MAAM,WAAW,MAAyB;AAC/C,EAAA,MAAM,GAAA,GAAMC,iBAAW,YAAY,CAAA;AACnC,EAAA,MAAM,WAAA,GAAcF,0BAAA,CAAqB,oBAAA,EAAsB,cAAA,EAAgB,MAAM,MAAe,CAAA;AACpG,EAAA,OAAOH,aAAA;AAAA,IACL,MAAM,OAAO,EAAE,KAAA,EAAO,UAAU,aAAA,EAAe,WAAA,EAAa,WAAA,EAAa,QAAA,EAAU,IAAA,EAAK;AAAA,IACxF,CAAC,KAAK,WAAW;AAAA,GACnB;AACF;;;;;"}