@accelint/design-toolkit 7.0.1 → 8.1.0

package/dist/components/query-builder/value-editor.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,Fragment}from'react/jsx-runtime';import'client-only';import {useCallback}from'react';import {useValueEditor}from'react-querybuilder';import {Checkbox}from'../checkbox/index.js';import {Radio}from'../radio/index.js';import {RadioGroup}from'../radio/group.js';import {Switch}from'../switch/index.js';import {TextAreaField}from'../text-area-field/index.js';import {TextField}from'../text-field/index.js';import {multiValueOperators}from'./constants.js';import {getValidationResult}from'./utils.js';import {ValueSelector}from'./value-selector.js';function x({disabled:a,fieldData:{name:e,validator:l},handleOnChange:i,rule:o,value:r}){const{valid:t}=getValidationResult(o,l);return jsx(Checkbox,{isDisabled:a,isSelected:r,onChange:i,"aria-invalid":!t,"aria-label":e})}function R({disabled:a,fieldData:{name:e,validator:l},handleOnChange:i,rule:o,value:r,values:t}){const{valid:d}=getValidationResult(o,l);return jsx(RadioGroup,{value:r,isDisabled:a,onChange:i,"aria-invalid":!d,"aria-label":e,"aria-labelledby":e,children:t?.map(n=>jsx(Radio,{value:n.value,children:n.label},n.name))})}const S=[];function T({disabled:a,fieldData:{name:e,validator:l},handleOnChange:i,rule:o,type:r,value:t,values:d=S,...n}){const{valid:c}=getValidationResult(o,l);return jsx(ValueSelector,{...n,disabled:a,multiple:r==="multiselect",options:d,title:e,validation:!c,value:t,handleOnChange:i,"aria-labelledby":e})}function w({disabled:a,fieldData:{name:e,validator:l},handleOnChange:i,rule:o,value:r}){const{valid:t}=getValidationResult(o,l);return jsx(Switch,{isDisabled:a,isSelected:!!r,onChange:i,"aria-invalid":!t,"aria-label":e,"aria-labelledby":e})}function I({disabled:a,fieldData:{name:e,placeholder:l,validator:i},handleOnChange:o,inputType:r,rule:t,value:d}){const{valid:n,reasons:c}=getValidationResult(t,i);return jsx(TextField,{inputProps:{placeholder:l,type:r??"text"},size:"small",value:d,isDisabled:a,isInvalid:!n,onChange:o,"aria-invalid":!n,"aria-label":e,"aria-labelledby":e,errorMessage:c?.join("/n")})}function O({disabled:a,fieldData:{name:e,placeholder:l,validator:i},handleOnChange:o,rule:r,value:t}){const{valid:d,reasons:n}=getValidationResult(r,i);return jsx(TextAreaField,{size:"small",errorMessage:n?.join("/n"),inputProps:{placeholder:l},value:t,isDisabled:a,isInvalid:!d,onChange:o,"aria-label":e,"aria-invalid":!d,"aria-labelledby":e})}const A={checkbox:x,radio:R,select:T,switch:w,text:I,textarea:O};function L(a){const{fieldData:{name:e,valueEditorType:l},operator:i,rule:o}=a,{valueAsArray:r,multiValueHandler:t}=useValueEditor({...a,skipHook:true}),d=useCallback(s=>({...o,value:r[s]}),[o,r]),n=useCallback(s=>t(s,0),[t]),c=useCallback(s=>t(s,1),[t]),b=(typeof l=="function"?l(i):l)??"text",f=A?.[b];return i==="null"||i==="notNull"||!f?null:multiValueOperators.includes(i)?jsx(Fragment,{children:["start","end"].map((s,m)=>jsx("div",{children:jsx(f,{...a,rule:d(m),value:r[m],handleOnChange:m?c:n})},`${e}-${s}`))}):jsx("div",{children:jsx(f,{...a})})}export{L as ValueEditor};//# sourceMappingURL=value-editor.js.map
+import {jsx,Fragment}from'react/jsx-runtime';import'client-only';import {useCallback}from'react';import {useValueEditor}from'react-querybuilder';import {Checkbox}from'../checkbox/index.js';import {Radio}from'../radio/index.js';import {RadioGroup}from'../radio/group.js';import {Switch}from'../switch/index.js';import {TextAreaField}from'../text-area-field/index.js';import {TextField}from'../text-field/index.js';import {multiValueOperators}from'./constants.js';import x from'./styles.module.css';import {getValidationResult}from'./utils.js';import {ValueSelector}from'./value-selector.js';function R({className:a,disabled:r,fieldData:{name:e,validator:i},handleOnChange:o,rule:t,value:l}){const{valid:n}=getValidationResult(t,i);return jsx(Checkbox,{classNames:{checkbox:a},isDisabled:r,isSelected:l,onChange:o,"aria-invalid":!n,"aria-label":e})}function N({className:a,disabled:r,fieldData:{name:e,validator:i},handleOnChange:o,rule:t,value:l,values:n}){const{valid:d}=getValidationResult(t,i);return jsx(RadioGroup,{classNames:{group:a},value:l,isDisabled:r,onChange:o,"aria-invalid":!d,"aria-label":e,"aria-labelledby":e,children:n?.map(s=>jsx(Radio,{value:s.value,children:s.label},s.name))})}const S=[];function w({className:a,disabled:r,fieldData:{name:e,validator:i},handleOnChange:o,rule:t,type:l,value:n,values:d=S,...s}){const{valid:m}=getValidationResult(t,i);return jsx(ValueSelector,{...s,className:a,disabled:r,multiple:l==="multiselect",options:d,title:e,validation:!m,value:n,handleOnChange:o,"aria-labelledby":e})}function I({className:a,disabled:r,fieldData:{name:e,validator:i},handleOnChange:o,rule:t,value:l}){const{valid:n}=getValidationResult(t,i);return jsx(Switch,{classNames:{switch:a},isDisabled:r,isSelected:!!l,onChange:o,"aria-invalid":!n,"aria-label":e,"aria-labelledby":e})}function T({disabled:a,fieldData:{name:r,placeholder:e,validator:i},handleOnChange:o,inputType:t,rule:l,value:n,className:d}){const{valid:s,reasons:m}=getValidationResult(l,i);return jsx(TextField,{inputProps:{placeholder:e,type:t??"text"},size:"small",value:n,classNames:{field:d,input:{container:x.textInput}},isDisabled:a,isInvalid:!s,onChange:o,"aria-invalid":!s,"aria-label":r,"aria-labelledby":r,errorMessage:m?.join("/n")})}function O({className:a,disabled:r,fieldData:{name:e,placeholder:i,validator:o},handleOnChange:t,rule:l,value:n}){const{valid:d,reasons:s}=getValidationResult(l,o);return jsx(TextAreaField,{classNames:{field:a},size:"small",errorMessage:s?.join("/n"),inputProps:{placeholder:i},value:n,isDisabled:r,isInvalid:!d,onChange:t,"aria-label":e,"aria-invalid":!d,"aria-labelledby":e})}const A={checkbox:R,radio:N,select:w,switch:I,text:T,textarea:O};function W(a){const{fieldData:{name:r,valueEditorType:e},operator:i,rule:o}=a,{valueAsArray:t,multiValueHandler:l}=useValueEditor({...a,skipHook:true}),n=useCallback(p=>({...o,value:t[p]}),[o,t]),d=useCallback(p=>l(p,0),[l]),s=useCallback(p=>l(p,1),[l]),m=(typeof e=="function"?e(i):e)??"text",f=A?.[m];return i==="null"||i==="notNull"||!f?null:multiValueOperators.includes(i)?jsx(Fragment,{children:["start","end"].map((p,v)=>jsx("div",{children:jsx(f,{...a,rule:n(v),value:t[v],handleOnChange:v?s:d})},`${r}-${p}`))}):jsx("div",{children:jsx(f,{...a})})}export{W as ValueEditor};//# sourceMappingURL=value-editor.js.map
 //# sourceMappingURL=value-editor.js.map

