@accelint/design-toolkit 2.6.0 → 3.0.0

package/dist/components/select-field/types.d.ts

@@ -2,6 +2,7 @@ import { RefAttributes } from 'react';
 import { SelectProps, VirtualizerProps, ListLayoutOptions, FieldErrorProps } from 'react-aria-components';
 import { ButtonProps } from '../button/types.js';
 import { LabelProps } from '../label/types.js';
+import '../../lib/types.js';
 import 'tailwind-variants';
 import '../button/styles.js';
 import 'tailwind-merge';

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

@@ -5,7 +5,7 @@ interface SliderProps extends Omit<SliderProps$1, 'value' | 'defaultValue' | 'sh
     className?: string;
     showInput?: boolean;
     showLabel?: boolean;
-    layout: 'stacked' | 'inline';
+    layout?: 'stacked' | 'inline';
     value?: number;
     defaultValue?: number;
     rangeValue?: [number, number];
@@ -13,11 +13,45 @@ interface SliderProps extends Omit<SliderProps$1, 'value' | 'defaultValue' | 'sh
     isRange?: boolean;
     label: string;
 }
+/**
+ * Slider - An interactive range input component for numeric value selection
+ *
+ * Provides accessible slider functionality with optional input field integration,
+ * flexible layouts, and comprehensive keyboard and mouse interaction support.
+ * Perfect for settings, filters, or any numeric input requiring visual feedback.
+ *
+ * @example
+ * // Basic slider
+ * <Slider label="Volume" defaultValue={50} />
+ */
 declare const Slider: ({ children, className, showInput, showLabel, layout, value, defaultValue, label, defaultRangeValue, rangeValue, minValue, maxValue, isRange, orientation, ...props }: SliderProps) => react_jsx_runtime.JSX.Element;
 type RangeSliderProps = Omit<SliderProps, 'isRange' | 'defaultRangeValue' | 'rangeValue' | 'defaultValue' | 'value'> & {
-    defaultValue: SliderProps['defaultRangeValue'];
+    defaultValue?: SliderProps['defaultRangeValue'];
     value: SliderProps['rangeValue'];
 };
+/**
+ * RangeSlider - A dual-handle slider component for selecting a range of numeric values
+ *
+ * Extends the base Slider component to provide range selection functionality with two thumbs,
+ * allowing users to define both minimum and maximum values within a specified range.
+ * Maintains all accessibility features and layout options of the base slider while
+ * providing intuitive range selection controls.
+ *
+ * @example
+ * // Basic range slider
+ * <RangeSlider label="Price Range" defaultValue={[20, 80]} minValue={0} maxValue={100} />
+ *
+ * @example
+ * // Controlled range slider with input fields
+ * <RangeSlider
+ *   label="Temperature Range"
+ *   value={tempRange}
+ *   onChange={setTempRange}
+ *   showInput
+ *   minValue={-10}
+ *   maxValue={40}
+ * />
+ */
 declare const RangeSlider: ({ defaultValue, value, ...props }: RangeSliderProps) => react_jsx_runtime.JSX.Element;
 
 export { RangeSlider, type RangeSliderProps, Slider, type SliderProps };

package/dist/components/slider/index.js

