@kushagradhawan/kookie-ui 0.1.28 → 0.1.30

package/dist/esm/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": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAE1C,OAAS,kBAAAC,MAAsB,oBAC/B,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAe/B,MAAMC,EAASN,EAAM,WAAuC,CAACO,EAAOC,IAAiB,CACnF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAY,EAAIT,EAC7DG,EACAJ,EACAE,CACF,EACA,OACEL,EAAA,cAACE,EAAgB,KAAhB,CACC,oBAAmBQ,EACnB,cAAaC,EACb,IAAKH,EACJ,GAAGK,EACJ,QAAS,GACT,UAAWZ,EAAW,gBAAiBQ,CAAS,GAEhDT,EAAA,cAACE,EAAgB,MAAhB,CAAsB,UAAU,kBAC/BF,EAAA,cAACE,EAAgB,MAAhB,CACC,UAAWD,EAAW,iBAAkB,CAAE,mBAAoBM,EAAM,YAAa,CAAC,EAClF,gBAAeM,EAAY,SAAW,GAAK,OAC7C,CACF,GACEA,EAAY,OAASA,EAAY,cAAgB,CAAC,GAAG,IAAI,CAACC,EAAOC,IACjEf,EAAA,cAACE,EAAgB,MAAhB,CACC,IAAKa,EACL,UAAU,iBACT,GAAIH,IAAa,OAAY,CAAE,SAAAA,CAAS,EAAI,OAC/C,CACD,CACH,CAEJ,CAAC,EACDN,EAAO,YAAc",
-  "names": ["React", "classNames", "SliderPrimitive", "sliderPropDefs", "extractProps", "marginPropDefs", "Slider", "props", "forwardedRef", "className", "color", "radius", "tabIndex", "sliderProps", "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": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAE1C,OAAS,kBAAAC,MAAsB,oBAC/B,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAkB/B,MAAMC,EAASN,EAAM,WAAuC,CAACO,EAAOC,IAAiB,CACnF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAY,EAAIT,EAC7DG,EACAJ,EACAE,CACF,EACM,CAAE,MAAAS,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,EAAcvB,EAAM,QACxB,IAAOc,EAAQ,CAAC,GAAGA,CAAK,EAAE,KAAK,CAACU,EAAGC,IAAMD,EAAE,MAAQC,EAAE,KAAK,EAAI,CAAC,EAC/D,CAACX,CAAK,CACR,EAGMY,EAAoB1B,EAAM,YAC7B2B,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,EAAkBjC,EAAM,YAC3BkC,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,EAAerC,EAAM,QAAQ,IAC5Bc,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,EAAIzC,EAAM,SAAiB,EAAE,EAE7D,CAAE,cAAA0C,CAAc,EAAI7B,EAEpB8B,EAAoB3C,EAAM,YAC7B4C,GAAuB,CACtB,MAAMC,EACJ7B,GAAeF,EAAQ8B,EAAS,IAAK,GAAMlB,EAAkB,CAAC,CAAC,EAAIkB,EAG/DE,EAAYb,EAAgBY,CAAU,EAC5CJ,EAAiBK,CAAS,EAE1BJ,IAAgBG,CAAU,CAC5B,EACA,CAAC7B,EAAaF,EAAOY,EAAmBO,EAAiBS,CAAa,CACxE,EAGA,OAAA1C,EAAM,UAAU,IAAM,CACpB,GAAIwC,EAAe,CACjB,MAAMO,EAAQ,WAAW,IAAMN,EAAiB,EAAE,EAAG,GAAI,EACzD,MAAO,IAAM,aAAaM,CAAK,CACjC,CACF,EAAG,CAACP,CAAa,CAAC,EAGhBxC,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,GAECwC,CACH,EAEAxC,EAAA,cAACE,EAAgB,KAAhB,CACC,oBAAmBQ,EACnB,cAAaC,EACb,IAAKH,EACJ,GAAGK,EACJ,KAAMS,EACN,cAAeqB,EACf,QAAS,GACT,UAAW1C,EAAW,gBAAiBQ,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,WAEjErB,EAAA,cAACE,EAAgB,MAAhB,CAAsB,UAAU,kBAC/BF,EAAA,cAACE,EAAgB,MAAhB,CACC,UAAWD,EAAW,iBAAkB,CAAE,mBAAoBM,EAAM,YAAa,CAAC,EAClF,gBAAeM,EAAY,SAAW,GAAK,OAC7C,CACF,GACEA,EAAY,OAASA,EAAY,cAAgB,CAAC,GAAG,IAAI,CAACc,EAAOY,IACjEvC,EAAA,cAACE,EAAgB,MAAhB,CACC,IAAKqC,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,GACCrC,EAAA,cAAC,OAAI,UAAU,iBAAiB,KAAK,QAAQ,aAAW,qBACrDqC,EAAa,IAAKC,GAEftC,EAAA,cAAC,UACC,IAAKsC,EAAK,MACV,UAAU,gBACV,MAAO,CACL,KAAM,GAAGA,EAAK,UAAU,IACxB,UAAW,kBACb,EACA,QAAS,IAAM,CACb,MAAMU,EAAgBnC,EAAY,OAASA,EAAY,cAAgB,CAACK,CAAG,EACrE0B,EAAW,MAAM,QAAQI,CAAa,EACxCA,EAAc,IAAI,IAAMV,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,UAELtC,EAAA,cAAC,OAAI,UAAU,oBAAoB,EAClCsC,EAAK,OAASvB,IAAmB,IAChCf,EAAA,cAAC,OAAI,UAAU,sBAAsBsC,EAAK,KAAM,EAEjD,CAACA,EAAK,OACLtC,EAAA,cAAC,QAAK,GAAI,QAAQsC,EAAK,KAAK,SAAU,UAAU,WAC7CrB,EAAO,GAAGqB,EAAK,KAAK,IAAIrB,CAAI,GAAKqB,EAAK,KACzC,CAEJ,CAEH,CACH,CAEJ,CAEJ,CAAC,EACDhC,EAAO,YAAc",
+  "names": ["React", "classNames", "SliderPrimitive", "sliderPropDefs", "extractProps", "marginPropDefs", "Slider", "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", "valueText", "timer", "currentValues"]
 }

package/dist/esm/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/esm/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/esm/components/slider.props.js

@@ -1,2 +1,2 @@
-import{colorPropDef as s}from"../props/color.prop.js";import{highContrastPropDef as e}from"../props/high-contrast.prop.js";import{radiusPropDef as r}from"../props/radius.prop.js";const o=["1","2","3"],t=["classic","surface","soft"],a={size:{type:"enum",className:"rt-r-size",values:o,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},...s,...e,...r};export{a as sliderPropDefs};
+import{colorPropDef as s}from"../props/color.prop.js";import{highContrastPropDef as e}from"../props/high-contrast.prop.js";import{radiusPropDef as o}from"../props/radius.prop.js";const r=["1","2","3","4"],a=["surface","soft","outline"],t={size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"surface"},showTickLabels:{type:"boolean",className:"rt-show-tick-labels"},snapToTicks:{type:"boolean",className:"rt-snap-to-ticks"},...s,...e,...o};export{t as sliderPropDefs};
 //# sourceMappingURL=slider.props.js.map

