@kushagradhawan/kookie-ui 0.1.29 → 0.1.30

package/dist/cjs/components/slider.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/slider.props.tsx"],
-  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'surface', 'soft'] as const;\n\nconst sliderPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { sliderPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,kCAC7BC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,MAAM,EAExCN,EAAiB,CACrB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQK,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAG,eACH,GAAG,sBACH,GAAG,eACL",
+  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['surface', 'soft', 'outline'] as const;\n\nconst sliderPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  showTickLabels: { type: 'boolean', className: 'rt-show-tick-labels' },\n  snapToTicks: { type: 'boolean', className: 'rt-snap-to-ticks' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  showTickLabels: PropDef<boolean>;\n  snapToTicks: PropDef<boolean>;\n};\n\nexport { sliderPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,kCAC7BC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,OAAQ,SAAS,EAExCN,EAAiB,CACrB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQK,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,eAAgB,CAAE,KAAM,UAAW,UAAW,qBAAsB,EACpE,YAAa,CAAE,KAAM,UAAW,UAAW,kBAAmB,EAC9D,GAAG,eACH,GAAG,sBACH,GAAG,eACL",
   "names": ["slider_props_exports", "__export", "sliderPropDefs", "__toCommonJS", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants"]
 }

package/dist/cjs/components/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAIrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAG3E,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAC7D,UAAU,WACR,SAAQ,qBAAqB,CACzB,OAAO,eAAe,CAAC,IAAI,EAC3B,SAAS,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAClD,EACD,WAAW,EACX,cAAc;CAAG;AACrB,QAAA,MAAM,MAAM,uFAoBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAIrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAG3E,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAC7D,UAAU,WACR,SAAQ,qBAAqB,CACzB,OAAO,eAAe,CAAC,IAAI,EAC3B,SAAS,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAClD,EACD,WAAW,EACX,cAAc;CAAG;AACrB,QAAA,MAAM,MAAM,uFAsBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/cjs/components/switch.js

@@ -1,2 +1,2 @@
-"use strict";var S=Object.create;var p=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var g=(t,o)=>{for(var r in o)p(t,r,{get:o[r],enumerable:!0})},h=(t,o,r,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of y(o))!R.call(t,e)&&e!==r&&p(t,e,{get:()=>o[e],enumerable:!(i=d(o,e))||i.enumerable});return t};var f=(t,o,r)=>(r=t!=null?S(u(t)):{},h(o||!t||!t.__esModule?p(r,"default",{value:t,enumerable:!0}):r,t)),C=t=>h(p({},"__esModule",{value:!0}),t);var D={};g(D,{Switch:()=>a});module.exports=C(D);var s=f(require("react")),m=f(require("classnames")),c=require("radix-ui"),n=require("../helpers/extract-props.js"),w=require("../props/margin.props.js"),P=require("./switch.props.js");const a=s.forwardRef((t,o)=>{const{className:r,color:i,radius:e,...l}=(0,n.extractProps)(t,P.switchPropDefs,w.marginPropDefs);return s.createElement(c.Switch.Root,{"data-accent-color":i,"data-radius":e,...l,asChild:!1,ref:o,className:(0,m.default)("rt-reset","rt-SwitchRoot",r)},s.createElement(c.Switch.Thumb,{className:(0,m.default)("rt-SwitchThumb",{"rt-high-contrast":t.highContrast})}))});a.displayName="Switch";
+"use strict";var y=Object.create;var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var C=(t,o)=>{for(var r in o)p(t,r,{get:o[r],enumerable:!0})},n=(t,o,r,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of g(o))!v.call(t,e)&&e!==r&&p(t,e,{get:()=>o[e],enumerable:!(i=u(o,e))||i.enumerable});return t};var f=(t,o,r)=>(r=t!=null?y(R(t)):{},n(o||!t||!t.__esModule?p(r,"default",{value:t,enumerable:!0}):r,t)),D=t=>n(p({},"__esModule",{value:!0}),t);var N={};C(N,{Switch:()=>m});module.exports=D(N);var s=f(require("react")),a=f(require("classnames")),c=require("radix-ui"),l=require("../helpers/extract-props.js"),w=require("../props/margin.props.js"),P=require("./switch.props.js");const m=s.forwardRef((t,o)=>{const{className:r,color:i,panelBackground:e,material:S,...d}=(0,l.extractProps)(t,P.switchPropDefs,w.marginPropDefs),h=S||e;return s.createElement(c.Switch.Root,{"data-accent-color":i,"data-panel-background":h,"data-material":h,...d,asChild:!1,ref:o,className:(0,a.default)("rt-reset","rt-SwitchRoot",r)},s.createElement(c.Switch.Thumb,{className:(0,a.default)("rt-SwitchThumb",{"rt-high-contrast":t.highContrast})}))});m.displayName="Switch";
 //# sourceMappingURL=switch.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/switch.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { switchPropDefs } from './switch.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\n\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive.Root>;\ntype SwitchOwnProps = GetPropDefTypes<typeof switchPropDefs>;\ninterface SwitchProps\n  extends ComponentPropsWithout<\n      typeof SwitchPrimitive.Root,\n      'asChild' | 'color' | 'defaultValue' | 'children'\n    >,\n    MarginProps,\n    SwitchOwnProps {}\nconst Switch = React.forwardRef<SwitchElement, SwitchProps>((props, forwardedRef) => {\n  const { className, color, radius, ...switchProps } = extractProps(\n    props,\n    switchPropDefs,\n    marginPropDefs\n  );\n  return (\n    <SwitchPrimitive.Root\n      data-accent-color={color}\n      data-radius={radius}\n      {...switchProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SwitchRoot', className)}\n    >\n      <SwitchPrimitive.Thumb\n        className={classNames('rt-SwitchThumb', { 'rt-high-contrast': props.highContrast })}\n      />\n    </SwitchPrimitive.Root>\n  );\n});\nSwitch.displayName = 'Switch';\n\nexport { Switch };\nexport type { SwitchProps };\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA0C,oBAE1CC,EAA6B,uCAC7BC,EAA+B,oCAC/BC,EAA+B,6BAe/B,MAAMP,EAASE,EAAM,WAAuC,CAACM,EAAOC,IAAiB,CACnF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,GAAGC,CAAY,KAAI,gBACnDL,EACA,iBACA,gBACF,EACA,OACEN,EAAA,cAAC,EAAAY,OAAgB,KAAhB,CACC,oBAAmBH,EACnB,cAAaC,EACZ,GAAGC,EACJ,QAAS,GACT,IAAKJ,EACL,aAAW,EAAAM,SAAW,WAAY,gBAAiBL,CAAS,GAE5DR,EAAA,cAAC,EAAAY,OAAgB,MAAhB,CACC,aAAW,EAAAC,SAAW,iBAAkB,CAAE,mBAAoBP,EAAM,YAAa,CAAC,EACpF,CACF,CAEJ,CAAC,EACDR,EAAO,YAAc",