package/dist/components/query-builder/value-editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/value-editor.tsx"],"names":["rule","valid","validator","jsx","Checkbox","p","u","V","value","disabled","handleOnChange","name","values","option","defaultOptions","SelectValueEditor","rest","ValueSelector","type","k","getValidationResult","Switch","g","TextValueEditor","inputType","C","reasons","placeholder","P","RadioGroupValueEditor","SwitchValueEditor","TextareaValueEditor","ValueEditor","valueEditorType","operator","props","useCallback","index","valueAsArray","multiValueHandler","Editor","valueEditors","v","multiValueOperators","Fragment","D","handleRangeEndChange","handleRangeStartChange"],"mappings":"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","file":"value-editor.js","sourcesContent":["// __private-exports\n/*\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 { useCallback } from 'react';\nimport { useValueEditor, type ValueEditorProps } from 'react-querybuilder';\nimport { Checkbox } from '../checkbox';\nimport { Radio } from '../radio';\nimport { RadioGroup } from '../radio/group';\nimport { Switch } from '../switch';\nimport { TextAreaField } from '../text-area-field';\nimport { TextField } from '../text-field';\nimport { multiValueOperators } from './constants';\nimport { getValidationResult } from './utils';\nimport { ValueSelector } from './value-selector';\nimport type { InputProps } from '../input/types';\nimport type { QueryBuilderValueEditors } from './types';\n\nfunction CheckboxValueEditor({\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <Checkbox\n      isDisabled={disabled}\n      isSelected={value}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n    />\n  );\n}\n\nfunction RadioGroupValueEditor({\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n  values,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <RadioGroup\n      value={value}\n      isDisabled={disabled}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n    >\n      {values?.map((option) => (\n        <Radio key={option.name} value={option.value}>\n          {option.label}\n        </Radio>\n      ))}\n    </RadioGroup>\n  );\n}\n\nconst defaultOptions: unknown[] = [];\n\nfunction SelectValueEditor({\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  type,\n  value,\n  values = defaultOptions,\n  ...rest\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <ValueSelector\n      {...rest}\n      disabled={disabled}\n      multiple={type === 'multiselect'}\n      options={values}\n      title={name}\n      validation={!valid}\n      value={value}\n      handleOnChange={handleOnChange}\n      aria-labelledby={name}\n    />\n  );\n}\n\nfunction SwitchValueEditor({\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <Switch\n      isDisabled={disabled}\n      isSelected={Boolean(value)}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n    />\n  );\n}\n\nfunction TextValueEditor({\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  inputType,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid, reasons } = getValidationResult(rule, validator);\n\n  return (\n    <TextField\n      inputProps={{\n        placeholder,\n        type: (inputType as InputProps['type']) ?? 'text',\n      }}\n      size='small'\n      value={value}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n      errorMessage={reasons?.join('/n')}\n    />\n  );\n}\n\nfunction TextareaValueEditor({\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid, reasons } = getValidationResult(rule, validator);\n\n  return (\n    <TextAreaField\n      size='small'\n      errorMessage={reasons?.join('/n')}\n      inputProps={{ placeholder }}\n      value={value}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-label={name}\n      aria-invalid={!valid}\n      aria-labelledby={name}\n    />\n  );\n}\n\nconst valueEditors: QueryBuilderValueEditors = {\n  checkbox: CheckboxValueEditor,\n  radio: RadioGroupValueEditor,\n  select: SelectValueEditor,\n  switch: SwitchValueEditor,\n  text: TextValueEditor,\n  textarea: TextareaValueEditor,\n};\n\nexport function ValueEditor(props: ValueEditorProps) {\n  const {\n    fieldData: { name, valueEditorType },\n    operator,\n    rule: ruleProp,\n  } = props;\n\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    ...props,\n    skipHook: true,\n  });\n\n  const rule = useCallback(\n    (index: number) => ({\n      ...ruleProp,\n      value: valueAsArray[index],\n    }),\n    [ruleProp, valueAsArray],\n  );\n\n  const handleRangeStartChange = useCallback(\n    (value: string) => multiValueHandler(value, 0),\n    [multiValueHandler],\n  );\n\n  const handleRangeEndChange = useCallback(\n    (value: string) => multiValueHandler(value, 1),\n    [multiValueHandler],\n  );\n\n  const type =\n    (typeof valueEditorType === 'function'\n      ? valueEditorType(operator)\n      : valueEditorType) ?? 'text';\n\n  const Editor = valueEditors?.[type];\n\n  if (operator === 'null' || operator === 'notNull' || !Editor) {\n    return null;\n  }\n\n  if (multiValueOperators.includes(operator)) {\n    return (\n      <>\n        {['start', 'end'].map((term, index) => (\n          <div key={`${name}-${term}`}>\n            <Editor\n              {...props}\n              rule={rule(index)}\n              value={valueAsArray[index]}\n              handleOnChange={\n                index ? handleRangeEndChange : handleRangeStartChange\n              }\n            />\n          </div>\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <div>\n      <Editor {...props} />\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/query-builder/value-editor.tsx"],"names":["rule","valid","validator","jsx","Checkbox","className","value","u","V","c","handleOnChange","y","name","values","option","SelectValueEditor","rest","ValueSelector","disabled","type","Switch","g","TextValueEditor","getValidationResult","TextField","C","styles","reasons","placeholder","RadioGroupValueEditor","SwitchValueEditor","TextareaValueEditor","ValueEditor","props","valueEditorType","operator","useCallback","index","multiValueHandler","E","handleRangeEndChange","b","Editor","valueEditors","multiValueOperators","Fragment","B","handleRangeStartChange"],"mappings":"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","file":"value-editor.js","sourcesContent":["// __private-exports\n/*\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 { useCallback } from 'react';\nimport { useValueEditor, type ValueEditorProps } from 'react-querybuilder';\nimport { Checkbox } from '../checkbox';\nimport { Radio } from '../radio';\nimport { RadioGroup } from '../radio/group';\nimport { Switch } from '../switch';\nimport { TextAreaField } from '../text-area-field';\nimport { TextField } from '../text-field';\nimport { multiValueOperators } from './constants';\nimport styles from './styles.module.css';\nimport { getValidationResult } from './utils';\nimport { ValueSelector } from './value-selector';\nimport type { InputProps } from '../input/types';\nimport type { QueryBuilderValueEditors } from './types';\n\nfunction CheckboxValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <Checkbox\n      classNames={{ checkbox: className }}\n      isDisabled={disabled}\n      isSelected={value}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n    />\n  );\n}\n\nfunction RadioGroupValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n  values,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <RadioGroup\n      classNames={{ group: className }}\n      value={value}\n      isDisabled={disabled}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n    >\n      {values?.map((option) => (\n        <Radio key={option.name} value={option.value}>\n          {option.label}\n        </Radio>\n      ))}\n    </RadioGroup>\n  );\n}\n\nconst defaultOptions: unknown[] = [];\n\nfunction SelectValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  type,\n  value,\n  values = defaultOptions,\n  ...rest\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <ValueSelector\n      {...rest}\n      className={className}\n      disabled={disabled}\n      multiple={type === 'multiselect'}\n      options={values}\n      title={name}\n      validation={!valid}\n      value={value}\n      handleOnChange={handleOnChange}\n      aria-labelledby={name}\n    />\n  );\n}\n\nfunction SwitchValueEditor({\n  className,\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <Switch\n      classNames={{ switch: className }}\n      isDisabled={disabled}\n      isSelected={Boolean(value)}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n    />\n  );\n}\n\nfunction TextValueEditor({\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  inputType,\n  rule,\n  value,\n  className,\n}: ValueEditorProps) {\n  const { valid, reasons } = getValidationResult(rule, validator);\n\n  return (\n    <TextField\n      inputProps={{\n        placeholder,\n        type: (inputType as InputProps['type']) ?? 'text',\n      }}\n      size='small'\n      value={value}\n      classNames={{ field: className, input: { container: styles.textInput } }}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n      errorMessage={reasons?.join('/n')}\n    />\n  );\n}\n\nfunction TextareaValueEditor({\n  className,\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid, reasons } = getValidationResult(rule, validator);\n\n  return (\n    <TextAreaField\n      classNames={{ field: className }}\n      size='small'\n      errorMessage={reasons?.join('/n')}\n      inputProps={{ placeholder }}\n      value={value}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-label={name}\n      aria-invalid={!valid}\n      aria-labelledby={name}\n    />\n  );\n}\n\nconst valueEditors: QueryBuilderValueEditors = {\n  checkbox: CheckboxValueEditor,\n  radio: RadioGroupValueEditor,\n  select: SelectValueEditor,\n  switch: SwitchValueEditor,\n  text: TextValueEditor,\n  textarea: TextareaValueEditor,\n};\n\nexport function ValueEditor(props: ValueEditorProps) {\n  const {\n    fieldData: { name, valueEditorType },\n    operator,\n    rule: ruleProp,\n  } = props;\n\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    ...props,\n    skipHook: true,\n  });\n\n  const rule = useCallback(\n    (index: number) => ({\n      ...ruleProp,\n      value: valueAsArray[index],\n    }),\n    [ruleProp, valueAsArray],\n  );\n\n  const handleRangeStartChange = useCallback(\n    (value: string) => multiValueHandler(value, 0),\n    [multiValueHandler],\n  );\n\n  const handleRangeEndChange = useCallback(\n    (value: string) => multiValueHandler(value, 1),\n    [multiValueHandler],\n  );\n\n  const type =\n    (typeof valueEditorType === 'function'\n      ? valueEditorType(operator)\n      : valueEditorType) ?? 'text';\n\n  const Editor = valueEditors?.[type];\n\n  if (operator === 'null' || operator === 'notNull' || !Editor) {\n    return null;\n  }\n\n  if (multiValueOperators.includes(operator)) {\n    return (\n      <>\n        {['start', 'end'].map((term, index) => (\n          <div key={`${name}-${term}`}>\n            <Editor\n              {...props}\n              rule={rule(index)}\n              value={valueAsArray[index]}\n              handleOnChange={\n                index ? handleRangeEndChange : handleRangeStartChange\n              }\n            />\n          </div>\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <div>\n      <Editor {...props} />\n    </div>\n  );\n}\n"]}