package/dist/esm/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": "AAAA,OAAS,gBAAAA,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,iBAAAC,MAAqB,0BAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,MAAM,EAExCC,EAAiB,CACrB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAGJ,EACH,GAAGC,EACH,GAAGC,CACL",
+  "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": "AAAA,OAAS,gBAAAA,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,iBAAAC,MAAqB,0BAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,OAAQ,SAAS,EAExCC,EAAiB,CACrB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQF,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,GAAGJ,EACH,GAAGC,EACH,GAAGC,CACL",
   "names": ["colorPropDef", "highContrastPropDef", "radiusPropDef", "sizes", "variants", "sliderPropDefs"]
 }

package/dist/esm/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/esm/components/switch.js

@@ -1,2 +1,2 @@
-import*as t from"react";import r from"classnames";import{Switch as e}from"radix-ui";import{extractProps as h}from"../helpers/extract-props.js";import{marginPropDefs as f}from"../props/margin.props.js";import{switchPropDefs as n}from"./switch.props.js";const i=t.forwardRef((o,p)=>{const{className:s,color:m,radius:c,...a}=h(o,n,f);return t.createElement(e.Root,{"data-accent-color":m,"data-radius":c,...a,asChild:!1,ref:p,className:r("rt-reset","rt-SwitchRoot",s)},t.createElement(e.Thumb,{className:r("rt-SwitchThumb",{"rt-high-contrast":o.highContrast})}))});i.displayName="Switch";export{i as Switch};
+import*as t from"react";import e from"classnames";import{Switch as i}from"radix-ui";import{extractProps as f}from"../helpers/extract-props.js";import{marginPropDefs as l}from"../props/margin.props.js";import{switchPropDefs as w}from"./switch.props.js";const p=t.forwardRef((o,s)=>{const{className:a,color:c,panelBackground:m,material:h,...n}=f(o,w,l),r=h||m;return t.createElement(i.Root,{"data-accent-color":c,"data-panel-background":r,"data-material":r,...n,asChild:!1,ref:s,className:e("rt-reset","rt-SwitchRoot",a)},t.createElement(i.Thumb,{className:e("rt-SwitchThumb",{"rt-high-contrast":o.highContrast})}))});p.displayName="Switch";export{p as Switch};
 //# sourceMappingURL=switch.js.map

package/dist/esm/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": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAE1C,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAC/B,OAAS,kBAAAC,MAAsB,oBAe/B,MAAMC,EAASN,EAAM,WAAuC,CAACO,EAAOC,IAAiB,CACnF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,GAAGC,CAAY,EAAIT,EACnDI,EACAF,EACAD,CACF,EACA,OACEJ,EAAA,cAACE,EAAgB,KAAhB,CACC,oBAAmBQ,EACnB,cAAaC,EACZ,GAAGC,EACJ,QAAS,GACT,IAAKJ,EACL,UAAWP,EAAW,WAAY,gBAAiBQ,CAAS,GAE5DT,EAAA,cAACE,EAAgB,MAAhB,CACC,UAAWD,EAAW,iBAAkB,CAAE,mBAAoBM,EAAM,YAAa,CAAC,EACpF,CACF,CAEJ,CAAC,EACDD,EAAO,YAAc",
-  "names": ["React", "classNames", "SwitchPrimitive", "extractProps", "marginPropDefs", "switchPropDefs", "Switch", "props", "forwardedRef", "className", "color", "radius", "switchProps"]
+  "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": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAE1C,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAC/B,OAAS,kBAAAC,MAAsB,oBAe/B,MAAMC,EAASN,EAAM,WAAuC,CAACO,EAAOC,IAAiB,CACnF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,SAAAC,EAAU,GAAGC,CAAY,EAAIV,EACtEI,EACAF,EACAD,CACF,EACMU,EAAoBF,GAAYD,EACtC,OACEX,EAAA,cAACE,EAAgB,KAAhB,CACC,oBAAmBQ,EACnB,wBAAuBI,EACvB,gBAAeA,EACd,GAAGD,EACJ,QAAS,GACT,IAAKL,EACL,UAAWP,EAAW,WAAY,gBAAiBQ,CAAS,GAE5DT,EAAA,cAACE,EAAgB,MAAhB,CACC,UAAWD,EAAW,iBAAkB,CAAE,mBAAoBM,EAAM,YAAa,CAAC,EACpF,CACF,CAEJ,CAAC,EACDD,EAAO,YAAc",
+  "names": ["React", "classNames", "SwitchPrimitive", "extractProps", "marginPropDefs", "switchPropDefs", "Switch", "props", "forwardedRef", "className", "color", "panelBackground", "material", "switchProps", "effectiveMaterial"]
 }

package/dist/esm/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/esm/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/esm/components/switch.props.js

@@ -1,2 +1,2 @@
-import{colorPropDef as s}from"../props/color.prop.js";import{highContrastPropDef as e}from"../props/high-contrast.prop.js";import{radiusPropDef as r}from"../props/radius.prop.js";const o=["1","2","3"],t=["classic","surface","soft"],a={size:{type:"enum",className:"rt-r-size",values:o,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},...s,...e,...r};export{a as switchPropDefs};
+import{colorPropDef as e}from"../props/color.prop.js";import{highContrastPropDef as s}from"../props/high-contrast.prop.js";const a=["1","2","3","4"],t=["surface","soft","outline"],n=["solid","translucent"],r=["solid","translucent"],o={size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},...e,...s,material:{type:"enum",values:r,default:void 0},panelBackground:{type:"enum",values:n,default:void 0}};export{o as switchPropDefs};
 //# sourceMappingURL=switch.props.js.map

package/dist/esm/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": "AAAA,OAAS,gBAAAA,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,iBAAAC,MAAqB,0BAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,MAAM,EAExCC,EAAiB,CACrB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAGJ,EACH,GAAGC,EACH,GAAGC,CACL",
-  "names": ["colorPropDef", "highContrastPropDef", "radiusPropDef", "sizes", "variants", "switchPropDefs"]
+  "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": "AAAA,OAAS,gBAAAA,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,OAAQ,SAAS,EACxCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAiB,CACrB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAGH,EACH,GAAGC,EAKH,SAAU,CAAE,KAAM,OAAQ,OAAQI,EAAW,QAAS,MAAU,EAKhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,CAChF",
+  "names": ["colorPropDef", "highContrastPropDef", "sizes", "variants", "panelBackgrounds", "materials", "switchPropDefs"]
 }

package/dist/esm/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/esm/components/tab-nav.js