-  "names": ["switch_exports", "__export", "Switch", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_extract_props", "import_margin_props", "import_switch_props", "props", "forwardedRef", "className", "color", "radius", "switchProps", "SwitchPrimitive", "classNames"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { switchPropDefs } from './switch.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\n\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive.Root>;\ntype SwitchOwnProps = GetPropDefTypes<typeof switchPropDefs>;\ninterface SwitchProps\n  extends ComponentPropsWithout<\n      typeof SwitchPrimitive.Root,\n      'asChild' | 'color' | 'defaultValue' | 'children'\n    >,\n    MarginProps,\n    SwitchOwnProps {}\nconst Switch = React.forwardRef<SwitchElement, SwitchProps>((props, forwardedRef) => {\n  const { className, color, panelBackground, material, ...switchProps } = extractProps(\n    props,\n    switchPropDefs,\n    marginPropDefs,\n  );\n  const effectiveMaterial = material || panelBackground;\n  return (\n    <SwitchPrimitive.Root\n      data-accent-color={color}\n      data-panel-background={effectiveMaterial}\n      data-material={effectiveMaterial}\n      {...switchProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SwitchRoot', className)}\n    >\n      <SwitchPrimitive.Thumb\n        className={classNames('rt-SwitchThumb', { 'rt-high-contrast': props.highContrast })}\n      />\n    </SwitchPrimitive.Root>\n  );\n});\nSwitch.displayName = 'Switch';\n\nexport { Switch };\nexport type { SwitchProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA0C,oBAE1CC,EAA6B,uCAC7BC,EAA+B,oCAC/BC,EAA+B,6BAe/B,MAAMP,EAASE,EAAM,WAAuC,CAACM,EAAOC,IAAiB,CACnF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,SAAAC,EAAU,GAAGC,CAAY,KAAI,gBACtEN,EACA,iBACA,gBACF,EACMO,EAAoBF,GAAYD,EACtC,OACEV,EAAA,cAAC,EAAAc,OAAgB,KAAhB,CACC,oBAAmBL,EACnB,wBAAuBI,EACvB,gBAAeA,EACd,GAAGD,EACJ,QAAS,GACT,IAAKL,EACL,aAAW,EAAAQ,SAAW,WAAY,gBAAiBP,CAAS,GAE5DR,EAAA,cAAC,EAAAc,OAAgB,MAAhB,CACC,aAAW,EAAAC,SAAW,iBAAkB,CAAE,mBAAoBT,EAAM,YAAa,CAAC,EACpF,CACF,CAEJ,CAAC,EACDR,EAAO,YAAc",
+  "names": ["switch_exports", "__export", "Switch", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_extract_props", "import_margin_props", "import_switch_props", "props", "forwardedRef", "className", "color", "panelBackground", "material", "switchProps", "effectiveMaterial", "SwitchPrimitive", "classNames"]
 }

package/dist/cjs/components/switch.props.d.ts

@@ -1,7 +1,20 @@
 declare const switchPropDefs: {
-    radius: {
+    /**
+     * Material type for visual rendering and depth effects
+     * Controls how the switch renders its visual elements
+     */
+    material: {
         type: "enum";
-        values: readonly ["none", "small", "medium", "large", "full"];
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    /**
+     * Panel background type (deprecated)
+     * @deprecated Use `material` prop instead. This prop will be removed in a future version.
+     */
+    panelBackground: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
         default: undefined;
     };
     highContrast: {
@@ -17,14 +30,14 @@ declare const switchPropDefs: {
     size: {
         type: "enum";
         className: string;
-        values: readonly ["1", "2", "3"];
+        values: readonly ["1", "2", "3", "4"];
         default: "2";
         responsive: true;
     };
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "surface", "soft"];
+        values: readonly ["surface", "soft", "outline"];
         default: "surface";
     };
 };

package/dist/cjs/components/switch.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.props.d.ts","sourceRoot":"","sources":["../../../src/components/switch.props.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASnB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"switch.props.d.ts","sourceRoot":"","sources":["../../../src/components/switch.props.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,cAAc;IAKlB;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOJ,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/cjs/components/switch.props.js

@@ -1,2 +1,2 @@
-"use strict";var t=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var l=(e,s)=>{for(var o in s)t(e,o,{get:s[o],enumerable:!0})},v=(e,s,o,a)=>{if(s&&typeof s=="object"||typeof s=="function")for(let r of c(s))!u.call(e,r)&&r!==o&&t(e,r,{get:()=>s[r],enumerable:!(a=m(s,r))||a.enumerable});return e};var D=e=>v(t({},"__esModule",{value:!0}),e);var z={};l(z,{switchPropDefs:()=>n});module.exports=D(z);var p=require("../props/color.prop.js"),i=require("../props/high-contrast.prop.js"),f=require("../props/radius.prop.js");const P=["1","2","3"],y=["classic","surface","soft"],n={size:{type:"enum",className:"rt-r-size",values:P,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"surface"},...p.colorPropDef,...i.highContrastPropDef,...f.radiusPropDef};
+"use strict";var n=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var c=(s,e)=>{for(var t in e)n(s,t,{get:e[t],enumerable:!0})},m=(s,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of f(e))!l.call(s,a)&&a!==t&&n(s,a,{get:()=>e[a],enumerable:!(r=i(e,a))||r.enumerable});return s};var d=s=>m(n({},"__esModule",{value:!0}),s);var g={};c(g,{switchPropDefs:()=>u});module.exports=d(g);var o=require("../props/color.prop.js"),p=require("../props/high-contrast.prop.js");const v=["1","2","3","4"],y=["surface","soft","outline"],D=["solid","translucent"],P=["solid","translucent"],u={size:{type:"enum",className:"rt-r-size",values:v,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"surface"},...o.colorPropDef,...p.highContrastPropDef,material:{type:"enum",values:P,default:void 0},panelBackground:{type:"enum",values:D,default:void 0}};
 //# sourceMappingURL=switch.props.js.map

package/dist/cjs/components/switch.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/switch.props.tsx"],
-  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'surface', 'soft'] as const;\n\nconst switchPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { switchPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,kCAC7BC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,MAAM,EAExCN,EAAiB,CACrB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQK,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAG,eACH,GAAG,sBACH,GAAG,eACL",
-  "names": ["switch_props_exports", "__export", "switchPropDefs", "__toCommonJS", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants"]
+  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['surface', 'soft', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst switchPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  /**\n   * Material type for visual rendering and depth effects\n   * Controls how the switch renders its visual elements\n   */\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\n   * Panel background type (deprecated)\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { switchPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,kCAC7BC,EAAoC,0CAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,OAAQ,SAAS,EACxCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCP,EAAiB,CACrB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAG,eACH,GAAG,sBAKH,SAAU,CAAE,KAAM,OAAQ,OAAQE,EAAW,QAAS,MAAU,EAKhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,CAChF",
+  "names": ["switch_props_exports", "__export", "switchPropDefs", "__toCommonJS", "import_color_prop", "import_high_contrast_prop", "sizes", "variants", "panelBackgrounds", "materials"]
 }

package/dist/cjs/components/tab-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-nav.d.ts","sourceRoot":"","sources":["../../../src/components/tab-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAKxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,sBAAsB,GAAG,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AACzE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACjE,UAAU,eACR,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,GAAG,KAAK,GAAG,OAAO,CAAC,EACpE,WAAW,EACX,cAAc;CAAG;AACrB,QAAA,MAAM,UAAU,qFAqBd,CAAC;AAIH,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACrE,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,cAAc,CAAC,IAAI,EAAE,YAAY,GAAG,UAAU,CAAC,EAClF,kBAAkB;CAAG;AACzB,QAAA,MAAM,UAAU,2FAuBd,CAAC;AAGH,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,UAAU,IAAI,IAAI,EAAE,CAAC;AAClD,YAAY,EAAE,eAAe,IAAI,SAAS,EAAE,eAAe,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"tab-nav.d.ts","sourceRoot":"","sources":["../../../src/components/tab-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAKxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,sBAAsB,GAAG,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AACzE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACjE,UAAU,eACR,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,GAAG,KAAK,GAAG,OAAO,CAAC,EACpE,WAAW,EACX,cAAc;CAAG;AACrB,QAAA,MAAM,UAAU,qFAsBd,CAAC;AAIH,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACrE,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,cAAc,CAAC,IAAI,EAAE,YAAY,GAAG,UAAU,CAAC,EAClF,kBAAkB;CAAG;AACzB,QAAA,MAAM,UAAU,2FAyBd,CAAC;AAGH,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,UAAU,IAAI,IAAI,EAAE,CAAC;AAClD,YAAY,EAAE,eAAe,IAAI,SAAS,EAAE,eAAe,IAAI,SAAS,EAAE,CAAC"}

package/dist/cjs/components/tab-nav.js

@@ -1,2 +1,2 @@
-"use strict";var k=Object.create;var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var u=(o,a)=>{for(var e in a)p(o,e,{get:a[e],enumerable:!0})},b=(o,a,e,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of y(a))!R.call(o,r)&&r!==e&&p(o,r,{get:()=>a[r],enumerable:!(s=c(a,r))||s.enumerable});return o};var T=(o,a,e)=>(e=o!=null?k(g(o)):{},b(a||!o||!o.__esModule?p(e,"default",{value:o,enumerable:!0}):e,o)),M=o=>b(p({},"__esModule",{value:!0}),o);var h={};u(h,{Link:()=>v,Root:()=>N});module.exports=M(h);var t=T(require("react")),m=T(require("classnames")),n=require("radix-ui"),l=require("./tab-nav.props.js"),P=require("../helpers/extract-props.js"),L=require("../helpers/get-subtree.js"),d=require("../props/margin.props.js");const N=t.forwardRef((o,a)=>{const{children:e,className:s,color:r,...i}=(0,P.extractProps)(o,l.tabNavRootPropDefs,d.marginPropDefs);return t.createElement(n.NavigationMenu.Root,{className:"rt-TabNavRoot","data-accent-color":r,...i,asChild:!1,ref:a},t.createElement(n.NavigationMenu.List,{className:(0,m.default)("rt-reset","rt-BaseTabList","rt-TabNavList",s)},e))});N.displayName="TabNav.Root";const v=t.forwardRef((o,a)=>{const{asChild:e,children:s,className:r,...i}=o;return t.createElement(n.NavigationMenu.Item,{className:"rt-TabNavItem"},t.createElement(n.NavigationMenu.Link,{...i,ref:a,className:(0,m.default)("rt-reset","rt-BaseTabListTrigger","rt-TabNavLink",r),onSelect:void 0,asChild:e},(0,L.getSubtree)({asChild:e,children:s},f=>t.createElement(t.Fragment,null,t.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabNavLinkInner"},f),t.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden"},f)))))});v.displayName="TabNav.Link";
+"use strict";var k=Object.create;var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var M=(a,o)=>{for(var e in o)i(a,e,{get:o[e],enumerable:!0})},T=(a,o,e,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of u(o))!R.call(a,r)&&r!==e&&i(a,r,{get:()=>o[r],enumerable:!(n=g(o,r))||n.enumerable});return a};var l=(a,o,e)=>(e=a!=null?k(y(a)):{},T(o||!a||!a.__esModule?i(e,"default",{value:a,enumerable:!0}):e,a)),h=a=>T(i({},"__esModule",{value:!0}),a);var D={};M(D,{Link:()=>f,Root:()=>v});module.exports=h(D);var t=l(require("react")),N=l(require("classnames")),s=require("radix-ui"),P=require("./tab-nav.props.js"),d=require("../helpers/extract-props.js"),L=require("../helpers/get-subtree.js"),c=require("../props/margin.props.js");const v=t.forwardRef((a,o)=>{const{children:e,className:n,color:r,panelBackground:p,...m}=(0,d.extractProps)(a,P.tabNavRootPropDefs,c.marginPropDefs);return t.createElement(s.NavigationMenu.Root,{className:"rt-TabNavRoot","data-accent-color":r,...m,asChild:!1,ref:o},t.createElement(s.NavigationMenu.List,{className:(0,N.default)("rt-reset","rt-BaseTabList","rt-TabNavList",n),"data-panel-background":p},e))});v.displayName="TabNav.Root";const f=t.forwardRef((a,o)=>{const{asChild:e,children:n,className:r,active:p,...m}=a;return t.createElement(s.NavigationMenu.Item,{className:"rt-TabNavItem"},t.createElement(s.NavigationMenu.Link,{...m,ref:o,className:(0,N.default)("rt-reset","rt-BaseTabListTrigger","rt-TabNavLink",r),onSelect:void 0,asChild:e,"aria-current":p?"page":void 0,"data-active":p||void 0},(0,L.getSubtree)({asChild:e,children:n},b=>t.createElement(t.Fragment,null,t.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabNavLinkInner"},b),t.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden"},b)))))});f.displayName="TabNav.Link";
 //# sourceMappingURL=tab-nav.js.map