package/dist/components/radio/group.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useContextProps,RadioGroup,composeRenderProps}from'react-aria-components';import {Label}from'../label/index.js';import {RadioContext}from'./context.js';import {RadioStyles}from'./styles.js';const{group:G,groupLabel:f}=RadioStyles();function C({ref:o,...r}){[r,o]=useContextProps(r,o??null,RadioContext);const{children:t,classNames:e,label:i,...l}=r;return jsx(RadioGroup,{...l,ref:o,className:composeRenderProps(e?.group,a=>G({className:a})),children:composeRenderProps(t,(a,{isDisabled:m,isRequired:u})=>jsxs(Fragment,{children:[i&&jsx(Label,{className:f({className:e?.label}),isDisabled:m,isRequired:u,children:i}),a]}))})}export{C as RadioGroup};//# sourceMappingURL=group.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,RadioGroup,composeRenderProps}from'react-aria-components';import {Label}from'../label/index.js';import {RadioContext}from'./context.js';import l from'./styles.module.css';function L({ref:o,...r}){[r,o]=useContextProps(r,o??null,RadioContext);const{children:m,classNames:i,label:a,...u}=r;return jsx(RadioGroup,{...u,ref:o,className:composeRenderProps(i?.group,e=>clsx("group/radio-group",l.group,e)),children:composeRenderProps(m,(e,{isDisabled:d,isRequired:n})=>jsxs(Fragment,{children:[a&&jsx(Label,{className:clsx(l.label,i?.label),isDisabled:d,isRequired:n,children:a}),e]}))})}export{L as RadioGroup};//# sourceMappingURL=group.js.map
 //# sourceMappingURL=group.js.map