@@ -1,2 +1,2 @@
-import*as o from"react";import m from"classnames";import{NavigationMenu as e}from"radix-ui";import{tabNavRootPropDefs as f}from"./tab-nav.props.js";import{extractProps as b}from"../helpers/extract-props.js";import{getSubtree as T}from"../helpers/get-subtree.js";import{marginPropDefs as l}from"../props/margin.props.js";const N=o.forwardRef((t,r)=>{const{children:a,className:s,color:n,...p}=b(t,f,l);return o.createElement(e.Root,{className:"rt-TabNavRoot","data-accent-color":n,...p,asChild:!1,ref:r},o.createElement(e.List,{className:m("rt-reset","rt-BaseTabList","rt-TabNavList",s)},a))});N.displayName="TabNav.Root";const v=o.forwardRef((t,r)=>{const{asChild:a,children:s,className:n,...p}=t;return o.createElement(e.Item,{className:"rt-TabNavItem"},o.createElement(e.Link,{...p,ref:r,className:m("rt-reset","rt-BaseTabListTrigger","rt-TabNavLink",n),onSelect:void 0,asChild:a},T({asChild:a,children:s},i=>o.createElement(o.Fragment,null,o.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabNavLinkInner"},i),o.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden"},i)))))});v.displayName="TabNav.Link";export{v as Link,N as Root};
+import*as a from"react";import N from"classnames";import{NavigationMenu as t}from"radix-ui";import{tabNavRootPropDefs as b}from"./tab-nav.props.js";import{extractProps as T}from"../helpers/extract-props.js";import{getSubtree as l}from"../helpers/get-subtree.js";import{marginPropDefs as P}from"../props/margin.props.js";const v=a.forwardRef((r,n)=>{const{children:o,className:s,color:p,panelBackground:e,...i}=T(r,b,P);return a.createElement(t.Root,{className:"rt-TabNavRoot","data-accent-color":p,...i,asChild:!1,ref:n},a.createElement(t.List,{className:N("rt-reset","rt-BaseTabList","rt-TabNavList",s),"data-panel-background":e},o))});v.displayName="TabNav.Root";const f=a.forwardRef((r,n)=>{const{asChild:o,children:s,className:p,active:e,...i}=r;return a.createElement(t.Item,{className:"rt-TabNavItem"},a.createElement(t.Link,{...i,ref:n,className:N("rt-reset","rt-BaseTabListTrigger","rt-TabNavLink",p),onSelect:void 0,asChild:o,"aria-current":e?"page":void 0,"data-active":e||void 0},l({asChild:o,children:s},m=>a.createElement(a.Fragment,null,a.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabNavLinkInner"},m),a.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden"},m)))))});f.displayName="TabNav.Link";export{f as Link,v as Root};
 //# sourceMappingURL=tab-nav.js.map

package/dist/esm/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": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,kBAAAC,MAAsB,WAE/B,OAAS,sBAAAC,MAA0B,qBACnC,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,cAAAC,MAAkB,4BAC3B,OAAS,kBAAAC,MAAsB,2BAc/B,MAAMC,EAAaP,EAAM,WAA+C,CAACQ,EAAOC,IAAiB,CAC/F,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAU,EAAIT,EACnDI,EACAL,EACAG,CACF,EACA,OACEN,EAAA,cAACE,EAAe,KAAf,CACC,UAAU,gBACV,oBAAmBU,EAClB,GAAGC,EACJ,QAAS,GACT,IAAKJ,GAELT,EAAA,cAACE,EAAe,KAAf,CACC,UAAWD,EAAW,WAAY,iBAAkB,gBAAiBU,CAAS,GAE7ED,CACH,CACF,CAEJ,CAAC,EACDH,EAAW,YAAc,cAOzB,MAAMO,EAAad,EAAM,WAA+C,CAACQ,EAAOC,IAAiB,CAC/F,KAAM,CAAE,QAAAM,EAAS,SAAAL,EAAU,UAAAC,EAAW,GAAGK,CAAU,EAAIR,EAEvD,OACER,EAAA,cAACE,EAAe,KAAf,CAAoB,UAAU,iBAC7BF,EAAA,cAACE,EAAe,KAAf,CACE,GAAGc,EACJ,IAAKP,EACL,UAAWR,EAAW,WAAY,wBAAyB,gBAAiBU,CAAS,EACrF,SAAU,OACV,QAASI,GAERV,EAAW,CAAE,QAAAU,EAAS,SAAAL,CAAS,EAAIA,GAClCV,EAAA,cAAAA,EAAA,cACEA,EAAA,cAAC,QAAK,UAAU,iDAAiDU,CAAS,EAC1EV,EAAA,cAAC,QAAK,UAAU,6DACbU,CACH,CACF,CACD,CACH,CACF,CAEJ,CAAC,EACDI,EAAW,YAAc",
-  "names": ["React", "classNames", "NavigationMenu", "tabNavRootPropDefs", "extractProps", "getSubtree", "marginPropDefs", "TabNavRoot", "props", "forwardedRef", "children", "className", "color", "rootProps", "TabNavLink", "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": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,kBAAAC,MAAsB,WAE/B,OAAS,sBAAAC,MAA0B,qBACnC,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,cAAAC,MAAkB,4BAC3B,OAAS,kBAAAC,MAAsB,2BAc/B,MAAMC,EAAaP,EAAM,WAA+C,CAACQ,EAAOC,IAAiB,CAC/F,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,GAAGC,CAAU,EAAIV,EACpEI,EACAL,EACAG,CACF,EACA,OACEN,EAAA,cAACE,EAAe,KAAf,CACC,UAAU,gBACV,oBAAmBU,EAClB,GAAGE,EACJ,QAAS,GACT,IAAKL,GAELT,EAAA,cAACE,EAAe,KAAf,CACC,UAAWD,EAAW,WAAY,iBAAkB,gBAAiBU,CAAS,EAC9E,wBAAuBE,GAEtBH,CACH,CACF,CAEJ,CAAC,EACDH,EAAW,YAAc,cAOzB,MAAMQ,EAAaf,EAAM,WAA+C,CAACQ,EAAOC,IAAiB,CAC/F,KAAM,CAAE,QAAAO,EAAS,SAAAN,EAAU,UAAAC,EAAW,OAAAM,EAAQ,GAAGC,CAAU,EAAIV,EAE/D,OACER,EAAA,cAACE,EAAe,KAAf,CAAoB,UAAU,iBAC7BF,EAAA,cAACE,EAAe,KAAf,CACE,GAAGgB,EACJ,IAAKT,EACL,UAAWR,EAAW,WAAY,wBAAyB,gBAAiBU,CAAS,EACrF,SAAU,OACV,QAASK,EACT,eAAcC,EAAS,OAAS,OAChC,cAAaA,GAAU,QAEtBZ,EAAW,CAAE,QAAAW,EAAS,SAAAN,CAAS,EAAIA,GAClCV,EAAA,cAAAA,EAAA,cACEA,EAAA,cAAC,QAAK,UAAU,iDAAiDU,CAAS,EAC1EV,EAAA,cAAC,QAAK,UAAU,6DACbU,CACH,CACF,CACD,CACH,CACF,CAEJ,CAAC,EACDK,EAAW,YAAc",
+  "names": ["React", "classNames", "NavigationMenu", "tabNavRootPropDefs", "extractProps", "getSubtree", "marginPropDefs", "TabNavRoot", "props", "forwardedRef", "children", "className", "color", "panelBackground", "rootProps", "TabNavLink", "asChild", "active", "linkProps"]
 }

