@kushagradhawan/kookie-ui 0.1.28 → 0.1.30

package/dist/cjs/components/slider.d.ts

@@ -6,6 +6,11 @@ import type { ComponentPropsWithout } from '../helpers/component-props.js';
 import type { GetPropDefTypes } from '../props/prop-def.js';
 type SliderOwnProps = GetPropDefTypes<typeof sliderPropDefs>;
 interface SliderProps extends ComponentPropsWithout<typeof SliderPrimitive.Root, 'asChild' | 'color' | 'children' | 'defaultChecked'>, MarginProps, SliderOwnProps {
+    ticks?: Array<{
+        value: number;
+        label?: string;
+    }>;
+    unit?: string;
 }
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
 export { Slider };

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

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAInD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAC7D,UAAU,WACR,SAAQ,qBAAqB,CACzB,OAAO,eAAe,CAAC,IAAI,EAC3B,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,gBAAgB,CACpD,EACD,WAAW,EACX,cAAc;CAAG;AACrB,QAAA,MAAM,MAAM,qFA8BV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAInD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAC7D,UAAU,WACR,SAAQ,qBAAqB,CACzB,OAAO,eAAe,CAAC,IAAI,EAC3B,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,gBAAgB,CACpD,EACD,WAAW,EACX,cAAc;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,QAAA,MAAM,MAAM,qFA4MV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/cjs/components/slider.js