package/dist/components/radio/group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/radio/group.tsx"],"names":["RadioStyles","RadioGroup","b","ref","props","RadioContext","n","children","jsx","AriaRadioGroup","rest","p","d","composeRenderProps","classNames","s","isDisabled","jsxs","Fragment","label","Label","groupLabel","R"],"mappings":"4QAwBe,KAAA,CAAA,KAAeA,CAAY,CAAA,CAQnC,UAASC,CAAW,CAAE,CAAA,CAAAC,WAAA,EAAAC,CAAK,SAC/BC,CAAOD,CAAG,CAAA,GAAoBC,CAAAA,CAAOD,CAAAA,GAAO,CAAA,CAAA,CAAA,CAAME,CAAY,CAAA,CAE/D,CAAA,CAAA,CAAAC,eAAA,CAAM,CAAE,CAAA,CAAA,EAAA,IAAA,CAAAC,YAAAA,CAAU,CAAA,KAAA,CAAA,QAAY,CAAA,CAAA,CAAA,UAAmBH,CAEjD,CAAA,CAAA,KACEI,CAAAA,CAACC,CAAAA,GACE,CAAA,CAAGC,CAAAA,CACJ,CAAA,OACAC,GAAA,CAAAC,UAAA,CAAA,CAAA,GAAWC,CAAAA,CAAmBC,GAAY,CAAA,CAAA,CAAA,SAChC,CAAAC,kBAAA,CAAA,CAAA,EAAA,KAAU,CAAC,CACrB,EAEC,CAAA,CAAA,CAAA,SAAmBR,CAAU,CAACA,CAAAA,CAAU,CAAE,CAAA,QAAA,CAAAQ,kBAAAC,CAAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,UAAW,CAChEC,CAAAA,CAAAC,UACG,CAAA,CAAA,CAAAC,GACCX,IAAAA,CAACY,QAAAA,CAAA,CACC,QAAA,CAAA,CAAWC,CAAAA,EAAaV,GAAA,CAAAW,KAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,CAAM,SACrD,CAAA,CAAA,EAAA,KACA,CAAA,CAAA,CAAA,UAEC,CAAA,CAAA,CAAA,UAGJf,CACH,CACD,SAGP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"group.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 {\n  RadioGroup as AriaRadioGroup,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { RadioContext } from './context';\nimport { RadioStyles } from './styles';\nimport type { RadioGroupProps } from './types';\n\nconst { group, groupLabel } = RadioStyles();\n\n/**\n * RadioGroup - Container component for Radio buttons\n *\n * Groups related Radio components and manages their selection state.\n * Only one Radio can be selected at a time within a RadioGroup.\n */\nexport function RadioGroup({ ref, ...props }: RadioGroupProps) {\n  [props, ref] = useContextProps(props, ref ?? null, RadioContext);\n\n  const { children, classNames, label, ...rest } = props;\n\n  return (\n    <AriaRadioGroup\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.group, (className) =>\n        group({ className }),\n      )}\n    >\n      {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n        <>\n          {label && (\n            <Label\n              className={groupLabel({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaRadioGroup>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/radio/group.tsx"],"names":["props","useContextProps","ref","RadioContext","c","f","children","classNames","jsx","AriaRadioGroup","rest","R","clsx","p","composeRenderProps","s","isDisabled","label","Label","styles","isRequired"],"mappings":"kUA+B6B,SAAkC,CAC7D,CAACA,CAAAA,GAAU,CAAIC,CAAAA,CAAgBD,GAAOE,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMC,CAAY,CAAA,CAE/DC,eAAA,CAAA,CAAA,CAAA,CAAM,EAAE,IAAA,CAAAC,YAAA,CAAA,CAAAC,KAAU,CAAA,QAAAC,CAAY,CAAA,CAAA,UAAe,CAAA,CAAIP,CAAAA,KAEjD,CAAA,CAAA,CACEQ,GAACC,CAAA,CACE,CAAA,CAAA,CAAGC,OACCR,GACL,CAAAS,UAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAA8BJ,CAAAA,CAAAA,CAAY,SACxCK,CAAAA,kBAAK,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,EAAAC,IAAA,CAAA,mBAGN,CAAA,CAAA,CAAA,KAAAC,CAAmBR,CAAAA,CAAU,CAACA,CAAAA,QAAY,CAAAS,kBAAA,CAAA,CAAA,CAAAC,EAAY,CAAA,CAAA,UAAW,CAAA,CAAA,CAAA,UAE7D,CAAA,CAAA,CAAA,GAAAC,IAAAA,CAAAA,QACCT,CAAAA,CAACU,QACC,CAAA,CAAA,CAAA,EAAWN,GAAAA,CAAKO,KAAAA,CAAO,CAAA,SAAmB,CAAAN,IAAA,CAAA,CAAK,CAAA,KAC/C,CAAA,CAAA,EAAA,KACA,CAAA,CAAA,UAAYO,CAEX,CAAA,CAAA,UACH,CAEDd,CAAAA,CAAAA,QAKX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"group.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  RadioGroup as AriaRadioGroup,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { RadioContext } from './context';\nimport styles from './styles.module.css';\nimport type { RadioGroupProps } from './types';\n\n/**\n * RadioGroup - Container component for Radio buttons\n *\n * Groups related Radio components and manages their selection state.\n * Only one Radio can be selected at a time within a RadioGroup.\n */\nexport function RadioGroup({ ref, ...props }: RadioGroupProps) {\n  [props, ref] = useContextProps(props, ref ?? null, RadioContext);\n\n  const { children, classNames, label, ...rest } = props;\n\n  return (\n    <AriaRadioGroup\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.group, (className) =>\n        clsx('group/radio-group', styles.group, className),\n      )}\n    >\n      {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n        <>\n          {label && (\n            <Label\n              className={clsx(styles.label, classNames?.label)}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaRadioGroup>\n  );\n}\n"]}

package/dist/components/radio/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Radio,composeRenderProps}from'react-aria-components';import {RadioStyles}from'./styles.js';const{radio:l,control:d,label:m}=RadioStyles();function N({classNames:o,children:s,...p}){return jsx(Radio,{...p,className:composeRenderProps(o?.radio,a=>l({className:a})),children:composeRenderProps(s,a=>jsxs(Fragment,{children:[jsx("span",{className:d({className:o?.control})}),jsx("span",{className:m({className:o?.label}),children:a})]}))})}export{N as Radio};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Radio,composeRenderProps}from'react-aria-components';import i from'./styles.module.css';function u({classNames:o,children:t,...e}){return jsx(Radio,{...e,className:composeRenderProps(o?.radio,r=>clsx("group/radio",i.radio,r)),children:composeRenderProps(t,r=>jsxs(Fragment,{children:[jsx("span",{className:clsx(i.control,o?.control)}),jsx("span",{className:clsx(i.label,o?.label),children:r})]}))})}export{u as Radio};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/radio/index.tsx"],"names":["RadioStyles","t","rest","r","e","classNames","radio","children","jsxs","Fragment","c","n","jsx"],"mappings":"yKAkBA,KAAQ,CAAA,eAAgB,CAAA,CAAA,CAAA,KAAUA,CAAAA,CAAY,EAiCvCC,WAAA,EAAA,CAAA,SAAiB,CAAA,CAAA,CAAA,qBAAsB,CAAA,CAAGC,CAAK,GACpD,WACGC,GACE,CAAAC,KAAA,CAAGF,CAAAA,cAC0BG,CAAAA,kBAAY,SACxCC,CAAAA,CAAM,EAAE,CAAA,CAAA,CAAA,SACV,CAAA,CAEC,YAAmBC,CAAWA,oBAC7BC,CAAAA,CAAAC,EAAAC,IACE,CAAAC,QAAA,CAAA,CAAA,QAAC,YAAK,CAAA,CAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,SAAuB,YAClDC,CAAAA,CAAC,CAAA,CAAAT,GAAA,CAAA,iBAAwB,aAAuB,CAAA,CAAA,EAAA,KAC7C,CAAA,CAAA,CAAA,QACH,CAAA,CACF,CACD,EACH,CAEJ,CAAA,CAAA,CAAA,CAAA","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 { Radio as AriaRadio, composeRenderProps } from 'react-aria-components';\nimport { RadioStyles } from './styles';\nimport type { RadioProps } from './types';\n\nconst { radio, control, label } = RadioStyles();\n\n/**\n * Radio - A form control for exclusive selection within a group of options\n *\n * Provides accessible radio button functionality where only one option can be\n * selected at a time within a group. Includes proper labeling, keyboard navigation,\n * and visual feedback for selection states.\n *\n * @example\n * // Basic radio group\n * <RadioGroup label=\"Choose size\">\n *   <Radio value=\"small\">Small</Radio>\n *   <Radio value=\"medium\">Medium</Radio>\n *   <Radio value=\"large\">Large</Radio>\n * </RadioGroup>\n *\n * @example\n * // Radio group with default selection\n * <RadioGroup defaultValue=\"medium\" label=\"Size preference\">\n *   <Radio value=\"small\">Small (S)</Radio>\n *   <Radio value=\"medium\">Medium (M)</Radio>\n *   <Radio value=\"large\">Large (L)</Radio>\n * </RadioGroup>\n *\n * @example\n * // Disabled radio options\n * <RadioGroup label=\"Shipping options\">\n *   <Radio value=\"standard\">Standard shipping</Radio>\n *   <Radio value=\"express\">Express shipping</Radio>\n *   <Radio value=\"overnight\" isDisabled>Overnight (unavailable)</Radio>\n * </RadioGroup>\n */\nexport function Radio({ classNames, children, ...rest }: RadioProps) {\n  return (\n    <AriaRadio\n      {...rest}\n      className={composeRenderProps(classNames?.radio, (className) =>\n        radio({ className }),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={control({ className: classNames?.control })} />\n          <span className={label({ className: classNames?.label })}>\n            {children}\n          </span>\n        </>\n      ))}\n    </AriaRadio>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/radio/index.tsx"],"names":["Radio","classNames","children","jsx","AriaRadio","rest","composeRenderProps","className","styles","jsxs","Fragment","clsx"],"mappings":"wOAkDgBA,CAAM,CAAE,WAAAC,CAAAA,CAAY,CAAA,QAAAC,EAAU,CAAA,GAAQ,CAAA,CAAe,CACnE,QACEC,GAACC,CAAAA,KAAA,CACE,CAAA,GAAGC,CACJ,UAAWC,CAAAA,kBAAmBL,CAAAA,CAAAA,EAAY,KAAQM,CAAAA,CAAAA,MAC3C,CAAA,aAAeC,CAAAA,CAAO,CAAA,KAAOD,CAAS,CAC7C,CAAA,CAEC,CAAA,QAAAD,CAAAA,kBAAmBJ,CAAAA,CAAWA,IAC7BO,IAAAC,CAAAA,QAAA,CACE,CAAA,QAAA,CAAAP,CAAAA,GAAC,QAAK,CAAA,SAAWQ,CAAAA,IAAKH,CAAAA,CAAO,CAAA,OAASP,IAAY,OAAO,CAAG,EAC5DE,CAAAA,GAAC,CAAA,MAAA,CAAK,UAAWQ,CAAAA,IAAKH,CAAAA,CAAO,CAAA,KAAOP,CAAAA,CAAAA,OAAiB,CAClD,CAAA,QAAAC,EACH,CAAA,CAAA,CACF,CACD,EACH,CAEJ,CAAA","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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Radio as AriaRadio, composeRenderProps } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { RadioProps } from './types';\n\n/**\n * Radio - A form control for exclusive selection within a group of options\n *\n * Provides accessible radio button functionality where only one option can be\n * selected at a time within a group. Includes proper labeling, keyboard navigation,\n * and visual feedback for selection states.\n *\n * @example\n * // Basic radio group\n * <RadioGroup label=\"Choose size\">\n *   <Radio value=\"small\">Small</Radio>\n *   <Radio value=\"medium\">Medium</Radio>\n *   <Radio value=\"large\">Large</Radio>\n * </RadioGroup>\n *\n * @example\n * // Radio group with default selection\n * <RadioGroup defaultValue=\"medium\" label=\"Size preference\">\n *   <Radio value=\"small\">Small (S)</Radio>\n *   <Radio value=\"medium\">Medium (M)</Radio>\n *   <Radio value=\"large\">Large (L)</Radio>\n * </RadioGroup>\n *\n * @example\n * // Disabled radio options\n * <RadioGroup label=\"Shipping options\">\n *   <Radio value=\"standard\">Standard shipping</Radio>\n *   <Radio value=\"express\">Express shipping</Radio>\n *   <Radio value=\"overnight\" isDisabled>Overnight (unavailable)</Radio>\n * </RadioGroup>\n */\nexport function Radio({ classNames, children, ...rest }: RadioProps) {\n  return (\n    <AriaRadio\n      {...rest}\n      className={composeRenderProps(classNames?.radio, (className) =>\n        clsx('group/radio', styles.radio, className),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={clsx(styles.control, classNames?.control)} />\n          <span className={clsx(styles.label, classNames?.label)}>\n            {children}\n          </span>\n        </>\n      ))}\n    </AriaRadio>\n  );\n}\n"]}

package/dist/components/radio/styles.module.css

@@ -0,0 +1,118 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .group {
+    @apply gap-xs flex;
+
+    @variant orientation-horizontal {
+      @apply flex-wrap;
+    }
+
+    @variant orientation-vertical {
+      @apply flex-col;
+    }
+
+    .label {
+      @apply w-full;
+    }
+  }
+
+  .radio {
+    @apply gap-m flex cursor-pointer items-center;
+
+    @variant group-orientation-horizontal/radio-group {
+      @apply grow;
+    }
+
+    @variant group-orientation-horizontal/radio-group {
+      @apply basis-1/3;
+    }
+
+    @variant disabled {
+      @apply cursor-not-allowed;
+    }
+
+    .label {
+      @apply fg-primary-bold text-body-s;
+
+      @variant group-disabled/radio {
+        @apply fg-disabled;
+      }
+    }
+  }
+
+  .control {
+    @apply my-xxs size-l outline-interactive flex shrink-0 grow-0 items-center justify-center rounded-full outline-2;
+
+    &:before {
+      @apply size-s block rounded-full;
+      content: '';
+    }
+
+    @variant group-hover/radio {
+      @apply outline-interactive-hover;
+    }
+
+    @variant group-focus-visible/radio {
+      @apply outline-interactive-hover;
+    }
+
+    @variant group-pressed/radio {
+      @apply outline-interactive-pressed;
+    }
+
+    @variant group-selected/radio {
+      @apply outline-accent-primary-bold outline-1;
+
+      &:before {
+        @apply bg-(--fg-accent-primary-bold);
+      }
+
+      @variant group-hover/radio {
+        @apply outline-interactive-hover;
+
+        &:before {
+          @apply bg-(--fg-accent-primary-hover);
+        }
+      }
+
+      @variant group-focus-visible/radio {
+        @apply outline-accent-primary-hover;
+
+        &:before {
+          @apply bg-(--fg-accent-primary-hover);
+        }
+      }
+
+      @variant group-pressed/radio {
+        @apply outline-info-pressed outline-2;
+
+        &:before {
+          @apply bg-(--fg-accent-primary-pressed);
+        }
+      }
+    }
+
+    @variant group-disabled/radio {
+      @apply outline-interactive-disabled;
+
+      @variant group-selected/radio {
+        &:before {
+          @apply bg-interactive-disabled;
+        }
+      }
+    }
+  }
+}