package/dist/esm/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/esm/components/tabs.js

@@ -1,2 +1,2 @@
-import*as s from"react";import a from"classnames";import{Tabs as p}from"radix-ui";import{tabsListPropDefs as l}from"./tabs.props.js";import{extractProps as i}from"../helpers/extract-props.js";import{marginPropDefs as T}from"../props/margin.props.js";const m=s.forwardRef((t,o)=>{const{className:r,...e}=i(t,T);return s.createElement(p.Root,{...e,ref:o,className:a("rt-TabsRoot",r)})});m.displayName="Tabs.Root";const b=s.forwardRef((t,o)=>{const{className:r,color:e,panelBackground:n,...g}=i(t,l,T);return s.createElement(p.List,{"data-accent-color":e,"data-panel-background":n,...g,asChild:!1,ref:o,className:a("rt-BaseTabList","rt-TabsList",r)})});b.displayName="Tabs.List";const P=s.forwardRef((t,o)=>{const{className:r,children:e,...n}=t;return s.createElement(p.Trigger,{...n,asChild:!1,ref:o,className:a("rt-reset","rt-BaseTabListTrigger","rt-TabsTrigger",r)},s.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabsTriggerInner"},e),s.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden"},e))});P.displayName="Tabs.Trigger";const f=s.forwardRef((t,o)=>{const{className:r,...e}=i(t,T);return s.createElement(p.Content,{...e,ref:o,className:a("rt-TabsContent",r)})});f.displayName="Tabs.Content";export{f as Content,b as List,m as Root,P as Trigger};
+import*as e from"react";import a from"classnames";import{Tabs as p}from"radix-ui";import{tabsListPropDefs as l}from"./tabs.props.js";import{extractProps as n}from"../helpers/extract-props.js";import{marginPropDefs as T}from"../props/margin.props.js";const m=e.forwardRef((t,o)=>{const{className:r,...s}=n(t,T);return e.createElement(p.Root,{...s,ref:o,className:a("rt-TabsRoot",r)})});m.displayName="Tabs.Root";const b=e.forwardRef((t,o)=>{const{className:r,color:s,panelBackground:i,...g}=n(t,l,T);return e.createElement(p.List,{"data-accent-color":s,"data-panel-background":i,...g,asChild:!1,ref:o,className:a("rt-BaseTabList","rt-TabsList",r)})});b.displayName="Tabs.List";const P=e.forwardRef((t,o)=>{const{className:r,children:s,...i}=t;return e.createElement(p.Trigger,{...i,asChild:!1,ref:o,className:a("rt-reset","rt-BaseTabListTrigger","rt-TabsTrigger",r)},e.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabsTriggerInner"},s),e.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden"},s))});P.displayName="Tabs.Trigger";const f=e.forwardRef((t,o)=>{const{className:r,...s}=n(t,T);return e.createElement(p.Content,{...s,ref:o,className:a("rt-TabsContent",r),"aria-live":"polite","aria-atomic":"true"})});f.displayName="Tabs.Content";export{f as Content,b as List,m as Root,P as Trigger};
 //# sourceMappingURL=tabs.js.map

package/dist/esm/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": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAQC,MAAqB,WAEtC,OAAS,oBAAAC,MAAwB,kBACjC,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAa/B,MAAMC,EAAWN,EAAM,WAA2C,CAACO,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,GAAGC,CAAU,EAAIN,EAAaG,EAAOF,CAAc,EACtE,OACEL,EAAA,cAACE,EAAc,KAAd,CACE,GAAGQ,EACJ,IAAKF,EACL,UAAWP,EAAW,cAAeQ,CAAS,EAChD,CAEJ,CAAC,EACDH,EAAS,YAAc,YAQvB,MAAMK,EAAWX,EAAM,WAA2C,CAACO,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,MAAAG,EAAO,gBAAAC,EAAiB,GAAGC,CAAU,EAAIV,EAC1DG,EACAJ,EACAE,CACF,EACA,OACEL,EAAA,cAACE,EAAc,KAAd,CACC,oBAAmBU,EACnB,wBAAuBC,EACtB,GAAGC,EACJ,QAAS,GACT,IAAKN,EACL,UAAWP,EAAW,iBAAkB,cAAeQ,CAAS,EAClE,CAEJ,CAAC,EACDE,EAAS,YAAc,YAKvB,MAAMI,EAAcf,EAAM,WACxB,CAACO,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAC,EAAW,SAAAO,EAAU,GAAGC,CAAa,EAAIV,EACjD,OACEP,EAAA,cAACE,EAAc,QAAd,CACE,GAAGe,EACJ,QAAS,GACT,IAAKT,EACL,UAAWP,EAAW,WAAY,wBAAyB,iBAAkBQ,CAAS,GAEtFT,EAAA,cAAC,QAAK,UAAU,kDAAkDgB,CAAS,EAC3EhB,EAAA,cAAC,QAAK,UAAU,8DACbgB,CACH,CACF,CAEJ,CACF,EACAD,EAAY,YAAc,eAQ1B,MAAMG,EAAclB,EAAM,WACxB,CAACO,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAC,EAAW,GAAGU,CAAa,EAAIf,EAAaG,EAAOF,CAAc,EACzE,OACEL,EAAA,cAACE,EAAc,QAAd,CACE,GAAGiB,EACJ,IAAKX,EACL,UAAWP,EAAW,iBAAkBQ,CAAS,EACnD,CAEJ,CACF,EACAS,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": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAQC,MAAqB,WAEtC,OAAS,oBAAAC,MAAwB,kBACjC,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAa/B,MAAMC,EAAWN,EAAM,WAA2C,CAACO,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,GAAGC,CAAU,EAAIN,EAAaG,EAAOF,CAAc,EACtE,OACEL,EAAA,cAACE,EAAc,KAAd,CACE,GAAGQ,EACJ,IAAKF,EACL,UAAWP,EAAW,cAAeQ,CAAS,EAChD,CAEJ,CAAC,EACDH,EAAS,YAAc,YAQvB,MAAMK,EAAWX,EAAM,WAA2C,CAACO,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,MAAAG,EAAO,gBAAAC,EAAiB,GAAGC,CAAU,EAAIV,EAC1DG,EACAJ,EACAE,CACF,EACA,OACEL,EAAA,cAACE,EAAc,KAAd,CACC,oBAAmBU,EACnB,wBAAuBC,EACtB,GAAGC,EACJ,QAAS,GACT,IAAKN,EACL,UAAWP,EAAW,iBAAkB,cAAeQ,CAAS,EAClE,CAEJ,CAAC,EACDE,EAAS,YAAc,YAKvB,MAAMI,EAAcf,EAAM,WACxB,CAACO,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAC,EAAW,SAAAO,EAAU,GAAGC,CAAa,EAAIV,EACjD,OACEP,EAAA,cAACE,EAAc,QAAd,CACE,GAAGe,EACJ,QAAS,GACT,IAAKT,EACL,UAAWP,EAAW,WAAY,wBAAyB,iBAAkBQ,CAAS,GAEtFT,EAAA,cAAC,QAAK,UAAU,kDAAkDgB,CAAS,EAC3EhB,EAAA,cAAC,QAAK,UAAU,8DACbgB,CACH,CACF,CAEJ,CACF,EACAD,EAAY,YAAc,eAQ1B,MAAMG,EAAclB,EAAM,WACxB,CAACO,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAC,EAAW,GAAGU,CAAa,EAAIf,EAAaG,EAAOF,CAAc,EACzE,OACEL,EAAA,cAACE,EAAc,QAAd,CACE,GAAGiB,EACJ,IAAKX,EACL,UAAWP,EAAW,iBAAkBQ,CAAS,EACjD,YAAU,SACV,cAAY,OACd,CAEJ,CACF,EACAS,EAAY,YAAc",
   "names": ["React", "classNames", "TabsPrimitive", "tabsListPropDefs", "extractProps", "marginPropDefs", "TabsRoot", "props", "forwardedRef", "className", "rootProps", "TabsList", "color", "panelBackground", "listProps", "TabsTrigger", "children", "triggerProps", "TabsContent", "contentProps"]
 }