package/dist/cjs/components/tab-nav.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tab-nav.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { NavigationMenu } from 'radix-ui';\n\nimport { tabNavRootPropDefs } from './tab-nav.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { tabNavLinkPropDefs } from './tab-nav.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TabNavRootElement = React.ElementRef<typeof NavigationMenu.Root>;\ntype TabNavRootElementProps = ComponentPropsWithout<'nav', RemovedProps>;\ntype TabNavOwnProps = GetPropDefTypes<typeof tabNavRootPropDefs>;\ninterface TabNavRootProps\n  extends Omit<TabNavRootElementProps, 'defaultValue' | 'dir' | 'color'>,\n    MarginProps,\n    TabNavOwnProps {}\nconst TabNavRoot = React.forwardRef<TabNavRootElement, TabNavRootProps>((props, forwardedRef) => {\n  const { children, className, color, ...rootProps } = extractProps(\n    props,\n    tabNavRootPropDefs,\n    marginPropDefs\n  );\n  return (\n    <NavigationMenu.Root\n      className=\"rt-TabNavRoot\"\n      data-accent-color={color}\n      {...rootProps}\n      asChild={false}\n      ref={forwardedRef}\n    >\n      <NavigationMenu.List\n        className={classNames('rt-reset', 'rt-BaseTabList', 'rt-TabNavList', className)}\n      >\n        {children}\n      </NavigationMenu.List>\n    </NavigationMenu.Root>\n  );\n});\nTabNavRoot.displayName = 'TabNav.Root';\n\ntype TabNavLinkElement = React.ElementRef<typeof NavigationMenu.Link>;\ntype TabNavLinkOwnProps = GetPropDefTypes<typeof tabNavLinkPropDefs>;\ninterface TabNavLinkProps\n  extends ComponentPropsWithout<typeof NavigationMenu.Link, RemovedProps | 'onSelect'>,\n    TabNavLinkOwnProps {}\nconst TabNavLink = React.forwardRef<TabNavLinkElement, TabNavLinkProps>((props, forwardedRef) => {\n  const { asChild, children, className, ...linkProps } = props;\n\n  return (\n    <NavigationMenu.Item className=\"rt-TabNavItem\">\n      <NavigationMenu.Link\n        {...linkProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseTabListTrigger', 'rt-TabNavLink', className)}\n        onSelect={undefined}\n        asChild={asChild}\n      >\n        {getSubtree({ asChild, children }, (children) => (\n          <>\n            <span className=\"rt-BaseTabListTriggerInner rt-TabNavLinkInner\">{children}</span>\n            <span className=\"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden\">\n              {children}\n            </span>\n          </>\n        ))}\n      </NavigationMenu.Link>\n    </NavigationMenu.Item>\n  );\n});\nTabNavLink.displayName = 'TabNav.Link';\n\nexport { TabNavRoot as Root, TabNavLink as Link };\nexport type { TabNavRootProps as RootProps, TabNavLinkProps as LinkProps };\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA+B,oBAE/BC,EAAmC,8BACnCC,EAA6B,uCAC7BC,EAA2B,qCAC3BC,EAA+B,oCAc/B,MAAMR,EAAaE,EAAM,WAA+C,CAACO,EAAOC,IAAiB,CAC/F,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAU,KAAI,gBACnDL,EACA,qBACA,gBACF,EACA,OACEP,EAAA,cAAC,iBAAe,KAAf,CACC,UAAU,gBACV,oBAAmBW,EAClB,GAAGC,EACJ,QAAS,GACT,IAAKJ,GAELR,EAAA,cAAC,iBAAe,KAAf,CACC,aAAW,EAAAa,SAAW,WAAY,iBAAkB,gBAAiBH,CAAS,GAE7ED,CACH,CACF,CAEJ,CAAC,EACDX,EAAW,YAAc,cAOzB,MAAMD,EAAaG,EAAM,WAA+C,CAACO,EAAOC,IAAiB,CAC/F,KAAM,CAAE,QAAAM,EAAS,SAAAL,EAAU,UAAAC,EAAW,GAAGK,CAAU,EAAIR,EAEvD,OACEP,EAAA,cAAC,iBAAe,KAAf,CAAoB,UAAU,iBAC7BA,EAAA,cAAC,iBAAe,KAAf,CACE,GAAGe,EACJ,IAAKP,EACL,aAAW,EAAAK,SAAW,WAAY,wBAAyB,gBAAiBH,CAAS,EACrF,SAAU,OACV,QAASI,MAER,cAAW,CAAE,QAAAA,EAAS,SAAAL,CAAS,EAAIA,GAClCT,EAAA,cAAAA,EAAA,cACEA,EAAA,cAAC,QAAK,UAAU,iDAAiDS,CAAS,EAC1ET,EAAA,cAAC,QAAK,UAAU,6DACbS,CACH,CACF,CACD,CACH,CACF,CAEJ,CAAC,EACDZ,EAAW,YAAc",
-  "names": ["tab_nav_exports", "__export", "TabNavLink", "TabNavRoot", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_tab_nav_props", "import_extract_props", "import_get_subtree", "import_margin_props", "props", "forwardedRef", "children", "className", "color", "rootProps", "classNames", "asChild", "linkProps"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { NavigationMenu } from 'radix-ui';\n\nimport { tabNavRootPropDefs } from './tab-nav.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { tabNavLinkPropDefs } from './tab-nav.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TabNavRootElement = React.ElementRef<typeof NavigationMenu.Root>;\ntype TabNavRootElementProps = ComponentPropsWithout<'nav', RemovedProps>;\ntype TabNavOwnProps = GetPropDefTypes<typeof tabNavRootPropDefs>;\ninterface TabNavRootProps\n  extends Omit<TabNavRootElementProps, 'defaultValue' | 'dir' | 'color'>,\n    MarginProps,\n    TabNavOwnProps {}\nconst TabNavRoot = React.forwardRef<TabNavRootElement, TabNavRootProps>((props, forwardedRef) => {\n  const { children, className, color, panelBackground, ...rootProps } = extractProps(\n    props,\n    tabNavRootPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <NavigationMenu.Root\n      className=\"rt-TabNavRoot\"\n      data-accent-color={color}\n      {...rootProps}\n      asChild={false}\n      ref={forwardedRef}\n    >\n      <NavigationMenu.List\n        className={classNames('rt-reset', 'rt-BaseTabList', 'rt-TabNavList', className)}\n        data-panel-background={panelBackground}\n      >\n        {children}\n      </NavigationMenu.List>\n    </NavigationMenu.Root>\n  );\n});\nTabNavRoot.displayName = 'TabNav.Root';\n\ntype TabNavLinkElement = React.ElementRef<typeof NavigationMenu.Link>;\ntype TabNavLinkOwnProps = GetPropDefTypes<typeof tabNavLinkPropDefs>;\ninterface TabNavLinkProps\n  extends ComponentPropsWithout<typeof NavigationMenu.Link, RemovedProps | 'onSelect'>,\n    TabNavLinkOwnProps {}\nconst TabNavLink = React.forwardRef<TabNavLinkElement, TabNavLinkProps>((props, forwardedRef) => {\n  const { asChild, children, className, active, ...linkProps } = props;\n\n  return (\n    <NavigationMenu.Item className=\"rt-TabNavItem\">\n      <NavigationMenu.Link\n        {...linkProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseTabListTrigger', 'rt-TabNavLink', className)}\n        onSelect={undefined}\n        asChild={asChild}\n        aria-current={active ? 'page' : undefined}\n        data-active={active || undefined}\n      >\n        {getSubtree({ asChild, children }, (children) => (\n          <>\n            <span className=\"rt-BaseTabListTriggerInner rt-TabNavLinkInner\">{children}</span>\n            <span className=\"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden\">\n              {children}\n            </span>\n          </>\n        ))}\n      </NavigationMenu.Link>\n    </NavigationMenu.Item>\n  );\n});\nTabNavLink.displayName = 'TabNav.Link';\n\nexport { TabNavRoot as Root, TabNavLink as Link };\nexport type { TabNavRootProps as RootProps, TabNavLinkProps as LinkProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA+B,oBAE/BC,EAAmC,8BACnCC,EAA6B,uCAC7BC,EAA2B,qCAC3BC,EAA+B,oCAc/B,MAAMR,EAAaE,EAAM,WAA+C,CAACO,EAAOC,IAAiB,CAC/F,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,GAAGC,CAAU,KAAI,gBACpEN,EACA,qBACA,gBACF,EACA,OACEP,EAAA,cAAC,iBAAe,KAAf,CACC,UAAU,gBACV,oBAAmBW,EAClB,GAAGE,EACJ,QAAS,GACT,IAAKL,GAELR,EAAA,cAAC,iBAAe,KAAf,CACC,aAAW,EAAAc,SAAW,WAAY,iBAAkB,gBAAiBJ,CAAS,EAC9E,wBAAuBE,GAEtBH,CACH,CACF,CAEJ,CAAC,EACDX,EAAW,YAAc,cAOzB,MAAMD,EAAaG,EAAM,WAA+C,CAACO,EAAOC,IAAiB,CAC/F,KAAM,CAAE,QAAAO,EAAS,SAAAN,EAAU,UAAAC,EAAW,OAAAM,EAAQ,GAAGC,CAAU,EAAIV,EAE/D,OACEP,EAAA,cAAC,iBAAe,KAAf,CAAoB,UAAU,iBAC7BA,EAAA,cAAC,iBAAe,KAAf,CACE,GAAGiB,EACJ,IAAKT,EACL,aAAW,EAAAM,SAAW,WAAY,wBAAyB,gBAAiBJ,CAAS,EACrF,SAAU,OACV,QAASK,EACT,eAAcC,EAAS,OAAS,OAChC,cAAaA,GAAU,WAEtB,cAAW,CAAE,QAAAD,EAAS,SAAAN,CAAS,EAAIA,GAClCT,EAAA,cAAAA,EAAA,cACEA,EAAA,cAAC,QAAK,UAAU,iDAAiDS,CAAS,EAC1ET,EAAA,cAAC,QAAK,UAAU,6DACbS,CACH,CACF,CACD,CACH,CACF,CAEJ,CAAC,EACDZ,EAAW,YAAc",
+  "names": ["tab_nav_exports", "__export", "TabNavLink", "TabNavRoot", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_tab_nav_props", "import_extract_props", "import_get_subtree", "import_margin_props", "props", "forwardedRef", "children", "className", "color", "panelBackground", "rootProps", "classNames", "asChild", "active", "linkProps"]
 }

package/dist/cjs/components/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,UAAU,aACR,SAAQ,qBAAqB,CAAC,OAAO,aAAa,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,gBAAgB,CAAC,EAC9F,WAAW,EACX,gBAAgB;CAAG;AACvB,QAAA,MAAM,QAAQ,sFASZ,CAAC;AAIH,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,UAAU,aACR,SAAQ,qBAAqB,CAAC,OAAO,aAAa,CAAC,IAAI,EAAE,YAAY,CAAC,EACpE,WAAW,EACX,gBAAgB;CAAG;AACvB,QAAA,MAAM,QAAQ,sFAgBZ,CAAC;AAIH,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,4FAiBhB,CAAC;AAIF,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACvE,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,EACvE,WAAW,EACX,mBAAmB;CAAG;AAC1B,QAAA,MAAM,WAAW,yFAWhB,CAAC;AAGF,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,QAAQ,IAAI,IAAI,EAAE,WAAW,IAAI,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,CAAC;AAC9F,YAAY,EACV,aAAa,IAAI,SAAS,EAC1B,aAAa,IAAI,SAAS,EAC1B,gBAAgB,IAAI,YAAY,EAChC,gBAAgB,IAAI,YAAY,GACjC,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,UAAU,aACR,SAAQ,qBAAqB,CAAC,OAAO,aAAa,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,gBAAgB,CAAC,EAC9F,WAAW,EACX,gBAAgB;CAAG;AACvB,QAAA,MAAM,QAAQ,sFASZ,CAAC;AAIH,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,UAAU,aACR,SAAQ,qBAAqB,CAAC,OAAO,aAAa,CAAC,IAAI,EAAE,YAAY,CAAC,EACpE,WAAW,EACX,gBAAgB;CAAG;AACvB,QAAA,MAAM,QAAQ,sFAgBZ,CAAC;AAIH,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,4FAiBhB,CAAC;AAIF,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACvE,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,EACvE,WAAW,EACX,mBAAmB;CAAG;AAC1B,QAAA,MAAM,WAAW,yFAahB,CAAC;AAGF,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,QAAQ,IAAI,IAAI,EAAE,WAAW,IAAI,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,CAAC;AAC9F,YAAY,EACV,aAAa,IAAI,SAAS,EAC1B,aAAa,IAAI,SAAS,EAC1B,gBAAgB,IAAI,YAAY,EAChC,gBAAgB,IAAI,YAAY,GACjC,CAAC"}

package/dist/cjs/components/tabs.js

@@ -1,2 +1,2 @@
-"use strict";var R=Object.create;var i=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var u=(s,e)=>{for(var t in e)i(s,t,{get:e[t],enumerable:!0})},l=(s,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of L(e))!v.call(s,a)&&a!==t&&i(s,a,{get:()=>e[a],enumerable:!(o=C(e,a))||o.enumerable});return s};var c=(s,e,t)=>(t=s!=null?R(N(s)):{},l(e||!s||!s.__esModule?i(t,"default",{value:s,enumerable:!0}):t,s)),E=s=>l(i({},"__esModule",{value:!0}),s);var h={};u(h,{Content:()=>g,List:()=>P,Root:()=>b,Trigger:()=>f});module.exports=E(h);var r=c(require("react")),p=c(require("classnames")),n=require("radix-ui"),d=require("./tabs.props.js"),T=require("../helpers/extract-props.js"),m=require("../props/margin.props.js");const b=r.forwardRef((s,e)=>{const{className:t,...o}=(0,T.extractProps)(s,m.marginPropDefs);return r.createElement(n.Tabs.Root,{...o,ref:e,className:(0,p.default)("rt-TabsRoot",t)})});b.displayName="Tabs.Root";const P=r.forwardRef((s,e)=>{const{className:t,color:o,panelBackground:a,...y}=(0,T.extractProps)(s,d.tabsListPropDefs,m.marginPropDefs);return r.createElement(n.Tabs.List,{"data-accent-color":o,"data-panel-background":a,...y,asChild:!1,ref:e,className:(0,p.default)("rt-BaseTabList","rt-TabsList",t)})});P.displayName="Tabs.List";const f=r.forwardRef((s,e)=>{const{className:t,children:o,...a}=s;return r.createElement(n.Tabs.Trigger,{...a,asChild:!1,ref:e,className:(0,p.default)("rt-reset","rt-BaseTabListTrigger","rt-TabsTrigger",t)},r.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabsTriggerInner"},o),r.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden"},o))});f.displayName="Tabs.Trigger";const g=r.forwardRef((s,e)=>{const{className:t,...o}=(0,T.extractProps)(s,m.marginPropDefs);return r.createElement(n.Tabs.Content,{...o,ref:e,className:(0,p.default)("rt-TabsContent",t)})});g.displayName="Tabs.Content";
+"use strict";var R=Object.create;var n=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var u=(e,s)=>{for(var t in s)n(e,t,{get:s[t],enumerable:!0})},l=(e,s,t,o)=>{if(s&&typeof s=="object"||typeof s=="function")for(let a of L(s))!N.call(e,a)&&a!==t&&n(e,a,{get:()=>s[a],enumerable:!(o=C(s,a))||o.enumerable});return e};var c=(e,s,t)=>(t=e!=null?R(v(e)):{},l(s||!e||!e.__esModule?n(t,"default",{value:e,enumerable:!0}):t,e)),E=e=>l(n({},"__esModule",{value:!0}),e);var h={};u(h,{Content:()=>g,List:()=>P,Root:()=>b,Trigger:()=>f});module.exports=E(h);var r=c(require("react")),p=c(require("classnames")),i=require("radix-ui"),d=require("./tabs.props.js"),T=require("../helpers/extract-props.js"),m=require("../props/margin.props.js");const b=r.forwardRef((e,s)=>{const{className:t,...o}=(0,T.extractProps)(e,m.marginPropDefs);return r.createElement(i.Tabs.Root,{...o,ref:s,className:(0,p.default)("rt-TabsRoot",t)})});b.displayName="Tabs.Root";const P=r.forwardRef((e,s)=>{const{className:t,color:o,panelBackground:a,...y}=(0,T.extractProps)(e,d.tabsListPropDefs,m.marginPropDefs);return r.createElement(i.Tabs.List,{"data-accent-color":o,"data-panel-background":a,...y,asChild:!1,ref:s,className:(0,p.default)("rt-BaseTabList","rt-TabsList",t)})});P.displayName="Tabs.List";const f=r.forwardRef((e,s)=>{const{className:t,children:o,...a}=e;return r.createElement(i.Tabs.Trigger,{...a,asChild:!1,ref:s,className:(0,p.default)("rt-reset","rt-BaseTabListTrigger","rt-TabsTrigger",t)},r.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabsTriggerInner"},o),r.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden"},o))});f.displayName="Tabs.Trigger";const g=r.forwardRef((e,s)=>{const{className:t,...o}=(0,T.extractProps)(e,m.marginPropDefs);return r.createElement(i.Tabs.Content,{...o,ref:s,className:(0,p.default)("rt-TabsContent",t),"aria-live":"polite","aria-atomic":"true"})});g.displayName="Tabs.Content";
 //# sourceMappingURL=tabs.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tabs.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\n\nimport { tabsListPropDefs } from './tabs.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { tabsContentPropDefs, tabsRootPropDefs } from './tabs.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TabsRootElement = React.ElementRef<typeof TabsPrimitive.Root>;\ntype TabsRootOwnProps = GetPropDefTypes<typeof tabsRootPropDefs>;\ninterface TabsRootProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.Root, 'asChild' | 'color' | 'defaultChecked'>,\n    MarginProps,\n    TabsRootOwnProps {}\nconst TabsRoot = React.forwardRef<TabsRootElement, TabsRootProps>((props, forwardedRef) => {\n  const { className, ...rootProps } = extractProps(props, marginPropDefs);\n  return (\n    <TabsPrimitive.Root\n      {...rootProps}\n      ref={forwardedRef}\n      className={classNames('rt-TabsRoot', className)}\n    />\n  );\n});\nTabsRoot.displayName = 'Tabs.Root';\n\ntype TabsListElement = React.ElementRef<typeof TabsPrimitive.List>;\ntype TabsListOwnProps = GetPropDefTypes<typeof tabsListPropDefs>;\ninterface TabsListProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.List, RemovedProps>,\n    MarginProps,\n    TabsListOwnProps {}\nconst TabsList = React.forwardRef<TabsListElement, TabsListProps>((props, forwardedRef) => {\n  const { className, color, panelBackground, ...listProps } = extractProps(\n    props,\n    tabsListPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <TabsPrimitive.List\n      data-accent-color={color}\n      data-panel-background={panelBackground}\n      {...listProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseTabList', 'rt-TabsList', className)}\n    />\n  );\n});\nTabsList.displayName = 'Tabs.List';\n\ntype TabsTriggerElement = React.ElementRef<typeof TabsPrimitive.Trigger>;\ninterface TabsTriggerProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.Trigger, RemovedProps> {}\nconst TabsTrigger = React.forwardRef<TabsTriggerElement, TabsTriggerProps>(\n  (props, forwardedRef) => {\n    const { className, children, ...triggerProps } = props;\n    return (\n      <TabsPrimitive.Trigger\n        {...triggerProps}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseTabListTrigger', 'rt-TabsTrigger', className)}\n      >\n        <span className=\"rt-BaseTabListTriggerInner rt-TabsTriggerInner\">{children}</span>\n        <span className=\"rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden\">\n          {children}\n        </span>\n      </TabsPrimitive.Trigger>\n    );\n  },\n);\nTabsTrigger.displayName = 'Tabs.Trigger';\n\ntype TabsContentElement = React.ElementRef<typeof TabsPrimitive.Content>;\ntype TabsContentOwnProps = GetPropDefTypes<typeof tabsContentPropDefs>;\ninterface TabsContentProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.Content, RemovedProps>,\n    MarginProps,\n    TabsContentOwnProps {}\nconst TabsContent = React.forwardRef<TabsContentElement, TabsContentProps>(\n  (props, forwardedRef) => {\n    const { className, ...contentProps } = extractProps(props, marginPropDefs);\n    return (\n      <TabsPrimitive.Content\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('rt-TabsContent', className)}\n      />\n    );\n  },\n);\nTabsContent.displayName = 'Tabs.Content';\n\nexport { TabsRoot as Root, TabsList as List, TabsTrigger as Trigger, TabsContent as Content };\nexport type {\n  TabsRootProps as RootProps,\n  TabsListProps as ListProps,\n  TabsTriggerProps as TriggerProps,\n  TabsContentProps as ContentProps,\n};\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,SAAAC,EAAA,SAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GAAA,IAAAO,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAsC,oBAEtCC,EAAiC,2BACjCC,EAA6B,uCAC7BC,EAA+B,oCAa/B,MAAMR,EAAWG,EAAM,WAA2C,CAACM,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,GAAGC,CAAU,KAAI,gBAAaH,EAAO,gBAAc,EACtE,OACEN,EAAA,cAAC,EAAAU,KAAc,KAAd,CACE,GAAGD,EACJ,IAAKF,EACL,aAAW,EAAAI,SAAW,cAAeH,CAAS,EAChD,CAEJ,CAAC,EACDX,EAAS,YAAc,YAQvB,MAAMD,EAAWI,EAAM,WAA2C,CAACM,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,MAAAI,EAAO,gBAAAC,EAAiB,GAAGC,CAAU,KAAI,gBAC1DR,EACA,mBACA,gBACF,EACA,OACEN,EAAA,cAAC,EAAAU,KAAc,KAAd,CACC,oBAAmBE,EACnB,wBAAuBC,EACtB,GAAGC,EACJ,QAAS,GACT,IAAKP,EACL,aAAW,EAAAI,SAAW,iBAAkB,cAAeH,CAAS,EAClE,CAEJ,CAAC,EACDZ,EAAS,YAAc,YAKvB,MAAME,EAAcE,EAAM,WACxB,CAACM,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAC,EAAW,SAAAO,EAAU,GAAGC,CAAa,EAAIV,EACjD,OACEN,EAAA,cAAC,EAAAU,KAAc,QAAd,CACE,GAAGM,EACJ,QAAS,GACT,IAAKT,EACL,aAAW,EAAAI,SAAW,WAAY,wBAAyB,iBAAkBH,CAAS,GAEtFR,EAAA,cAAC,QAAK,UAAU,kDAAkDe,CAAS,EAC3Ef,EAAA,cAAC,QAAK,UAAU,8DACbe,CACH,CACF,CAEJ,CACF,EACAjB,EAAY,YAAc,eAQ1B,MAAMH,EAAcK,EAAM,WACxB,CAACM,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAC,EAAW,GAAGS,CAAa,KAAI,gBAAaX,EAAO,gBAAc,EACzE,OACEN,EAAA,cAAC,EAAAU,KAAc,QAAd,CACE,GAAGO,EACJ,IAAKV,EACL,aAAW,EAAAI,SAAW,iBAAkBH,CAAS,EACnD,CAEJ,CACF,EACAb,EAAY,YAAc",
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\n\nimport { tabsListPropDefs } from './tabs.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { tabsContentPropDefs, tabsRootPropDefs } from './tabs.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TabsRootElement = React.ElementRef<typeof TabsPrimitive.Root>;\ntype TabsRootOwnProps = GetPropDefTypes<typeof tabsRootPropDefs>;\ninterface TabsRootProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.Root, 'asChild' | 'color' | 'defaultChecked'>,\n    MarginProps,\n    TabsRootOwnProps {}\nconst TabsRoot = React.forwardRef<TabsRootElement, TabsRootProps>((props, forwardedRef) => {\n  const { className, ...rootProps } = extractProps(props, marginPropDefs);\n  return (\n    <TabsPrimitive.Root\n      {...rootProps}\n      ref={forwardedRef}\n      className={classNames('rt-TabsRoot', className)}\n    />\n  );\n});\nTabsRoot.displayName = 'Tabs.Root';\n\ntype TabsListElement = React.ElementRef<typeof TabsPrimitive.List>;\ntype TabsListOwnProps = GetPropDefTypes<typeof tabsListPropDefs>;\ninterface TabsListProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.List, RemovedProps>,\n    MarginProps,\n    TabsListOwnProps {}\nconst TabsList = React.forwardRef<TabsListElement, TabsListProps>((props, forwardedRef) => {\n  const { className, color, panelBackground, ...listProps } = extractProps(\n    props,\n    tabsListPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <TabsPrimitive.List\n      data-accent-color={color}\n      data-panel-background={panelBackground}\n      {...listProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseTabList', 'rt-TabsList', className)}\n    />\n  );\n});\nTabsList.displayName = 'Tabs.List';\n\ntype TabsTriggerElement = React.ElementRef<typeof TabsPrimitive.Trigger>;\ninterface TabsTriggerProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.Trigger, RemovedProps> {}\nconst TabsTrigger = React.forwardRef<TabsTriggerElement, TabsTriggerProps>(\n  (props, forwardedRef) => {\n    const { className, children, ...triggerProps } = props;\n    return (\n      <TabsPrimitive.Trigger\n        {...triggerProps}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseTabListTrigger', 'rt-TabsTrigger', className)}\n      >\n        <span className=\"rt-BaseTabListTriggerInner rt-TabsTriggerInner\">{children}</span>\n        <span className=\"rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden\">\n          {children}\n        </span>\n      </TabsPrimitive.Trigger>\n    );\n  },\n);\nTabsTrigger.displayName = 'Tabs.Trigger';\n\ntype TabsContentElement = React.ElementRef<typeof TabsPrimitive.Content>;\ntype TabsContentOwnProps = GetPropDefTypes<typeof tabsContentPropDefs>;\ninterface TabsContentProps\n  extends ComponentPropsWithout<typeof TabsPrimitive.Content, RemovedProps>,\n    MarginProps,\n    TabsContentOwnProps {}\nconst TabsContent = React.forwardRef<TabsContentElement, TabsContentProps>(\n  (props, forwardedRef) => {\n    const { className, ...contentProps } = extractProps(props, marginPropDefs);\n    return (\n      <TabsPrimitive.Content\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('rt-TabsContent', className)}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      />\n    );\n  },\n);\nTabsContent.displayName = 'Tabs.Content';\n\nexport { TabsRoot as Root, TabsList as List, TabsTrigger as Trigger, TabsContent as Content };\nexport type {\n  TabsRootProps as RootProps,\n  TabsListProps as ListProps,\n  TabsTriggerProps as TriggerProps,\n  TabsContentProps as ContentProps,\n};\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,SAAAC,EAAA,SAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GAAA,IAAAO,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAsC,oBAEtCC,EAAiC,2BACjCC,EAA6B,uCAC7BC,EAA+B,oCAa/B,MAAMR,EAAWG,EAAM,WAA2C,CAACM,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,GAAGC,CAAU,KAAI,gBAAaH,EAAO,gBAAc,EACtE,OACEN,EAAA,cAAC,EAAAU,KAAc,KAAd,CACE,GAAGD,EACJ,IAAKF,EACL,aAAW,EAAAI,SAAW,cAAeH,CAAS,EAChD,CAEJ,CAAC,EACDX,EAAS,YAAc,YAQvB,MAAMD,EAAWI,EAAM,WAA2C,CAACM,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,MAAAI,EAAO,gBAAAC,EAAiB,GAAGC,CAAU,KAAI,gBAC1DR,EACA,mBACA,gBACF,EACA,OACEN,EAAA,cAAC,EAAAU,KAAc,KAAd,CACC,oBAAmBE,EACnB,wBAAuBC,EACtB,GAAGC,EACJ,QAAS,GACT,IAAKP,EACL,aAAW,EAAAI,SAAW,iBAAkB,cAAeH,CAAS,EAClE,CAEJ,CAAC,EACDZ,EAAS,YAAc,YAKvB,MAAME,EAAcE,EAAM,WACxB,CAACM,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAC,EAAW,SAAAO,EAAU,GAAGC,CAAa,EAAIV,EACjD,OACEN,EAAA,cAAC,EAAAU,KAAc,QAAd,CACE,GAAGM,EACJ,QAAS,GACT,IAAKT,EACL,aAAW,EAAAI,SAAW,WAAY,wBAAyB,iBAAkBH,CAAS,GAEtFR,EAAA,cAAC,QAAK,UAAU,kDAAkDe,CAAS,EAC3Ef,EAAA,cAAC,QAAK,UAAU,8DACbe,CACH,CACF,CAEJ,CACF,EACAjB,EAAY,YAAc,eAQ1B,MAAMH,EAAcK,EAAM,WACxB,CAACM,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAC,EAAW,GAAGS,CAAa,KAAI,gBAAaX,EAAO,gBAAc,EACzE,OACEN,EAAA,cAAC,EAAAU,KAAc,QAAd,CACE,GAAGO,EACJ,IAAKV,EACL,aAAW,EAAAI,SAAW,iBAAkBH,CAAS,EACjD,YAAU,SACV,cAAY,OACd,CAEJ,CACF,EACAb,EAAY,YAAc",
   "names": ["tabs_exports", "__export", "TabsContent", "TabsList", "TabsRoot", "TabsTrigger", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_tabs_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "className", "rootProps", "TabsPrimitive", "classNames", "color", "panelBackground", "listProps", "children", "triggerProps", "contentProps"]
 }

package/dist/cjs/components/text-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,GAAG;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,UAAU,aACR,SAAQ,qBAAqB,CAAC,UAAU,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC,EACxE,WAAW,EACX,gBAAgB;CAAG;AACvB,QAAA,MAAM,QAAQ,2FAiBZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,GAAG;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,UAAU,aACR,SAAQ,qBAAqB,CAAC,UAAU,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC,EACxE,WAAW,EACX,gBAAgB;CAAG;AAEvB,QAAA,MAAM,QAAQ,2FAkEZ,CAAC;AAIH,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/cjs/components/text-area.js

@@ -1,2 +1,2 @@
-"use strict";var T=Object.create;var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var D=(e,r)=>{for(var t in r)p(e,t,{get:r[t],enumerable:!0})},n=(e,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of y(r))!v.call(e,o)&&o!==t&&p(e,o,{get:()=>r[o],enumerable:!(a=u(r,o))||a.enumerable});return e};var i=(e,r,t)=>(t=e!=null?T(g(e)):{},n(r||!e||!e.__esModule?p(t,"default",{value:e,enumerable:!0}):t,e)),N=e=>n(p({},"__esModule",{value:!0}),e);var R={};D(R,{TextArea:()=>m});module.exports=N(R);var s=i(require("react")),f=i(require("classnames")),x=require("./text-area.props.js"),l=require("../helpers/extract-props.js"),P=require("../props/margin.props.js");const m=s.forwardRef((e,r)=>{const{className:t,color:a,radius:o,panelBackground:d,style:c,...A}=(0,l.extractProps)(e,x.textAreaPropDefs,P.marginPropDefs);return s.createElement("div",{"data-accent-color":a,"data-radius":o,"data-panel-background":d,className:(0,f.default)("rt-TextAreaRoot",t),style:c},s.createElement("textarea",{className:"rt-reset rt-TextAreaInput",ref:r,...A}))});m.displayName="TextArea";
+"use strict";var N=Object.create;var n=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var _=(e,r)=>{for(var a in r)n(e,a,{get:r[a],enumerable:!0})},b=(e,r,a,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of E(r))!w.call(e,o)&&o!==a&&n(e,o,{get:()=>r[o],enumerable:!(i=j(r,o))||i.enumerable});return e};var u=(e,r,a)=>(a=e!=null?N(R(e)):{},b(r||!e||!e.__esModule?n(a,"default",{value:e,enumerable:!0}):a,e)),k=e=>b(n({},"__esModule",{value:!0}),e);var B={};_(B,{TextArea:()=>c});module.exports=k(B);var s=u(require("react")),P=u(require("classnames")),v=require("./text-area.props.js"),A=require("../helpers/extract-props.js"),g=require("../props/margin.props.js");const c=s.forwardRef((e,r)=>{const{className:a,color:i,radius:o,panelBackground:T,material:M,style:D,...t}=(0,A.extractProps)(e,v.textAreaPropDefs,g.marginPropDefs),f=M||T,l=s.useId(),{"aria-describedby":d,"aria-labelledby":x}=t,m=t.error||t.isInvalid,y=s.useMemo(()=>{const p=[];return t.errorMessage&&p.push(l),d&&p.push(d),p.length>0?p.join(" "):void 0},[t.errorMessage,d,l]),I=s.useMemo(()=>({"aria-invalid":m,"aria-describedby":y,"aria-labelledby":x}),[m,y,x]),{error:C,errorMessage:G,isInvalid:L,required:O,"aria-describedby":W,"aria-labelledby":q,...h}=t;return s.createElement("div",{"data-accent-color":i,"data-radius":o,"data-panel-background":f,"data-material":f,className:(0,P.default)("rt-TextAreaRoot",a,{"rt-error":m}),style:D},s.createElement("textarea",{className:"rt-reset rt-TextAreaInput",ref:r,...h,...I}),t.errorMessage&&s.createElement("div",{id:l,className:"rt-TextAreaErrorMessage",role:"alert","aria-live":"polite"},t.errorMessage))});c.displayName="TextArea";
 //# sourceMappingURL=text-area.js.map