package/dist/components/search-field/context.d.ts

@@ -3,12 +3,8 @@ import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
 import { ProviderProps } from '../../lib/types.js';
 import { SearchFieldProps } from './types.js';
-import 'tailwind-variants';
 import '../button/types.js';
-import '../button/styles.js';
-import 'tailwind-merge';
 import '../icon/types.js';
-import './styles.js';
 
 /**
  * Context for SearchField component

package/dist/components/search-field/index.d.ts

@@ -2,13 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SearchFieldProps } from './types.js';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../button/types.js';
 import '../../lib/types.js';
-import '../button/styles.js';
-import 'tailwind-merge';
 import '../icon/types.js';
-import './styles.js';
 
 /**
  * SearchField - A customizable search input component built on React Aria Components

package/dist/components/search-field/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import {Search,Loop,CancelFill}from'@accelint/icons';import'client-only';import {useContextProps,SearchField,composeRenderProps,Input,Button}from'react-aria-components';import {Icon}from'../icon/index.js';import {IconProvider}from'../icon/context.js';import {SearchFieldContext}from'./context.js';import {SearchFieldStyles,SearchFieldStylesDefaults}from'./styles.js';const{field:v,input:g,search:C,loading:x,clear:A}=SearchFieldStyles();function w({ref:s,...i}){[i,s]=useContextProps(i,s??null,SearchFieldContext);const{classNames:a,inputProps:t,isLoading:n=false,variant:r=SearchFieldStylesDefaults.variant,...m}=i;return jsx(IconProvider,{size:"small",children:jsxs(SearchField,{...m,ref:s,className:composeRenderProps(a?.field,o=>v({className:o,variant:r})),children:[jsx(Icon,{className:C({className:a?.search,variant:r}),children:jsx(Search,{})}),jsx(Input,{...t,className:composeRenderProps(a?.input,o=>g({className:o,variant:r})),type:"search"}),n?jsx(Icon,{className:x({className:a?.loading,variant:r}),children:jsx(Loop,{})}):jsx(Button,{className:composeRenderProps(a?.clear,o=>A({className:o,variant:r})),children:jsx(Icon,{children:jsx(CancelFill,{})})})]})})}export{w as SearchField};//# sourceMappingURL=index.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import {Search,Loop,CancelFill}from'@accelint/icons';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,SearchField,composeRenderProps,Input,Button}from'react-aria-components';import {Icon}from'../icon/index.js';import {IconProvider}from'../icon/context.js';import {SearchFieldContext}from'./context.js';import o from'./styles.module.css';function b({ref:s,...l}){[l,s]=useContextProps(l,s??null,SearchFieldContext);const{classNames:r,inputProps:n,isLoading:m=false,variant:p="outline",...d}=l;return jsx(IconProvider,{size:"small",children:jsxs(SearchField,{...d,ref:s,className:composeRenderProps(r?.field,a=>clsx("group/search-field",o.field,o[p],a)),children:[jsx(Icon,{className:clsx(o.search,r?.search),children:jsx(Search,{})}),jsx(Input,{...n,className:composeRenderProps(r?.input,a=>clsx(o.input,a)),type:"search"}),m?jsx(Icon,{className:clsx(o.loading,r?.loading),children:jsx(Loop,{})}):jsx(Button,{className:composeRenderProps(r?.clear,a=>clsx(o.clear,a)),children:jsx(Icon,{children:jsx(CancelFill,{})})})]})})}export{b as SearchField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/search-field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/search-field/index.tsx"],"names":["SearchFieldStyles","SearchField","ref","P","props","useContextProps","SearchFieldContext","F","classNames","I","y","e","N","jsxs","composeRenderProps","className","l","variant","c","jsx","Input","h","isLoading","Icon","Button","f","p"],"mappings":"wZA4BsB,KAAA,CAAA,KAAQ,CAAA,CAAA,CAAA,KAAS,SAAUA,EAAkB,CAAA,OA+B5D,CAAA,CAAA,CAASC,KAAc,CAAA,CAAAC,CAAAA,CAAKC,mBAAGC,CAAM,SAC3BC,CAAAA,CAAgBD,CAAAA,GAAOF,CAAO,CAAA,CAAA,GAAMI,CAAkB,CAAA,CAErE,KAAM,CACJ,CAAAC,eAAA,CAAA,CAAA,CAAA,CAAA,EAAA,IAAAC,CACAC,kBAAA,CAAA,CAAA,KAAA,CAAA,UACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,SAAoC,CAAA,CAAA,CAAA,KACpC,CAAA,OAGF,CAAA,CAAA,CAAAC,yBAAA,CAAA,WACqB,CAAA,CAAA,CAAA,CAAA,CAAA,OACjBC,GAAA,CAAAC,YAAA,CAAA,CAAAC,IAAC,CACE,OACD,CAAA,0BACWC,CAAAA,GAAmBN,CAAY,MAAQO,CAAAA,SACxC,CAAAC,kBAAA,CAAA,CAAA,EAAAD,KAAW,CAAA,CAAA,EAAA,CAAAE,CAAQ,CAAC,SAG9B,CAAA,CAAA,CAAA,OAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAoB,CAAA,CAAAN,GAAA,CAAAO,IAAA,CAAA,CAAA,SAAuB,CAAA,CAAQ,WAAS,CAChE,CAAA,EAAA,MAAAC,CAAAA,OACF,CAAA,CACAA,CAAAA,CAACC,CAAAA,QAEC,CAAAT,GAAA,CAAAU,MAAA,CAAA,EAAA,CAAA,CAAWP,CAAAA,CAAmBN,GAAAA,CAAAA,KAAY,CAAA,CAAA,GAAA,CAAQO,CAAAA,SACxC,CAAAC,kBAAA,CAAA,CAAA,EAAAD,KAAW,CAAA,CAAA,EAAA,CAAAE,CAAQ,CAAC,SAEzB,CAAA,CAAA,CAAA,OAENK,CAAAA,CACCH,CAAAA,CAACI,EAAA,IACC,CAAA,QAAmB,CAAE,CAAA,CAAA,CAAA,CAAAZ,GAAA,CAAAO,IAAA,CAAA,CAAA,YAAgC,CAAA,SAAS,CAAA,CAE9D,EAAA,OAAAC,CAAAA,OACF,CAAA,CAEAA,CAAAA,CAACK,CAAAA,iBACYV,CAAAA,EAAmBN,CAAAA,CAAY,CAAA,CAAAG,GAAA,CAAAc,MAAA,CAAQV,CAAAA,gCACxCA,KAAW,CAAA,CAAA,EAAA,CAAAE,CAAQ,CAAC,YAG9BE,OACE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAY,CACdR,GAAA,CACFO,IAAA,CAAA,CAEJ,QAGN,CAAAP,GAAA,CAAAe,UAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","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 { CancelFill, Loop, Search } from '@accelint/icons';\nimport 'client-only';\nimport {\n  SearchField as AriaSearchField,\n  Button,\n  composeRenderProps,\n  Input,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { SearchFieldContext } from './context';\nimport { SearchFieldStyles, SearchFieldStylesDefaults } from './styles';\nimport type { SearchFieldProps } from './types';\n\nconst { field, input, search, loading, clear } = SearchFieldStyles();\n\n/**\n * SearchField - A customizable search input component built on React Aria Components\n *\n * Provides a search input with integrated search icon, loading state, and clear functionality.\n * Supports two visual variants (filled/outlined), and granular styling control.\n *\n * @example\n * // Basic search field\n * <SearchField placeholder=\"Search...\" />\n *\n * @example\n * // Filled variant with custom styling\n * <SearchField\n *   variant=\"filled\"\n *   placeholder=\"Search products\"\n *   classNames={{\n *     input: \"bg-info-bold\",\n *     searchIcon: \"fg-accent-primary-bold\"\n *   }}\n * />\n *\n * @example\n * // With event handlers\n * <SearchField\n *   placeholder=\"Type to search\"\n *   onSubmit={(value) => console.log('Search:', value)}\n *   onChange={(value) => setQuery(value)}\n * />\n */\nexport function SearchField({ ref, ...props }: SearchFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SearchFieldContext);\n\n  const {\n    classNames,\n    inputProps,\n    isLoading = false,\n    variant = SearchFieldStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size='small'>\n      <AriaSearchField\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(classNames?.field, (className) =>\n          field({ className, variant }),\n        )}\n      >\n        <Icon className={search({ className: classNames?.search, variant })}>\n          <Search />\n        </Icon>\n        <Input\n          {...inputProps}\n          className={composeRenderProps(classNames?.input, (className) =>\n            input({ className, variant }),\n          )}\n          type='search'\n        />\n        {isLoading ? (\n          <Icon\n            className={loading({ className: classNames?.loading, variant })}\n          >\n            <Loop />\n          </Icon>\n        ) : (\n          <Button\n            className={composeRenderProps(classNames?.clear, (className) =>\n              clear({ className, variant }),\n            )}\n          >\n            <Icon>\n              <CancelFill />\n            </Icon>\n          </Button>\n        )}\n      </AriaSearchField>\n    </IconProvider>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/search-field/index.tsx"],"names":["ref","useContextProps","props","SearchFieldContext","P","classNames","IconProvider","e","N","AriaSearchField","rest","y","F","composeRenderProps","c","i","jsx","Icon","styles","t","Search","inputProps","u","className","isLoading","clsx","f"],"mappings":"8aA0DmC,SACzBA,CAAG,EAAIC,GAAgBC,CAAOF,KAAO,CAAA,CAAA,CAAMG,CAAkB,EAErE,CAAA,CAAA,CAAA,CAAAC,eAAM,CACJ,4BAAAC,CAAAA,CACA,KAAA,CAAA,UACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,yBAEEH,CAAAA,CAEJ,CAAA,SACGI,CAAA,MAAkB,CAAA,CAAA,OACjBC,GAAA,CAAAC,YAAA,CAAA,CAAA,KAACC,OACKC,CACJ,QACA,CAAAC,IAAA,CAAAC,WAAA,CAAA,CAAA,GAAWC,CAAmBR,IAAY,CAAA,CAAA,CAAA,SACnC,CAAAS,kBAAA,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,EAAAC,IAAA,CAAA,oBAGP,CAAA,CAAA,CAAA,KAAA,CAAAC,CAAAA,CAACC,EAAA,CAAK,CAAA,CAAA,CAAA,CAAA,QAAgBC,CAAAA,CAAOX,GAAA,CAAAY,IAAA,CAAA,CAAA,SAAoB,CAAAJ,IAAM,CAAA,CACrD,SAAAC,EAACI,MACH,CAAA,CACAJ,QACMK,CAAAA,GACJ,CAAAC,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAAf,GAAWM,MAAmBR,CAAAA,CAAAA,GAAY,CAAA,CAAA,SAC5B,uBAAOkB,KAErB,CAAA,CAAA,EAAKR,IAAA,CAAA,CAAA,CAAA,KACP,EACCS,CAAAA,CACCR,CAAAA,IAAM,CAAA,QAAA,CAAWS,EAAKP,CAAAA,CAAOX,GAAA,CAAAY,IAAA,CAAA,CAAA,SAAqB,CAAAJ,IAAA,CAAA,CAAO,CAAA,WACvDC,OACF,CAAA,CAEAA,oBACaH,CAAAA,CAAmBR,CAAAA,CAAAA,GAAY,kBAC5B,CAAAS,kBAAA,CAAA,CAAA,EAAOS,KAGrB,CAAA,CAAA,EAAAR,IAAA,CAAA,CAAA,CAAAC,KACE,aAAC,IAAW,CAAAG,IACd,CAAA,CACF,QAKV,CAAAZ,GAAA,CAAAmB,UAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","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 { CancelFill, Loop, Search } from '@accelint/icons';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  SearchField as AriaSearchField,\n  Button,\n  composeRenderProps,\n  Input,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { SearchFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { SearchFieldProps } from './types';\n\n/**\n * SearchField - A customizable search input component built on React Aria Components\n *\n * Provides a search input with integrated search icon, loading state, and clear functionality.\n * Supports two visual variants (filled/outlined), and granular styling control.\n *\n * @example\n * // Basic search field\n * <SearchField placeholder=\"Search...\" />\n *\n * @example\n * // Filled variant with custom styling\n * <SearchField\n *   variant=\"filled\"\n *   placeholder=\"Search products\"\n *   classNames={{\n *     input: \"bg-info-bold\",\n *     searchIcon: \"fg-accent-primary-bold\"\n *   }}\n * />\n *\n * @example\n * // With event handlers\n * <SearchField\n *   placeholder=\"Type to search\"\n *   onSubmit={(value) => console.log('Search:', value)}\n *   onChange={(value) => setQuery(value)}\n * />\n */\nexport function SearchField({ ref, ...props }: SearchFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SearchFieldContext);\n\n  const {\n    classNames,\n    inputProps,\n    isLoading = false,\n    variant = 'outline',\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size='small'>\n      <AriaSearchField\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(classNames?.field, (className) =>\n          clsx('group/search-field', styles.field, styles[variant], className),\n        )}\n      >\n        <Icon className={clsx(styles.search, classNames?.search)}>\n          <Search />\n        </Icon>\n        <Input\n          {...inputProps}\n          className={composeRenderProps(classNames?.input, (className) =>\n            clsx(styles.input, className),\n          )}\n          type='search'\n        />\n        {isLoading ? (\n          <Icon className={clsx(styles.loading, classNames?.loading)}>\n            <Loop />\n          </Icon>\n        ) : (\n          <Button\n            className={composeRenderProps(classNames?.clear, (className) =>\n              clsx(styles.clear, className),\n            )}\n          >\n            <Icon>\n              <CancelFill />\n            </Icon>\n          </Button>\n        )}\n      </AriaSearchField>\n    </IconProvider>\n  );\n}\n"]}