@@ -1,2 +1,2 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {cn}from'./../../lib/utils.js';import'client-only';import {cva}from'class-variance-authority';import {useContext}from'react';import {Slider,Label,SliderTrack,SliderThumb,Text,SliderStateContext,useSlottedContext,LabelContext,NumberField,Input}from'react-aria-components';import {Tooltip}from'../tooltip/index.js';const D=cva("grid gap-s",{variants:{layout:{stacked:"",inline:""},orientation:{vertical:"h-full w-fit",horizontal:"h-xl w-full"}},compoundVariants:[{layout:"stacked",orientation:"horizontal",className:"grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_auto]"},{layout:"inline",orientation:"horizontal",className:"grid-cols-[auto_auto_1fr_auto_auto] grid-rows-1 items-center"},{layout:"stacked",orientation:"vertical",className:"grid-cols-[auto_auto_auto] grid-rows-[auto_auto_1fr_auto]"},{layout:"inline",orientation:"vertical",className:"grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_1fr_auto]"}]}),M=cva("font-display text-body-m text-default-dark",{variants:{orientation:{horizontal:"",vertical:"col-start-1 row-start-4"},layout:{inline:"",stacked:""}},compoundVariants:[{layout:"stacked",orientation:"horizontal",className:"col-start-1 row-start-3"},{layout:"inline",orientation:"horizontal",className:"order-2"},{layout:"stacked",orientation:"vertical",className:"self-end justify-self-end"},{layout:"inline",orientation:"vertical",className:"justify-self-center"}]}),q=cva("font-display text-body-m text-default-dark",{variants:{orientation:{horizontal:"",vertical:"col-start-1 row-start-2"},layout:{inline:"",stacked:""}},compoundVariants:[{layout:"stacked",orientation:"horizontal",className:"col-start-3 row-start-3 justify-self-end"},{layout:"inline",orientation:"horizontal",className:"order-4"},{layout:"stacked",orientation:"vertical",className:"justify-self-end"}]}),E=cva("relative",{variants:{orientation:{horizontal:"h-s w-full",vertical:"h-full w-s"},layout:{inline:"",stacked:""}},compoundVariants:[{orientation:"horizontal",layout:"stacked",className:"col-span-3 row-start-2"},{orientation:"horizontal",layout:"inline",className:"order-3"},{orientation:"vertical",layout:"stacked",className:"col-start-2 row-span-3 row-start-2"},{orientation:"vertical",layout:"inline",className:"col-start-1 row-start-3 justify-self-center"}]}),G=cva("flex gap-s",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col-reverse"},layout:{inline:"order-5",stacked:"col-start-3 row-start-1"}},compoundVariants:[{layout:"inline",orientation:"horizontal",className:"order-5"},{layout:"inline",orientation:"vertical",className:"col-span-3 col-start-1"},{layout:"stacked",orientation:"vertical",className:"row-start-4"}]}),H=cva("text-default-light",{variants:{orientation:{horizontal:"",vertical:""},layout:{inline:"order-1",stacked:"col-start-1"}},compoundVariants:[{layout:"stacked",orientation:"vertical",className:"col-span-2"},{layout:"inline",orientation:"vertical",className:"col-span-3"}]}),J=cva("h-m w-m rounded-full bg-highlight-bold outline-highlight-bold/40 hover:outline-4 focus:outline-4",{variants:{orientation:{horizontal:"translate-y-[50%]",vertical:"translate-x-[40%]"}}}),K=cva("absolute rounded-full bg-default-light/40",{variants:{orientation:{horizontal:"top-[50%] h-xxs w-full translate-y-[50%]",vertical:"left-[50%] h-full w-xxs "}}}),Q=cva("absolute rounded-full bg-highlight",{variants:{orientation:{horizontal:"top-1/2 h-xxs translate-y-1/2",vertical:"left-1/2 w-xxs"}}}),U=({children:s,className:i,showInput:o=false,showLabel:d=true,layout:l="stacked",value:m,defaultValue:N,label:k,defaultRangeValue:w,rangeValue:S,minValue:p=0,maxValue:g=100,isRange:v=false,orientation:t="horizontal",...z})=>{const T=v?S:m,_=v?w:N;return jsxs(Slider,{className:cn(D({orientation:t,layout:l})),minValue:p,maxValue:g,orientation:t,value:T,defaultValue:_,...z,children:[d&&jsx(Label,{className:H({orientation:t,layout:l}),children:k}),o&&jsx("div",{className:G({orientation:t,layout:l}),children:jsx(W,{})}),jsx(SliderTrack,{className:E({layout:l,orientation:t}),children:({state:r})=>{const n=r.getThumbPercent(0),P=r.getThumbPercent(1)||n,y=`${(r.values.length===2?P-n:n)*100}%`,b=r.values.length===2?`${Math.floor(n*100)}%`:"0";return jsxs(Fragment,{children:[jsx("div",{className:K({orientation:t})}),r.values.map((X,u)=>jsxs(Fragment,{children:[jsx("div",{className:Q({orientation:t}),style:t==="horizontal"?{left:b,width:y}:{bottom:b,height:y}},`slider-${u===0?"min":"max"}`),jsx(SliderThumb,{index:u,className:J({orientation:t}),children:!o&&jsxs(Tooltip,{children:[jsx(Tooltip.Trigger,{children:jsx("div",{className:"size-full"})}),jsx(Tooltip.Body,{placement:"top",children:r.getThumbValue(u)})]})},`slider-thumb-${u===0?"min":"max"}`)]}))]})}}),jsx(Text,{slot:"min",className:M({layout:l,orientation:t}),children:p}),jsx(Text,{slot:"max",className:q({layout:l,orientation:t}),children:g})]})},oa=({defaultValue:s,value:i,...o})=>jsx(U,{...o,isRange:true,defaultRangeValue:s,rangeValue:i});function W({className:s}){const i=useContext(SliderStateContext),o=useSlottedContext(LabelContext);return jsx(Fragment,{children:i?.values.map((d,l)=>jsx(NumberField,{"aria-labelledby":o?.id,value:d,onChange:m=>i.setThumbValue(0,m),children:jsx(Input,{className:cn("w-[50px] rounded-medium border border-interactive px-s py-xs font-display text-body-m text-default-light",s)})},`number-field-${l===0?"min":"max"}`))})}export{oa as RangeSlider,U as Slider};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {cn}from'./../../lib/utils.js';import'client-only';import {cva}from'class-variance-authority';import {useContext}from'react';import {Slider,Label,SliderTrack,SliderThumb,Text,SliderStateContext,useSlottedContext,LabelContext,NumberField,Input}from'react-aria-components';import {Tooltip}from'../tooltip/index.js';const D=cva("grid gap-s",{variants:{layout:{stacked:"",inline:""},orientation:{vertical:"h-full w-fit",horizontal:"h-xl w-full"}},compoundVariants:[{layout:"stacked",orientation:"horizontal",className:"grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_auto]"},{layout:"inline",orientation:"horizontal",className:"grid-cols-[auto_auto_1fr_auto_auto] grid-rows-1 items-center"},{layout:"stacked",orientation:"vertical",className:"grid-cols-[auto_auto_auto] grid-rows-[auto_auto_1fr_auto]"},{layout:"inline",orientation:"vertical",className:"grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_1fr_auto]"}]}),M=cva("font-display text-body-m text-default-dark",{variants:{orientation:{horizontal:"",vertical:"col-start-1 row-start-4"},layout:{inline:"",stacked:""}},compoundVariants:[{layout:"stacked",orientation:"horizontal",className:"col-start-1 row-start-3"},{layout:"inline",orientation:"horizontal",className:"order-2"},{layout:"stacked",orientation:"vertical",className:"self-end justify-self-end"},{layout:"inline",orientation:"vertical",className:"justify-self-center"}]}),q=cva("font-display text-body-m text-default-dark",{variants:{orientation:{horizontal:"",vertical:"col-start-1 row-start-2"},layout:{inline:"",stacked:""}},compoundVariants:[{layout:"stacked",orientation:"horizontal",className:"col-start-3 row-start-3 justify-self-end"},{layout:"inline",orientation:"horizontal",className:"order-4"},{layout:"stacked",orientation:"vertical",className:"justify-self-end"}]}),E=cva("relative",{variants:{orientation:{horizontal:"h-s w-full",vertical:"h-full w-s"},layout:{inline:"",stacked:""}},compoundVariants:[{orientation:"horizontal",layout:"stacked",className:"col-span-3 row-start-2"},{orientation:"horizontal",layout:"inline",className:"order-3"},{orientation:"vertical",layout:"stacked",className:"col-start-2 row-span-3 row-start-2"},{orientation:"vertical",layout:"inline",className:"col-start-1 row-start-3 justify-self-center"}]}),G=cva("flex gap-s",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col-reverse"},layout:{inline:"order-5",stacked:"col-start-3 row-start-1"}},compoundVariants:[{layout:"inline",orientation:"horizontal",className:"order-5"},{layout:"inline",orientation:"vertical",className:"col-span-3 col-start-1"},{layout:"stacked",orientation:"vertical",className:"row-start-4"}]}),H=cva("text-default-light",{variants:{orientation:{horizontal:"",vertical:""},layout:{inline:"order-1",stacked:"col-start-1"}},compoundVariants:[{layout:"stacked",orientation:"vertical",className:"col-span-2"},{layout:"inline",orientation:"vertical",className:"col-span-3"}]}),J=cva("h-m w-m rounded-full bg-highlight-bold outline-highlight-bold/40 hover:outline-4 focus-visible:outline-4",{variants:{orientation:{horizontal:"translate-y-[50%]",vertical:"translate-x-[40%]"}}}),K=cva("absolute rounded-full bg-default-light/40",{variants:{orientation:{horizontal:"top-[50%] h-xxs w-full translate-y-[50%]",vertical:"left-[50%] h-full w-xxs "}}}),Q=cva("absolute rounded-full bg-highlight",{variants:{orientation:{horizontal:"top-1/2 h-xxs translate-y-1/2",vertical:"left-1/2 w-xxs"}}}),U=({children:s,className:i,showInput:o=false,showLabel:d=true,layout:l="stacked",value:m,defaultValue:N,label:k,defaultRangeValue:w,rangeValue:S,minValue:p=0,maxValue:g=100,isRange:v=false,orientation:t="horizontal",...z})=>{const T=v?S:m,_=v?w:N;return jsxs(Slider,{className:cn(D({orientation:t,layout:l})),minValue:p,maxValue:g,orientation:t,value:T,defaultValue:_,...z,children:[d&&jsx(Label,{className:H({orientation:t,layout:l}),children:k}),o&&jsx("div",{className:G({orientation:t,layout:l}),children:jsx(W,{})}),jsx(SliderTrack,{className:E({layout:l,orientation:t}),children:({state:r})=>{const n=r.getThumbPercent(0),P=r.getThumbPercent(1)||n,y=`${(r.values.length===2?P-n:n)*100}%`,b=r.values.length===2?`${Math.floor(n*100)}%`:"0";return jsxs(Fragment,{children:[jsx("div",{className:K({orientation:t})}),r.values.map((X,u)=>jsxs(Fragment,{children:[jsx("div",{className:Q({orientation:t}),style:t==="horizontal"?{left:b,width:y}:{bottom:b,height:y}},`slider-${u===0?"min":"max"}`),jsx(SliderThumb,{index:u,className:J({orientation:t}),children:!o&&jsxs(Tooltip,{children:[jsx(Tooltip.Trigger,{children:jsx("div",{className:"size-full outline-none"})}),jsx(Tooltip.Body,{placement:"top",children:r.getThumbValue(u)})]})},`slider-thumb-${u===0?"min":"max"}`)]}))]})}}),jsx(Text,{slot:"min",className:M({layout:l,orientation:t}),children:p}),jsx(Text,{slot:"max",className:q({layout:l,orientation:t}),children:g})]})},oa=({defaultValue:s,value:i,...o})=>jsx(U,{...o,isRange:true,defaultRangeValue:s,rangeValue:i});function W({className:s}){const i=useContext(SliderStateContext),o=useSlottedContext(LabelContext);return jsx(Fragment,{children:i?.values.map((d,l)=>jsx(NumberField,{"aria-labelledby":o?.id,value:d,onChange:m=>i.setThumbValue(0,m),children:jsx(Input,{className:cn("w-[50px] rounded-medium border border-interactive px-s py-xs font-display text-body-m text-default-light",s)})},`number-field-${l===0?"min":"max"}`))})}export{oa as RangeSlider,U as Slider};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["e","labelVariants","cva","value","defaultRangeValue","rangeValue","sliderDefaultValue","isRange","defaultValue","jsxs","RACSlider","c","x","maxValue","sliderValue","props","jsx","Label","a","A","label","inputVariants","O","layout","state","minValue","startPercent","h","sliderTrackBackgroundVariants","_","index","Fragment","sliderTrackValueVariants","sizeInPercent","SliderThumb","sliderThumbVariants","Tooltip","f","Text","V","RangeSlider","Slider","useSlottedContext","LabelContext","NumberField","j","labelProps","v","C"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport { cn } from '@/lib/utils';\nimport 'client-only';\nimport { cva } from 'class-variance-authority';\nimport { useContext } from 'react';\nimport {\n  Input,\n  Label,\n  LabelContext,\n  NumberField,\n  Slider as RACSlider,\n  type SliderProps as RACSliderProps,\n  SliderTrack as RACSliderTrack,\n  SliderStateContext,\n  SliderThumb,\n  Text,\n  useSlottedContext,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\n\nconst sliderVariants = cva('grid gap-s', {\n  variants: {\n    layout: {\n      stacked: '',\n      inline: '',\n    },\n    orientation: {\n      vertical: 'h-full w-fit',\n      horizontal: 'h-xl w-full',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'horizontal',\n      className: 'grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_auto]',\n    },\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'grid-cols-[auto_auto_1fr_auto_auto] grid-rows-1 items-center',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'grid-cols-[auto_auto_auto] grid-rows-[auto_auto_1fr_auto]',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_1fr_auto]',\n    },\n  ],\n});\n\nconst minValueVariants = cva('font-display text-body-m text-default-dark', {\n  variants: {\n    orientation: {\n      horizontal: '',\n      vertical: 'col-start-1 row-start-4',\n    },\n    layout: {\n      inline: '',\n      stacked: '',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'horizontal',\n      className: 'col-start-1 row-start-3',\n    },\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'order-2',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'self-end justify-self-end',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'justify-self-center',\n    },\n  ],\n});\n\nconst maxValueVariants = cva('font-display text-body-m text-default-dark', {\n  variants: {\n    orientation: {\n      horizontal: '',\n      vertical: 'col-start-1 row-start-2',\n    },\n    layout: {\n      inline: '',\n      stacked: '',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'horizontal',\n      className: 'col-start-3 row-start-3 justify-self-end',\n    },\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'order-4',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'justify-self-end',\n    },\n  ],\n});\n\nconst sliderTrackVariants = cva('relative', {\n  variants: {\n    orientation: {\n      horizontal: 'h-s w-full',\n      vertical: 'h-full w-s',\n    },\n    layout: {\n      inline: '',\n      stacked: '',\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: 'horizontal',\n      layout: 'stacked',\n      className: 'col-span-3 row-start-2',\n    },\n    {\n      orientation: 'horizontal',\n      layout: 'inline',\n      className: 'order-3',\n    },\n    {\n      orientation: 'vertical',\n      layout: 'stacked',\n      className: 'col-start-2 row-span-3 row-start-2',\n    },\n    {\n      orientation: 'vertical',\n      layout: 'inline',\n      className: 'col-start-1 row-start-3 justify-self-center',\n    },\n  ],\n});\n\nconst inputVariants = cva('flex gap-s', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col-reverse',\n    },\n    layout: {\n      inline: 'order-5',\n      stacked: 'col-start-3 row-start-1',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'order-5',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'col-span-3 col-start-1',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'row-start-4',\n    },\n  ],\n});\n\nconst labelVariants = cva('text-default-light', {\n  variants: {\n    orientation: {\n      horizontal: '',\n      vertical: '',\n    },\n    layout: {\n      inline: 'order-1',\n      stacked: 'col-start-1',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'col-span-2',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'col-span-3',\n    },\n  ],\n});\n\nconst sliderThumbVariants = cva(\n  'h-m w-m rounded-full bg-highlight-bold outline-highlight-bold/40 hover:outline-4 focus:outline-4',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'translate-y-[50%]',\n        vertical: 'translate-x-[40%]',\n      },\n    },\n  },\n);\n\nconst sliderTrackBackgroundVariants = cva(\n  'absolute rounded-full bg-default-light/40',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'top-[50%] h-xxs w-full translate-y-[50%]',\n        vertical: 'left-[50%] h-full w-xxs ',\n      },\n    },\n  },\n);\n\nconst sliderTrackValueVariants = cva('absolute rounded-full bg-highlight', {\n  variants: {\n    orientation: {\n      horizontal: 'top-1/2 h-xxs translate-y-1/2',\n      vertical: 'left-1/2 w-xxs',\n    },\n  },\n});\n\nexport interface SliderProps\n  extends Omit<\n    RACSliderProps,\n    'value' | 'defaultValue' | 'showOutput' | 'slot' | 'style' | 'formatOptions'\n  > {\n  className?: string;\n  showInput?: boolean;\n  showLabel?: boolean;\n  layout: 'stacked' | 'inline';\n  value?: number;\n  defaultValue?: number;\n  rangeValue?: [number, number];\n  defaultRangeValue?: [number, number];\n  isRange?: boolean;\n  label: string;\n}\n\nexport const Slider = ({\n  children,\n  className,\n  showInput = false,\n  showLabel = true,\n  layout = 'stacked',\n  value,\n  defaultValue,\n  label,\n  defaultRangeValue,\n  rangeValue,\n  minValue = 0,\n  maxValue = 100,\n  isRange = false,\n  orientation = 'horizontal',\n  ...props\n}: SliderProps) => {\n  const sliderValue = isRange ? rangeValue : value;\n  const sliderDefaultValue = isRange ? defaultRangeValue : defaultValue;\n\n  return (\n    <RACSlider\n      className={cn(sliderVariants({ orientation, layout }))}\n      minValue={minValue}\n      maxValue={maxValue}\n      orientation={orientation}\n      value={sliderValue}\n      defaultValue={sliderDefaultValue}\n      {...props}\n    >\n      {showLabel && (\n        <Label className={labelVariants({ orientation, layout })}>\n          {label}\n        </Label>\n      )}\n      {showInput && (\n        <div className={inputVariants({ orientation, layout })}>\n          <SliderInput />\n        </div>\n      )}\n      <RACSliderTrack className={sliderTrackVariants({ layout, orientation })}>\n        {({ state }) => {\n          const minValue = state.getThumbPercent(0);\n          const maxValue = state.getThumbPercent(1) || minValue;\n          const sizeInPercent = `${(state.values.length === 2 ? maxValue - minValue : minValue) * 100}%`;\n          const startPercent =\n            state.values.length === 2 ? `${Math.floor(minValue * 100)}%` : '0';\n          return (\n            <>\n              <div className={sliderTrackBackgroundVariants({ orientation })} />\n              {state.values.map((_, index) => {\n                return (\n                  <>\n                    <div\n                      key={`slider-${index === 0 ? 'min' : 'max'}`}\n                      className={sliderTrackValueVariants({ orientation })}\n                      style={\n                        orientation === 'horizontal'\n                          ? {\n                              left: startPercent,\n                              width: sizeInPercent,\n                            }\n                          : {\n                              bottom: startPercent,\n                              height: sizeInPercent,\n                            }\n                      }\n                    />\n\n                    <SliderThumb\n                      key={`slider-thumb-${index === 0 ? 'min' : 'max'}`}\n                      index={index}\n                      className={sliderThumbVariants({ orientation })}\n                    >\n                      {!showInput && (\n                        <Tooltip>\n                          <Tooltip.Trigger>\n                            <div className='size-full' />\n                          </Tooltip.Trigger>\n                          <Tooltip.Body placement='top'>\n                            {state.getThumbValue(index)}\n                          </Tooltip.Body>\n                        </Tooltip>\n                      )}\n                    </SliderThumb>\n                  </>\n                );\n              })}\n            </>\n          );\n        }}\n      </RACSliderTrack>\n      <Text slot='min' className={minValueVariants({ layout, orientation })}>\n        {minValue}\n      </Text>\n      <Text slot='max' className={maxValueVariants({ layout, orientation })}>\n        {maxValue}\n      </Text>\n    </RACSlider>\n  );\n};\n\nexport type RangeSliderProps = Omit<\n  SliderProps,\n  'isRange' | 'defaultRangeValue' | 'rangeValue' | 'defaultValue' | 'value'\n> & {\n  defaultValue: SliderProps['defaultRangeValue'];\n  value: SliderProps['rangeValue'];\n};\n\nexport const RangeSlider = ({\n  defaultValue,\n  value,\n  ...props\n}: RangeSliderProps) => {\n  return (\n    <Slider\n      {...props}\n      isRange\n      defaultRangeValue={defaultValue}\n      rangeValue={value}\n    />\n  );\n};\n\nfunction SliderInput({ className }: { className?: string }) {\n  const state = useContext(SliderStateContext);\n  const labelProps = useSlottedContext(LabelContext);\n  return (\n    <>\n      {state?.values.map((value: number, index: number) => (\n        <NumberField\n          key={`number-field-${index === 0 ? 'min' : 'max'}`}\n          aria-labelledby={labelProps?.id}\n          value={value}\n          onChange={(v) => state.setThumbValue(0, v)}\n        >\n          <Input\n            className={cn(\n              'w-[50px] rounded-medium border border-interactive px-s py-xs font-display text-body-m text-default-light',\n              className,\n            )}\n          />\n        </NumberField>\n      ))}\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["e","labelVariants","cva","value","defaultRangeValue","rangeValue","sliderDefaultValue","isRange","defaultValue","jsxs","RACSlider","c","x","maxValue","sliderValue","props","jsx","Label","a","A","label","inputVariants","O","layout","state","minValue","startPercent","h","sliderTrackBackgroundVariants","_","index","Fragment","sliderTrackValueVariants","sizeInPercent","SliderThumb","sliderThumbVariants","Tooltip","f","Text","V","RangeSlider","Slider","useSlottedContext","LabelContext","NumberField","j","labelProps","v","C"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport { cn } from '@/lib/utils';\nimport 'client-only';\nimport { cva } from 'class-variance-authority';\nimport { useContext } from 'react';\nimport {\n  Input,\n  Label,\n  LabelContext,\n  NumberField,\n  Slider as RACSlider,\n  type SliderProps as RACSliderProps,\n  SliderTrack as RACSliderTrack,\n  SliderStateContext,\n  SliderThumb,\n  Text,\n  useSlottedContext,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\n\nconst sliderVariants = cva('grid gap-s', {\n  variants: {\n    layout: {\n      stacked: '',\n      inline: '',\n    },\n    orientation: {\n      vertical: 'h-full w-fit',\n      horizontal: 'h-xl w-full',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'horizontal',\n      className: 'grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_auto]',\n    },\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'grid-cols-[auto_auto_1fr_auto_auto] grid-rows-1 items-center',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'grid-cols-[auto_auto_auto] grid-rows-[auto_auto_1fr_auto]',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'grid-cols-[auto_1fr_auto] grid-rows-[auto_auto_1fr_auto]',\n    },\n  ],\n});\n\nconst minValueVariants = cva('font-display text-body-m text-default-dark', {\n  variants: {\n    orientation: {\n      horizontal: '',\n      vertical: 'col-start-1 row-start-4',\n    },\n    layout: {\n      inline: '',\n      stacked: '',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'horizontal',\n      className: 'col-start-1 row-start-3',\n    },\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'order-2',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'self-end justify-self-end',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'justify-self-center',\n    },\n  ],\n});\n\nconst maxValueVariants = cva('font-display text-body-m text-default-dark', {\n  variants: {\n    orientation: {\n      horizontal: '',\n      vertical: 'col-start-1 row-start-2',\n    },\n    layout: {\n      inline: '',\n      stacked: '',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'horizontal',\n      className: 'col-start-3 row-start-3 justify-self-end',\n    },\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'order-4',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'justify-self-end',\n    },\n  ],\n});\n\nconst sliderTrackVariants = cva('relative', {\n  variants: {\n    orientation: {\n      horizontal: 'h-s w-full',\n      vertical: 'h-full w-s',\n    },\n    layout: {\n      inline: '',\n      stacked: '',\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: 'horizontal',\n      layout: 'stacked',\n      className: 'col-span-3 row-start-2',\n    },\n    {\n      orientation: 'horizontal',\n      layout: 'inline',\n      className: 'order-3',\n    },\n    {\n      orientation: 'vertical',\n      layout: 'stacked',\n      className: 'col-start-2 row-span-3 row-start-2',\n    },\n    {\n      orientation: 'vertical',\n      layout: 'inline',\n      className: 'col-start-1 row-start-3 justify-self-center',\n    },\n  ],\n});\n\nconst inputVariants = cva('flex gap-s', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col-reverse',\n    },\n    layout: {\n      inline: 'order-5',\n      stacked: 'col-start-3 row-start-1',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'inline',\n      orientation: 'horizontal',\n      className: 'order-5',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'col-span-3 col-start-1',\n    },\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'row-start-4',\n    },\n  ],\n});\n\nconst labelVariants = cva('text-default-light', {\n  variants: {\n    orientation: {\n      horizontal: '',\n      vertical: '',\n    },\n    layout: {\n      inline: 'order-1',\n      stacked: 'col-start-1',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'stacked',\n      orientation: 'vertical',\n      className: 'col-span-2',\n    },\n    {\n      layout: 'inline',\n      orientation: 'vertical',\n      className: 'col-span-3',\n    },\n  ],\n});\n\nconst sliderThumbVariants = cva(\n  'h-m w-m rounded-full bg-highlight-bold outline-highlight-bold/40 hover:outline-4 focus-visible:outline-4',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'translate-y-[50%]',\n        vertical: 'translate-x-[40%]',\n      },\n    },\n  },\n);\n\nconst sliderTrackBackgroundVariants = cva(\n  'absolute rounded-full bg-default-light/40',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'top-[50%] h-xxs w-full translate-y-[50%]',\n        vertical: 'left-[50%] h-full w-xxs ',\n      },\n    },\n  },\n);\n\nconst sliderTrackValueVariants = cva('absolute rounded-full bg-highlight', {\n  variants: {\n    orientation: {\n      horizontal: 'top-1/2 h-xxs translate-y-1/2',\n      vertical: 'left-1/2 w-xxs',\n    },\n  },\n});\n\nexport interface SliderProps\n  extends Omit<\n    RACSliderProps,\n    'value' | 'defaultValue' | 'showOutput' | 'slot' | 'style' | 'formatOptions'\n  > {\n  className?: string;\n  showInput?: boolean;\n  showLabel?: boolean;\n  layout?: 'stacked' | 'inline';\n  value?: number;\n  defaultValue?: number;\n  rangeValue?: [number, number];\n  defaultRangeValue?: [number, number];\n  isRange?: boolean;\n  label: string;\n}\n\n/**\n * Slider - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n */\nexport const Slider = ({\n  children,\n  className,\n  showInput = false,\n  showLabel = true,\n  layout = 'stacked',\n  value,\n  defaultValue,\n  label,\n  defaultRangeValue,\n  rangeValue,\n  minValue = 0,\n  maxValue = 100,\n  isRange = false,\n  orientation = 'horizontal',\n  ...props\n}: SliderProps) => {\n  const sliderValue = isRange ? rangeValue : value;\n  const sliderDefaultValue = isRange ? defaultRangeValue : defaultValue;\n\n  return (\n    <RACSlider\n      className={cn(sliderVariants({ orientation, layout }))}\n      minValue={minValue}\n      maxValue={maxValue}\n      orientation={orientation}\n      value={sliderValue}\n      defaultValue={sliderDefaultValue}\n      {...props}\n    >\n      {showLabel && (\n        <Label className={labelVariants({ orientation, layout })}>\n          {label}\n        </Label>\n      )}\n      {showInput && (\n        <div className={inputVariants({ orientation, layout })}>\n          <SliderInput />\n        </div>\n      )}\n      <RACSliderTrack className={sliderTrackVariants({ layout, orientation })}>\n        {({ state }) => {\n          const minValue = state.getThumbPercent(0);\n          const maxValue = state.getThumbPercent(1) || minValue;\n          const sizeInPercent = `${(state.values.length === 2 ? maxValue - minValue : minValue) * 100}%`;\n          const startPercent =\n            state.values.length === 2 ? `${Math.floor(minValue * 100)}%` : '0';\n          return (\n            <>\n              <div className={sliderTrackBackgroundVariants({ orientation })} />\n              {state.values.map((_, index) => {\n                return (\n                  <>\n                    <div\n                      key={`slider-${index === 0 ? 'min' : 'max'}`}\n                      className={sliderTrackValueVariants({ orientation })}\n                      style={\n                        orientation === 'horizontal'\n                          ? {\n                              left: startPercent,\n                              width: sizeInPercent,\n                            }\n                          : {\n                              bottom: startPercent,\n                              height: sizeInPercent,\n                            }\n                      }\n                    />\n\n                    <SliderThumb\n                      key={`slider-thumb-${index === 0 ? 'min' : 'max'}`}\n                      index={index}\n                      className={sliderThumbVariants({ orientation })}\n                    >\n                      {!showInput && (\n                        <Tooltip>\n                          <Tooltip.Trigger>\n                            <div className='size-full outline-none' />\n                          </Tooltip.Trigger>\n                          <Tooltip.Body placement='top'>\n                            {state.getThumbValue(index)}\n                          </Tooltip.Body>\n                        </Tooltip>\n                      )}\n                    </SliderThumb>\n                  </>\n                );\n              })}\n            </>\n          );\n        }}\n      </RACSliderTrack>\n      <Text slot='min' className={minValueVariants({ layout, orientation })}>\n        {minValue}\n      </Text>\n      <Text slot='max' className={maxValueVariants({ layout, orientation })}>\n        {maxValue}\n      </Text>\n    </RACSlider>\n  );\n};\n\nexport type RangeSliderProps = Omit<\n  SliderProps,\n  'isRange' | 'defaultRangeValue' | 'rangeValue' | 'defaultValue' | 'value'\n> & {\n  defaultValue?: SliderProps['defaultRangeValue'];\n  value: SliderProps['rangeValue'];\n};\n\n/**\n * RangeSlider - A dual-handle slider component for selecting a range of numeric values\n *\n * Extends the base Slider component to provide range selection functionality with two thumbs,\n * allowing users to define both minimum and maximum values within a specified range.\n * Maintains all accessibility features and layout options of the base slider while\n * providing intuitive range selection controls.\n *\n * @example\n * // Basic range slider\n * <RangeSlider label=\"Price Range\" defaultValue={[20, 80]} minValue={0} maxValue={100} />\n *\n * @example\n * // Controlled range slider with input fields\n * <RangeSlider\n *   label=\"Temperature Range\"\n *   value={tempRange}\n *   onChange={setTempRange}\n *   showInput\n *   minValue={-10}\n *   maxValue={40}\n * />\n */\nexport const RangeSlider = ({\n  defaultValue,\n  value,\n  ...props\n}: RangeSliderProps) => {\n  return (\n    <Slider\n      {...props}\n      isRange\n      defaultRangeValue={defaultValue}\n      rangeValue={value}\n    />\n  );\n};\n\nfunction SliderInput({ className }: { className?: string }) {\n  const state = useContext(SliderStateContext);\n  const labelProps = useSlottedContext(LabelContext);\n  return (\n    <>\n      {state?.values.map((value: number, index: number) => (\n        <NumberField\n          key={`number-field-${index === 0 ? 'min' : 'max'}`}\n          aria-labelledby={labelProps?.id}\n          value={value}\n          onChange={(v) => state.setThumbValue(0, v)}\n        >\n          <Input\n            className={cn(\n              'w-[50px] rounded-medium border border-interactive px-s py-xs font-display text-body-m text-default-light',\n              className,\n            )}\n          />\n        </NumberField>\n      ))}\n    </>\n  );\n}\n"]}

package/dist/components/switch/index.d.ts

@@ -9,6 +9,42 @@ declare function SwitchProvider({ children, ...props }: ProviderProps<SwitchProp
 declare namespace SwitchProvider {
     var displayName: string;
 }
+/**
+ * Switch - A toggle control for binary state changes
+ *
+ * Provides an accessible toggle switch component for enabling/disabling features
+ * or settings. Offers clear visual feedback for on/off states with smooth transitions
+ * and proper keyboard and screen reader support.
+ *
+ * @example
+ * // Basic switch
+ * <Switch>Enable notifications</Switch>
+ *
+ * @example
+ * // Controlled switch
+ * <Switch
+ *   isSelected={isEnabled}
+ *   onChange={setIsEnabled}
+ * >
+ *   Dark mode
+ * </Switch>
+ *
+ * @example
+ * // Switch with default state
+ * <Switch defaultSelected>
+ *   Auto-save documents
+ * </Switch>
+ *
+ * @example
+ * // Disabled switch
+ * <Switch isDisabled>
+ *   Premium feature (upgrade required)
+ * </Switch>
+ *
+ * @example
+ * // Switch without label (icon-only)
+ * <Switch aria-label="Toggle sidebar" />
+ */
 declare function Switch({ ref, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
 declare namespace Switch {
     var displayName: string;

package/dist/components/switch/index.js

@@ -1,2 +1,2 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,Switch,composeRenderProps}from'react-aria-components';import {SwitchStyles}from'./styles.js';const {switch:S,control:d,label:u}=SwitchStyles(),c=createContext(null);function a({children:t,...e}){return jsx(c.Provider,{value:e,children:t})}a.displayName="Switch.Provider";function l({ref:t,...e}){[e,t]=useContextProps(e,t??null,c);const{children:n,classNames:s,...p}=e;return jsx(Switch,{...p,ref:t,className:composeRenderProps(s?.switch,o=>S({className:o})),children:composeRenderProps(n,o=>jsxs(Fragment,{children:[jsx("span",{className:d({className:s?.control})}),o&&jsx("span",{className:u({className:s?.label}),children:o})]}))})}l.displayName="Switch",l.Provider=a;export{l as Switch,c as SwitchContext};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,Switch,composeRenderProps}from'react-aria-components';import {SwitchStyles}from'./styles.js';const {switch:d,control:u,label:N}=SwitchStyles(),c=createContext(null);function a({children:t,...e}){return jsx(c.Provider,{value:e,children:t})}a.displayName="Switch.Provider";function l({ref:t,...e}){[e,t]=useContextProps(e,t??null,c);const{children:n,classNames:s,labelPosition:p="end",...m}=e;return jsx(Switch,{...m,ref:t,className:composeRenderProps(s?.switch,o=>d({className:o,labelPosition:p})),children:composeRenderProps(n,o=>jsxs(Fragment,{children:[jsx("span",{className:u({className:s?.control})}),o&&jsx("span",{className:N({className:s?.label}),children:o})]}))})}l.displayName="Switch",l.Provider=a;export{l as Switch,c as SwitchContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/switch/index.tsx"],"names":["SwitchStyles","SwitchContext","createContext","m","props","r","SwitchProvider","ref","useContextProps","rest","h","switchClassNames","children","jsxs","Fragment","v","N","jsx","Switch"],"mappings":"6NA0BQ,MAAA,CAAA,gBAAmC,CAAA,CAAA,CAAA,KAAUA,EAAa,CAAA,CAErDC,YAAAA,EACXC,CAA2D,CAAA,CAAAC,aAAA,CAAI,IAEjE,EAAA,oBAAoC,CAAA,CAAGC,CAAM,GAC3C,CAAA,CAAA,CAAA,CAAA,OACiBC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAAe,CAAA,CAAA,CAAA,QAE3C,CACAC,CAAAA,CAAe,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,2BAEJ,CAAA,CAAA,CAAAC,KAAQH,CAAM,GACrC,CAACA,EAAOG,CAAG,CAAA,CAAIC,CAAAA,CAAgBJ,CAAAA,CAAOG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAE7C,SAAQ,CAAA,QAAU,CAAA,CAAA,CAAA,UAAY,CAAA,CAAGE,CAAK,GAAIL,CAE1C,WACGC,GACE,CAAAK,MAAA,CAAGD,IACJ,CAAA,CAAKF,GACL,CAAA,CAAA,CAAA,4BAA0C,CAAA,CAAA,EAAA,MACxCI,CAAAA,CAAiB,cACnB,CAAA,CAEC,YAAmBC,CAAWA,kBAAAA,CAAAA,CAC7BC,CAAAA,CAAAC,EAAAC,IACE,CAAAC,QAAA,CAAA,CAAA,QAAC,CAAA,CAAAX,GAAA,CAAA,iBAA0B,CAAA,CAAA,CAAA,CAAA,SAAuB,WAAY,CAC7DO,CAAAA,CAAAA,CACCK,EAAC,EAAAZ,GAAA,CAAA,MAAK,CAAA,CAAA,SAAmB,aAAuB,CAAA,CAAA,EAAA,gBAEhD,CAAA,CAEJ,CACD,CAAA,CACH,CAEJ,CACAa,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,QACd,CAAA,CAAA,CAAA,QAAWZ,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { SwitchStyles } from './styles';\nimport type { SwitchProps } from './types';\n\n// \"switch\" is a reserved term in JS\nconst { switch: switchClassNames, control, label } = SwitchStyles();\n\nexport const SwitchContext =\n  createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\nfunction SwitchProvider({ children, ...props }: ProviderProps<SwitchProps>) {\n  return (\n    <SwitchContext.Provider value={props}>{children}</SwitchContext.Provider>\n  );\n}\nSwitchProvider.displayName = 'Switch.Provider';\n\nexport function Switch({ ref, ...props }: SwitchProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SwitchContext);\n\n  const { children, classNames, ...rest } = props;\n\n  return (\n    <AriaSwitch\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.switch, (className) =>\n        switchClassNames({ className }),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={control({ className: classNames?.control })} />\n          {children && (\n            <span className={label({ className: classNames?.label })}>\n              {children}\n            </span>\n          )}\n        </>\n      ))}\n    </AriaSwitch>\n  );\n}\nSwitch.displayName = 'Switch';\nSwitch.Provider = SwitchProvider;\n"]}
+{"version":3,"sources":["../../../src/components/switch/index.tsx"],"names":["SwitchStyles","SwitchContext","createContext","h","props","r","SwitchProvider","ref","useContextProps","rest","w","classNames","switchClassNames","children","jsxs","Fragment","y","v","jsx","Switch"],"mappings":"6NA0BQ,MAAA,CAAA,MAA0B,CAAA,CAAA,CAAA,OAAS,CAAA,CAAA,CAAA,KAAUA,CAAAA,CAAa,EAErDC,YAAAA,EACXC,CAA2D,CAAA,CAAAC,aAAA,CAAI,eAEvC,CAAA,CAAA,CAAA,UAAaC,CAAM,GAC3C,CAAA,CAAA,CAAA,CAAA,OACiBC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAAe,CAAA,CAAA,CAAA,QAE3C,CACAC,EAAe,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,iBAsCtB,CAAA,SAAkB,CAAA,CAAA,CAAAC,GAAK,CAAA,CAAGH,CAAM,GACrC,CAACA,EAAOG,CAAG,CAAA,CAAIC,EAAgBJ,CAAAA,CAAOG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAE7C,CAAA,CAAA,CAAA,CAAA,KAAQ,CAAA,qBAAsB,CAAA,CAAA,CAAA,aAAgB,CAAA,CAAA,CAAA,KAAUE,CAAK,GAAIL,CAEjE,CAAA,CAAA,CAAA,CAAA,OACGC,GACE,CAAAK,MAAA,CAAGD,CAAAA,KACCF,GACL,CAAA,CAAA,CAAA,SAA8BI,CAAAA,kBAAY,UACxCC,CAAAA,CAAiB,EAAE,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,aAChC,EAEC,CAAA,CAAA,CAAA,CAAA,QAAmBC,CAAWA,kBAAAA,CAAAA,CAC7BC,EAAAC,EAAAC,IACE,CAAAC,QAAA,CAAA,CAAA,QAAC,YAAK,CAAA,CAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,EAAA,OAAY,CAC7DJ,GACCK,CAAAA,CAAC,EAAAb,GAAA,CAAA,MAAK,CAAA,CAAA,SAAmB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,EAAA,KAC7C,CAAA,CAAA,CAAA,QACH,CAAA,CAEJ,CACD,EACH,CAEJ,CACAc,EAAO,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,QACd,CAAA,CAAA,CAAA,QAAWb,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { SwitchStyles } from './styles';\nimport type { SwitchProps } from './types';\n\n// \"switch\" is a reserved term in JS\nconst { switch: switchClassNames, control, label } = SwitchStyles();\n\nexport const SwitchContext =\n  createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\nfunction SwitchProvider({ children, ...props }: ProviderProps<SwitchProps>) {\n  return (\n    <SwitchContext.Provider value={props}>{children}</SwitchContext.Provider>\n  );\n}\nSwitchProvider.displayName = 'Switch.Provider';\n\n/**\n * Switch - A toggle control for binary state changes\n *\n * Provides an accessible toggle switch component for enabling/disabling features\n * or settings. Offers clear visual feedback for on/off states with smooth transitions\n * and proper keyboard and screen reader support.\n *\n * @example\n * // Basic switch\n * <Switch>Enable notifications</Switch>\n *\n * @example\n * // Controlled switch\n * <Switch\n *   isSelected={isEnabled}\n *   onChange={setIsEnabled}\n * >\n *   Dark mode\n * </Switch>\n *\n * @example\n * // Switch with default state\n * <Switch defaultSelected>\n *   Auto-save documents\n * </Switch>\n *\n * @example\n * // Disabled switch\n * <Switch isDisabled>\n *   Premium feature (upgrade required)\n * </Switch>\n *\n * @example\n * // Switch without label (icon-only)\n * <Switch aria-label=\"Toggle sidebar\" />\n */\nexport function Switch({ ref, ...props }: SwitchProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SwitchContext);\n\n  const { children, classNames, labelPosition = 'end', ...rest } = props;\n\n  return (\n    <AriaSwitch\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.switch, (className) =>\n        switchClassNames({ className, labelPosition }),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={control({ className: classNames?.control })} />\n          {children && (\n            <span className={label({ className: classNames?.label })}>\n              {children}\n            </span>\n          )}\n        </>\n      ))}\n    </AriaSwitch>\n  );\n}\nSwitch.displayName = 'Switch';\nSwitch.Provider = SwitchProvider;\n"]}

package/dist/components/switch/styles.d.ts

@@ -1,39 +1,41 @@
 import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_merge from 'tailwind-merge';
 
 declare const SwitchStyles: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            label?: tailwind_merge.ClassNameValue;
-            switch?: tailwind_merge.ClassNameValue;
-            control?: tailwind_merge.ClassNameValue;
+    labelPosition: {
+        start: {
+            switch: string;
         };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            label?: tailwind_merge.ClassNameValue;
-            switch?: tailwind_merge.ClassNameValue;
-            control?: tailwind_merge.ClassNameValue;
+        end: {
+            switch: string;
         };
     };
-} | {}, {
+}, {
     switch: string;
     control: string[];
     label: string[];
 }, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            label?: tailwind_merge.ClassNameValue;
-            switch?: tailwind_merge.ClassNameValue;
-            control?: tailwind_merge.ClassNameValue;
+    labelPosition: {
+        start: {
+            switch: string;
+        };
+        end: {
+            switch: string;
         };
     };
-} | {}, {
+}, {
     switch: string;
     control: string[];
     label: string[];
-}, tailwind_variants.TVReturnType<unknown, {
+}, tailwind_variants.TVReturnType<{
+    labelPosition: {
+        start: {
+            switch: string;
+        };
+        end: {
+            switch: string;
+        };
+    };
+}, {
     switch: string;
     control: string[];
     label: string[];

package/dist/components/switch/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const i=tv({slots:{switch:"group/switch flex cursor-pointer items-center gap-s disabled:cursor-not-allowed",control:["flex rounded-round bg-transparent p-xxs outline outline-interactive before:mr-l before:block before:size-m before:rounded-full before:bg-default-dark","group-enabled/switch:group-focus/switch:bg-interactive-hover-dark group-enabled/switch:group-focus/switch:outline-interactive-hover group-enabled/switch:group-focus/switch:before:bg-interactive-hover","group-enabled/switch:group-hover/switch:bg-interactive-hover-dark group-enabled/switch:group-hover/switch:outline-interactive-hover group-enabled/switch:group-hover/switch:before:bg-interactive-hover","group-enabled/switch:group-selected/switch:outline-highlight group-selected/switch:before:mr-0 group-selected/switch:before:ml-l group-enabled/switch:group-selected/switch:before:bg-highlight","group-enabled/switch:group-selected/switch:group-focus/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-focus/switch:outline-interactive-hover group-enabled/switch:group-selected/switch:group-focus/switch:before:bg-highlight","group-enabled/switch:group-selected/switch:group-hover/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-hover/switch:outline-highlight group-enabled/switch:group-selected/switch:group-hover/switch:before:bg-highlight","group-disabled/switch:bg-interactive-disabled group-disabled/switch:outline-interactive-disabled group-disabled/switch:before:bg-disabled"],label:["text-body-s text-interactive-default","group-disabled/switch:text-interactive-disabled"]}});export{i as SwitchStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const i=tv({slots:{switch:"group/switch flex cursor-pointer items-center gap-s disabled:cursor-not-allowed",control:["flex rounded-round bg-transparent p-xxs outline outline-interactive before:mr-l before:block before:size-m before:rounded-full before:bg-default-dark","group-enabled/switch:group-focus-visible/switch:bg-interactive-hover-dark group-enabled/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-focus-visible/switch:before:bg-interactive-hover","group-enabled/switch:group-hover/switch:bg-interactive-hover-dark group-enabled/switch:group-hover/switch:outline-interactive-hover group-enabled/switch:group-hover/switch:before:bg-interactive-hover","group-enabled/switch:group-selected/switch:outline-highlight group-selected/switch:before:mr-0 group-selected/switch:before:ml-l group-enabled/switch:group-selected/switch:before:bg-highlight","group-enabled/switch:group-selected/switch:group-focus-visible/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-selected/switch:group-focus-visible/switch:before:bg-highlight","group-enabled/switch:group-selected/switch:group-hover/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-hover/switch:outline-highlight group-enabled/switch:group-selected/switch:group-hover/switch:before:bg-highlight","group-disabled/switch:bg-interactive-disabled group-disabled/switch:outline-interactive-disabled group-disabled/switch:before:bg-disabled"],label:["text-body-s text-interactive-default","group-disabled/switch:text-interactive-disabled"]},variants:{labelPosition:{start:{switch:"flex-row-reverse"},end:{switch:"flex-row"}}}});export{i as SwitchStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/switch/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,MAAA,CAAA,iFAEA,CAAA,OAAA,CAAA,CAAA,uJACA,CAAA,yMACA,CAAA,yMACA,CAAA,iMACA,CAAA,6PACA,CAAA,qPACA,CAAA,2IAGA,CAAA,CAAA,KAAA,CAAA,CAAA,sCACA,CAAA,iDAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const SwitchStyles = tv({\n  slots: {\n    switch:\n      'group/switch flex cursor-pointer items-center gap-s disabled:cursor-not-allowed',\n    control: [\n      'flex rounded-round bg-transparent p-xxs outline outline-interactive before:mr-l before:block before:size-m before:rounded-full before:bg-default-dark',\n      'group-enabled/switch:group-focus/switch:bg-interactive-hover-dark group-enabled/switch:group-focus/switch:outline-interactive-hover group-enabled/switch:group-focus/switch:before:bg-interactive-hover',\n      'group-enabled/switch:group-hover/switch:bg-interactive-hover-dark group-enabled/switch:group-hover/switch:outline-interactive-hover group-enabled/switch:group-hover/switch:before:bg-interactive-hover',\n      'group-enabled/switch:group-selected/switch:outline-highlight group-selected/switch:before:mr-0 group-selected/switch:before:ml-l group-enabled/switch:group-selected/switch:before:bg-highlight',\n      'group-enabled/switch:group-selected/switch:group-focus/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-focus/switch:outline-interactive-hover group-enabled/switch:group-selected/switch:group-focus/switch:before:bg-highlight',\n      'group-enabled/switch:group-selected/switch:group-hover/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-hover/switch:outline-highlight group-enabled/switch:group-selected/switch:group-hover/switch:before:bg-highlight',\n      'group-disabled/switch:bg-interactive-disabled group-disabled/switch:outline-interactive-disabled group-disabled/switch:before:bg-disabled',\n    ],\n    label: [\n      'text-body-s text-interactive-default',\n      'group-disabled/switch:text-interactive-disabled',\n    ],\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/switch/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,SACE,CAAA,CAAA,MAAA,CAAA,iFAEA,CAAA,OAAA,CAAA,CAAA,uJACA,CAAA,2aAEA,CAAA,iMACA,CAAA,2gBAEA,CAAA,2IAGA,CAAA,CAAA,KAAA,CAAA,CAAA,0FAIM,CACR,QAAA,CAAA,CAAA,oBAEY,CAAA,CAAA,MAAA,CAAA,kBAGR,CAAA,CAAA,YACF,UAGL,CAAA,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const SwitchStyles = tv({\n  slots: {\n    switch:\n      'group/switch flex cursor-pointer items-center gap-s disabled:cursor-not-allowed',\n    control: [\n      'flex rounded-round bg-transparent p-xxs outline outline-interactive before:mr-l before:block before:size-m before:rounded-full before:bg-default-dark',\n      'group-enabled/switch:group-focus-visible/switch:bg-interactive-hover-dark group-enabled/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-focus-visible/switch:before:bg-interactive-hover',\n      'group-enabled/switch:group-hover/switch:bg-interactive-hover-dark group-enabled/switch:group-hover/switch:outline-interactive-hover group-enabled/switch:group-hover/switch:before:bg-interactive-hover',\n      'group-enabled/switch:group-selected/switch:outline-highlight group-selected/switch:before:mr-0 group-selected/switch:before:ml-l group-enabled/switch:group-selected/switch:before:bg-highlight',\n      'group-enabled/switch:group-selected/switch:group-focus-visible/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-selected/switch:group-focus-visible/switch:before:bg-highlight',\n      'group-enabled/switch:group-selected/switch:group-hover/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-hover/switch:outline-highlight group-enabled/switch:group-selected/switch:group-hover/switch:before:bg-highlight',\n      'group-disabled/switch:bg-interactive-disabled group-disabled/switch:outline-interactive-disabled group-disabled/switch:before:bg-disabled',\n    ],\n    label: [\n      'text-body-s text-interactive-default',\n      'group-disabled/switch:text-interactive-disabled',\n    ],\n  },\n  variants: {\n    labelPosition: {\n      start: {\n        switch: 'flex-row-reverse',\n      },\n      end: {\n        switch: 'flex-row',\n      },\n    },\n  },\n});\n"]}

package/dist/components/switch/types.d.ts

@@ -7,6 +7,7 @@ type SwitchProps = Omit<SwitchProps$1, 'className'> & RefAttributes<HTMLLabelEle
         control?: string;
         label?: string;
     };
+    labelPosition?: 'start' | 'end';
 };
 
 export type { SwitchProps };

package/dist/components/tabs/index.d.ts

@@ -3,6 +3,52 @@ import { TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as T
 
 interface TabsProps extends TabsProps$1 {
 }
+/**
+ * Tabs - A tab navigation component for organizing content into sections
+ *
+ * Provides accessible tab navigation with keyboard support and proper ARIA implementation.
+ * Supports both horizontal and vertical orientations with icon and text variants.
+ * Perfect for organizing related content into separate, focusable sections.
+ *
+ * @example
+ * // Basic horizontal tabs
+ * <Tabs>
+ *   <Tabs.List>
+ *     <Tabs.Tab id="overview">Overview</Tabs.Tab>
+ *     <Tabs.Tab id="details">Details</Tabs.Tab>
+ *     <Tabs.Tab id="settings">Settings</Tabs.Tab>
+ *   </Tabs.List>
+ *   <Tabs.Panel id="overview">Overview content</Tabs.Panel>
+ *   <Tabs.Panel id="details">Details content</Tabs.Panel>
+ *   <Tabs.Panel id="settings">Settings content</Tabs.Panel>
+ * </Tabs>
+ *
+ * @example
+ * // Vertical tabs
+ * <Tabs orientation="vertical">
+ *   <Tabs.List>
+ *     <Tabs.Tab id="profile">Profile</Tabs.Tab>
+ *     <Tabs.Tab id="account">Account</Tabs.Tab>
+ *   </Tabs.List>
+ *   <Tabs.Panel id="profile">Profile settings</Tabs.Panel>
+ *   <Tabs.Panel id="account">Account settings</Tabs.Panel>
+ * </Tabs>
+ *
+ * @example
+ * // Icon tabs
+ * <Tabs>
+ *   <Tabs.List variant="icons">
+ *     <Tabs.Tab id="home">
+ *       <Icon><Home /></Icon>
+ *     </Tabs.Tab>
+ *     <Tabs.Tab id="search">
+ *       <Icon><Search /></Icon>
+ *     </Tabs.Tab>
+ *   </Tabs.List>
+ *   <Tabs.Panel id="home">Home content</Tabs.Panel>
+ *   <Tabs.Panel id="search">Search content</Tabs.Panel>
+ * </Tabs>
+ */
 declare const Tabs: {
     ({ children, className, orientation, isDisabled, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
     displayName: string;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"names":["rest","p","jsx","AriaTabs","orientation","l","v","i","Tabs","b","variant","drawer","containsExactChildren","AriaTabList","cn","tabListStyles","m","children","TabList","id","T","tabStyles","isSelected","isDisabled","Tab","P","TabPanel"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport { containsExactChildren } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport 'client-only';\nimport { cva } from 'class-variance-authority';\nimport {\n  Tab as AriaTab,\n  TabList as AriaTabList,\n  type TabListProps as AriaTabListProps,\n  TabPanel as AriaTabPanel,\n  type TabPanelProps as AriaTabPanelProps,\n  type TabProps as AriaTabProps,\n  Tabs as AriaTabs,\n  type TabsProps as AriaTabsProps,\n} from 'react-aria-components';\n\nexport interface TabsProps extends AriaTabsProps {}\n\nexport const Tabs = ({\n  children,\n  className,\n  orientation = 'horizontal',\n  isDisabled = false,\n  ...rest\n}: TabsProps) => {\n  containsExactChildren({\n    children,\n    componentName: Tabs.displayName,\n    restrictions: [[TabList, { min: 1, max: 1 }]],\n  });\n\n  return (\n    <AriaTabs\n      orientation={orientation}\n      isDisabled={isDisabled}\n      className={cn(\n        'group flex w-content flex-row orientation-horizontal:flex-col',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </AriaTabs>\n  );\n};\n\nTabs.displayName = 'Tabs';\n\nexport interface TabListProps extends AriaTabListProps<object> {\n  /** Whether the tabs are displaying iconography or text. */\n  variant?: 'default' | 'icons';\n  /** Whether the tabs are used as drawer controls. */\n  drawer?: 'left' | 'right' | 'top' | 'bottom';\n}\n\nconst tabListStyles = cva('flex orientation-horizontal:flex-row flex-col', {\n  variants: {\n    variant: {\n      icons:\n        '[&>*]:p-xs orientation-horizontal:[&>*]:pr-s orientation-horizontal:[&>*]:pl-s [&>*]:leading-[0]',\n      default: '[&>*]:p-s [&>*]:text-header-m',\n    },\n    drawer: {\n      left: 'orientation-vertical:gap-xs rounded-r-large bg-surface-default p-s',\n      right:\n        'orientation-vertical:gap-xs rounded-l-large bg-surface-default p-s',\n      top: 'orientation-vertical:gap-xs rounded-b-large bg-surface-default p-s',\n      bottom:\n        'orientation-vertical:gap-xs rounded-t-large bg-surface-default p-s',\n    },\n  },\n});\n\nconst TabList = ({\n  children,\n  className,\n  variant = 'default',\n  drawer = undefined,\n  ...rest\n}: TabListProps) => {\n  containsExactChildren({\n    children,\n    componentName: TabList.displayName,\n    restrictions: [[Tab, { min: 1 }]],\n  });\n\n  return (\n    <AriaTabList\n      className={cn(tabListStyles({ variant, drawer }), className)}\n      {...rest}\n    >\n      {children}\n    </AriaTabList>\n  );\n};\n\nTabList.displayName = 'Tabs.List';\nTabs.List = TabList;\n\nconst tabBaseStyles = cn(\n  'fg-default-dark cursor-pointer p-s outline-none',\n  'rounded-medium group-orientation-horizontal:rounded-small group-orientation-horizontal:rounded-b-none',\n  'group-orientation-horizontal:border-static-light group-orientation-horizontal:border-b',\n  'group-orientation-vertical:border group-orientation-vertical:border-transparent',\n);\n\nconst tabStyles = cva(tabBaseStyles, {\n  variants: {\n    isSelected: {\n      true: 'fg-highlight bg-highlight-subtle group-orientation-horizontal:border-highlight',\n    },\n    isHovered: {\n      true: 'fg-default-light group-orientation-horizontal:border-interactive-hover',\n    },\n    isFocused: {\n      true: 'fg-default-light group-orientation-horizontal:border-interactive-hover',\n    },\n    isDisabled: {\n      true: 'fg-disabled cursor-not-allowed group-orientation-horizontal:border-interactive-disabled',\n    },\n  },\n  compoundVariants: [\n    {\n      isSelected: true,\n      isHovered: true,\n      className: 'fg-highlight group-orientation-horizontal:border-highlight',\n    },\n    {\n      isSelected: true,\n      isFocused: true,\n      className:\n        'fg-highlight group-orientation-horizontal:border-interactive-hover group-orientation-vertical:border-interactive-hover',\n    },\n    {\n      isDisabled: true,\n      isSelected: true,\n      className:\n        'fg-disabled bg-interactive-disabled group-orientation-horizontal:border-interactive-disabled',\n    },\n  ],\n});\n\nexport interface TabProps extends AriaTabProps {}\n\nconst Tab = ({\n  id,\n  children,\n  className,\n  isDisabled = false,\n  ...rest\n}: TabProps) => {\n  return (\n    <AriaTab\n      id={id}\n      className={({ isSelected, isHovered, isFocused, isDisabled }) =>\n        cn(\n          tabStyles({ isSelected, isHovered, isFocused, isDisabled }),\n          className,\n        )\n      }\n      isDisabled={isDisabled}\n      {...rest}\n    >\n      {children}\n    </AriaTab>\n  );\n};\n\nTab.displayName = 'Tabs.Tab';\nTabs.Tab = Tab;\n\nexport interface TabPanelProps extends AriaTabPanelProps {}\n\nconst TabPanel = ({ id, children, className, ...rest }: TabPanelProps) => {\n  return (\n    <AriaTabPanel\n      id={id}\n      className={cn(\n        'fg-default-light p-s group-orientation-vertical:pt-0 group-orientation-horizontal:pl-0',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n};\n\nTabPanel.displayName = 'Tabs.Panel';\nTabs.Panel = TabPanel;\n"]}
+{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"names":["rest","p","jsx","AriaTabs","orientation","l","v","i","Tabs","b","variant","drawer","containsExactChildren","AriaTabList","cn","tabListStyles","m","children","TabList","id","T","tabStyles","isSelected","isDisabled","Tab","P","TabPanel"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport { containsExactChildren } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport 'client-only';\nimport { cva } from 'class-variance-authority';\nimport {\n  Tab as AriaTab,\n  TabList as AriaTabList,\n  type TabListProps as AriaTabListProps,\n  TabPanel as AriaTabPanel,\n  type TabPanelProps as AriaTabPanelProps,\n  type TabProps as AriaTabProps,\n  Tabs as AriaTabs,\n  type TabsProps as AriaTabsProps,\n} from 'react-aria-components';\n\nexport interface TabsProps extends AriaTabsProps {}\n\n/**\n * Tabs - A tab navigation component for organizing content into sections\n *\n * Provides accessible tab navigation with keyboard support and proper ARIA implementation.\n * Supports both horizontal and vertical orientations with icon and text variants.\n * Perfect for organizing related content into separate, focusable sections.\n *\n * @example\n * // Basic horizontal tabs\n * <Tabs>\n *   <Tabs.List>\n *     <Tabs.Tab id=\"overview\">Overview</Tabs.Tab>\n *     <Tabs.Tab id=\"details\">Details</Tabs.Tab>\n *     <Tabs.Tab id=\"settings\">Settings</Tabs.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"overview\">Overview content</Tabs.Panel>\n *   <Tabs.Panel id=\"details\">Details content</Tabs.Panel>\n *   <Tabs.Panel id=\"settings\">Settings content</Tabs.Panel>\n * </Tabs>\n *\n * @example\n * // Vertical tabs\n * <Tabs orientation=\"vertical\">\n *   <Tabs.List>\n *     <Tabs.Tab id=\"profile\">Profile</Tabs.Tab>\n *     <Tabs.Tab id=\"account\">Account</Tabs.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"profile\">Profile settings</Tabs.Panel>\n *   <Tabs.Panel id=\"account\">Account settings</Tabs.Panel>\n * </Tabs>\n *\n * @example\n * // Icon tabs\n * <Tabs>\n *   <Tabs.List variant=\"icons\">\n *     <Tabs.Tab id=\"home\">\n *       <Icon><Home /></Icon>\n *     </Tabs.Tab>\n *     <Tabs.Tab id=\"search\">\n *       <Icon><Search /></Icon>\n *     </Tabs.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"home\">Home content</Tabs.Panel>\n *   <Tabs.Panel id=\"search\">Search content</Tabs.Panel>\n * </Tabs>\n */\nexport const Tabs = ({\n  children,\n  className,\n  orientation = 'horizontal',\n  isDisabled = false,\n  ...rest\n}: TabsProps) => {\n  containsExactChildren({\n    children,\n    componentName: Tabs.displayName,\n    restrictions: [[TabList, { min: 1, max: 1 }]],\n  });\n\n  return (\n    <AriaTabs\n      orientation={orientation}\n      isDisabled={isDisabled}\n      className={cn(\n        'group flex w-content flex-row orientation-horizontal:flex-col',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </AriaTabs>\n  );\n};\n\nTabs.displayName = 'Tabs';\n\nexport interface TabListProps extends AriaTabListProps<object> {\n  /** Whether the tabs are displaying iconography or text. */\n  variant?: 'default' | 'icons';\n  /** Whether the tabs are used as drawer controls. */\n  drawer?: 'left' | 'right' | 'top' | 'bottom';\n}\n\nconst tabListStyles = cva('flex orientation-horizontal:flex-row flex-col', {\n  variants: {\n    variant: {\n      icons:\n        '[&>*]:p-xs orientation-horizontal:[&>*]:pr-s orientation-horizontal:[&>*]:pl-s [&>*]:leading-[0]',\n      default: '[&>*]:p-s [&>*]:text-header-m',\n    },\n    drawer: {\n      left: 'orientation-vertical:gap-xs rounded-r-large bg-surface-default p-s',\n      right:\n        'orientation-vertical:gap-xs rounded-l-large bg-surface-default p-s',\n      top: 'orientation-vertical:gap-xs rounded-b-large bg-surface-default p-s',\n      bottom:\n        'orientation-vertical:gap-xs rounded-t-large bg-surface-default p-s',\n    },\n  },\n});\n\nconst TabList = ({\n  children,\n  className,\n  variant = 'default',\n  drawer = undefined,\n  ...rest\n}: TabListProps) => {\n  containsExactChildren({\n    children,\n    componentName: TabList.displayName,\n    restrictions: [[Tab, { min: 1 }]],\n  });\n\n  return (\n    <AriaTabList\n      className={cn(tabListStyles({ variant, drawer }), className)}\n      {...rest}\n    >\n      {children}\n    </AriaTabList>\n  );\n};\n\nTabList.displayName = 'Tabs.List';\nTabs.List = TabList;\n\nconst tabBaseStyles = cn(\n  'fg-default-dark cursor-pointer p-s outline-none',\n  'rounded-medium group-orientation-horizontal:rounded-small group-orientation-horizontal:rounded-b-none',\n  'group-orientation-horizontal:border-static-light group-orientation-horizontal:border-b',\n  'group-orientation-vertical:border group-orientation-vertical:border-transparent',\n);\n\nconst tabStyles = cva(tabBaseStyles, {\n  variants: {\n    isSelected: {\n      true: 'fg-highlight bg-highlight-subtle group-orientation-horizontal:border-highlight',\n    },\n    isHovered: {\n      true: 'fg-default-light group-orientation-horizontal:border-interactive-hover',\n    },\n    isFocused: {\n      true: 'fg-default-light group-orientation-horizontal:border-interactive-hover',\n    },\n    isDisabled: {\n      true: 'fg-disabled cursor-not-allowed group-orientation-horizontal:border-interactive-disabled',\n    },\n  },\n  compoundVariants: [\n    {\n      isSelected: true,\n      isHovered: true,\n      className: 'fg-highlight group-orientation-horizontal:border-highlight',\n    },\n    {\n      isSelected: true,\n      isFocused: true,\n      className:\n        'fg-highlight group-orientation-horizontal:border-interactive-hover group-orientation-vertical:border-interactive-hover',\n    },\n    {\n      isDisabled: true,\n      isSelected: true,\n      className:\n        'fg-disabled bg-interactive-disabled group-orientation-horizontal:border-interactive-disabled',\n    },\n  ],\n});\n\nexport interface TabProps extends AriaTabProps {}\n\nconst Tab = ({\n  id,\n  children,\n  className,\n  isDisabled = false,\n  ...rest\n}: TabProps) => {\n  return (\n    <AriaTab\n      id={id}\n      className={({ isSelected, isHovered, isFocused, isDisabled }) =>\n        cn(\n          tabStyles({ isSelected, isHovered, isFocused, isDisabled }),\n          className,\n        )\n      }\n      isDisabled={isDisabled}\n      {...rest}\n    >\n      {children}\n    </AriaTab>\n  );\n};\n\nTab.displayName = 'Tabs.Tab';\nTabs.Tab = Tab;\n\nexport interface TabPanelProps extends AriaTabPanelProps {}\n\nconst TabPanel = ({ id, children, className, ...rest }: TabPanelProps) => {\n  return (\n    <AriaTabPanel\n      id={id}\n      className={cn(\n        'fg-default-light p-s group-orientation-vertical:pt-0 group-orientation-horizontal:pl-0',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n};\n\nTabPanel.displayName = 'Tabs.Panel';\nTabs.Panel = TabPanel;\n"]}

package/dist/components/text-area-field/index.d.ts

@@ -9,6 +9,26 @@ declare function TextAreaFieldProvider({ children, ...props }: ProviderProps<Tex
 declare namespace TextAreaFieldProvider {
     var displayName: string;
 }
+/**
+ * TextAreaField - A multi-line text input component with label and validation
+ *
+ * Provides a complete form field experience for longer text content with integrated
+ * label, description, and error message components. Handles validation states and
+ * accessibility automatically while supporting resizable text areas.
+ *
+ * @example
+ * // Basic text area field
+ * <TextAreaField label="Comments" />
+ *
+ * @example
+ * // Text area with validation
+ * <TextAreaField
+ *   isInvalid={true}
+ *   errorMessage='Message is required'
+ *   label='Foo'
+ *   isRequired
+ *   />
+ */
 declare function TextAreaField({ ref, ...props }: TextAreaFieldProps): react_jsx_runtime.JSX.Element;
 declare namespace TextAreaField {
     var displayName: string;

package/dist/components/text-area-field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-area-field/index.tsx"],"names":["label","input","description","TextAreaFieldContext","E","b","props","jsx","e","TextAreaFieldProvider","useContextProps","ref","M","descriptionProp","errorMessageProp","inputProps","isSmall","size","L","composeRenderProps","classNames","className","field","isInvalidProp","errorMessage","isDisabled","isInvalid","isRequired","k","V","labelProp","Label","C","Text","y","error"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport {\n  type ContextValue,\n  FieldError,\n  Text,\n  TextArea,\n  TextField,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { TextAreaStyles } from './styles';\nimport type { TextAreaFieldProps } from './types';\n\nconst { field, label, input, description, error } = TextAreaStyles();\n\nexport const TextAreaFieldContext =\n  createContext<ContextValue<TextAreaFieldProps, HTMLDivElement>>(null);\n\nfunction TextAreaFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextAreaFieldProps>) {\n  return (\n    <TextAreaFieldContext.Provider value={props}>\n      {children}\n    </TextAreaFieldContext.Provider>\n  );\n}\nTextAreaFieldProvider.displayName = 'TextAreaField.Provider';\n\nexport function TextAreaField({ ref, ...props }: TextAreaFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextAreaFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    inputProps,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <TextField\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <TextArea\n            {...inputProps}\n            className={composeRenderProps(classNames?.input, (className) =>\n              input({ className }),\n            )}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={description({ className: classNames?.description })}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </TextField>\n  );\n}\nTextAreaField.displayName = 'TextAreaField';\nTextAreaField.Provider = TextAreaFieldProvider;\n"]}
+{"version":3,"sources":["../../../src/components/text-area-field/index.tsx"],"names":["label","input","description","TextAreaFieldContext","E","b","props","jsx","e","TextAreaFieldProvider","useContextProps","ref","M","descriptionProp","errorMessageProp","inputProps","isSmall","size","L","composeRenderProps","classNames","className","field","isInvalidProp","errorMessage","isDisabled","isInvalid","isRequired","k","V","labelProp","Label","C","Text","y","error"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport {\n  type ContextValue,\n  FieldError,\n  Text,\n  TextArea,\n  TextField,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { TextAreaStyles } from './styles';\nimport type { TextAreaFieldProps } from './types';\n\nconst { field, label, input, description, error } = TextAreaStyles();\n\nexport const TextAreaFieldContext =\n  createContext<ContextValue<TextAreaFieldProps, HTMLDivElement>>(null);\n\nfunction TextAreaFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextAreaFieldProps>) {\n  return (\n    <TextAreaFieldContext.Provider value={props}>\n      {children}\n    </TextAreaFieldContext.Provider>\n  );\n}\nTextAreaFieldProvider.displayName = 'TextAreaField.Provider';\n\n/**\n * TextAreaField - A multi-line text input component with label and validation\n *\n * Provides a complete form field experience for longer text content with integrated\n * label, description, and error message components. Handles validation states and\n * accessibility automatically while supporting resizable text areas.\n *\n * @example\n * // Basic text area field\n * <TextAreaField label=\"Comments\" />\n *\n * @example\n * // Text area with validation\n * <TextAreaField\n *   isInvalid={true}\n *   errorMessage='Message is required'\n *   label='Foo'\n *   isRequired\n *   />\n */\nexport function TextAreaField({ ref, ...props }: TextAreaFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextAreaFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    inputProps,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <TextField\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <TextArea\n            {...inputProps}\n            className={composeRenderProps(classNames?.input, (className) =>\n              input({ className }),\n            )}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={description({ className: classNames?.description })}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </TextField>\n  );\n}\nTextAreaField.displayName = 'TextAreaField';\nTextAreaField.Provider = TextAreaFieldProvider;\n"]}

package/dist/components/text-area-field/styles.d.ts

@@ -6,9 +6,9 @@ declare const TextAreaStyles: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_merge.ClassNameValue | {
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
+            error?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
@@ -16,9 +16,9 @@ declare const TextAreaStyles: tailwind_variants.TVReturnType<{
         [x: string]: tailwind_merge.ClassNameValue | {
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
+            error?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -32,9 +32,9 @@ declare const TextAreaStyles: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_merge.ClassNameValue | {
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
+            error?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/components/text-area-field/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const l=tv({slots:{field:"group/text-area-field flex flex-col gap-xs",label:"",input:["block w-full rounded-medium p-s font-display text-default-light outline outline-interactive placeholder:text-default-dark","group-size-medium/text-area-field:text-body-s group-size-small/text-area-field:text-body-xs","group-enabled/text-area-field:focus:outline-highlight","group-enabled/text-area-field:hover:outline-interactive-hover","group-enabled/text-area-field:group-invalid/text-area-field:outline-serious","group-disabled/text-area-field:text-disabled group-disabled/text-area-field:outline-interactive-disabled group-disabled/text-area-field:placeholder:text-disabled"],description:["fg-default-dark text-body-xs","group-disabled/text-area-field:fg-disabled"],error:"fg-serious text-body-xs"}});export{l as TextAreaStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const l=tv({slots:{field:"group/text-area-field flex flex-col gap-xs",label:"",input:["block w-full rounded-medium p-s font-display text-default-light outline outline-interactive placeholder:text-default-dark","group-size-medium/text-area-field:text-body-s group-size-small/text-area-field:text-body-xs","group-enabled/text-area-field:focus-visible:outline-highlight","group-enabled/text-area-field:hover:outline-interactive-hover","group-enabled/text-area-field:group-invalid/text-area-field:outline-serious","group-disabled/text-area-field:text-disabled group-disabled/text-area-field:outline-interactive-disabled group-disabled/text-area-field:placeholder:text-disabled"],description:["fg-default-dark text-body-xs","group-disabled/text-area-field:fg-disabled"],error:"fg-serious text-body-xs"}});export{l as TextAreaStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/text-area-field/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-area-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,4CAEP,CAAA,KAAO,CACL,EAAA,CAAA,KAAA,CAAA,CAAA,2HACA,CAAA,6FACA,CAAA,uDACA,CAAA,+DACA,CAAA,6EACA,CAAA,mKAEF,CAAA,CAAA,WACE,CAAA,CAAA,8BACA,CAAA,4CAEK,CAAA,CAAA,KAAA,CAAA,yBAEV,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const TextAreaStyles = tv({\n  slots: {\n    field: 'group/text-area-field flex flex-col gap-xs',\n    label: '',\n    input: [\n      'block w-full rounded-medium p-s font-display text-default-light outline outline-interactive placeholder:text-default-dark',\n      'group-size-medium/text-area-field:text-body-s group-size-small/text-area-field:text-body-xs',\n      'group-enabled/text-area-field:focus:outline-highlight',\n      'group-enabled/text-area-field:hover:outline-interactive-hover',\n      'group-enabled/text-area-field:group-invalid/text-area-field:outline-serious',\n      'group-disabled/text-area-field:text-disabled group-disabled/text-area-field:outline-interactive-disabled group-disabled/text-area-field:placeholder:text-disabled',\n    ],\n    description: [\n      'fg-default-dark text-body-xs',\n      'group-disabled/text-area-field:fg-disabled',\n    ],\n    error: 'fg-serious text-body-xs',\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/text-area-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,4CAEP,CAAA,KAAO,CACL,EAAA,CAAA,KAAA,CAAA,CAAA,2HACA,CAAA,6FACA,CAAA,+DACA,CAAA,+DACA,CAAA,6EACA,CAAA,mKAEF,CAAA,CAAA,WACE,CAAA,CAAA,8BACA,CAAA,4CAEK,CAAA,CAAA,KAAA,CAAA,yBAEV,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const TextAreaStyles = tv({\n  slots: {\n    field: 'group/text-area-field flex flex-col gap-xs',\n    label: '',\n    input: [\n      'block w-full rounded-medium p-s font-display text-default-light outline outline-interactive placeholder:text-default-dark',\n      'group-size-medium/text-area-field:text-body-s group-size-small/text-area-field:text-body-xs',\n      'group-enabled/text-area-field:focus-visible:outline-highlight',\n      'group-enabled/text-area-field:hover:outline-interactive-hover',\n      'group-enabled/text-area-field:group-invalid/text-area-field:outline-serious',\n      'group-disabled/text-area-field:text-disabled group-disabled/text-area-field:outline-interactive-disabled group-disabled/text-area-field:placeholder:text-disabled',\n    ],\n    description: [\n      'fg-default-dark text-body-xs',\n      'group-disabled/text-area-field:fg-disabled',\n    ],\n    error: 'fg-serious text-body-xs',\n  },\n});\n"]}