package/dist/cjs/components/text-area.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text-area.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { textAreaPropDefs } from './text-area.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextAreaElement = React.ElementRef<'textarea'>;\ntype TextAreaOwnProps = GetPropDefTypes<typeof textAreaPropDefs> & {\n  defaultValue?: string;\n  value?: string;\n};\ninterface TextAreaProps\n  extends ComponentPropsWithout<'textarea', RemovedProps | 'size' | 'value'>,\n    MarginProps,\n    TextAreaOwnProps {}\nconst TextArea = React.forwardRef<TextAreaElement, TextAreaProps>((props, forwardedRef) => {\n  const { className, color, radius, panelBackground, style, ...textAreaProps } = extractProps(\n    props,\n    textAreaPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <div\n      data-accent-color={color}\n      data-radius={radius}\n      data-panel-background={panelBackground}\n      className={classNames('rt-TextAreaRoot', className)}\n      style={style}\n    >\n      <textarea className=\"rt-reset rt-TextAreaInput\" ref={forwardedRef} {...textAreaProps} />\n    </div>\n  );\n});\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\nexport type { TextAreaProps };\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBAEvBC,EAAiC,gCACjCC,EAA6B,uCAC7BC,EAA+B,oCAe/B,MAAMN,EAAWE,EAAM,WAA2C,CAACK,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,MAAAC,EAAO,GAAGC,CAAc,KAAI,gBAC7EP,EACA,mBACA,gBACF,EACA,OACEL,EAAA,cAAC,OACC,oBAAmBQ,EACnB,cAAaC,EACb,wBAAuBC,EACvB,aAAW,EAAAG,SAAW,kBAAmBN,CAAS,EAClD,MAAOI,GAEPX,EAAA,cAAC,YAAS,UAAU,4BAA4B,IAAKM,EAAe,GAAGM,EAAe,CACxF,CAEJ,CAAC,EACDd,EAAS,YAAc",
-  "names": ["text_area_exports", "__export", "TextArea", "__toCommonJS", "React", "import_classnames", "import_text_area_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "className", "color", "radius", "panelBackground", "style", "textAreaProps", "classNames"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { textAreaPropDefs } from './text-area.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextAreaElement = React.ElementRef<'textarea'>;\ntype TextAreaOwnProps = GetPropDefTypes<typeof textAreaPropDefs> & {\n  defaultValue?: string;\n  value?: string;\n};\ninterface TextAreaProps\n  extends ComponentPropsWithout<'textarea', RemovedProps | 'size' | 'value'>,\n    MarginProps,\n    TextAreaOwnProps {}\n\nconst TextArea = React.forwardRef<TextAreaElement, TextAreaProps>((props, forwardedRef) => {\n  const { className, color, radius, panelBackground, material, style, ...textAreaProps } =\n    extractProps(props, textAreaPropDefs, marginPropDefs);\n  const effectiveMaterial = material || panelBackground;\n\n  // Generate unique IDs for accessibility\n  const errorId = React.useId();\n\n  const { 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby } = textAreaProps;\n  \n  // Determine invalid state\n  const isInvalid = textAreaProps.error || textAreaProps.isInvalid;\n\n  // Build aria-describedby string\n  const describedBy = React.useMemo(() => {\n    const parts = [];\n    if (textAreaProps.errorMessage) parts.push(errorId);\n    if (ariaDescribedby) parts.push(ariaDescribedby);\n    return parts.length > 0 ? parts.join(' ') : undefined;\n  }, [textAreaProps.errorMessage, ariaDescribedby, errorId]);\n\n  // Build aria attributes\n  const ariaProps = React.useMemo(\n    () => ({\n      'aria-invalid': isInvalid,\n      'aria-describedby': describedBy,\n      'aria-labelledby': ariaLabelledby,\n    }),\n    [isInvalid, describedBy, ariaLabelledby],\n  );\n\n  // Filter out our custom props to avoid DOM warnings\n  const {\n    error,\n    errorMessage,\n    isInvalid: _isInvalid,\n    required,\n    'aria-describedby': _ariaDescribedby,\n    'aria-labelledby': _ariaLabelledby,\n    ...nativeTextAreaProps\n  } = textAreaProps;\n\n  return (\n    <div\n      data-accent-color={color}\n      data-radius={radius}\n      data-panel-background={effectiveMaterial}\n      data-material={effectiveMaterial}\n      className={classNames('rt-TextAreaRoot', className, {\n        'rt-error': isInvalid,\n      })}\n      style={style}\n    >\n      <textarea\n        className=\"rt-reset rt-TextAreaInput\"\n        ref={forwardedRef}\n        {...nativeTextAreaProps}\n        {...ariaProps}\n      />\n      {textAreaProps.errorMessage && (\n        <div id={errorId} className=\"rt-TextAreaErrorMessage\" role=\"alert\" aria-live=\"polite\">\n          {textAreaProps.errorMessage}\n        </div>\n      )}\n    </div>\n  );\n});\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\nexport type { TextAreaProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBAEvBC,EAAiC,gCACjCC,EAA6B,uCAC7BC,EAA+B,oCAgB/B,MAAMN,EAAWE,EAAM,WAA2C,CAACK,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAc,KACnF,gBAAaR,EAAO,mBAAkB,gBAAc,EAChDS,EAAoBH,GAAYD,EAGhCK,EAAUf,EAAM,MAAM,EAEtB,CAAE,mBAAoBgB,EAAiB,kBAAmBC,CAAe,EAAIJ,EAG7EK,EAAYL,EAAc,OAASA,EAAc,UAGjDM,EAAcnB,EAAM,QAAQ,IAAM,CACtC,MAAMoB,EAAQ,CAAC,EACf,OAAIP,EAAc,cAAcO,EAAM,KAAKL,CAAO,EAC9CC,GAAiBI,EAAM,KAAKJ,CAAe,EACxCI,EAAM,OAAS,EAAIA,EAAM,KAAK,GAAG,EAAI,MAC9C,EAAG,CAACP,EAAc,aAAcG,EAAiBD,CAAO,CAAC,EAGnDM,EAAYrB,EAAM,QACtB,KAAO,CACL,eAAgBkB,EAChB,mBAAoBC,EACpB,kBAAmBF,CACrB,GACA,CAACC,EAAWC,EAAaF,CAAc,CACzC,EAGM,CACJ,MAAAK,EACA,aAAAC,EACA,UAAWC,EACX,SAAAC,EACA,mBAAoBC,EACpB,kBAAmBC,EACnB,GAAGC,CACL,EAAIf,EAEJ,OACEb,EAAA,cAAC,OACC,oBAAmBQ,EACnB,cAAaC,EACb,wBAAuBK,EACvB,gBAAeA,EACf,aAAW,EAAAe,SAAW,kBAAmBtB,EAAW,CAClD,WAAYW,CACd,CAAC,EACD,MAAON,GAEPZ,EAAA,cAAC,YACC,UAAU,4BACV,IAAKM,EACJ,GAAGsB,EACH,GAAGP,EACN,EACCR,EAAc,cACbb,EAAA,cAAC,OAAI,GAAIe,EAAS,UAAU,0BAA0B,KAAK,QAAQ,YAAU,UAC1EF,EAAc,YACjB,CAEJ,CAEJ,CAAC,EAEDf,EAAS,YAAc",
+  "names": ["text_area_exports", "__export", "TextArea", "__toCommonJS", "React", "import_classnames", "import_text_area_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "className", "color", "radius", "panelBackground", "material", "style", "textAreaProps", "effectiveMaterial", "errorId", "ariaDescribedby", "ariaLabelledby", "isInvalid", "describedBy", "parts", "ariaProps", "error", "errorMessage", "_isInvalid", "required", "_ariaDescribedby", "_ariaLabelledby", "nativeTextAreaProps", "classNames"]
 }

package/dist/cjs/components/text-area.props.d.ts

@@ -33,6 +33,35 @@ declare const textAreaPropDefs: {
         values: readonly ["solid", "translucent"];
         default: undefined;
     };
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    error: {
+        type: "boolean";
+        default: false;
+    };
+    errorMessage: {
+        type: "string";
+        default: undefined;
+    };
+    isInvalid: {
+        type: "boolean";
+        default: false;
+    };
+    required: {
+        type: "boolean";
+        default: false;
+    };
+    'aria-describedby': {
+        type: "string";
+        default: undefined;
+    };
+    'aria-labelledby': {
+        type: "string";
+        default: undefined;
+    };
 };
 export { textAreaPropDefs };
 //# sourceMappingURL=text-area.props.d.ts.map