@@ -1,2 +1,2 @@
-"use strict";var y=Object.create;var d=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var T=(e,r)=>{for(var o in r)d(e,o,{get:r[o],enumerable:!0})},f=(e,r,o,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of g(r))!R.call(e,i)&&i!==o&&d(e,i,{get:()=>r[i],enumerable:!(s=v(r,i))||s.enumerable});return e};var P=(e,r,o)=>(o=e!=null?y(N(e)):{},f(r||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),C=e=>f(d({},"__esModule",{value:!0}),e);var k={};T(k,{Slider:()=>m});module.exports=C(k);var t=P(require("react")),l=P(require("classnames")),p=require("radix-ui"),c=require("./slider.props.js"),S=require("../helpers/extract-props.js"),u=require("../props/margin.props.js");const m=t.forwardRef((e,r)=>{const{className:o,color:s,radius:i,tabIndex:n,...a}=(0,S.extractProps)(e,c.sliderPropDefs,u.marginPropDefs);return t.createElement(p.Slider.Root,{"data-accent-color":s,"data-radius":i,ref:r,...a,asChild:!1,className:(0,l.default)("rt-SliderRoot",o)},t.createElement(p.Slider.Track,{className:"rt-SliderTrack"},t.createElement(p.Slider.Range,{className:(0,l.default)("rt-SliderRange",{"rt-high-contrast":e.highContrast}),"data-inverted":a.inverted?"":void 0})),(a.value??a.defaultValue??[]).map((x,h)=>t.createElement(p.Slider.Thumb,{key:h,className:"rt-SliderThumb",...n!==void 0?{tabIndex:n}:void 0})))});m.displayName="Slider";
+"use strict";var O=Object.create;var S=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var F=(a,i)=>{for(var u in i)S(a,u,{get:i[u],enumerable:!0})},D=(a,i,u,h)=>{if(i&&typeof i=="object"||typeof i=="function")for(let d of q(i))!B.call(a,d)&&d!==u&&S(a,d,{get:()=>i[d],enumerable:!(h=X(i,d))||h.enumerable});return a};var E=(a,i,u)=>(u=a!=null?O(z(a)):{},D(i||!a||!a.__esModule?S(u,"default",{value:a,enumerable:!0}):u,a)),H=a=>D(S({},"__esModule",{value:!0}),a);var J={};F(J,{Slider:()=>x});module.exports=H(J);var t=E(require("react")),P=E(require("classnames")),b=require("radix-ui"),j=require("./slider.props.js"),G=require("../helpers/extract-props.js"),R=require("../props/margin.props.js");const x=t.forwardRef((a,i)=>{const{className:u,color:h,radius:d,tabIndex:C,...n}=(0,G.extractProps)(a,j.sliderPropDefs,R.marginPropDefs),{ticks:m,showTickLabels:W,snapToTicks:v,unit:s}=a,c=n.min??0,p=n.max??100,f=n.value??n.defaultValue??[c],N=Array.isArray(f)&&f.length>1,I=n.step,o=t.useMemo(()=>m?[...m].sort((e,r)=>e.value-r.value):[],[m]),V=t.useCallback(e=>{if(!v||!o.length)return e;let r=0,l=o.length-1;if(e<=o[r].value)return o[r].value;if(e>=o[l].value)return o[l].value;for(;r<=l;){const g=Math.floor((r+l)/2);if(o[g].value===e)return e;o[g].value<e?r=g+1:l=g-1}const T=Math.abs(e-o[l].value),L=Math.abs(e-o[r].value);return T<=L?o[l].value:o[r].value},[v,o]),$=t.useCallback(e=>{const r=l=>s?`${l} ${s}`:l.toString();return e.length===1?`${r(e[0])} out of ${r(p)}`:e.length===2?`${r(e[0])} to ${r(e[1])} out of ${r(p)}`:`${e.map(r).join(", ")} out of ${r(p)}`},[s,p]),A=t.useMemo(()=>m?m.map((e,r)=>({...e,percentage:(e.value-c)/(p-c)*100,index:r})):null,[m,c,p]),[y,k]=t.useState(""),{onValueChange:M}=n,w=t.useCallback(e=>{const r=v&&m?e.map(T=>V(T)):e,l=$(r);k(l),M?.(r)},[v,m,V,$,M]);return t.useEffect(()=>{if(y){const e=setTimeout(()=>k(""),1e3);return()=>clearTimeout(e)}},[y]),t.createElement("div",{className:"rt-SliderContainer"},t.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",style:{position:"absolute",left:"-10000px",width:"1px",height:"1px",overflow:"hidden"}},y),t.createElement(b.Slider.Root,{"data-accent-color":h,"data-radius":d,ref:i,...n,step:I,onValueChange:w,asChild:!1,className:(0,P.default)("rt-SliderRoot",u),"aria-valuemin":c,"aria-valuemax":p,"aria-valuenow":Array.isArray(f)?f[0]:f,"aria-valuetext":$(f),"aria-label":a["aria-label"]||`${N?"Range":"Value"} slider`},t.createElement(b.Slider.Track,{className:"rt-SliderTrack"},t.createElement(b.Slider.Range,{className:(0,P.default)("rt-SliderRange",{"rt-high-contrast":a.highContrast}),"data-inverted":n.inverted?"":void 0})),(n.value??n.defaultValue??[]).map((e,r)=>t.createElement(b.Slider.Thumb,{key:r,className:"rt-SliderThumb",...C!==void 0?{tabIndex:C}:void 0,"aria-label":N?`${r===0?"Minimum":r===1?"Maximum":`Thumb ${r+1}`} value: ${s?`${e} ${s}`:e}`:`Slider value: ${s?`${e} ${s}`:e}`,"aria-valuetext":s?`${e} ${s}`:e.toString()}))),A&&t.createElement("div",{className:"rt-SliderTicks",role:"group","aria-label":"Slider tick marks"},A.map(e=>t.createElement("button",{key:e.index,className:"rt-SliderTick",style:{left:`${e.percentage}%`,transform:"translateX(-50%)"},onClick:()=>{const r=n.value??n.defaultValue??[c],l=Array.isArray(r)?r.map(()=>e.value):[e.value];w(l)},"aria-label":`Set to ${e.label||(s?`${e.value} ${s}`:e.value)}`,"aria-describedby":e.label?void 0:`tick-${e.index}-value`,type:"button"},t.createElement("div",{className:"rt-SliderTickMark"}),e.label&&W!==!1&&t.createElement("div",{className:"rt-SliderTickLabel"},e.label),!e.label&&t.createElement("span",{id:`tick-${e.index}-value`,className:"sr-only"},s?`${e.value} ${s}`:e.value)))))});x.displayName="Slider";
 //# sourceMappingURL=slider.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/slider.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\nimport { sliderPropDefs } from './slider.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 } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SliderElement = React.ElementRef<typeof SliderPrimitive.Root>;\ntype SliderOwnProps = GetPropDefTypes<typeof sliderPropDefs>;\ninterface SliderProps\n  extends ComponentPropsWithout<\n      typeof SliderPrimitive.Root,\n      'asChild' | 'color' | 'children' | 'defaultChecked'\n    >,\n    MarginProps,\n    SliderOwnProps {}\nconst Slider = React.forwardRef<SliderElement, SliderProps>((props, forwardedRef) => {\n  const { className, color, radius, tabIndex, ...sliderProps } = extractProps(\n    props,\n    sliderPropDefs,\n    marginPropDefs\n  );\n  return (\n    <SliderPrimitive.Root\n      data-accent-color={color}\n      data-radius={radius}\n      ref={forwardedRef}\n      {...sliderProps}\n      asChild={false}\n      className={classNames('rt-SliderRoot', className)}\n    >\n      <SliderPrimitive.Track className=\"rt-SliderTrack\">\n        <SliderPrimitive.Range\n          className={classNames('rt-SliderRange', { 'rt-high-contrast': props.highContrast })}\n          data-inverted={sliderProps.inverted ? '' : undefined}\n        />\n      </SliderPrimitive.Track>\n      {(sliderProps.value ?? sliderProps.defaultValue ?? []).map((value, index) => (\n        <SliderPrimitive.Thumb\n          key={index}\n          className=\"rt-SliderThumb\"\n          {...(tabIndex !== undefined ? { tabIndex } : undefined)}\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n});\nSlider.displayName = 'Slider';\n\nexport { Slider };\nexport type { SliderProps };\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA0C,oBAE1CC,EAA+B,6BAC/BC,EAA6B,uCAC7BC,EAA+B,oCAe/B,MAAMP,EAASE,EAAM,WAAuC,CAACM,EAAOC,IAAiB,CACnF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAY,KAAI,gBAC7DN,EACA,iBACA,gBACF,EACA,OACEN,EAAA,cAAC,EAAAa,OAAgB,KAAhB,CACC,oBAAmBJ,EACnB,cAAaC,EACb,IAAKH,EACJ,GAAGK,EACJ,QAAS,GACT,aAAW,EAAAE,SAAW,gBAAiBN,CAAS,GAEhDR,EAAA,cAAC,EAAAa,OAAgB,MAAhB,CAAsB,UAAU,kBAC/Bb,EAAA,cAAC,EAAAa,OAAgB,MAAhB,CACC,aAAW,EAAAC,SAAW,iBAAkB,CAAE,mBAAoBR,EAAM,YAAa,CAAC,EAClF,gBAAeM,EAAY,SAAW,GAAK,OAC7C,CACF,GACEA,EAAY,OAASA,EAAY,cAAgB,CAAC,GAAG,IAAI,CAACG,EAAOC,IACjEhB,EAAA,cAAC,EAAAa,OAAgB,MAAhB,CACC,IAAKG,EACL,UAAU,iBACT,GAAIL,IAAa,OAAY,CAAE,SAAAA,CAAS,EAAI,OAC/C,CACD,CACH,CAEJ,CAAC,EACDb,EAAO,YAAc",
-  "names": ["slider_exports", "__export", "Slider", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_slider_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "className", "color", "radius", "tabIndex", "sliderProps", "SliderPrimitive", "classNames", "value", "index"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\nimport { sliderPropDefs } from './slider.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 } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SliderElement = React.ElementRef<typeof SliderPrimitive.Root>;\ntype SliderOwnProps = GetPropDefTypes<typeof sliderPropDefs>;\ninterface SliderProps\n  extends ComponentPropsWithout<\n      typeof SliderPrimitive.Root,\n      'asChild' | 'color' | 'children' | 'defaultChecked'\n    >,\n    MarginProps,\n    SliderOwnProps {\n  ticks?: Array<{ value: number; label?: string }>;\n  unit?: string;\n}\nconst Slider = React.forwardRef<SliderElement, SliderProps>((props, forwardedRef) => {\n  const { className, color, radius, tabIndex, ...sliderProps } = extractProps(\n    props,\n    sliderPropDefs,\n    marginPropDefs,\n  );\n  const { ticks, showTickLabels, snapToTicks, unit } = props;\n\n  const min = sliderProps.min ?? 0;\n  const max = sliderProps.max ?? 100;\n\n  // Current value for accessibility\n  const currentValue = sliderProps.value ?? sliderProps.defaultValue ?? [min];\n  const isRange = Array.isArray(currentValue) && currentValue.length > 1;\n\n  // For snapping to ticks, we need to handle this differently\n  // Radix slider doesn't support arbitrary step values, so we'll handle snapping in the onValueChange\n  const step = sliderProps.step;\n\n  // Optimized snap-to-ticks with memoized sorted ticks\n  const sortedTicks = React.useMemo(\n    () => (ticks ? [...ticks].sort((a, b) => a.value - b.value) : []),\n    [ticks],\n  );\n\n  // Function to snap value to nearest tick (optimized)\n  const snapToNearestTick = React.useCallback(\n    (value: number): number => {\n      if (!snapToTicks || !sortedTicks.length) return value;\n\n      // Binary search for closest tick\n      let left = 0;\n      let right = sortedTicks.length - 1;\n\n      if (value <= sortedTicks[left].value) return sortedTicks[left].value;\n      if (value >= sortedTicks[right].value) return sortedTicks[right].value;\n\n      while (left <= right) {\n        const mid = Math.floor((left + right) / 2);\n        if (sortedTicks[mid].value === value) return value;\n\n        if (sortedTicks[mid].value < value) {\n          left = mid + 1;\n        } else {\n          right = mid - 1;\n        }\n      }\n\n      // Find closest between left and right\n      const leftDistance = Math.abs(value - sortedTicks[right].value);\n      const rightDistance = Math.abs(value - sortedTicks[left].value);\n\n      return leftDistance <= rightDistance ? sortedTicks[right].value : sortedTicks[left].value;\n    },\n    [snapToTicks, sortedTicks],\n  );\n\n  // Format value text for accessibility\n  const formatValueText = React.useCallback(\n    (values: number[]): string => {\n      const formatValue = (val: number) => (unit ? `${val} ${unit}` : val.toString());\n\n      if (values.length === 1) {\n        return `${formatValue(values[0])} out of ${formatValue(max)}`;\n      } else if (values.length === 2) {\n        return `${formatValue(values[0])} to ${formatValue(values[1])} out of ${formatValue(max)}`;\n      } else {\n        return `${values.map(formatValue).join(', ')} out of ${formatValue(max)}`;\n      }\n    },\n    [unit, max],\n  );\n\n  // Memoize tick elements for performance\n  const tickElements = React.useMemo(() => {\n    if (!ticks) return null;\n\n    return ticks.map((tick, index) => ({\n      ...tick,\n      percentage: ((tick.value - min) / (max - min)) * 100,\n      index,\n    }));\n  }, [ticks, min, max]);\n\n  // Live region state for accessibility announcements\n  const [announceValue, setAnnounceValue] = React.useState<string>('');\n\n  const { onValueChange } = sliderProps;\n  // Handle value changes with snapping\n  const handleValueChange = React.useCallback(\n    (newValue: number[]) => {\n      const finalValue =\n        snapToTicks && ticks ? newValue.map((v) => snapToNearestTick(v)) : newValue;\n\n      // Update live region for screen readers\n      const valueText = formatValueText(finalValue);\n      setAnnounceValue(valueText);\n\n      onValueChange?.(finalValue);\n    },\n    [snapToTicks, ticks, snapToNearestTick, formatValueText, onValueChange],\n  );\n\n  // Clear announcement after a delay to prevent spam\n  React.useEffect(() => {\n    if (announceValue) {\n      const timer = setTimeout(() => setAnnounceValue(''), 1000);\n      return () => clearTimeout(timer);\n    }\n  }, [announceValue]);\n\n  return (\n    <div className=\"rt-SliderContainer\">\n      {/* Live region for screen reader announcements */}\n      <div\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className=\"sr-only\"\n        style={{\n          position: 'absolute',\n          left: '-10000px',\n          width: '1px',\n          height: '1px',\n          overflow: 'hidden',\n        }}\n      >\n        {announceValue}\n      </div>\n\n      <SliderPrimitive.Root\n        data-accent-color={color}\n        data-radius={radius}\n        ref={forwardedRef}\n        {...sliderProps}\n        step={step}\n        onValueChange={handleValueChange}\n        asChild={false}\n        className={classNames('rt-SliderRoot', className)}\n        // Essential ARIA attributes for WCAG 2.2 AA compliance\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={Array.isArray(currentValue) ? currentValue[0] : (currentValue as number)}\n        aria-valuetext={formatValueText(currentValue as number[])}\n        aria-label={props['aria-label'] || `${isRange ? 'Range' : 'Value'} slider`}\n      >\n        <SliderPrimitive.Track className=\"rt-SliderTrack\">\n          <SliderPrimitive.Range\n            className={classNames('rt-SliderRange', { 'rt-high-contrast': props.highContrast })}\n            data-inverted={sliderProps.inverted ? '' : undefined}\n          />\n        </SliderPrimitive.Track>\n        {(sliderProps.value ?? sliderProps.defaultValue ?? []).map((value, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            className=\"rt-SliderThumb\"\n            {...(tabIndex !== undefined ? { tabIndex } : undefined)}\n            aria-label={\n              isRange\n                ? `${index === 0 ? 'Minimum' : index === 1 ? 'Maximum' : `Thumb ${index + 1}`} value: ${unit ? `${value} ${unit}` : value}`\n                : `Slider value: ${unit ? `${value} ${unit}` : value}`\n            }\n            aria-valuetext={unit ? `${value} ${unit}` : value.toString()}\n          />\n        ))}\n      </SliderPrimitive.Root>\n      {tickElements && (\n        <div className=\"rt-SliderTicks\" role=\"group\" aria-label=\"Slider tick marks\">\n          {tickElements.map((tick) => {\n            return (\n              <button\n                key={tick.index}\n                className=\"rt-SliderTick\"\n                style={{\n                  left: `${tick.percentage}%`,\n                  transform: 'translateX(-50%)',\n                }}\n                onClick={() => {\n                  const currentValues = sliderProps.value ?? sliderProps.defaultValue ?? [min];\n                  const newValue = Array.isArray(currentValues)\n                    ? currentValues.map(() => tick.value)\n                    : [tick.value];\n\n                  handleValueChange(newValue);\n                }}\n                aria-label={`Set to ${tick.label || (unit ? `${tick.value} ${unit}` : tick.value)}`}\n                aria-describedby={tick.label ? undefined : `tick-${tick.index}-value`}\n                type=\"button\"\n              >\n                <div className=\"rt-SliderTickMark\" />\n                {tick.label && showTickLabels !== false && (\n                  <div className=\"rt-SliderTickLabel\">{tick.label}</div>\n                )}\n                {!tick.label && (\n                  <span id={`tick-${tick.index}-value`} className=\"sr-only\">\n                    {unit ? `${tick.value} ${unit}` : tick.value}\n                  </span>\n                )}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n});\nSlider.displayName = 'Slider';\n\nexport { Slider };\nexport type { SliderProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA0C,oBAE1CC,EAA+B,6BAC/BC,EAA6B,uCAC7BC,EAA+B,oCAkB/B,MAAMP,EAASE,EAAM,WAAuC,CAACM,EAAOC,IAAiB,CACnF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAY,KAAI,gBAC7DN,EACA,iBACA,gBACF,EACM,CAAE,MAAAO,EAAO,eAAAC,EAAgB,YAAAC,EAAa,KAAAC,CAAK,EAAIV,EAE/CW,EAAML,EAAY,KAAO,EACzBM,EAAMN,EAAY,KAAO,IAGzBO,EAAeP,EAAY,OAASA,EAAY,cAAgB,CAACK,CAAG,EACpEG,EAAU,MAAM,QAAQD,CAAY,GAAKA,EAAa,OAAS,EAI/DE,EAAOT,EAAY,KAGnBU,EAActB,EAAM,QACxB,IAAOa,EAAQ,CAAC,GAAGA,CAAK,EAAE,KAAK,CAACU,EAAGC,IAAMD,EAAE,MAAQC,EAAE,KAAK,EAAI,CAAC,EAC/D,CAACX,CAAK,CACR,EAGMY,EAAoBzB,EAAM,YAC7B0B,GAA0B,CACzB,GAAI,CAACX,GAAe,CAACO,EAAY,OAAQ,OAAOI,EAGhD,IAAIC,EAAO,EACPC,EAAQN,EAAY,OAAS,EAEjC,GAAII,GAASJ,EAAYK,CAAI,EAAE,MAAO,OAAOL,EAAYK,CAAI,EAAE,MAC/D,GAAID,GAASJ,EAAYM,CAAK,EAAE,MAAO,OAAON,EAAYM,CAAK,EAAE,MAEjE,KAAOD,GAAQC,GAAO,CACpB,MAAMC,EAAM,KAAK,OAAOF,EAAOC,GAAS,CAAC,EACzC,GAAIN,EAAYO,CAAG,EAAE,QAAUH,EAAO,OAAOA,EAEzCJ,EAAYO,CAAG,EAAE,MAAQH,EAC3BC,EAAOE,EAAM,EAEbD,EAAQC,EAAM,CAElB,CAGA,MAAMC,EAAe,KAAK,IAAIJ,EAAQJ,EAAYM,CAAK,EAAE,KAAK,EACxDG,EAAgB,KAAK,IAAIL,EAAQJ,EAAYK,CAAI,EAAE,KAAK,EAE9D,OAAOG,GAAgBC,EAAgBT,EAAYM,CAAK,EAAE,MAAQN,EAAYK,CAAI,EAAE,KACtF,EACA,CAACZ,EAAaO,CAAW,CAC3B,EAGMU,EAAkBhC,EAAM,YAC3BiC,GAA6B,CAC5B,MAAMC,EAAeC,GAAiBnB,EAAO,GAAGmB,CAAG,IAAInB,CAAI,GAAKmB,EAAI,SAAS,EAE7E,OAAIF,EAAO,SAAW,EACb,GAAGC,EAAYD,EAAO,CAAC,CAAC,CAAC,WAAWC,EAAYhB,CAAG,CAAC,GAClDe,EAAO,SAAW,EACpB,GAAGC,EAAYD,EAAO,CAAC,CAAC,CAAC,OAAOC,EAAYD,EAAO,CAAC,CAAC,CAAC,WAAWC,EAAYhB,CAAG,CAAC,GAEjF,GAAGe,EAAO,IAAIC,CAAW,EAAE,KAAK,IAAI,CAAC,WAAWA,EAAYhB,CAAG,CAAC,EAE3E,EACA,CAACF,EAAME,CAAG,CACZ,EAGMkB,EAAepC,EAAM,QAAQ,IAC5Ba,EAEEA,EAAM,IAAI,CAACwB,EAAMC,KAAW,CACjC,GAAGD,EACH,YAAcA,EAAK,MAAQpB,IAAQC,EAAMD,GAAQ,IACjD,MAAAqB,CACF,EAAE,EANiB,KAOlB,CAACzB,EAAOI,EAAKC,CAAG,CAAC,EAGd,CAACqB,EAAeC,CAAgB,EAAIxC,EAAM,SAAiB,EAAE,EAE7D,CAAE,cAAAyC,CAAc,EAAI7B,EAEpB8B,EAAoB1C,EAAM,YAC7B2C,GAAuB,CACtB,MAAMC,EACJ7B,GAAeF,EAAQ8B,EAAS,IAAKE,GAAMpB,EAAkBoB,CAAC,CAAC,EAAIF,EAG/DG,EAAYd,EAAgBY,CAAU,EAC5CJ,EAAiBM,CAAS,EAE1BL,IAAgBG,CAAU,CAC5B,EACA,CAAC7B,EAAaF,EAAOY,EAAmBO,EAAiBS,CAAa,CACxE,EAGA,OAAAzC,EAAM,UAAU,IAAM,CACpB,GAAIuC,EAAe,CACjB,MAAMQ,EAAQ,WAAW,IAAMP,EAAiB,EAAE,EAAG,GAAI,EACzD,MAAO,IAAM,aAAaO,CAAK,CACjC,CACF,EAAG,CAACR,CAAa,CAAC,EAGhBvC,EAAA,cAAC,OAAI,UAAU,sBAEbA,EAAA,cAAC,OACC,YAAU,SACV,cAAY,OACZ,UAAU,UACV,MAAO,CACL,SAAU,WACV,KAAM,WACN,MAAO,MACP,OAAQ,MACR,SAAU,QACZ,GAECuC,CACH,EAEAvC,EAAA,cAAC,EAAAgD,OAAgB,KAAhB,CACC,oBAAmBvC,EACnB,cAAaC,EACb,IAAKH,EACJ,GAAGK,EACJ,KAAMS,EACN,cAAeqB,EACf,QAAS,GACT,aAAW,EAAAO,SAAW,gBAAiBzC,CAAS,EAEhD,gBAAeS,EACf,gBAAeC,EACf,gBAAe,MAAM,QAAQC,CAAY,EAAIA,EAAa,CAAC,EAAKA,EAChE,iBAAgBa,EAAgBb,CAAwB,EACxD,aAAYb,EAAM,YAAY,GAAK,GAAGc,EAAU,QAAU,OAAO,WAEjEpB,EAAA,cAAC,EAAAgD,OAAgB,MAAhB,CAAsB,UAAU,kBAC/BhD,EAAA,cAAC,EAAAgD,OAAgB,MAAhB,CACC,aAAW,EAAAC,SAAW,iBAAkB,CAAE,mBAAoB3C,EAAM,YAAa,CAAC,EAClF,gBAAeM,EAAY,SAAW,GAAK,OAC7C,CACF,GACEA,EAAY,OAASA,EAAY,cAAgB,CAAC,GAAG,IAAI,CAACc,EAAOY,IACjEtC,EAAA,cAAC,EAAAgD,OAAgB,MAAhB,CACC,IAAKV,EACL,UAAU,iBACT,GAAI3B,IAAa,OAAY,CAAE,SAAAA,CAAS,EAAI,OAC7C,aACES,EACI,GAAGkB,IAAU,EAAI,UAAYA,IAAU,EAAI,UAAY,SAASA,EAAQ,CAAC,EAAE,WAAWtB,EAAO,GAAGU,CAAK,IAAIV,CAAI,GAAKU,CAAK,GACvH,iBAAiBV,EAAO,GAAGU,CAAK,IAAIV,CAAI,GAAKU,CAAK,GAExD,iBAAgBV,EAAO,GAAGU,CAAK,IAAIV,CAAI,GAAKU,EAAM,SAAS,EAC7D,CACD,CACH,EACCU,GACCpC,EAAA,cAAC,OAAI,UAAU,iBAAiB,KAAK,QAAQ,aAAW,qBACrDoC,EAAa,IAAKC,GAEfrC,EAAA,cAAC,UACC,IAAKqC,EAAK,MACV,UAAU,gBACV,MAAO,CACL,KAAM,GAAGA,EAAK,UAAU,IACxB,UAAW,kBACb,EACA,QAAS,IAAM,CACb,MAAMa,EAAgBtC,EAAY,OAASA,EAAY,cAAgB,CAACK,CAAG,EACrE0B,EAAW,MAAM,QAAQO,CAAa,EACxCA,EAAc,IAAI,IAAMb,EAAK,KAAK,EAClC,CAACA,EAAK,KAAK,EAEfK,EAAkBC,CAAQ,CAC5B,EACA,aAAY,UAAUN,EAAK,QAAUrB,EAAO,GAAGqB,EAAK,KAAK,IAAIrB,CAAI,GAAKqB,EAAK,MAAM,GACjF,mBAAkBA,EAAK,MAAQ,OAAY,QAAQA,EAAK,KAAK,SAC7D,KAAK,UAELrC,EAAA,cAAC,OAAI,UAAU,oBAAoB,EAClCqC,EAAK,OAASvB,IAAmB,IAChCd,EAAA,cAAC,OAAI,UAAU,sBAAsBqC,EAAK,KAAM,EAEjD,CAACA,EAAK,OACLrC,EAAA,cAAC,QAAK,GAAI,QAAQqC,EAAK,KAAK,SAAU,UAAU,WAC7CrB,EAAO,GAAGqB,EAAK,KAAK,IAAIrB,CAAI,GAAKqB,EAAK,KACzC,CAEJ,CAEH,CACH,CAEJ,CAEJ,CAAC,EACDvC,EAAO,YAAc",
+  "names": ["slider_exports", "__export", "Slider", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_slider_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "className", "color", "radius", "tabIndex", "sliderProps", "ticks", "showTickLabels", "snapToTicks", "unit", "min", "max", "currentValue", "isRange", "step", "sortedTicks", "a", "b", "snapToNearestTick", "value", "left", "right", "mid", "leftDistance", "rightDistance", "formatValueText", "values", "formatValue", "val", "tickElements", "tick", "index", "announceValue", "setAnnounceValue", "onValueChange", "handleValueChange", "newValue", "finalValue", "v", "valueText", "timer", "SliderPrimitive", "classNames", "currentValues"]
 }

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

@@ -17,16 +17,24 @@ declare const sliderPropDefs: {
     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";
     };
+    showTickLabels: {
+        type: "boolean";
+        className: string;
+    };
+    snapToTicks: {
+        type: "boolean";
+        className: string;
+    };
 };
 export { sliderPropDefs };
 //# sourceMappingURL=slider.props.d.ts.map

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

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

package/dist/cjs/components/slider.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 y={};l(y,{sliderPropDefs:()=>n});module.exports=D(y);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"],d=["classic","surface","soft"],n={size:{type:"enum",className:"rt-r-size",values:P,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:d,default:"surface"},...p.colorPropDef,...i.highContrastPropDef,...f.radiusPropDef};
+"use strict";var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var u=(e,s)=>{for(var r in s)a(e,r,{get:s[r],enumerable:!0})},b=(e,s,r,t)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of c(s))!m.call(e,o)&&o!==r&&a(e,o,{get:()=>s[o],enumerable:!(t=l(s,o))||t.enumerable});return e};var D=e=>b(a({},"__esModule",{value:!0}),e);var y={};u(y,{sliderPropDefs:()=>f});module.exports=D(y);var p=require("../props/color.prop.js"),i=require("../props/high-contrast.prop.js"),n=require("../props/radius.prop.js");const P=["1","2","3","4"],v=["surface","soft","outline"],f={size:{type:"enum",className:"rt-r-size",values:P,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"surface"},showTickLabels:{type:"boolean",className:"rt-show-tick-labels"},snapToTicks:{type:"boolean",className:"rt-snap-to-ticks"},...p.colorPropDef,...i.highContrastPropDef,...n.radiusPropDef};
 //# sourceMappingURL=slider.props.js.map

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