package/dist/esm/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/esm/components/text-area.js

@@ -1,2 +1,2 @@
-import*as e from"react";import f from"classnames";import{textAreaPropDefs as x}from"./text-area.props.js";import{extractProps as l}from"../helpers/extract-props.js";import{marginPropDefs as P}from"../props/margin.props.js";const r=e.forwardRef((t,o)=>{const{className:a,color:p,radius:s,panelBackground:m,style:n,...i}=l(t,x,P);return e.createElement("div",{"data-accent-color":p,"data-radius":s,"data-panel-background":m,className:f("rt-TextAreaRoot",a),style:n},e.createElement("textarea",{className:"rt-reset rt-TextAreaInput",ref:o,...i}))});r.displayName="TextArea";export{r as TextArea};
+import*as r from"react";import A from"classnames";import{textAreaPropDefs as g}from"./text-area.props.js";import{extractProps as T}from"../helpers/extract-props.js";import{marginPropDefs as M}from"../props/margin.props.js";const l=r.forwardRef((d,m)=>{const{className:c,color:f,radius:x,panelBackground:y,material:b,style:u,...e}=T(d,g,M),i=b||y,t=r.useId(),{"aria-describedby":o,"aria-labelledby":p}=e,s=e.error||e.isInvalid,n=r.useMemo(()=>{const a=[];return e.errorMessage&&a.push(t),o&&a.push(o),a.length>0?a.join(" "):void 0},[e.errorMessage,o,t]),P=r.useMemo(()=>({"aria-invalid":s,"aria-describedby":n,"aria-labelledby":p}),[s,n,p]),{error:D,errorMessage:I,isInvalid:h,required:N,"aria-describedby":j,"aria-labelledby":E,...v}=e;return r.createElement("div",{"data-accent-color":f,"data-radius":x,"data-panel-background":i,"data-material":i,className:A("rt-TextAreaRoot",c,{"rt-error":s}),style:u},r.createElement("textarea",{className:"rt-reset rt-TextAreaInput",ref:m,...v,...P}),e.errorMessage&&r.createElement("div",{id:t,className:"rt-TextAreaErrorMessage",role:"alert","aria-live":"polite"},e.errorMessage))});l.displayName="TextArea";export{l as TextArea};
 //# sourceMappingURL=text-area.js.map

package/dist/esm/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": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAS,oBAAAC,MAAwB,uBACjC,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAe/B,MAAMC,EAAWL,EAAM,WAA2C,CAACM,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,MAAAC,EAAO,GAAGC,CAAc,EAAIV,EAC7EG,EACAJ,EACAE,CACF,EACA,OACEJ,EAAA,cAAC,OACC,oBAAmBS,EACnB,cAAaC,EACb,wBAAuBC,EACvB,UAAWV,EAAW,kBAAmBO,CAAS,EAClD,MAAOI,GAEPZ,EAAA,cAAC,YAAS,UAAU,4BAA4B,IAAKO,EAAe,GAAGM,EAAe,CACxF,CAEJ,CAAC,EACDR,EAAS,YAAc",
-  "names": ["React", "classNames", "textAreaPropDefs", "extractProps", "marginPropDefs", "TextArea", "props", "forwardedRef", "className", "color", "radius", "panelBackground", "style", "textAreaProps"]
+  "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": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAS,oBAAAC,MAAwB,uBACjC,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAgB/B,MAAMC,EAAWL,EAAM,WAA2C,CAACM,EAAOC,IAAiB,CACzF,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAc,EACnFX,EAAaG,EAAOJ,EAAkBE,CAAc,EAChDW,EAAoBH,GAAYD,EAGhCK,EAAUhB,EAAM,MAAM,EAEtB,CAAE,mBAAoBiB,EAAiB,kBAAmBC,CAAe,EAAIJ,EAG7EK,EAAYL,EAAc,OAASA,EAAc,UAGjDM,EAAcpB,EAAM,QAAQ,IAAM,CACtC,MAAMqB,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,EAAYtB,EAAM,QACtB,KAAO,CACL,eAAgBmB,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,OACEd,EAAA,cAAC,OACC,oBAAmBS,EACnB,cAAaC,EACb,wBAAuBK,EACvB,gBAAeA,EACf,UAAWd,EAAW,kBAAmBO,EAAW,CAClD,WAAYW,CACd,CAAC,EACD,MAAON,GAEPb,EAAA,cAAC,YACC,UAAU,4BACV,IAAKO,EACJ,GAAGsB,EACH,GAAGP,EACN,EACCR,EAAc,cACbd,EAAA,cAAC,OAAI,GAAIgB,EAAS,UAAU,0BAA0B,KAAK,QAAQ,YAAU,UAC1EF,EAAc,YACjB,CAEJ,CAEJ,CAAC,EAEDT,EAAS,YAAc",
+  "names": ["React", "classNames", "textAreaPropDefs", "extractProps", "marginPropDefs", "TextArea", "props", "forwardedRef", "className", "color", "radius", "panelBackground", "material", "style", "textAreaProps", "effectiveMaterial", "errorId", "ariaDescribedby", "ariaLabelledby", "isInvalid", "describedBy", "parts", "ariaProps", "error", "errorMessage", "_isInvalid", "required", "_ariaDescribedby", "_ariaLabelledby", "nativeTextAreaProps"]
 }

package/dist/esm/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/esm/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/esm/components/text-area.props.js