package/dist/cjs/components/text-area.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.props.d.ts","sourceRoot":"","sources":["../../../src/components/text-area.props.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYjB,CAAC;AAEN,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"text-area.props.d.ts","sourceRoot":"","sources":["../../../src/components/text-area.props.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BrB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/cjs/components/text-area.props.js

@@ -1,2 +1,2 @@
-"use strict";var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var l=(s,e)=>{for(var a in e)o(s,a,{get:e[a],enumerable:!0})},m=(s,e,a,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of f(e))!c.call(s,r)&&r!==a&&o(s,r,{get:()=>e[r],enumerable:!(t=u(e,r))||t.enumerable});return s};var d=s=>m(o({},"__esModule",{value:!0}),s);var P={};l(P,{textAreaPropDefs:()=>i});module.exports=d(P);var n=require("../props/color.prop.js"),p=require("../props/radius.prop.js");const v=["1","2","3"],z=["classic","surface","soft","outline","ghost"],y=["none","vertical","horizontal","both"],D=["solid","translucent"],i={size:{type:"enum",className:"rt-r-size",values:v,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:z,default:"surface"},resize:{type:"enum",className:"rt-r-resize",values:y,responsive:!0},panelBackground:{type:"enum",values:D,default:void 0},...n.colorPropDef,...p.radiusPropDef};
+"use strict";var n=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,e)=>{for(var s in e)n(r,s,{get:e[s],enumerable:!0})},c=(r,e,s,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of u(e))!d.call(r,a)&&a!==s&&n(r,a,{get:()=>e[a],enumerable:!(t=f(e,a))||t.enumerable});return r};var m=r=>c(n({},"__esModule",{value:!0}),r);var g={};p(g,{textAreaPropDefs:()=>l});module.exports=m(g);var o=require("../props/color.prop.js"),i=require("../props/radius.prop.js");const y=["1","2","3"],b=["classic","surface","soft","outline","ghost"],v=["none","vertical","horizontal","both"],D=["solid","translucent"],P=["solid","translucent"],l={size:{type:"enum",className:"rt-r-size",values:y,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:b,default:"surface"},resize:{type:"enum",className:"rt-r-resize",values:v,responsive:!0},panelBackground:{type:"enum",values:D,default:void 0},material:{type:"enum",values:P,default:void 0},error:{type:"boolean",default:!1},errorMessage:{type:"string",default:void 0},isInvalid:{type:"boolean",default:!1},required:{type:"boolean",default:!1},"aria-describedby":{type:"string",default:void 0},"aria-labelledby":{type:"string",default:void 0},...o.colorPropDef,...i.radiusPropDef};
 //# sourceMappingURL=text-area.props.js.map