package/dist/components/search-field/styles.module.css

@@ -0,0 +1,104 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .field {
+    @apply fg-primary-bold gap-s rounded-round p-s flex items-center outline;
+
+    &.filled {
+      @apply bg-surface-raised outline-static;
+
+      @variant hover {
+        @apply outline-interactive-hover;
+      }
+
+      @variant focus-visible-within {
+        @apply outline-accent-primary-bold;
+      }
+
+      @variant pressed {
+        @apply outline-interactive-pressed;
+      }
+
+      @variant disabled {
+        @apply fg-disabled outline-interactive-disabled cursor-not-allowed;
+      }
+    }
+
+    &.outline {
+      @apply outline-interactive;
+
+      @variant hover {
+        @apply outline-interactive-hover;
+      }
+
+      @variant focus-visible-within {
+        @apply outline-accent-primary-bold;
+      }
+
+      @variant pressed {
+        @apply outline-interactive-pressed;
+      }
+
+      @variant disabled {
+        @apply fg-disabled outline-interactive-disabled cursor-not-allowed;
+      }
+    }
+  }
+}
+
+@layer components.l2 {
+  .input {
+    @apply font-display text-body-s block w-full outline-none;
+
+    /* TODO: hide-cancel utility class is missing */
+    &::-webkit-search-cancel-button {
+      @apply hidden;
+    }
+
+    @variant placeholder-shown {
+      @apply fg-primary-muted;
+    }
+
+    @variant disabled {
+      @apply fg-disabled cursor-not-allowed;
+    }
+  }
+
+  .clear {
+    @apply fg-info-bold cursor-pointer;
+
+    @variant hover {
+      @apply fg-info-hover;
+    }
+
+    @variant focus-visible {
+      @apply fg-info-hover;
+    }
+
+    @variant group-empty/search-field {
+      @apply invisible;
+    }
+
+    @variant group-disabled/search-field {
+      @apply invisible;
+    }
+  }
+
+  .loading {
+    @variant motion-safe {
+      @apply animate-spin;
+    }
+  }
+}

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

@@ -1,14 +1,9 @@
 import { RefAttributes } from 'react';
 import { SearchFieldProps as SearchFieldProps$1, InputProps } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
 import { ButtonProps } from '../button/types.js';
 import { IconProps } from '../icon/types.js';
-import { SearchFieldStyles } from './styles.js';
 import '../../lib/types.js';
-import '../button/styles.js';
-import 'tailwind-merge';
 