@@ -1,2 +1,2 @@
-import{colorPropDef as e}from"../props/color.prop.js";import{radiusPropDef as s}from"../props/radius.prop.js";const r=["1","2","3"],a=["classic","surface","soft","outline","ghost"],o=["none","vertical","horizontal","both"],t=["solid","translucent"],n={size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"surface"},resize:{type:"enum",className:"rt-r-resize",values:o,responsive:!0},panelBackground:{type:"enum",values:t,default:void 0},...e,...s};export{n as textAreaPropDefs};
+import{colorPropDef as e}from"../props/color.prop.js";import{radiusPropDef as r}from"../props/radius.prop.js";const a=["1","2","3"],s=["classic","surface","soft","outline","ghost"],n=["none","vertical","horizontal","both"],t=["solid","translucent"],o=["solid","translucent"],i={size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:s,default:"surface"},resize:{type:"enum",className:"rt-r-resize",values:n,responsive:!0},panelBackground:{type:"enum",values:t,default:void 0},material:{type:"enum",values:o,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},...e,...r};export{i as textAreaPropDefs};
 //# sourceMappingURL=text-area.props.js.map

package/dist/esm/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": "AAAA,OAAS,gBAAAA,MAAoB,yBAC7B,OAAS,iBAAAC,MAAqB,0BAI9B,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,EAG1CC,EAAmB,CACvB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,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,GAAGL,EACH,GAAGC,CACL",
-  "names": ["colorPropDef", "radiusPropDef", "sizes", "variants", "resizeValues", "panelBackgrounds", "textAreaPropDefs"]
+  "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": "AAAA,OAAS,gBAAAA,MAAoB,yBAC7B,OAAS,iBAAAC,MAAqB,0BAI9B,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,EAGnCC,EAAmB,CACvB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQL,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,GAAGN,EACH,GAAGC,CACL",
+  "names": ["colorPropDef", "radiusPropDef", "sizes", "variants", "resizeValues", "panelBackgrounds", "materials", "textAreaPropDefs"]
 }

package/dist/esm/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/esm/components/text-field.js

@@ -1,5 +1,5 @@
-"use client";import*as t from"react";import d from"classnames";import{composeRefs as R}from"radix-ui/internal";import{textFieldRootPropDefs as y,textFieldSlotPropDefs as S}from"./text-field.props.js";import{extractProps as m}from"../helpers/extract-props.js";import{marginPropDefs as g}from"../props/margin.props.js";const u=t.forwardRef((r,s)=>{const e=t.useRef(null),{children:l,className:p,color:i,radius:f,panelBackground:x,style:P,...T}=m(r,y,g);return t.createElement("div",{"data-accent-color":i,"data-radius":f,"data-panel-background":x,style:P,className:d("rt-TextFieldRoot",p),onPointerDown:F=>{const n=F.target;if(n.closest("input, button, a"))return;const o=e.current;if(!o)return;const a=n.closest(`
-            .rt-TextFieldSlot[data-side='right'],
-            .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
-          `)?o.value.length:0;requestAnimationFrame(()=>{try{o.setSelectionRange(a,a)}catch{}o.focus()})}},t.createElement("input",{spellCheck:"false",...T,ref:R(e,s),className:"rt-reset rt-TextFieldInput"}),l)});u.displayName="TextField.Root";const c=t.forwardRef((r,s)=>{const{className:e,color:l,side:p,...i}=m(r,S);return t.createElement("div",{"data-accent-color":l,"data-side":p,...i,ref:s,className:d("rt-TextFieldSlot",e)})});c.displayName="TextField.Slot";export{u as Root,c as Slot};
+"use client";import*as e from"react";import y from"classnames";import{composeRefs as N}from"radix-ui/internal";import{textFieldRootPropDefs as w,textFieldSlotPropDefs as E}from"./text-field.props.js";import{extractProps as F}from"../helpers/extract-props.js";import{marginPropDefs as j}from"../props/margin.props.js";const b=e.forwardRef((i,a)=>{const r=e.useRef(null),{children:l,className:n,color:p,radius:g,panelBackground:v,material:h,style:S,...t}=F(i,w,j),u=h||v,d=e.useId(),c=t.error||t.isInvalid,{"aria-describedby":m,"aria-labelledby":f}=t,x=e.useMemo(()=>{const o=[];return t.errorMessage&&o.push(d),m&&o.push(m),o.length>0?o.join(" "):void 0},[t.errorMessage,m,d]),I=e.useMemo(()=>({"aria-invalid":c,"aria-describedby":x,"aria-labelledby":f}),[c,x,f]),{error:k,errorMessage:C,isInvalid:L,required:O,"aria-describedby":A,"aria-labelledby":G,...M}=t,D=e.useCallback(o=>{const P=o.target;if(P.closest("input, button, a"))return;const s=r.current;if(!s)return;const T=P.closest(`
+        .rt-TextFieldSlot[data-side='right'],
+        .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
+      `)?s.value.length:0;requestAnimationFrame(()=>{try{s.setSelectionRange(T,T)}catch{}s.focus()})},[]);return e.createElement("div",{"data-accent-color":p,"data-radius":g,"data-panel-background":u,"data-material":u,style:S,className:y("rt-TextFieldRoot",n,{"rt-error":c}),onPointerDown:D},e.createElement("input",{spellCheck:"false",...M,...I,ref:N(r,a),className:"rt-reset rt-TextFieldInput"}),l,t.errorMessage&&e.createElement("div",{id:d,className:"rt-TextFieldErrorMessage",role:"alert","aria-live":"polite"},t.errorMessage))});b.displayName="TextField.Root";const R=e.forwardRef((i,a)=>{const{className:r,color:l,side:n,...p}=F(i,E);return e.createElement("div",{"data-accent-color":l,"data-side":n,...p,ref:a,className:y("rt-TextFieldSlot",r)})});R.displayName="TextField.Slot";export{b as Root,R as Slot};
 //# sourceMappingURL=text-field.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text-field.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { composeRefs } from 'radix-ui/internal';\n\nimport { textFieldRootPropDefs, textFieldSlotPropDefs } from './text-field.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { NotInputTextualAttributes } from '../helpers/input-attributes.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldRootElement = React.ElementRef<'input'>;\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldRootPropDefs> & {\n  defaultValue?: string | number;\n  value?: string | number;\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'hidden'\n    | 'month'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'\n    | 'week';\n};\ntype TextFieldInputProps = ComponentPropsWithout<\n  'input',\n  NotInputTextualAttributes | 'color' | 'defaultValue' | 'size' | 'type' | 'value'\n>;\ninterface TextFieldRootProps extends TextFieldInputProps, MarginProps, TextFieldRootOwnProps {}\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>(\n  (props, forwardedRef) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const { children, className, color, radius, panelBackground, style, ...inputProps } =\n      extractProps(props, textFieldRootPropDefs, marginPropDefs);\n    return (\n      <div\n        data-accent-color={color}\n        data-radius={radius}\n        data-panel-background={panelBackground}\n        style={style}\n        className={classNames('rt-TextFieldRoot', className)}\n        onPointerDown={(event) => {\n          const target = event.target as HTMLElement;\n          if (target.closest('input, button, a')) return;\n\n          const input = inputRef.current;\n          if (!input) return;\n\n          // Same selector as in the CSS to find the right slot\n          const isRightSlot = target.closest(`\n            .rt-TextFieldSlot[data-side='right'],\n            .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])\n          `);\n\n          const cursorPosition = isRightSlot ? input.value.length : 0;\n\n          requestAnimationFrame(() => {\n            // Only some input types support this, browsers will throw an error if not supported\n            // See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange#:~:text=Note%20that%20according,not%20support%20selection%22.\n            try {\n              input.setSelectionRange(cursorPosition, cursorPosition);\n            } catch {}\n            input.focus();\n          });\n        }}\n      >\n        <input\n          spellCheck=\"false\"\n          {...inputProps}\n          ref={composeRefs(inputRef, forwardedRef)}\n          className=\"rt-reset rt-TextFieldInput\"\n        />\n        {children}\n      </div>\n    );\n  },\n);\nTextFieldRoot.displayName = 'TextField.Root';\n\ntype TextFieldSlotElement = React.ElementRef<'div'>;\ntype TextFieldSlotOwnProps = GetPropDefTypes<typeof textFieldSlotPropDefs>;\ninterface TextFieldSlotProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    TextFieldSlotOwnProps {}\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>(\n  (props, forwardedRef) => {\n    const { className, color, side, ...slotProps } = extractProps(props, textFieldSlotPropDefs);\n    return (\n      <div\n        data-accent-color={color}\n        data-side={side}\n        {...slotProps}\n        ref={forwardedRef}\n        className={classNames('rt-TextFieldSlot', className)}\n      />\n    );\n  },\n);\nTextFieldSlot.displayName = 'TextField.Slot';\n\nexport { TextFieldRoot as Root, TextFieldSlot as Slot };\nexport type { TextFieldRootProps as RootProps, TextFieldSlotProps as SlotProps };\n"],