package/dist/cjs/components/text-area.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text-area.props.tsx"],
-  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'surface', 'soft', 'outline', 'ghost'] as const;\nconst resizeValues = ['none', 'vertical', 'horizontal', 'both'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\n// prettier-ignore\nconst textAreaPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  resize: { type: 'enum', className: 'rt-r-resize', values: resizeValues,  responsive: true },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  ...colorPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  resize: PropDef<(typeof resizeValues)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n    };\n\nexport { textAreaPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,kCAC7BC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,OAAQ,UAAW,OAAO,EAC5DC,EAAe,CAAC,OAAQ,WAAY,aAAc,MAAM,EACxDC,EAAmB,CAAC,QAAS,aAAa,EAG1CP,EAAmB,CACvB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,OAAQ,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAe,WAAY,EAAK,EAC1F,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,GAAG,eACH,GAAG,eACL",
-  "names": ["text_area_props_exports", "__export", "textAreaPropDefs", "__toCommonJS", "import_color_prop", "import_radius_prop", "sizes", "variants", "resizeValues", "panelBackgrounds"]
+  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'surface', 'soft', 'outline', 'ghost'] as const;\nconst resizeValues = ['none', 'vertical', 'horizontal', 'both'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\n// prettier-ignore\nconst textAreaPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  resize: { type: 'enum', className: 'rt-r-resize', values: resizeValues,  responsive: true },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  material: { type: 'enum', values: materials, default: undefined },\n  // Error and validation props\n  error: { type: 'boolean', default: false },\n  errorMessage: { type: 'string', default: undefined },\n  isInvalid: { type: 'boolean', default: false },\n  required: { type: 'boolean', default: false },\n  // Accessibility props\n  'aria-describedby': { type: 'string', default: undefined },\n  'aria-labelledby': { type: 'string', default: undefined },\n  ...colorPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  resize: PropDef<(typeof resizeValues)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  error: PropDef<boolean>;\n  errorMessage: PropDef<string | undefined>;\n  isInvalid: PropDef<boolean>;\n  required: PropDef<boolean>;\n  'aria-describedby': PropDef<string | undefined>;\n  'aria-labelledby': PropDef<string | undefined>;\n};\n\nexport { textAreaPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,kCAC7BC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,OAAQ,UAAW,OAAO,EAC5DC,EAAe,CAAC,OAAQ,WAAY,aAAc,MAAM,EACxDC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAGnCR,EAAmB,CACvB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,OAAQ,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAe,WAAY,EAAK,EAC1F,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAEhE,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,EACzC,aAAc,CAAE,KAAM,SAAU,QAAS,MAAU,EACnD,UAAW,CAAE,KAAM,UAAW,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,UAAW,QAAS,EAAM,EAE5C,mBAAoB,CAAE,KAAM,SAAU,QAAS,MAAU,EACzD,kBAAmB,CAAE,KAAM,SAAU,QAAS,MAAU,EACxD,GAAG,eACH,GAAG,eACL",
+  "names": ["text_area_props_exports", "__export", "textAreaPropDefs", "__toCommonJS", "import_color_prop", "import_radius_prop", "sizes", "variants", "resizeValues", "panelBackgrounds", "materials"]
 }

package/dist/cjs/components/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/components/text-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAIrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EACD,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAC;CACZ,CAAC;AACF,KAAK,mBAAmB,GAAG,qBAAqB,CAC9C,OAAO,EACP,yBAAyB,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CACjF,CAAC;AACF,UAAU,kBAAmB,SAAQ,mBAAmB,EAAE,WAAW,EAAE,qBAAqB;CAAG;AAC/F,QAAA,MAAM,aAAa,6FA+ClB,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,qBAAqB;CAAG;AAC5B,QAAA,MAAM,aAAa,2FAalB,CAAC;AAGF,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,aAAa,IAAI,IAAI,EAAE,CAAC;AACxD,YAAY,EAAE,kBAAkB,IAAI,SAAS,EAAE,kBAAkB,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/components/text-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAIrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC3E,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EACD,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAC;CACZ,CAAC;AACF,KAAK,mBAAmB,GAAG,qBAAqB,CAC9C,OAAO,EACP,yBAAyB,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CACjF,CAAC;AACF,UAAU,kBAAmB,SAAQ,mBAAmB,EAAE,WAAW,EAAE,qBAAqB;CAAG;AAC/F,QAAA,MAAM,aAAa,6FAkGlB,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,qBAAqB;CAAG;AAC5B,QAAA,MAAM,aAAa,2FAalB,CAAC;AAGF,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,aAAa,IAAI,IAAI,EAAE,CAAC;AACxD,YAAY,EAAE,kBAAkB,IAAI,SAAS,EAAE,kBAAkB,IAAI,SAAS,EAAE,CAAC"}

package/dist/cjs/components/text-field.js

@@ -1,5 +1,5 @@
-"use strict";"use client";var N=Object.create;var i=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var I=(t,e)=>{for(var o in e)i(t,o,{get:e[o],enumerable:!0})},P=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of D(e))!E.call(t,r)&&r!==o&&i(t,r,{get:()=>e[r],enumerable:!(s=w(e,r))||s.enumerable});return t};var T=(t,e,o)=>(o=t!=null?N(b(t)):{},P(e||!t||!t.__esModule?i(o,"default",{value:t,enumerable:!0}):o,t)),j=t=>P(i({},"__esModule",{value:!0}),t);var k={};I(k,{Root:()=>u,Slot:()=>c});module.exports=j(k);var l=T(require("react")),d=T(require("classnames")),F=require("radix-ui/internal"),n=require("./text-field.props.js"),m=require("../helpers/extract-props.js"),R=require("../props/margin.props.js");const u=l.forwardRef((t,e)=>{const o=l.useRef(null),{children:s,className:r,color:a,radius:y,panelBackground:S,style:g,...h}=(0,m.extractProps)(t,n.textFieldRootPropDefs,R.marginPropDefs);return l.createElement("div",{"data-accent-color":a,"data-radius":y,"data-panel-background":S,style:g,className:(0,d.default)("rt-TextFieldRoot",r),onPointerDown:v=>{const f=v.target;if(f.closest("input, button, a"))return;const p=o.current;if(!p)return;const x=f.closest(`
-            .rt-TextFieldSlot[data-side='right'],
-            .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
-          `)?p.value.length:0;requestAnimationFrame(()=>{try{p.setSelectionRange(x,x)}catch{}p.focus()})}},l.createElement("input",{spellCheck:"false",...h,ref:(0,F.composeRefs)(o,e),className:"rt-reset rt-TextFieldInput"}),s)});u.displayName="TextField.Root";const c=l.forwardRef((t,e)=>{const{className:o,color:s,side:r,...a}=(0,m.extractProps)(t,n.textFieldSlotPropDefs);return l.createElement("div",{"data-accent-color":s,"data-side":r,...a,ref:e,className:(0,d.default)("rt-TextFieldSlot",o)})});c.displayName="TextField.Slot";
+"use strict";"use client";var L=Object.create;var p=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,W=Object.prototype.hasOwnProperty;var _=(e,t)=>{for(var o in t)p(e,o,{get:t[o],enumerable:!0})},h=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of A(t))!W.call(e,s)&&s!==o&&p(e,s,{get:()=>t[s],enumerable:!(a=O(t,s))||a.enumerable});return e};var S=(e,t,o)=>(o=e!=null?L(G(e)):{},h(t||!e||!e.__esModule?p(o,"default",{value:e,enumerable:!0}):o,e)),q=e=>h(p({},"__esModule",{value:!0}),e);var B={};_(B,{Root:()=>T,Slot:()=>y});module.exports=q(B);var r=S(require("react")),x=S(require("classnames")),I=require("radix-ui/internal"),d=require("./text-field.props.js"),P=require("../helpers/extract-props.js"),M=require("../props/margin.props.js");const T=r.forwardRef((e,t)=>{const o=r.useRef(null),{children:a,className:s,color:c,radius:D,panelBackground:N,material:w,style:E,...i}=(0,P.extractProps)(e,d.textFieldRootPropDefs,M.marginPropDefs),F=w||N,m=r.useId(),u=i.error||i.isInvalid,{"aria-describedby":f,"aria-labelledby":b}=i,R=r.useMemo(()=>{const l=[];return i.errorMessage&&l.push(m),f&&l.push(f),l.length>0?l.join(" "):void 0},[i.errorMessage,f,m]),j=r.useMemo(()=>({"aria-invalid":u,"aria-describedby":R,"aria-labelledby":b}),[u,R,b]),{error:H,errorMessage:V,isInvalid:z,required:J,"aria-describedby":K,"aria-labelledby":Q,...k}=i,C=r.useCallback(l=>{const g=l.target;if(g.closest("input, button, a"))return;const n=o.current;if(!n)return;const v=g.closest(`
+        .rt-TextFieldSlot[data-side='right'],
+        .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
+      `)?n.value.length:0;requestAnimationFrame(()=>{try{n.setSelectionRange(v,v)}catch{}n.focus()})},[]);return r.createElement("div",{"data-accent-color":c,"data-radius":D,"data-panel-background":F,"data-material":F,style:E,className:(0,x.default)("rt-TextFieldRoot",s,{"rt-error":u}),onPointerDown:C},r.createElement("input",{spellCheck:"false",...k,...j,ref:(0,I.composeRefs)(o,t),className:"rt-reset rt-TextFieldInput"}),a,i.errorMessage&&r.createElement("div",{id:m,className:"rt-TextFieldErrorMessage",role:"alert","aria-live":"polite"},i.errorMessage))});T.displayName="TextField.Root";const y=r.forwardRef((e,t)=>{const{className:o,color:a,side:s,...c}=(0,P.extractProps)(e,d.textFieldSlotPropDefs);return r.createElement("div",{"data-accent-color":a,"data-side":s,...c,ref:t,className:(0,x.default)("rt-TextFieldSlot",o)})});y.displayName="TextField.Slot";
 //# sourceMappingURL=text-field.js.map