-type SearchFieldStyleVariants = VariantProps<typeof SearchFieldStyles>;
 interface SearchFieldProps extends Omit<SearchFieldProps$1, 'className' | 'pattern' | 'type'>, RefAttributes<HTMLDivElement> {
     classNames?: {
         field?: SearchFieldProps$1['className'];
@@ -18,9 +13,9 @@ interface SearchFieldProps extends Omit<SearchFieldProps$1, 'className' | 'patte
         search?: IconProps['className'];
     };
     inputProps?: Omit<InputProps, 'type'>;
-    variant?: 'filled' | 'outlined';
+    variant?: 'filled' | 'outline';
     /** Displays a loading spinner. */
     isLoading?: boolean;
 }
 
-export type { SearchFieldProps, SearchFieldStyleVariants };
+export type { SearchFieldProps };

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

@@ -4,9 +4,6 @@ import { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
 import { SelectFieldProps } from './types.js';
 import '../button/types.js';
-import 'tailwind-variants';
-import '../button/styles.js';
-import 'tailwind-merge';
 import '../label/types.js';
 
 declare const SelectFieldContext: react.Context<ContextValue<SelectFieldProps, HTMLDivElement>>;

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

@@ -3,10 +3,7 @@ import { SelectFieldProps } from './types.js';
 import 'react';
 import 'react-aria-components';
 import '../button/types.js';
-import 'tailwind-variants';
 import '../../lib/types.js';
-import '../button/styles.js';
-import 'tailwind-merge';
 import '../label/types.js';
 
 /**

package/dist/components/select-field/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import I from'@accelint/icons/chevron-down';import'client-only';import {useContextProps,Select,composeRenderProps,SelectValue,Text,FieldError,Popover,Virtualizer,ListLayout}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {Options}from'../options/index.js';import {SelectFieldContext}from'./context.js';import {SelectFieldStyles}from'./styles.js';const{description:T,error:q,trigger:k,label:G,field:H,value:J,popover:K}=SelectFieldStyles();function oe({ref:l,...t}){[t,l]=useContextProps(t,l??null,SelectFieldContext);const{size:i="medium",children:u,classNames:r,description:c,errorMessage:f,label:n,layoutOptions:v,isInvalid:N,...S}=t,m=f?.trim()??null,P=N??!!m,p=i==="small",b=!p&&!!n;return jsx(Select,{...S,ref:l,className:composeRenderProps(r?.field,a=>H({className:a})),isInvalid:P,"data-size":i,children:composeRenderProps(u,(a,{isRequired:g,isDisabled:y,isInvalid:F})=>jsxs(Fragment,{children:[b&&jsx(Label,{className:G({className:r?.label}),isRequired:g,isDisabled:y,children:n}),jsxs(Button,{className:composeRenderProps(r?.trigger,o=>k({className:o})),variant:"outline",size:i,children:[jsx(SelectValue,{className:J({className:r?.value})}),jsx(Icon,{children:jsx(I,{className:"transform group-open/select-field:rotate-180"})})]}),!!c&&!(p||F)&&jsx(Text,{className:T({className:r?.description}),slot:"description",children:c}),jsx(FieldError,{className:composeRenderProps(r?.error,o=>q({className:o})),children:m}),jsx(Popover,{className:composeRenderProps(r?.popover,o=>K({className:o})),children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:v,children:jsx(Options,{children:a})})})]}))})}export{oe as SelectField};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import x from'@accelint/icons/chevron-down';import {useContextProps,Select,composeRenderProps,SelectValue,Text,FieldError,Popover,Virtualizer,ListLayout}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {Options}from'../options/index.js';import {SelectFieldContext}from'./context.js';import s from'./styles.module.css';function _({ref:i,...a}){[a,i]=useContextProps(a,i??null,SelectFieldContext);const{size:n="medium",children:v,classNames:r,description:c,errorMessage:P,label:m,layoutOptions:g,isInvalid:N,...S}=a,d=P?.trim()??null,b=N??!!d,u=n==="small",y=!u&&!!m;return jsx(Select,{...S,ref:i,className:composeRenderProps(r?.field,p=>clsx("group/select-field",s.field,p)),isInvalid:b,"data-size":n,children:composeRenderProps(v,(p,{isRequired:F,isDisabled:I,isInvalid:h})=>jsxs(Fragment,{children:[y&&jsx(Label,{className:clsx(s.label,r?.label),isRequired:F,isDisabled:I,children:m}),jsxs(Button,{className:composeRenderProps(r?.trigger,t=>clsx(s.trigger,t)),size:n,variant:"outline",children:[jsx(SelectValue,{className:clsx(s.value,r?.value)}),jsx(Icon,{children:jsx(x,{className:"transform group-open/select-field:rotate-180"})})]}),!!c&&!(u||h)&&jsx(Text,{slot:"description",className:clsx(s.description,r?.description),children:c}),jsx(FieldError,{className:composeRenderProps(r?.error,t=>clsx(s.error,t)),children:d}),jsx(Popover,{className:composeRenderProps(r?.popover,t=>clsx(s.popover,t)),children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:g,children:jsx(Options,{children:p})})})]}))})}export{_ as SelectField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/select-field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/select-field/index.tsx"],"names":["field","SelectFieldStyles","SelectField","ref","props","useContextProps","SelectFieldContext","size","children","O","classNames","descriptionProp","labelProp","errorMessage","errorMessageProp","isSmall","jsx","AriaSelect","rest","className","e","z","s","jsxs","Fragment","showLabel","Label","label","Q","isRequired","isDisabled","trigger","d","C","A","M","E","FieldError","composeRenderProps","L","AriaPopover","popover","h","V","x","B"],"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'use client';\n\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport 'client-only';\nimport {\n  Popover as AriaPopover,\n  Select as AriaSelect,\n  SelectValue as AriaSelectValue,\n  composeRenderProps,\n  FieldError,\n  ListLayout,\n  Text,\n  useContextProps,\n  Virtualizer,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { SelectFieldContext } from './context';\nimport { SelectFieldStyles } from './styles';\nimport type { SelectFieldProps } from './types';\n\nconst { description, error, trigger, label, field, value, popover } =\n  SelectFieldStyles();\n\n/**\n * SelectField - A dropdown selection component with comprehensive form field features\n *\n * Provides an accessible and feature-rich select dropdown with built-in validation,\n * multiple sizing options, virtualization support for large datasets, and seamless\n * integration with form libraries. Includes label, description, and error messaging\n * capabilities with customizable styling through className props.\n *\n * @example\n * // Basic select field\n * <SelectField label='Country' placeholder='Select a country'>\n *   <OptionsItem textValue='us'>United States</OptionsItem>\n *   <OptionsItem textValue='ca'>Canada</OptionsItem>\n *   <OptionsItem textValue='uk'>United Kingdom</OptionsItem>\n * </SelectField>\n *\n * @example\n * // Select field with validation and description\n * <SelectField\n *   label=\"Priority Level\"\n *   description=\"Choose the urgency level for this task\"\n *   errorMessage={errors.priority}\n *   isRequired\n *   isInvalid={!!errors.priority}\n * >\n *   <OptionsItem textValue=\"low\">Low</OptionsItem>\n *   <OptionsItem textValue=\"medium\">Medium</OptionsItem>\n *   <OptionsItem textValue=\"high\">High</OptionsItem>\n * </SelectField>\n *\n * @example\n * // Small size select field with custom styling\n * <SelectField\n *   size=\"small\"\n *   placeholder=\"Quick select\"\n *   classNames={{\n *     field: \"custom-field-styles\",\n *     trigger: \"custom-trigger-styles\"\n *   }}\n * >\n *   <OptionsItem textValue=\"option1\">Option 1</OptionsItem>\n *   <OptionsItem textValue=\"option2\">Option 2</OptionsItem>\n * </SelectField>\n */\nexport function SelectField({ ref, ...props }: SelectFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SelectFieldContext);\n\n  const {\n    size = 'medium',\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    layoutOptions,\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n\n  const errorMessage = errorMessageProp?.trim() ?? null;\n  const hasError = !!errorMessage;\n  const isInvalid = isInvalidProp ?? hasError;\n  const isSmall = size === 'small';\n  const showLabel = !isSmall && !!labelProp;\n\n  return (\n    <AriaSelect\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalid}\n      data-size={size}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isRequired, isDisabled, isInvalid }) => (\n          <>\n            {showLabel && (\n              <Label\n                className={label({ className: classNames?.label })}\n                isRequired={isRequired}\n                isDisabled={isDisabled}\n              >\n                {labelProp}\n              </Label>\n            )}\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                trigger({ className }),\n              )}\n              variant='outline'\n              size={size}\n            >\n              <AriaSelectValue\n                className={value({ className: classNames?.value })}\n              />\n              <Icon>\n                <ChevronDown className='transform group-open/select-field:rotate-180' />\n              </Icon>\n            </Button>\n            {!!descriptionProp && !(isSmall || isInvalid) && (\n              <Text\n                className={description({ className: classNames?.description })}\n                slot='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            <AriaPopover\n              className={composeRenderProps(classNames?.popover, (className) =>\n                popover({ className }),\n              )}\n            >\n              <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n                <Options>{children}</Options>\n              </Virtualizer>\n            </AriaPopover>\n          </>\n        ),\n      )}\n    </AriaSelect>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/select-field/index.tsx"],"names":["size","V","children","T","classNames","descriptionProp","props","errorMessage","isInvalidProp","showLabel","isSmall","labelProp","jsx","rest","ref","composeRenderProps","className","e","z","isInvalid","isRequired","isDisabled","l","jsxs","Fragment","clsx","f","A","o","styles","FieldError","L","Popover","O","Virtualizer","w","E","R"],"mappings":"iiBAgFuE,SAGnE,CAAA,CAAA,CAAAA,GAAO,CAAA,CAAA,CAAA,GAAA,CAAA,CACP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,eAAAC,CAAAA,CACA,CAAA,CAAA,EAAA,IAAA,CAAAC,kBAAA,CAAAC,CAAAA,aACaC,QACb,CAAA,QACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,WACA,CAAA,CAAA,CAAA,YAEEC,CAAAA,CAEEC,MAAiC,CAAA,CAAA,CAAA,aAErBC,CADD,CAAC,CAACD,SAEM,CAAA,CAAA,CAAA,GAAA,CACnBE,CAAAA,CAAY,CAACC,CAAAA,CAAAA,CAAW,CAAC,EAACC,IAEhC,EAAA,EACEC,IAAC,CACE,GAAGC,EACJ,CAAA,CAAA,CAAA,CAAKC,CAAAA,CACL,CAAA,GAAA,OAAWC,CAAmBX,CAAAA,CAAAA,CAAY,CAAA,EAAA,CAAA,CAAA,CAAQY,CAAAA,OAC3CC,GAAA,CAAAC,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SAA6B,CAAOF,kBAAS,CACpD,CAAA,EACA,KAAA,CAAA,CAAA,EAAWG,IAAAA,CACX,oBAEC,CAAA,CAAA,CAAAJ,KAEEb,CAAAA,CAAU,CAAE,CAAA,CAAA,SAAAkB,CAAAA,CAAY,YAAAC,CAAY,CAAA,CAAA,QAAAF,CAAUG,kBAAA,CAAA,CAAA,CAC7CC,CAAAA,CAAAC,CAAAA,CAAA,UACG,CAAAf,YAEG,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,GAAOL,IAAY,mBAC1C,CAAA,CAAA,CAAA,EAAAa,GAAYG,CAAAA,KACZ,CAAA,CAAA,SAAYC,KAEX,CAAA,CAAA,CAAA,KAAA,CAAAV,CAAAA,EACH,KAED,CACC,CAAA,UAAWI,CAAmBX,CAAAA,CAAAA,UAAsBY,CAAAA,CAClDS,CAAAA,WAAqBT,CAAS,CAChCU,IAAA,CACAC,MAAA,CAAA,CAAA,SACA,CAAAL,kBAAA,CAAQ,CAAA,EAAA,OAER,CAAA,CAAA,EAAAM,IAAA,CAAA,CAAA,CAAA,OAAa,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAWH,CAAAA,CAAKI,OAAO,CAAOzB,UAAoB,oCAEhD,CAAAwB,IAAA,CAAA,CAAA,CAAA,oGAKR,CACL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWH,EAAKI,EAAO,iBAAazB,IAAY,CAAA,aAE/C,CAAA,SACH,CAEFQ,IAAAA,CAACkB,CAAAA,CAAA,WACYf,CAAAA,CAAmBX,EAAAA,WAC5BqB,CAAKI,CAAAA,QAAuB,CAC9B,CAAA,CAEC,CAAA,CAAAZ,GAAA,CAAAc,UAAA,CAAA,CAAA,SAEFC,CAAAV,kBACC,CAAA,CAAA,EAAA,KAAA,CAAWP,GAAmBX,IAAAA,CAAY,CAAA,CAAA,KAAA,CAAUY,CAAAA,CAAAA,CAClDS,CAAAA,QAAY,CAAA,CAAA,CAAST,CAAS,CAChCC,IAEAgB,OAAA,CAAA,CAAA,SAACC,CAAAZ,kBAAY,CAAA,CAAA,EAAA,OAAoB,CAAA,CAAA,EAAAM,IAAA,CAAA,CAAA,CAAA,oBACrB,CAAAX,GAAA,CAAAkB,WAAA,CAAA,CAAA,MAAS,CACrBC,UAAA,CACF,aAMZ,CAAA,CAAA,CAAA,QAAA,CAAAnB,GAAA,CAAAoB,OAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport {\n  Select as AriaSelect,\n  composeRenderProps,\n  FieldError,\n  ListLayout,\n  Popover,\n  SelectValue,\n  Text,\n  useContextProps,\n  Virtualizer,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { SelectFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { SelectFieldProps } from './types';\n\n/**\n * SelectField - A dropdown selection component with comprehensive form field features\n *\n * Provides an accessible and feature-rich select dropdown with built-in validation,\n * multiple sizing options, virtualization support for large datasets, and seamless\n * integration with form libraries. Includes label, description, and error messaging\n * capabilities with customizable styling through className props.\n *\n * @example\n * // Basic select field\n * <SelectField label='Country' placeholder='Select a country'>\n *   <OptionsItem textValue='us'>United States</OptionsItem>\n *   <OptionsItem textValue='ca'>Canada</OptionsItem>\n *   <OptionsItem textValue='uk'>United Kingdom</OptionsItem>\n * </SelectField>\n *\n * @example\n * // Select field with validation and description\n * <SelectField\n *   label=\"Priority Level\"\n *   description=\"Choose the urgency level for this task\"\n *   errorMessage={errors.priority}\n *   isRequired\n *   isInvalid={!!errors.priority}\n * >\n *   <OptionsItem textValue=\"low\">Low</OptionsItem>\n *   <OptionsItem textValue=\"medium\">Medium</OptionsItem>\n *   <OptionsItem textValue=\"high\">High</OptionsItem>\n * </SelectField>\n *\n * @example\n * // Small size select field with custom styling\n * <SelectField\n *   size=\"small\"\n *   placeholder=\"Quick select\"\n *   classNames={{\n *     field: \"custom-field-styles\",\n *     trigger: \"custom-trigger-styles\"\n *   }}\n * >\n *   <OptionsItem textValue=\"option1\">Option 1</OptionsItem>\n *   <OptionsItem textValue=\"option2\">Option 2</OptionsItem>\n * </SelectField>\n */\nexport function SelectField({ ref, ...props }: SelectFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SelectFieldContext);\n\n  const {\n    size = 'medium',\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    layoutOptions,\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n\n  const errorMessage = errorMessageProp?.trim() ?? null;\n  const hasError = !!errorMessage;\n  const isInvalid = isInvalidProp ?? hasError;\n  const isSmall = size === 'small';\n  const showLabel = !isSmall && !!labelProp;\n\n  return (\n    <AriaSelect\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/select-field', styles.field, className),\n      )}\n      isInvalid={isInvalid}\n      data-size={size}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isRequired, isDisabled, isInvalid }) => (\n          <>\n            {showLabel && (\n              <Label\n                className={clsx(styles.label, classNames?.label)}\n                isRequired={isRequired}\n                isDisabled={isDisabled}\n              >\n                {labelProp}\n              </Label>\n            )}\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                clsx(styles.trigger, className),\n              )}\n              size={size}\n              variant='outline'\n            >\n              <SelectValue className={clsx(styles.value, classNames?.value)} />\n              <Icon>\n                <ChevronDown className='transform group-open/select-field:rotate-180' />\n              </Icon>\n            </Button>\n            {!!descriptionProp && !(isSmall || isInvalid) && (\n              <Text\n                slot='description'\n                className={clsx(styles.description, classNames?.description)}\n              >\n                {descriptionProp}\n              </Text>\n            )}\n            <FieldError\n              className={composeRenderProps(classNames?.error, (className) =>\n                clsx(styles.error, className),\n              )}\n            >\n              {errorMessage}\n            </FieldError>\n            <Popover\n              className={composeRenderProps(classNames?.popover, (className) =>\n                clsx(styles.popover, className),\n              )}\n            >\n              <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n                <Options>{children}</Options>\n              </Virtualizer>\n            </Popover>\n          </>\n        ),\n      )}\n    </AriaSelect>\n  );\n}\n"]}