-  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,eAAAC,MAAmB,oBAE5B,OAAS,yBAAAC,EAAuB,yBAAAC,MAA6B,wBAC7D,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BA+B/B,MAAMC,EAAgBP,EAAM,WAC1B,CAACQ,EAAOC,IAAiB,CACvB,MAAMC,EAAWV,EAAM,OAAyB,IAAI,EAC9C,CAAE,SAAAW,EAAU,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,MAAAC,EAAO,GAAGC,CAAW,EAChFZ,EAAaG,EAAOL,EAAuBG,CAAc,EAC3D,OACEN,EAAA,cAAC,OACC,oBAAmBa,EACnB,cAAaC,EACb,wBAAuBC,EACvB,MAAOC,EACP,UAAWf,EAAW,mBAAoBW,CAAS,EACnD,cAAgBM,GAAU,CACxB,MAAMC,EAASD,EAAM,OACrB,GAAIC,EAAO,QAAQ,kBAAkB,EAAG,OAExC,MAAMC,EAAQV,EAAS,QACvB,GAAI,CAACU,EAAO,OAQZ,MAAMC,EALcF,EAAO,QAAQ;AAAA;AAAA;AAAA,WAGlC,EAEoCC,EAAM,MAAM,OAAS,EAE1D,sBAAsB,IAAM,CAG1B,GAAI,CACFA,EAAM,kBAAkBC,EAAgBA,CAAc,CACxD,MAAQ,CAAC,CACTD,EAAM,MAAM,CACd,CAAC,CACH,GAEApB,EAAA,cAAC,SACC,WAAW,QACV,GAAGiB,EACJ,IAAKf,EAAYQ,EAAUD,CAAY,EACvC,UAAU,6BACZ,EACCE,CACH,CAEJ,CACF,EACAJ,EAAc,YAAc,iBAO5B,MAAMe,EAAgBtB,EAAM,WAC1B,CAACQ,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAG,EAAW,MAAAC,EAAO,KAAAU,EAAM,GAAGC,CAAU,EAAInB,EAAaG,EAAOJ,CAAqB,EAC1F,OACEJ,EAAA,cAAC,OACC,oBAAmBa,EACnB,YAAWU,EACV,GAAGC,EACJ,IAAKf,EACL,UAAWR,EAAW,mBAAoBW,CAAS,EACrD,CAEJ,CACF,EACAU,EAAc,YAAc",
-  "names": ["React", "classNames", "composeRefs", "textFieldRootPropDefs", "textFieldSlotPropDefs", "extractProps", "marginPropDefs", "TextFieldRoot", "props", "forwardedRef", "inputRef", "children", "className", "color", "radius", "panelBackground", "style", "inputProps", "event", "target", "input", "cursorPosition", "TextFieldSlot", "side", "slotProps"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { composeRefs } from 'radix-ui/internal';\n\nimport { textFieldRootPropDefs, textFieldSlotPropDefs } from './text-field.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { NotInputTextualAttributes } from '../helpers/input-attributes.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldRootElement = React.ElementRef<'input'>;\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldRootPropDefs> & {\n  defaultValue?: string | number;\n  value?: string | number;\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'hidden'\n    | 'month'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'\n    | 'week';\n};\ntype TextFieldInputProps = ComponentPropsWithout<\n  'input',\n  NotInputTextualAttributes | 'color' | 'defaultValue' | 'size' | 'type' | 'value'\n>;\ninterface TextFieldRootProps extends TextFieldInputProps, MarginProps, TextFieldRootOwnProps {}\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>(\n  (props, forwardedRef) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const { children, className, color, radius, panelBackground, material, style, ...inputProps } =\n      extractProps(props, textFieldRootPropDefs, marginPropDefs);\n    const effectiveMaterial = material || panelBackground;\n\n    // Generate unique IDs for accessibility\n    const errorId = React.useId();\n\n    // Determine invalid state\n    const isInvalid = inputProps.error || inputProps.isInvalid;\n\n    const { 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby } = inputProps;\n    \n    // Build aria-describedby string\n    const describedBy = React.useMemo(() => {\n      const parts = [];\n      if (inputProps.errorMessage) parts.push(errorId);\n      if (ariaDescribedby) parts.push(ariaDescribedby);\n      return parts.length > 0 ? parts.join(' ') : undefined;\n    }, [inputProps.errorMessage, ariaDescribedby, errorId]);\n\n    // Build aria attributes\n    const ariaProps = React.useMemo(\n      () => ({\n        'aria-invalid': isInvalid,\n        'aria-describedby': describedBy,\n        'aria-labelledby': ariaLabelledby,\n      }),\n      [isInvalid, describedBy, ariaLabelledby],\n    );\n\n    // Filter out our custom props to avoid DOM warnings\n    const {\n      error,\n      errorMessage,\n      isInvalid: _isInvalid,\n      required,\n      'aria-describedby': _ariaDescribedby,\n      'aria-labelledby': _ariaLabelledby,\n      ...nativeInputProps\n    } = inputProps;\n\n    // Memoized pointer event handler\n    const handlePointerDown = React.useCallback((event: React.PointerEvent) => {\n      const target = event.target as HTMLElement;\n      if (target.closest('input, button, a')) return;\n\n      const input = inputRef.current;\n      if (!input) return;\n\n      // Same selector as in the CSS to find the right slot\n      const isRightSlot = target.closest(`\n        .rt-TextFieldSlot[data-side='right'],\n        .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])\n      `);\n\n      const cursorPosition = isRightSlot ? input.value.length : 0;\n\n      requestAnimationFrame(() => {\n        // Only some input types support this, browsers will throw an error if not supported\n        // See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange#:~:text=Note%20that%20according,not%20support%20selection%22.\n        try {\n          input.setSelectionRange(cursorPosition, cursorPosition);\n        } catch {}\n        input.focus();\n      });\n    }, []);\n\n    return (\n      <div\n        data-accent-color={color}\n        data-radius={radius}\n        data-panel-background={effectiveMaterial}\n        data-material={effectiveMaterial}\n        style={style}\n        className={classNames('rt-TextFieldRoot', className, {\n          'rt-error': isInvalid,\n        })}\n        onPointerDown={handlePointerDown}\n      >\n        <input\n          spellCheck=\"false\"\n          {...nativeInputProps}\n          {...ariaProps}\n          ref={composeRefs(inputRef, forwardedRef)}\n          className=\"rt-reset rt-TextFieldInput\"\n        />\n        {children}\n        {inputProps.errorMessage && (\n          <div id={errorId} className=\"rt-TextFieldErrorMessage\" role=\"alert\" aria-live=\"polite\">\n            {inputProps.errorMessage}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\nTextFieldRoot.displayName = 'TextField.Root';\n\ntype TextFieldSlotElement = React.ElementRef<'div'>;\ntype TextFieldSlotOwnProps = GetPropDefTypes<typeof textFieldSlotPropDefs>;\ninterface TextFieldSlotProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    TextFieldSlotOwnProps {}\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>(\n  (props, forwardedRef) => {\n    const { className, color, side, ...slotProps } = extractProps(props, textFieldSlotPropDefs);\n    return (\n      <div\n        data-accent-color={color}\n        data-side={side}\n        {...slotProps}\n        ref={forwardedRef}\n        className={classNames('rt-TextFieldSlot', className)}\n      />\n    );\n  },\n);\nTextFieldSlot.displayName = 'TextField.Slot';\n\nexport { TextFieldRoot as Root, TextFieldSlot as Slot };\nexport type { TextFieldRootProps as RootProps, TextFieldSlotProps as SlotProps };\n"],
+  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,eAAAC,MAAmB,oBAE5B,OAAS,yBAAAC,EAAuB,yBAAAC,MAA6B,wBAC7D,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BA+B/B,MAAMC,EAAgBP,EAAM,WAC1B,CAACQ,EAAOC,IAAiB,CACvB,MAAMC,EAAWV,EAAM,OAAyB,IAAI,EAC9C,CAAE,SAAAW,EAAU,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAW,EAC1Fb,EAAaG,EAAOL,EAAuBG,CAAc,EACrDa,EAAoBH,GAAYD,EAGhCK,EAAUpB,EAAM,MAAM,EAGtBqB,EAAYH,EAAW,OAASA,EAAW,UAE3C,CAAE,mBAAoBI,EAAiB,kBAAmBC,CAAe,EAAIL,EAG7EM,EAAcxB,EAAM,QAAQ,IAAM,CACtC,MAAMyB,EAAQ,CAAC,EACf,OAAIP,EAAW,cAAcO,EAAM,KAAKL,CAAO,EAC3CE,GAAiBG,EAAM,KAAKH,CAAe,EACxCG,EAAM,OAAS,EAAIA,EAAM,KAAK,GAAG,EAAI,MAC9C,EAAG,CAACP,EAAW,aAAcI,EAAiBF,CAAO,CAAC,EAGhDM,EAAY1B,EAAM,QACtB,KAAO,CACL,eAAgBqB,EAChB,mBAAoBG,EACpB,kBAAmBD,CACrB,GACA,CAACF,EAAWG,EAAaD,CAAc,CACzC,EAGM,CACJ,MAAAI,EACA,aAAAC,EACA,UAAWC,EACX,SAAAC,EACA,mBAAoBC,EACpB,kBAAmBC,EACnB,GAAGC,CACL,EAAIf,EAGEgB,EAAoBlC,EAAM,YAAamC,GAA8B,CACzE,MAAMC,EAASD,EAAM,OACrB,GAAIC,EAAO,QAAQ,kBAAkB,EAAG,OAExC,MAAMC,EAAQ3B,EAAS,QACvB,GAAI,CAAC2B,EAAO,OAQZ,MAAMC,EALcF,EAAO,QAAQ;AAAA;AAAA;AAAA,OAGlC,EAEoCC,EAAM,MAAM,OAAS,EAE1D,sBAAsB,IAAM,CAG1B,GAAI,CACFA,EAAM,kBAAkBC,EAAgBA,CAAc,CACxD,MAAQ,CAAC,CACTD,EAAM,MAAM,CACd,CAAC,CACH,EAAG,CAAC,CAAC,EAEL,OACErC,EAAA,cAAC,OACC,oBAAmBa,EACnB,cAAaC,EACb,wBAAuBK,EACvB,gBAAeA,EACf,MAAOF,EACP,UAAWhB,EAAW,mBAAoBW,EAAW,CACnD,WAAYS,CACd,CAAC,EACD,cAAea,GAEflC,EAAA,cAAC,SACC,WAAW,QACV,GAAGiC,EACH,GAAGP,EACJ,IAAKxB,EAAYQ,EAAUD,CAAY,EACvC,UAAU,6BACZ,EACCE,EACAO,EAAW,cACVlB,EAAA,cAAC,OAAI,GAAIoB,EAAS,UAAU,2BAA2B,KAAK,QAAQ,YAAU,UAC3EF,EAAW,YACd,CAEJ,CAEJ,CACF,EACAX,EAAc,YAAc,iBAO5B,MAAMgC,EAAgBvC,EAAM,WAC1B,CAACQ,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAG,EAAW,MAAAC,EAAO,KAAA2B,EAAM,GAAGC,CAAU,EAAIpC,EAAaG,EAAOJ,CAAqB,EAC1F,OACEJ,EAAA,cAAC,OACC,oBAAmBa,EACnB,YAAW2B,EACV,GAAGC,EACJ,IAAKhC,EACL,UAAWR,EAAW,mBAAoBW,CAAS,EACrD,CAEJ,CACF,EACA2B,EAAc,YAAc",
+  "names": ["React", "classNames", "composeRefs", "textFieldRootPropDefs", "textFieldSlotPropDefs", "extractProps", "marginPropDefs", "TextFieldRoot", "props", "forwardedRef", "inputRef", "children", "className", "color", "radius", "panelBackground", "material", "style", "inputProps", "effectiveMaterial", "errorId", "isInvalid", "ariaDescribedby", "ariaLabelledby", "describedBy", "parts", "ariaProps", "error", "errorMessage", "_isInvalid", "required", "_ariaDescribedby", "_ariaLabelledby", "nativeInputProps", "handlePointerDown", "event", "target", "input", "cursorPosition", "TextFieldSlot", "side", "slotProps"]
 }

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

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