package/dist/cjs/components/text-field.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text-field.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { composeRefs } from 'radix-ui/internal';\n\nimport { textFieldRootPropDefs, textFieldSlotPropDefs } from './text-field.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { NotInputTextualAttributes } from '../helpers/input-attributes.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldRootElement = React.ElementRef<'input'>;\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldRootPropDefs> & {\n  defaultValue?: string | number;\n  value?: string | number;\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'hidden'\n    | 'month'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'\n    | 'week';\n};\ntype TextFieldInputProps = ComponentPropsWithout<\n  'input',\n  NotInputTextualAttributes | 'color' | 'defaultValue' | 'size' | 'type' | 'value'\n>;\ninterface TextFieldRootProps extends TextFieldInputProps, MarginProps, TextFieldRootOwnProps {}\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>(\n  (props, forwardedRef) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const { children, className, color, radius, panelBackground, style, ...inputProps } =\n      extractProps(props, textFieldRootPropDefs, marginPropDefs);\n    return (\n      <div\n        data-accent-color={color}\n        data-radius={radius}\n        data-panel-background={panelBackground}\n        style={style}\n        className={classNames('rt-TextFieldRoot', className)}\n        onPointerDown={(event) => {\n          const target = event.target as HTMLElement;\n          if (target.closest('input, button, a')) return;\n\n          const input = inputRef.current;\n          if (!input) return;\n\n          // Same selector as in the CSS to find the right slot\n          const isRightSlot = target.closest(`\n            .rt-TextFieldSlot[data-side='right'],\n            .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])\n          `);\n\n          const cursorPosition = isRightSlot ? input.value.length : 0;\n\n          requestAnimationFrame(() => {\n            // Only some input types support this, browsers will throw an error if not supported\n            // See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange#:~:text=Note%20that%20according,not%20support%20selection%22.\n            try {\n              input.setSelectionRange(cursorPosition, cursorPosition);\n            } catch {}\n            input.focus();\n          });\n        }}\n      >\n        <input\n          spellCheck=\"false\"\n          {...inputProps}\n          ref={composeRefs(inputRef, forwardedRef)}\n          className=\"rt-reset rt-TextFieldInput\"\n        />\n        {children}\n      </div>\n    );\n  },\n);\nTextFieldRoot.displayName = 'TextField.Root';\n\ntype TextFieldSlotElement = React.ElementRef<'div'>;\ntype TextFieldSlotOwnProps = GetPropDefTypes<typeof textFieldSlotPropDefs>;\ninterface TextFieldSlotProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    TextFieldSlotOwnProps {}\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>(\n  (props, forwardedRef) => {\n    const { className, color, side, ...slotProps } = extractProps(props, textFieldSlotPropDefs);\n    return (\n      <div\n        data-accent-color={color}\n        data-side={side}\n        {...slotProps}\n        ref={forwardedRef}\n        className={classNames('rt-TextFieldSlot', className)}\n      />\n    );\n  },\n);\nTextFieldSlot.displayName = 'TextField.Slot';\n\nexport { TextFieldRoot as Root, TextFieldSlot as Slot };\nexport type { TextFieldRootProps as RootProps, TextFieldSlotProps as SlotProps };\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA4B,6BAE5BC,EAA6D,iCAC7DC,EAA6B,uCAC7BC,EAA+B,oCA+B/B,MAAMR,EAAgBG,EAAM,WAC1B,CAACM,EAAOC,IAAiB,CACvB,MAAMC,EAAWR,EAAM,OAAyB,IAAI,EAC9C,CAAE,SAAAS,EAAU,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,MAAAC,EAAO,GAAGC,CAAW,KAChF,gBAAaT,EAAO,wBAAuB,gBAAc,EAC3D,OACEN,EAAA,cAAC,OACC,oBAAmBW,EACnB,cAAaC,EACb,wBAAuBC,EACvB,MAAOC,EACP,aAAW,EAAAE,SAAW,mBAAoBN,CAAS,EACnD,cAAgBO,GAAU,CACxB,MAAMC,EAASD,EAAM,OACrB,GAAIC,EAAO,QAAQ,kBAAkB,EAAG,OAExC,MAAMC,EAAQX,EAAS,QACvB,GAAI,CAACW,EAAO,OAQZ,MAAMC,EALcF,EAAO,QAAQ;AAAA;AAAA;AAAA,WAGlC,EAEoCC,EAAM,MAAM,OAAS,EAE1D,sBAAsB,IAAM,CAG1B,GAAI,CACFA,EAAM,kBAAkBC,EAAgBA,CAAc,CACxD,MAAQ,CAAC,CACTD,EAAM,MAAM,CACd,CAAC,CACH,GAEAnB,EAAA,cAAC,SACC,WAAW,QACV,GAAGe,EACJ,OAAK,eAAYP,EAAUD,CAAY,EACvC,UAAU,6BACZ,EACCE,CACH,CAEJ,CACF,EACAZ,EAAc,YAAc,iBAO5B,MAAMC,EAAgBE,EAAM,WAC1B,CAACM,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAG,EAAW,MAAAC,EAAO,KAAAU,EAAM,GAAGC,CAAU,KAAI,gBAAahB,EAAO,uBAAqB,EAC1F,OACEN,EAAA,cAAC,OACC,oBAAmBW,EACnB,YAAWU,EACV,GAAGC,EACJ,IAAKf,EACL,aAAW,EAAAS,SAAW,mBAAoBN,CAAS,EACrD,CAEJ,CACF,EACAZ,EAAc,YAAc",
-  "names": ["text_field_exports", "__export", "TextFieldRoot", "TextFieldSlot", "__toCommonJS", "React", "import_classnames", "import_internal", "import_text_field_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "inputRef", "children", "className", "color", "radius", "panelBackground", "style", "inputProps", "classNames", "event", "target", "input", "cursorPosition", "side", "slotProps"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { composeRefs } from 'radix-ui/internal';\n\nimport { textFieldRootPropDefs, textFieldSlotPropDefs } from './text-field.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { NotInputTextualAttributes } from '../helpers/input-attributes.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldRootElement = React.ElementRef<'input'>;\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldRootPropDefs> & {\n  defaultValue?: string | number;\n  value?: string | number;\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'hidden'\n    | 'month'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'\n    | 'week';\n};\ntype TextFieldInputProps = ComponentPropsWithout<\n  'input',\n  NotInputTextualAttributes | 'color' | 'defaultValue' | 'size' | 'type' | 'value'\n>;\ninterface TextFieldRootProps extends TextFieldInputProps, MarginProps, TextFieldRootOwnProps {}\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>(\n  (props, forwardedRef) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const { children, className, color, radius, panelBackground, material, style, ...inputProps } =\n      extractProps(props, textFieldRootPropDefs, marginPropDefs);\n    const effectiveMaterial = material || panelBackground;\n\n    // Generate unique IDs for accessibility\n    const errorId = React.useId();\n\n    // Determine invalid state\n    const isInvalid = inputProps.error || inputProps.isInvalid;\n\n    const { 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby } = inputProps;\n    \n    // Build aria-describedby string\n    const describedBy = React.useMemo(() => {\n      const parts = [];\n      if (inputProps.errorMessage) parts.push(errorId);\n      if (ariaDescribedby) parts.push(ariaDescribedby);\n      return parts.length > 0 ? parts.join(' ') : undefined;\n    }, [inputProps.errorMessage, ariaDescribedby, errorId]);\n\n    // Build aria attributes\n    const ariaProps = React.useMemo(\n      () => ({\n        'aria-invalid': isInvalid,\n        'aria-describedby': describedBy,\n        'aria-labelledby': ariaLabelledby,\n      }),\n      [isInvalid, describedBy, ariaLabelledby],\n    );\n\n    // Filter out our custom props to avoid DOM warnings\n    const {\n      error,\n      errorMessage,\n      isInvalid: _isInvalid,\n      required,\n      'aria-describedby': _ariaDescribedby,\n      'aria-labelledby': _ariaLabelledby,\n      ...nativeInputProps\n    } = inputProps;\n\n    // Memoized pointer event handler\n    const handlePointerDown = React.useCallback((event: React.PointerEvent) => {\n      const target = event.target as HTMLElement;\n      if (target.closest('input, button, a')) return;\n\n      const input = inputRef.current;\n      if (!input) return;\n\n      // Same selector as in the CSS to find the right slot\n      const isRightSlot = target.closest(`\n        .rt-TextFieldSlot[data-side='right'],\n        .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])\n      `);\n\n      const cursorPosition = isRightSlot ? input.value.length : 0;\n\n      requestAnimationFrame(() => {\n        // Only some input types support this, browsers will throw an error if not supported\n        // See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange#:~:text=Note%20that%20according,not%20support%20selection%22.\n        try {\n          input.setSelectionRange(cursorPosition, cursorPosition);\n        } catch {}\n        input.focus();\n      });\n    }, []);\n\n    return (\n      <div\n        data-accent-color={color}\n        data-radius={radius}\n        data-panel-background={effectiveMaterial}\n        data-material={effectiveMaterial}\n        style={style}\n        className={classNames('rt-TextFieldRoot', className, {\n          'rt-error': isInvalid,\n        })}\n        onPointerDown={handlePointerDown}\n      >\n        <input\n          spellCheck=\"false\"\n          {...nativeInputProps}\n          {...ariaProps}\n          ref={composeRefs(inputRef, forwardedRef)}\n          className=\"rt-reset rt-TextFieldInput\"\n        />\n        {children}\n        {inputProps.errorMessage && (\n          <div id={errorId} className=\"rt-TextFieldErrorMessage\" role=\"alert\" aria-live=\"polite\">\n            {inputProps.errorMessage}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\nTextFieldRoot.displayName = 'TextField.Root';\n\ntype TextFieldSlotElement = React.ElementRef<'div'>;\ntype TextFieldSlotOwnProps = GetPropDefTypes<typeof textFieldSlotPropDefs>;\ninterface TextFieldSlotProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    TextFieldSlotOwnProps {}\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>(\n  (props, forwardedRef) => {\n    const { className, color, side, ...slotProps } = extractProps(props, textFieldSlotPropDefs);\n    return (\n      <div\n        data-accent-color={color}\n        data-side={side}\n        {...slotProps}\n        ref={forwardedRef}\n        className={classNames('rt-TextFieldSlot', className)}\n      />\n    );\n  },\n);\nTextFieldSlot.displayName = 'TextField.Slot';\n\nexport { TextFieldRoot as Root, TextFieldSlot as Slot };\nexport type { TextFieldRootProps as RootProps, TextFieldSlotProps as SlotProps };\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA4B,6BAE5BC,EAA6D,iCAC7DC,EAA6B,uCAC7BC,EAA+B,oCA+B/B,MAAMR,EAAgBG,EAAM,WAC1B,CAACM,EAAOC,IAAiB,CACvB,MAAMC,EAAWR,EAAM,OAAyB,IAAI,EAC9C,CAAE,SAAAS,EAAU,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAW,KAC1F,gBAAaV,EAAO,wBAAuB,gBAAc,EACrDW,EAAoBH,GAAYD,EAGhCK,EAAUlB,EAAM,MAAM,EAGtBmB,EAAYH,EAAW,OAASA,EAAW,UAE3C,CAAE,mBAAoBI,EAAiB,kBAAmBC,CAAe,EAAIL,EAG7EM,EAActB,EAAM,QAAQ,IAAM,CACtC,MAAMuB,EAAQ,CAAC,EACf,OAAIP,EAAW,cAAcO,EAAM,KAAKL,CAAO,EAC3CE,GAAiBG,EAAM,KAAKH,CAAe,EACxCG,EAAM,OAAS,EAAIA,EAAM,KAAK,GAAG,EAAI,MAC9C,EAAG,CAACP,EAAW,aAAcI,EAAiBF,CAAO,CAAC,EAGhDM,EAAYxB,EAAM,QACtB,KAAO,CACL,eAAgBmB,EAChB,mBAAoBG,EACpB,kBAAmBD,CACrB,GACA,CAACF,EAAWG,EAAaD,CAAc,CACzC,EAGM,CACJ,MAAAI,EACA,aAAAC,EACA,UAAWC,EACX,SAAAC,EACA,mBAAoBC,EACpB,kBAAmBC,EACnB,GAAGC,CACL,EAAIf,EAGEgB,EAAoBhC,EAAM,YAAaiC,GAA8B,CACzE,MAAMC,EAASD,EAAM,OACrB,GAAIC,EAAO,QAAQ,kBAAkB,EAAG,OAExC,MAAMC,EAAQ3B,EAAS,QACvB,GAAI,CAAC2B,EAAO,OAQZ,MAAMC,EALcF,EAAO,QAAQ;AAAA;AAAA;AAAA,OAGlC,EAEoCC,EAAM,MAAM,OAAS,EAE1D,sBAAsB,IAAM,CAG1B,GAAI,CACFA,EAAM,kBAAkBC,EAAgBA,CAAc,CACxD,MAAQ,CAAC,CACTD,EAAM,MAAM,CACd,CAAC,CACH,EAAG,CAAC,CAAC,EAEL,OACEnC,EAAA,cAAC,OACC,oBAAmBW,EACnB,cAAaC,EACb,wBAAuBK,EACvB,gBAAeA,EACf,MAAOF,EACP,aAAW,EAAAsB,SAAW,mBAAoB3B,EAAW,CACnD,WAAYS,CACd,CAAC,EACD,cAAea,GAEfhC,EAAA,cAAC,SACC,WAAW,QACV,GAAG+B,EACH,GAAGP,EACJ,OAAK,eAAYhB,EAAUD,CAAY,EACvC,UAAU,6BACZ,EACCE,EACAO,EAAW,cACVhB,EAAA,cAAC,OAAI,GAAIkB,EAAS,UAAU,2BAA2B,KAAK,QAAQ,YAAU,UAC3EF,EAAW,YACd,CAEJ,CAEJ,CACF,EACAnB,EAAc,YAAc,iBAO5B,MAAMC,EAAgBE,EAAM,WAC1B,CAACM,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAG,EAAW,MAAAC,EAAO,KAAA2B,EAAM,GAAGC,CAAU,KAAI,gBAAajC,EAAO,uBAAqB,EAC1F,OACEN,EAAA,cAAC,OACC,oBAAmBW,EACnB,YAAW2B,EACV,GAAGC,EACJ,IAAKhC,EACL,aAAW,EAAA8B,SAAW,mBAAoB3B,CAAS,EACrD,CAEJ,CACF,EACAZ,EAAc,YAAc",
+  "names": ["text_field_exports", "__export", "TextFieldRoot", "TextFieldSlot", "__toCommonJS", "React", "import_classnames", "import_internal", "import_text_field_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "inputRef", "children", "className", "color", "radius", "panelBackground", "material", "style", "inputProps", "effectiveMaterial", "errorId", "isInvalid", "ariaDescribedby", "ariaLabelledby", "describedBy", "parts", "ariaProps", "error", "errorMessage", "_isInvalid", "required", "_ariaDescribedby", "_ariaLabelledby", "nativeInputProps", "handlePointerDown", "event", "target", "input", "cursorPosition", "classNames", "side", "slotProps"]
 }

package/dist/cjs/components/text-field.props.d.ts

@@ -4,6 +4,11 @@ declare const textFieldRootPropDefs: {
         values: readonly ["solid", "translucent"];
         default: undefined;
     };
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
     radius: {
         type: "enum";
         values: readonly ["none", "small", "medium", "large", "full"];
@@ -27,6 +32,30 @@ declare const textFieldRootPropDefs: {
         values: readonly ["classic", "surface", "soft", "ghost", "outline"];
         default: "surface";
     };
+    error: {
+        type: "boolean";
+        default: false;
+    };
+    errorMessage: {
+        type: "string";
+        default: undefined;
+    };
+    isInvalid: {
+        type: "boolean";
+        default: false;
+    };
+    required: {
+        type: "boolean";
+        default: false;
+    };
+    'aria-describedby': {
+        type: "string";
+        default: undefined;
+    };
+    'aria-labelledby': {
+        type: "string";
+        default: undefined;
+    };
 };
 declare const textFieldSlotPropDefs: {
     gap: {

package/dist/cjs/components/text-field.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.props.d.ts","sourceRoot":"","sources":["../../../src/components/text-field.props.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU1B,CAAC;AAIF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa1B,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"text-field.props.d.ts","sourceRoot":"","sources":["../../../src/components/text-field.props.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B1B,CAAC;AAIF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa1B,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/cjs/components/text-field.props.js

@@ -1,2 +1,2 @@
-"use strict";var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var D=(s,e)=>{for(var o in e)t(s,o,{get:e[o],enumerable:!0})},P=(s,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of c(e))!m.call(s,p)&&p!==o&&t(s,p,{get:()=>e[p],enumerable:!(n=u(e,p))||n.enumerable});return s};var g=s=>P(t({},"__esModule",{value:!0}),s);var b={};D(b,{textFieldRootPropDefs:()=>d,textFieldSlotPropDefs:()=>l});module.exports=g(b);var a=require("../props/color.prop.js"),r=require("../props/padding.props.js"),f=require("../props/radius.prop.js"),i=require("./flex.props.js");const y=["1","2","3"],v=["classic","surface","soft","ghost","outline"],x=["solid","translucent"],d={size:{type:"enum",className:"rt-r-size",values:y,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"surface"},...a.colorPropDef,...f.radiusPropDef,panelBackground:{type:"enum",values:x,default:void 0}},z=["left","right"],l={side:{type:"enum",values:z},...a.colorPropDef,gap:i.flexPropDefs.gap,px:r.paddingPropDefs.px,pl:r.paddingPropDefs.pl,pr:r.paddingPropDefs.pr};
+"use strict";var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var y=(r,e)=>{for(var a in e)t(r,a,{get:e[a],enumerable:!0})},g=(r,e,a,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of c(e))!m.call(r,s)&&s!==a&&t(r,s,{get:()=>e[s],enumerable:!(p=u(e,s))||p.enumerable});return r};var D=r=>g(t({},"__esModule",{value:!0}),r);var k={};y(k,{textFieldRootPropDefs:()=>d,textFieldSlotPropDefs:()=>l});module.exports=D(k);var n=require("../props/color.prop.js"),o=require("../props/padding.props.js"),f=require("../props/radius.prop.js"),i=require("./flex.props.js");const P=["1","2","3"],b=["classic","surface","soft","ghost","outline"],v=["solid","translucent"],x=["solid","translucent"],d={size:{type:"enum",className:"rt-r-size",values:P,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:b,default:"surface"},error:{type:"boolean",default:!1},errorMessage:{type:"string",default:void 0},isInvalid:{type:"boolean",default:!1},required:{type:"boolean",default:!1},"aria-describedby":{type:"string",default:void 0},"aria-labelledby":{type:"string",default:void 0},...n.colorPropDef,...f.radiusPropDef,panelBackground:{type:"enum",values:v,default:void 0},material:{type:"enum",values:x,default:void 0}},z=["left","right"],l={side:{type:"enum",values:z},...n.colorPropDef,gap:i.flexPropDefs.gap,px:o.paddingPropDefs.px,pl:o.paddingPropDefs.pl,pr:o.paddingPropDefs.pr};
 //# sourceMappingURL=text-field.props.js.map

package/dist/cjs/components/text-field.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text-field.props.tsx"],
-  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { paddingPropDefs } from '../props/padding.props.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { flexPropDefs } from './flex.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'surface', 'soft', 'ghost', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst textFieldRootPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n  ...radiusPropDef,\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nconst sides = ['left', 'right'] as const;\n\nconst textFieldSlotPropDefs = {\n  side: { type: 'enum', values: sides },\n  ...colorPropDef,\n  gap: flexPropDefs.gap,\n  px: paddingPropDefs.px,\n  pl: paddingPropDefs.pl,\n  pr: paddingPropDefs.pr,\n} satisfies {\n  side: PropDef<(typeof sides)[number]>;\n  gap: typeof flexPropDefs.gap;\n  px: typeof paddingPropDefs.px;\n  pl: typeof paddingPropDefs.pl;\n  pr: typeof paddingPropDefs.pr;\n};\n\nexport { textFieldRootPropDefs, textFieldSlotPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,2BAAAE,EAAA,0BAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAA6B,kCAC7BC,EAAgC,qCAChCC,EAA8B,mCAC9BC,EAA6B,2BAI7B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,OAAQ,QAAS,SAAS,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CT,EAAwB,CAC5B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQO,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAG,eACH,GAAG,gBACH,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,CAChF,EAMMC,EAAQ,CAAC,OAAQ,OAAO,EAExBT,EAAwB,CAC5B,KAAM,CAAE,KAAM,OAAQ,OAAQS,CAAM,EACpC,GAAG,eACH,IAAK,eAAa,IAClB,GAAI,kBAAgB,GACpB,GAAI,kBAAgB,GACpB,GAAI,kBAAgB,EACtB",
-  "names": ["text_field_props_exports", "__export", "textFieldRootPropDefs", "textFieldSlotPropDefs", "__toCommonJS", "import_color_prop", "import_padding_props", "import_radius_prop", "import_flex_props", "sizes", "variants", "panelBackgrounds", "sides"]
+  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { paddingPropDefs } from '../props/padding.props.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { flexPropDefs } from './flex.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'surface', 'soft', 'ghost', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst textFieldRootPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  // Error and validation props\n  error: { type: 'boolean', default: false },\n  errorMessage: { type: 'string', default: undefined },\n  isInvalid: { type: 'boolean', default: false },\n  required: { type: 'boolean', default: false },\n  // Accessibility props\n  'aria-describedby': { type: 'string', default: undefined },\n  'aria-labelledby': { type: 'string', default: undefined },\n  ...colorPropDef,\n  ...radiusPropDef,\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  material: { type: 'enum', values: materials, default: undefined },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  error: PropDef<boolean>;\n  errorMessage: PropDef<string | undefined>;\n  isInvalid: PropDef<boolean>;\n  required: PropDef<boolean>;\n  'aria-describedby': PropDef<string | undefined>;\n  'aria-labelledby': PropDef<string | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n};\n\nconst sides = ['left', 'right'] as const;\n\nconst textFieldSlotPropDefs = {\n  side: { type: 'enum', values: sides },\n  ...colorPropDef,\n  gap: flexPropDefs.gap,\n  px: paddingPropDefs.px,\n  pl: paddingPropDefs.pl,\n  pr: paddingPropDefs.pr,\n} satisfies {\n  side: PropDef<(typeof sides)[number]>;\n  gap: typeof flexPropDefs.gap;\n  px: typeof paddingPropDefs.px;\n  pl: typeof paddingPropDefs.pl;\n  pr: typeof paddingPropDefs.pr;\n};\n\nexport { textFieldRootPropDefs, textFieldSlotPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,2BAAAE,EAAA,0BAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAA6B,kCAC7BC,EAAgC,qCAChCC,EAA8B,mCAC9BC,EAA6B,2BAI7B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,OAAQ,QAAS,SAAS,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCV,EAAwB,CAC5B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQO,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EAEvF,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,EACzC,aAAc,CAAE,KAAM,SAAU,QAAS,MAAU,EACnD,UAAW,CAAE,KAAM,UAAW,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,UAAW,QAAS,EAAM,EAE5C,mBAAoB,CAAE,KAAM,SAAU,QAAS,MAAU,EACzD,kBAAmB,CAAE,KAAM,SAAU,QAAS,MAAU,EACxD,GAAG,eACH,GAAG,gBACH,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,CAClE,EAaMC,EAAQ,CAAC,OAAQ,OAAO,EAExBV,EAAwB,CAC5B,KAAM,CAAE,KAAM,OAAQ,OAAQU,CAAM,EACpC,GAAG,eACH,IAAK,eAAa,IAClB,GAAI,kBAAgB,GACpB,GAAI,kBAAgB,GACpB,GAAI,kBAAgB,EACtB",
+  "names": ["text_field_props_exports", "__export", "textFieldRootPropDefs", "textFieldSlotPropDefs", "__toCommonJS", "import_color_prop", "import_padding_props", "import_radius_prop", "import_flex_props", "sizes", "variants", "panelBackgrounds", "materials", "sides"]
 }