@accelint/design-toolkit 2.0.0 → 2.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/value-editor.tsx"],"names":["rule","value","valid","getValidationResult","validator","c","jsx","Checkbox","d","h","values","m","disabled","handleOnChange","name","option","Radio","defaultOptions","type","rest","ValueSelector","k","TextValueEditor","placeholder","reasons","inputType","TextareaValueEditor","valueEditors","RadioGroupValueEditor","SelectValueEditor","SwitchValueEditor","valueEditorType","ruleProp","props","V","useCallback","index","valueAsArray","handleRangeStartChange","multiValueHandler","handleRangeEndChange","b","Editor","operator","multiValueOperators","term"],"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\nimport { useCallback } from 'react';\nimport {\n  type InputType,\n  type ValueEditorProps,\n  useValueEditor,\n} from 'react-querybuilder';\nimport { Checkbox } from '../checkbox';\nimport { Radio } from '../radio';\nimport { Switch } from '../switch';\nimport { TextArea } from '../text-area';\nimport { TextField } from '../text-field';\nimport type { QueryBuilderValueEditors } from './';\nimport { multiValueOperators } from './constants';\nimport { getValidationResult } from './utils';\nimport { ValueSelector } from './value-selector';\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    <Radio.Group\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    </Radio.Group>\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      isDisabled={disabled}\n      isInvalid={!valid}\n      placeholder={placeholder}\n      type={(inputType as InputType) ?? 'text'}\n      size='small'\n      value={value}\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    <TextArea\n      isDisabled={disabled}\n      isInvalid={!valid}\n      placeholder={placeholder}\n      value={value}\n      onChange={handleOnChange}\n      aria-label={name}\n      aria-invalid={!valid}\n      aria-labelledby={name}\n      errorMessage={reasons?.join('/n')}\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":["name","rule","value","validator","c","jsx","d","h","values","m","option","defaultOptions","type","rest","k","y","valid","reasons","C","inputType","g","valueEditors","RadioGroupValueEditor","SelectValueEditor","SwitchValueEditor","TextValueEditor","ruleProp","props","V","useCallback","index","b","valueAsArray","handleRangeStartChange","multiValueHandler","handleRangeEndChange","valueEditorType","Editor","operator","multiValueOperators","D","term"],"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\nimport { useCallback } from 'react';\nimport {\n  type InputType,\n  type ValueEditorProps,\n  useValueEditor,\n} from 'react-querybuilder';\nimport { Checkbox } from '../checkbox';\nimport { Radio } from '../radio';\nimport { Switch } from '../switch';\nimport { TextArea } from '../text-area';\nimport { TextField } from '../text-field';\nimport type { QueryBuilderValueEditors } from './';\nimport { multiValueOperators } from './constants';\nimport { getValidationResult } from './utils';\nimport { ValueSelector } from './value-selector';\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    <Radio.Group\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    </Radio.Group>\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      isDisabled={disabled}\n      isInvalid={!valid}\n      placeholder={placeholder}\n      type={(inputType as InputType) ?? 'text'}\n      size='small'\n      value={value}\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    <TextArea\n      isDisabled={disabled}\n      isInvalid={!valid}\n      placeholder={placeholder}\n      value={value}\n      onChange={handleOnChange}\n      aria-label={name}\n      aria-invalid={!valid}\n      aria-labelledby={name}\n      errorMessage={reasons?.join('/n')}\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/query-builder/value-selector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/value-selector.tsx"],"names":["ValueSelector","props","handleOnChange","disabled","listsAsArrays","optionsProp","multiple","title","validation","value","onChange","val","useValueSelector","A","handleSelectionChange","useCallback","selection","options","useMemo","section","jsxs","ListBoxSection","jsx","Header","h","option","ComboBox"],"mappings":"4PAuBgBA,SAAAA,CAAcC,EAA2B,CACvD,CAAA,GACE,CAAAC,cAAAA,CAAAA,CACA,SAAAC,CACA,CAAA,CAAA,aAAAC,EACA,CAASC,OAAAA,CAAAA,CACT,SAAAC,CACA,CAAA,CAAA,KAAAC,CACA,CAAA,CAAA,UAAAC,EACA,CAAAC,KAAAA,CAAAA,CACA,IACF,CAAA,CAAIR,EAEE,CAAE,CAAA,QAAAS,EAAU,CAAAC,GAAAA,CAAI,EAAIC,CAAiBC,gBAAA,CACzC,eAAAX,CACA,CAAA,CAAA,aAAAE,EACA,CAAAE,QAAAA,CAAAA,CACA,MAAAG,CACF,CAAC,EAEKK,CAAwBC,CAAAA,CAAAA,WAC3BC,IACKA,CAAAA,CAAAA,GACO,CAAGA,CAAAA,EAAS,EAAE,CAE3B,EAAA,CACA,CAACN,CAAQ,CACX,EAEMO,CAAUC,CAAAA,CAAAA,OACd,KACqBb,kBAAAA,CAAW,CAC1BA,CAAAA,CAAAA,CAAY,IAAKc,CACfC,CAAAA,EAAAA,IAACC,eAAA,CACC,CAAA,QAAA,CAAAC,IAACC,CAAAC,MAAA,CAAQ,SAAAL,CAAQ,CAAA,CAAA,KAAM,EACtBA,CAAQ,CAAA,CAAA,OAAQ,IAAKM,CACpBH,CAAAA,EAAAA,GAACI,SAAS,CAAT,IAAA,CACC,KAAMD,CAAO,CAAA,CAAA,IACb,GAAIA,CAAO,CAAA,CAAA,IAGV,SAAAA,CAAO,CAAA,CAAA,KAAA,CAFHA,EAAO,CAGd,IACD,IAVkBN,CAAQ,CAAA,CAAA,KAY9B,CACDd,CAAAA,CAAAA,CAAY,IAAKoB,CACfH,CAAAA,EAAAA,GAACI,SAAS,CAAT,IAAA,CACC,CAAMD,IAAAA,CAAAA,CAAO,KACb,CAAWA,SAAAA,CAAAA,CAAO,MAClB,CAAIA,EAAAA,CAAAA,CAAO,KAGV,CAAAA,QAAAA,CAAAA,CAAO,OAFHA,CAAO,CAAA,CAAA,IAIf,CACP,CAAA,CAACpB,CAAW,CACd,CAAA,CAEA,QACGqB,GAAAA,CAAAA,QAAA,CACC,CAAK,IAAA,CAAA,OACL,WAAYvB,CACX,CAAA,CAAA,IACD,CAAa,WAAA,CAAA,KAAM,QAAQQ,CAAG,CAAA,CAAIA,EAAI,CAAC,CAAA,CAAIA,EAC3C,CAAiBJ,iBAAAA,CAAAA,CACjB,kBAAmBO,CAElB,CAAA,CAAA,QAAAG,EACH,CAEJ,CAAA","file":"value-selector.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\nimport type { Key } from '@react-types/shared';\nimport { useCallback, useMemo } from 'react';\nimport { Header, ListBoxSection } from 'react-aria-components';\nimport {\n  type ValueSelectorProps,\n  isOptionGroupArray,\n  useValueSelector,\n} from 'react-querybuilder';\nimport { ComboBox } from '../combobox';\n\nexport function ValueSelector(props: ValueSelectorProps) {\n  const {\n    handleOnChange,\n    disabled,\n    listsAsArrays,\n    options: optionsProp,\n    multiple,\n    title,\n    validation,\n    value,\n    ...rest\n  } = props;\n\n  const { onChange, val } = useValueSelector({\n    handleOnChange,\n    listsAsArrays,\n    multiple,\n    value,\n  });\n\n  const handleSelectionChange = useCallback(\n    (selection: Key | null) => {\n      if (selection) {\n        onChange(`${selection}`);\n      }\n    },\n    [onChange],\n  );\n\n  const options = useMemo(\n    () =>\n      isOptionGroupArray(optionsProp)\n        ? optionsProp.map((section) => (\n            <ListBoxSection key={section.label}>\n              <Header>{section.label}</Header>\n              {section.options.map((option) => (\n                <ComboBox.Item\n                  name={option.name}\n                  id={option.name}\n                  key={option.name}\n                >\n                  {option.label}\n                </ComboBox.Item>\n              ))}\n            </ListBoxSection>\n          ))\n        : optionsProp.map((option) => (\n            <ComboBox.Item\n              name={option.name}\n              textValue={option.label}\n              id={option.name}\n              key={option.name}\n            >\n              {option.label}\n            </ComboBox.Item>\n          )),\n    [optionsProp],\n  );\n\n  return (\n    <ComboBox\n      size='small'\n      isDisabled={disabled}\n      {...rest}\n      selectedKey={Array.isArray(val) ? val[0] : val}\n      aria-labelledby={title}\n      onSelectionChange={handleSelectionChange}\n    >\n      {options}\n    </ComboBox>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/query-builder/value-selector.tsx"],"names":["ValueSelector","props","handleOnChange","disabled","listsAsArrays","optionsProp","multiple","title","validation","value","onChange","val","useValueSelector","handleSelectionChange","useCallback","selection","options","useMemo","isOptionGroupArray","section","jsxs","ListBoxSection","jsx","Header","option","ComboBox"],"mappings":"4PAuBO,SAASA,CAAcC,EAA2B,CACvD,CAAA,GACE,CAAA,cAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,CAAA,aAAAC,EACA,CAAA,OAASC,CAAAA,CACT,SAAAC,CAAAA,CACA,CAAA,KAAAC,CAAAA,CACA,CAAA,UAAAC,EACA,CAAA,KAAAC,CAAAA,CACA,IACF,CAAA,CAAIR,EAEE,CAAE,CAAA,QAAAS,EAAU,CAAA,GAAAC,CAAI,EAAIC,CAAAA,gBAAiB,CACzC,eAAAV,CAAAA,CACA,CAAA,aAAAE,EACA,CAAA,QAAAE,CAAAA,CACA,MAAAG,CACF,CAAC,EAEKI,CAAAA,CAAwBC,CAAAA,WAC3BC,IACKA,CAAAA,CAAAA,GACO,CAAA,CAAA,EAAY,EAAE,CAE3B,EAAA,CACA,CAACL,CAAQ,CACX,EAEMM,CAAAA,CAAUC,CAAAA,OACd,KACEC,kBAAmBb,CAAW,CAAA,CAC1BA,CAAAA,CAAY,IAAKc,CAAAA,CAAAA,EACfC,IAACC,eAAA,CACC,CAAA,QAAA,CAAAC,IAACC,CAAAA,MAAA,CAAQ,SAAAJ,CAAAA,CAAQ,CAAA,KAAM,EACtBA,CAAAA,CAAQ,CAAA,OAAQ,IAAKK,CAAAA,CAAAA,EACpBF,GAACG,SAAS,CAAA,IAAT,CACC,KAAMD,CAAAA,CAAO,CAAA,IACb,GAAIA,CAAAA,CAAO,CAAA,IAGV,SAAAA,CAAAA,CAAO,CAAA,KAAA,CAFHA,EAAO,CAAA,IAIf,IAVkBL,CAAAA,CAAQ,CAAA,KAY9B,CAAA,CACDd,CAAAA,CAAY,IAAKmB,CAAAA,CAAAA,EACfF,GAACG,SAAS,CAAA,IAAT,CACC,CAAA,IAAMD,CAAAA,CAAO,KACb,CAAA,SAAWA,CAAAA,CAAO,MAClB,CAAA,EAAIA,CAAAA,CAAO,KAGV,CAAA,QAAAA,CAAAA,CAAO,OAFHA,CAAAA,CAAO,CAAA,IAIf,CAAA,CACP,CAACnB,CAAW,CACd,CAAA,CAEA,QACEiB,GAACG,CAAAA,QAAA,CACC,CAAA,IAAK,CAAA,OACL,WAAYtB,CAAAA,CACX,CAAA,IACD,CAAA,WAAa,CAAA,KAAM,QAAQQ,CAAG,CAAA,CAAIA,EAAI,CAAC,CAAA,CAAIA,EAC3C,CAAA,iBAAiBJ,CAAAA,CACjB,kBAAmBM,CAAAA,CAElB,CAAA,QAAAG,EACH,CAEJ,CAAA","file":"value-selector.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\nimport type { Key } from '@react-types/shared';\nimport { useCallback, useMemo } from 'react';\nimport { Header, ListBoxSection } from 'react-aria-components';\nimport {\n  type ValueSelectorProps,\n  isOptionGroupArray,\n  useValueSelector,\n} from 'react-querybuilder';\nimport { ComboBox } from '../combobox';\n\nexport function ValueSelector(props: ValueSelectorProps) {\n  const {\n    handleOnChange,\n    disabled,\n    listsAsArrays,\n    options: optionsProp,\n    multiple,\n    title,\n    validation,\n    value,\n    ...rest\n  } = props;\n\n  const { onChange, val } = useValueSelector({\n    handleOnChange,\n    listsAsArrays,\n    multiple,\n    value,\n  });\n\n  const handleSelectionChange = useCallback(\n    (selection: Key | null) => {\n      if (selection) {\n        onChange(`${selection}`);\n      }\n    },\n    [onChange],\n  );\n\n  const options = useMemo(\n    () =>\n      isOptionGroupArray(optionsProp)\n        ? optionsProp.map((section) => (\n            <ListBoxSection key={section.label}>\n              <Header>{section.label}</Header>\n              {section.options.map((option) => (\n                <ComboBox.Item\n                  name={option.name}\n                  id={option.name}\n                  key={option.name}\n                >\n                  {option.label}\n                </ComboBox.Item>\n              ))}\n            </ListBoxSection>\n          ))\n        : optionsProp.map((option) => (\n            <ComboBox.Item\n              name={option.name}\n              textValue={option.label}\n              id={option.name}\n              key={option.name}\n            >\n              {option.label}\n            </ComboBox.Item>\n          )),\n    [optionsProp],\n  );\n\n  return (\n    <ComboBox\n      size='small'\n      isDisabled={disabled}\n      {...rest}\n      selectedKey={Array.isArray(val) ? val[0] : val}\n      aria-labelledby={title}\n      onSelectionChange={handleSelectionChange}\n    >\n      {options}\n    </ComboBox>\n  );\n}\n"]}

package/dist/components/radio/index.js

@@ -1,2 +1,2 @@
-import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Radio,RadioGroup,composeRenderProps}from'react-aria-components';import {Label}from'../label/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var v=cva("fg-default-light flex size-l items-center justify-center rounded-round outline outline-interactive before:block before:size-s before:rounded-round before:bg-transparent",{variants:{isSelected:{true:"outline-highlight before:bg-highlight"},isFocused:{true:"outline-interactive-hover hover:outline-interactive-hover"},isHovered:{true:"outline-interactive-hover hover:outline-interactive-hover"},isDisabled:{true:"outline-interactive-disabled"}},compoundVariants:[{isDisabled:true,isSelected:true,className:"hover:interactive-disabled outline-interactive-disabled before:bg-interactive-disabled"},{isDisabled:true,className:"hover:interactive-disabled outline-interactive-disabled"}],defaultVariants:{isDisabled:false,isFocused:false,isHovered:false,isSelected:false}});function m({className:i,children:o,...t}){return jsx(Radio,{...t,className:cn("fg-default-light flex items-center gap-m ai-disabled:text-interactive-disabled",i),children:e=>jsxs(Fragment,{children:[jsx("div",{className:cn(v({isDisabled:e.isDisabled,isFocused:e.isFocused,isHovered:e.isHovered,isSelected:e.isSelected})),"aria-hidden":true}),typeof o=="function"?o(e):o]})})}function R({children:i,className:o,label:t,...e}){return jsx(RadioGroup,{...e,className:composeRenderProps(o,(r,n)=>cn("fg-default-light flex flex-col gap-m text-body-s",n.orientation==="horizontal"&&"flex-row items-center",r)),children:r=>jsxs(Fragment,{children:[t?jsx(Label,{children:t}):void 0,typeof i=="function"?i(r):i]})})}m.Group=R;export{m as Radio};//# sourceMappingURL=index.js.map
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Radio,RadioGroup,composeRenderProps}from'react-aria-components';import {Label}from'../label/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var v=cva("fg-default-light flex size-l items-center justify-center rounded-round outline outline-interactive before:block before:size-s before:rounded-round before:bg-transparent",{variants:{isSelected:{true:"outline-highlight before:bg-highlight"},isFocused:{true:"outline-interactive-hover hover:outline-interactive-hover"},isHovered:{true:"outline-interactive-hover hover:outline-interactive-hover"},isDisabled:{true:"outline-interactive-disabled"}},compoundVariants:[{isDisabled:true,isSelected:true,className:"hover:interactive-disabled outline-interactive-disabled before:bg-interactive-disabled"},{isDisabled:true,className:"hover:interactive-disabled outline-interactive-disabled"}],defaultVariants:{isDisabled:false,isFocused:false,isHovered:false,isSelected:false}});function m({className:i,children:o,...t}){return jsx(Radio,{...t,className:cn("fg-default-light flex items-center gap-m dtk-disabled:text-interactive-disabled",i),children:e=>jsxs(Fragment,{children:[jsx("div",{className:cn(v({isDisabled:e.isDisabled,isFocused:e.isFocused,isHovered:e.isHovered,isSelected:e.isSelected})),"aria-hidden":true}),typeof o=="function"?o(e):o]})})}function R({children:i,className:o,label:t,...e}){return jsx(RadioGroup,{...e,className:composeRenderProps(o,(r,n)=>cn("fg-default-light flex flex-col gap-m text-body-s",n.orientation==="horizontal"&&"flex-row items-center",r)),children:r=>jsxs(Fragment,{children:[t?jsx(Label,{children:t}):void 0,typeof i=="function"?i(r):i]})})}m.Group=R;export{m 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":["u","className","jsx","AriaRadio","args","c","props","a","children","label","f","composeRenderProps","renderProps","cn","s","l","d","b","Radio","RadioGroup"],"mappings":"4NAyBE,IAAA,CAAA,CAAAA,GAAA,CAAA,0KAEY,CAAA,CAAA,QACI,CAAA,CAAA,UACJ,CAAA,CAAA,IAAA,CAAA,uCAEG,CAAA,CAAA,SAEX,CAAA,CAAA,IAAA,CAAA,sEAGA,CAAA,CAAA,IAAA,CAAA,2DACY,CAAA,CAAA,UAEZ,CAAA,CAAA,IAAA,CAAA,8BAEgB,CAAA,CAAA,CAAA,gBAEF,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,UAEV,CAAA,IAAA,CAAA,SAAA,CAAA,wFAGF,CAAA,CAAA,CAAA,UACW,CAAA,IAAA,CAAA,SAAA,CAAA,yDAGf,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,UACA,CAAA,KAAA,CAAA,SACW,CAAA,KAAA,CAAA,0BAQV,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,SAAiBC,CAAAA,CAAAA,CAAAA,oBAA4C,CAAA,CAClE,OACEC,CAACC,OACKC,GACJ,CAAAC,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAEEJ,CAAAA,EAAAA,CAAAA,gFAGAK,CAAAA,CAAAA,CAAAA,CAAAA,QACA,CACE,CAAAJ,EAAAA,IAAAA,CAAAA,QAAAA,CAAAA,CAAAA,QACE,CAAA,CAAAK,GAAA,CAAA,KAAA,CAAA,CAAA,0BAEsB,CAAA,CAAA,CAAA,oBACD,CAAA,CAAA,CAAA,SACND,CAAAA,SACX,CAAA,CAAA,CAAA,SAAA,CAAA,UACF,CAAA,CAAA,CAAA,UAEF,CAAA,CAAA,CAAA,CAAA,aAED,CAAA,IAAA,CAAA,CAAOE,CAAa,OAAA,CAAA,EAAA,UACvB,CAAA,CAAA,CAEJ,CAEJ,CAOA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAsB,CAAA,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAAW,CAAAC,EAAO,MAA6B,CAC7E,CAAA,GAAA,CAAA,CAAA,CACEP,QACMI,GAAAA,CACJI,UAAWC,CAAAA,CAAAA,GAAAA,CAAAA,CAAAA,SAA0CC,qBACnDC,CACE,CAAA,CAAA,CAAA,CAAA,GAAAC,EAAA,CAAA,kDAC4B,CAAA,CAAA,CAAA,WAAA,GAAA,YAE5Bb,EAAAA,oCAKF,CACG,CAAA,EAAAc,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAS,CAAO,CAAA,CAAA,CAAAT,GAAA,CAAAU,KAAA,CAAA,CAAA,YAChB,CAAOT,MAAAA,CAAAA,OAA0BA,CAAAA,EAAAA,WACpC,CAEJ,CAAA,CAEJ,CAEAU,CAAAA,CAAM,CAAQC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,KAAAA,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\nimport { cn } from '@/lib/utils';\nimport { cva } from 'cva';\nimport type React from 'react';\nimport {\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  type RadioGroupProps as AriaRadioGroupProps,\n  type RadioProps as AriaRadioProps,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\n\nconst radioStyles = cva(\n  'fg-default-light flex size-l items-center justify-center rounded-round outline outline-interactive before:block before:size-s before:rounded-round before:bg-transparent',\n  {\n    variants: {\n      isSelected: {\n        true: 'outline-highlight before:bg-highlight',\n      },\n      isFocused: {\n        true: 'outline-interactive-hover hover:outline-interactive-hover',\n      },\n      isHovered: {\n        true: 'outline-interactive-hover hover:outline-interactive-hover',\n      },\n      isDisabled: {\n        true: 'outline-interactive-disabled',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isSelected: true,\n        className:\n          'hover:interactive-disabled outline-interactive-disabled before:bg-interactive-disabled',\n      },\n      {\n        isDisabled: true,\n        className: 'hover:interactive-disabled outline-interactive-disabled',\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n      isFocused: false,\n      isHovered: false,\n      isSelected: false,\n    },\n  },\n);\n\nexport interface RadioProps extends AriaRadioProps {}\n\nexport function Radio({ className, children, ...args }: RadioProps) {\n  return (\n    <AriaRadio\n      {...args}\n      className={cn(\n        'fg-default-light flex items-center gap-m ai-disabled:text-interactive-disabled',\n        className,\n      )}\n    >\n      {(props) => (\n        <>\n          <div\n            className={cn(\n              radioStyles({\n                isDisabled: props.isDisabled,\n                isFocused: props.isFocused,\n                isHovered: props.isHovered,\n                isSelected: props.isSelected,\n              }),\n            )}\n            aria-hidden\n          />\n          {typeof children === 'function' ? children(props) : children}\n        </>\n      )}\n    </AriaRadio>\n  );\n}\n\nexport interface RadioGroupProps extends AriaRadioGroupProps {\n  // children: React.JSX.Element;\n  label?: string | React.JSX.Element;\n}\n\nfunction RadioGroup({ children, className, label, ...props }: RadioGroupProps) {\n  return (\n    <AriaRadioGroup\n      {...props}\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\n          'fg-default-light flex flex-col gap-m text-body-s',\n          renderProps.orientation === 'horizontal' && 'flex-row items-center',\n\n          className,\n        ),\n      )}\n    >\n      {(props) => (\n        <>\n          {label ? <Label>{label}</Label> : undefined}\n          {typeof children === 'function' ? children(props) : children}\n        </>\n      )}\n    </AriaRadioGroup>\n  );\n}\n\nRadio.Group = RadioGroup;\n"]}
+{"version":3,"sources":["../../../src/components/radio/index.tsx"],"names":["u","jsx","args","c","s","l","d","a","children","label","props","f","renderProps","cn","b","Radio","RadioGroup"],"mappings":"4NAyBE,IAAA,CAAA,CAAAA,GAAA,CAAA,0KAEE,CAAA,CAAA,QACE,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,uCAER,CAAA,CAAA,SACQ,CAAA,CAAA,IAAA,CAAA,sEAGA,CAAA,CAAA,IAAA,CAAA,2DAER,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,8BAGV,CAAA,CAAA,CAAA,gBAEI,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,UACA,CAAA,IAAA,CAAA,SACE,CAAA,wFAGF,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,SAAW,CAAA,yDAGf,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,UACA,CAAA,KAAA,CAAA,SACA,CAAA,KAAA,CAAA,0BAQC,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,SAAiB,CAAA,CAAA,CAAA,oBAA6B,CAAe,CAClE,OACEC,CAAAA,OACMC,GAAAA,CACJC,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SACE,CAAAC,EAAA,CAAA,iFAID,CAAA,CAAA,CAAA,CAAA,QACC,CACE,CAAA,EAAAC,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAC,CAAA,CAAAC,GACC,CAAA,KAAA,CAAA,CAAA,0BAEsB,CAAA,CAAA,CAAA,oBACD,CAAA,CAAA,CAAA,SACjB,CAAA,SAAiB,CAAA,CAAA,CAAA,SACjB,CAAA,UAAkB,CAAA,CAAA,CAAA,UAGtB,CAAA,CAAA,CAAA,CAAA,aAED,CAAA,IAAA,CAAA,CAAOC,CAAAA,OAAa,CAAA,EAAA,UAA+BA,CACtD,CAAA,CAEJ,CAEJ,CAOA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAsB,CAAA,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAAW,CAAAC,EAAO,MAA6B,CAC7E,CAAA,GAAA,CAAA,CAAA,CACER,QACMS,GAAAA,CACJC,UAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAAqDC,qBACnDC,CAAAA,CACE,CAAA,CAAA,CAAA,GAAAT,EAAA,CAAA,kDACY,CAAA,CAAA,CAAA,WAAgB,GAAA,YAAgB,EAAA,oCAO9C,CACG,CAAA,EAAAC,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAS,CAAO,CAAA,CAAA,CAAAC,GAAA,CAAAO,KAAA,CAAA,CAAA,YAChB,CAAA,MAAON,CAAAA,OAAa,CAAA,EAAA,WACvB,CAAA,CAEJ,CAEJ,CAEAO,CAAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQC,CAAAA,CAAAA,KAAAA,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\nimport { cn } from '@/lib/utils';\nimport { cva } from 'cva';\nimport type React from 'react';\nimport {\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  type RadioGroupProps as AriaRadioGroupProps,\n  type RadioProps as AriaRadioProps,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\n\nconst radioStyles = cva(\n  'fg-default-light flex size-l items-center justify-center rounded-round outline outline-interactive before:block before:size-s before:rounded-round before:bg-transparent',\n  {\n    variants: {\n      isSelected: {\n        true: 'outline-highlight before:bg-highlight',\n      },\n      isFocused: {\n        true: 'outline-interactive-hover hover:outline-interactive-hover',\n      },\n      isHovered: {\n        true: 'outline-interactive-hover hover:outline-interactive-hover',\n      },\n      isDisabled: {\n        true: 'outline-interactive-disabled',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isSelected: true,\n        className:\n          'hover:interactive-disabled outline-interactive-disabled before:bg-interactive-disabled',\n      },\n      {\n        isDisabled: true,\n        className: 'hover:interactive-disabled outline-interactive-disabled',\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n      isFocused: false,\n      isHovered: false,\n      isSelected: false,\n    },\n  },\n);\n\nexport interface RadioProps extends AriaRadioProps {}\n\nexport function Radio({ className, children, ...args }: RadioProps) {\n  return (\n    <AriaRadio\n      {...args}\n      className={cn(\n        'fg-default-light flex items-center gap-m dtk-disabled:text-interactive-disabled',\n        className,\n      )}\n    >\n      {(props) => (\n        <>\n          <div\n            className={cn(\n              radioStyles({\n                isDisabled: props.isDisabled,\n                isFocused: props.isFocused,\n                isHovered: props.isHovered,\n                isSelected: props.isSelected,\n              }),\n            )}\n            aria-hidden\n          />\n          {typeof children === 'function' ? children(props) : children}\n        </>\n      )}\n    </AriaRadio>\n  );\n}\n\nexport interface RadioGroupProps extends AriaRadioGroupProps {\n  // children: React.JSX.Element;\n  label?: string | React.JSX.Element;\n}\n\nfunction RadioGroup({ children, className, label, ...props }: RadioGroupProps) {\n  return (\n    <AriaRadioGroup\n      {...props}\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\n          'fg-default-light flex flex-col gap-m text-body-s',\n          renderProps.orientation === 'horizontal' && 'flex-row items-center',\n\n          className,\n        ),\n      )}\n    >\n      {(props) => (\n        <>\n          {label ? <Label>{label}</Label> : undefined}\n          {typeof children === 'function' ? children(props) : children}\n        </>\n      )}\n    </AriaRadioGroup>\n  );\n}\n\nRadio.Group = RadioGroup;\n"]}

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

@@ -1,2 +1,2 @@
-import {cn}from'./../../lib/utils.js';import {Search,Loop,CancelFill}from'@accelint/icons';import {cva}from'cva';import {SearchField,Input,Button}from'react-aria-components';import {Icon}from'../icon/index.js';import {jsxs,jsx}from'react/jsx-runtime';var v=cva(["hide-cancel block w-full rounded-round p-s pr-[30px] pl-[35px] font-display text-body-s outline"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},variant:{filled:"bg-surface-raised outline-static-dark",outlined:"outline-interactive"}}}),g=({className:i,placeholder:o="Search",variant:l="outlined",isLoading:r=false,...s})=>jsxs(SearchField,{className:cn("group relative",i),...s,children:[jsx(Icon,{className:"fg-interactive-hover absolute top-[6px] left-[7px]",children:jsx(Search,{})}),jsx(Input,{placeholder:o,className:({isDisabled:c})=>cn(v({isDisabled:c,variant:l}))}),r?jsx(Icon,{className:"fg-interactive-hover absolute top-[6px] right-[8px] animate-spin",children:jsx(Loop,{className:"scale-x-[-1]"})}):jsx(Button,{className:"fg-default-dark icon-size-l hover:fg-interactive-hover absolute top-[6px] right-[8px] cursor-pointer group-ai-disabled:hidden group-ai-empty:hidden",children:jsx(Icon,{children:jsx(CancelFill,{})})})]});g.displayName="SearchField";export{g as SearchField};//# sourceMappingURL=index.js.map
+import {cn}from'./../../lib/utils.js';import {Search,Loop,CancelFill}from'@accelint/icons';import {cva}from'cva';import {SearchField,Input,Button}from'react-aria-components';import {Icon}from'../icon/index.js';import {jsxs,jsx}from'react/jsx-runtime';var v=cva(["hide-cancel block w-full rounded-round p-s pr-[30px] pl-[35px] font-display text-body-s outline"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},variant:{filled:"bg-surface-raised outline-static-dark",outlined:"outline-interactive"}}}),g=({className:i,placeholder:l="Search",variant:o="outlined",isLoading:r=false,...s})=>jsxs(SearchField,{className:cn("group relative",i),...s,children:[jsx(Icon,{className:"fg-interactive-hover absolute top-[6px] left-[7px]",children:jsx(Search,{})}),jsx(Input,{placeholder:l,className:({isDisabled:d})=>cn(v({isDisabled:d,variant:o}))}),r?jsx(Icon,{className:"fg-interactive-hover absolute top-[6px] right-[8px] animate-spin",children:jsx(Loop,{className:"scale-x-[-1]"})}):jsx(Button,{className:"fg-default-dark hover:fg-interactive-hover absolute top-[8px] right-[8px] cursor-pointer group-dtk-disabled:hidden group-dtk-empty:hidden",children:jsx(Icon,{size:"small",children:jsx(CancelFill,{})})})]});g.displayName="SearchField";export{g 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":["h","placeholder","variant","rest","jsxs","AriaSearchField","x","u","t","e","a","jsx","Input","m","textFieldStyles","isLoading","Icon","d","Button","f","n","SearchField"],"mappings":"2PAyCE,IAAA,CAAA,CAAAA,GAAA,CAAA,CAAA,iGAEE,CAAA,CAAA,CAAA,QACE,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,sEAEJ,CAAA,KAAA,CAAA,0GAEK,CAAA,CAAA,OACC,CAAA,CAAA,MAAA,CAAA,gDAEV,CAAA,qBAKsB,CAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACAC,CAAAA,CAAAA,CAAAA,WACA,CAAA,CAAA,CAAA,QAAA,CAAAC,OACA,CAAA,CAAA,CAAA,UAAA,CAAA,UACGC,CACL,CAAA,KAAA,CAEIC,GAACC,CAAA,CAAgB,GAAAC,IAAA,CAAAC,WAAA,CAAA,CAAA,SAAc,CAAAC,EAAA,CAAA,gBAC7B,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,QAAgB,CAAA,CAAAC,GAAA,CAAAC,IAAA,CAAA,CAAA,SAAA,CAAA,6DACF,CACdD,IACAE,MAACC,CAAAA,EAAA,CACC,CAAA,CAAA,CAAAH,GAAA,CAAAI,KAAA,CAAA,CAAA,WACW,CAAA,CAAA,CAAA,SAAG,CAAA,CAAA,CAAA,UACTC,CAAgB,CAAA,CAAE,mBAAY,CAAA,CAAA,CAAAZ,OAGpCa,CAAAA,CACCJ,EAACK,CAAA,CAAA,CAAK,CAAU,CAAA,CAAAP,GAAA,CAAAC,IAAA,CAAA,CAAA,SAAA,CAAA,2EACJ,CAAAD,GAAA,CAAAQ,IAAA,CAAA,CAAA,wBAGXC,CAAA,CAAO,CAAU,CAAA,CAAAT,GAAA,CAAAU,MAAA,CAAA,CAAA,SAAA,CAAA,qJAChBR,CAAAA,QACE,CAAAF,GAAA,CAAAC,IAAA,CAAA,CAAA,QACF,CAAAD,GAAA,CACFW,UAEJ,CAAA,EAAA,CAIJC,EAAY,CAAc,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,aAAA","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\nimport { cn } from '@/lib/utils';\nimport {\n  CancelFill,\n  Loop as LoopIcon,\n  Search as SearchIcon,\n} from '@accelint/icons';\nimport { cva } from 'cva';\nimport {\n  SearchField as AriaSearchField,\n  Button,\n  Input,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\n\nexport interface SearchFieldProps {\n  className?: string;\n  /** Disables the input field. */\n  isDisabled?: boolean;\n  /** Displays a loading spinner. */\n  isLoading?: boolean;\n  /** Displays placeholder text. */\n  placeholder?: string;\n  /** Whether the input has a filled background or outlined. */\n  variant?: 'filled' | 'outlined';\n}\n\nconst textFieldStyles = cva(\n  [\n    'hide-cancel block w-full rounded-round p-s pr-[30px] pl-[35px] font-display text-body-s outline',\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n        false:\n          'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n      },\n      variant: {\n        filled: 'bg-surface-raised outline-static-dark',\n        outlined: 'outline-interactive',\n      },\n    },\n  },\n);\n\nexport const SearchField = ({\n  className,\n  placeholder = 'Search',\n  variant = 'outlined',\n  isLoading = false,\n  ...rest\n}: SearchFieldProps) => {\n  return (\n    <AriaSearchField className={cn('group relative', className)} {...rest}>\n      <Icon className='fg-interactive-hover absolute top-[6px] left-[7px]'>\n        <SearchIcon />\n      </Icon>\n      <Input\n        placeholder={placeholder}\n        className={({ isDisabled }) =>\n          cn(textFieldStyles({ isDisabled, variant }))\n        }\n      />\n      {isLoading ? (\n        <Icon className='fg-interactive-hover absolute top-[6px] right-[8px] animate-spin'>\n          <LoopIcon className='scale-x-[-1]' />\n        </Icon>\n      ) : (\n        <Button className='fg-default-dark icon-size-l hover:fg-interactive-hover absolute top-[6px] right-[8px] cursor-pointer group-ai-disabled:hidden group-ai-empty:hidden'>\n          <Icon>\n            <CancelFill />\n          </Icon>\n        </Button>\n      )}\n    </AriaSearchField>\n  );\n};\n\nSearchField.displayName = 'SearchField';\n"]}
+{"version":3,"sources":["../../../src/components/search-field/index.tsx"],"names":["h","variant","rest","jsxs","AriaSearchField","x","u","t","e","a","jsx","Input","m","textFieldStyles","isLoading","Icon","n","Button","f","c","SearchField"],"mappings":"2PAwCI,IAAA,CAAA,CAAAA,GAAA,CAAA,CAAA,iGAGA,CAAA,CAAA,CAAA,QACE,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,sEAEJ,CAAA,KAAA,CAAA,4GAEK,OACP,CAAQ,CAAA,MAAA,CAAA,uCACR,CAAA,8BAMoB,CAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,uBACc,CAAA,CAAA,CAAA,QACd,CAAAC,oBACA,CAAA,SACA,CAAGC,CACL,CAAA,KAAA,CAEIC,GAACC,CAAA,CAAgB,GAAAC,IAAA,CAAAC,WAAA,CAAA,CAAA,SAAc,CAAAC,EAAA,CAAA,gBAAkCL,CAC/D,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,QAAM,CAAA,CAAAM,GAAA,CAAAC,IAAA,CAAA,CAAA,SAAU,CAAA,oDACd,CAAA,QAAY,CACdD,GAAA,CACAE,OAACC,EAAA,CACC,CAAA,CAAA,CAAAH,GAAA,CAAAI,KAAA,CAAA,CAAA,uBACc,CAAA,CAAA,CAAA,UACTC,CAAAA,CAAgB,CAAE,GAAAN,EAAA,CAAA,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAAN,OAGpCa,CAAAA,CACCJ,CAAAA,CAACK,CAAAA,CAAA,CAAK,CAAA,CAAA,CAAAP,GAAA,CAAAC,IAAA,CAAA,CAAA,SAAU,CAAA,kEACd,CAAA,QAAU,CAAAD,GAAA,CAAAQ,IAAA,CAAA,CAAA,SAAU,CAAA,cAGrBC,CAAA,CAAO,CAAA,CAAA,CAAAT,GAAA,CAAAU,MAAA,CAAA,CAAA,qJACN,CAAA,aAAWT,IAAA,CAAA,CAAA,IAAA,CACT,OAAA,CAAA,QAAY,CACdD,GAAA,CACFW,UAAA,CAAA,EAEJ,CAIJC,EAAY,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,WAAc,CAAA,aAAA","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\nimport { cn } from '@/lib/utils';\nimport {\n  CancelFill,\n  Loop as LoopIcon,\n  Search as SearchIcon,\n} from '@accelint/icons';\nimport { cva } from 'cva';\nimport {\n  SearchField as AriaSearchField,\n  Button,\n  Input,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\n\nexport interface SearchFieldProps {\n  className?: string;\n  /** Disables the input field. */\n  isDisabled?: boolean;\n  /** Displays a loading spinner. */\n  isLoading?: boolean;\n  /** Displays placeholder text. */\n  placeholder?: string;\n  /** Whether the input has a filled background or outlined. */\n  variant?: 'filled' | 'outlined';\n}\n\nconst textFieldStyles = cva(\n  [\n    'hide-cancel block w-full rounded-round p-s pr-[30px] pl-[35px] font-display text-body-s outline',\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n        false:\n          'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n      },\n      variant: {\n        filled: 'bg-surface-raised outline-static-dark',\n        outlined: 'outline-interactive',\n      },\n    },\n  },\n);\n\nexport const SearchField = ({\n  className,\n  placeholder = 'Search',\n  variant = 'outlined',\n  isLoading = false,\n  ...rest\n}: SearchFieldProps) => {\n  return (\n    <AriaSearchField className={cn('group relative', className)} {...rest}>\n      <Icon className='fg-interactive-hover absolute top-[6px] left-[7px]'>\n        <SearchIcon />\n      </Icon>\n      <Input\n        placeholder={placeholder}\n        className={({ isDisabled }) =>\n          cn(textFieldStyles({ isDisabled, variant }))\n        }\n      />\n      {isLoading ? (\n        <Icon className='fg-interactive-hover absolute top-[6px] right-[8px] animate-spin'>\n          <LoopIcon className='scale-x-[-1]' />\n        </Icon>\n      ) : (\n        <Button className='fg-default-dark hover:fg-interactive-hover absolute top-[8px] right-[8px] cursor-pointer group-dtk-disabled:hidden group-dtk-empty:hidden'>\n          <Icon size='small'>\n            <CancelFill />\n          </Icon>\n        </Button>\n      )}\n    </AriaSearchField>\n  );\n};\n\nSearchField.displayName = 'SearchField';\n"]}

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

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SliderProps as SliderProps$1 } from 'react-aria-components';
+
+interface SliderProps extends Omit<SliderProps$1, 'value' | 'defaultValue' | 'showOutput' | 'slot' | 'style' | 'formatOptions'> {
+    className?: string;
+    showInput?: boolean;
+    showLabel?: boolean;
+    layout: 'stacked' | 'inline';
+    value?: number;
+    defaultValue?: number;
+    rangeValue?: [number, number];
+    defaultRangeValue?: [number, number];
+    isRange?: boolean;
+    label: string;
+}
+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'];
+    value: SliderProps['rangeValue'];
+};
+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

@@ -0,0 +1,2 @@
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';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';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var 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})=>{let 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})=>{let 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})]})},la=({defaultValue:s,value:i,...o})=>jsx(U,{...o,isRange:true,defaultRangeValue:s,rangeValue:i});function W({className:s}){let 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{la as RangeSlider,U as Slider};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["e","cva","layout","label","isRange","sliderValue","rangeValue","sliderDefaultValue","defaultRangeValue","defaultValue","jsxs","c","L","V","Label","jsx","a","RACSliderTrack","O","state","minValue","startPercent","index","Fragment","h","orientation","sizeInPercent","I","Tooltip","f","Text","x","RangeSlider","value","Slider","props","useContext","SliderStateContext","labelProps","useSlottedContext","LabelContext","B","F","$","NumberField","j","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\nimport { cn } from '@/lib/utils';\nimport { cva } from 'cva';\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"]}

package/dist/components/switch/index.js

@@ -1,2 +1,2 @@
-import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Switch}from'react-aria-components';import {Label}from'../label/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var c=Label.as(),t=cva(["relative flex h-l w-[32px] items-center rounded-round bg-transparent outline outline-interactive","before:absolute before:block before:size-m before:rounded-full before:bg-default-dark","group-hover:bg-interactive-hover-dark group-hover:outline-interactive-hover group-hover:before:bg-interactive-hover","group-focus-within:bg-interactive-hover-dark group-focus-within:outline-interactive-hover group-focus-within:before:bg-interactive-hover"],{variants:{isSelected:{true:["outline-highlight before:right-[3px] before:bg-highlight","group-hover:bg-highlight-subtle group-hover:outline-highlight group-hover:before:bg-highlight","group-focus-within:bg-highlight-subtle group-focus-within:outline-interactive-hover group-focus-within:before:bg-highlight","group-ai-disabled:bg-interactive-disabled group-ai-disabled:outline-interactive-disabled group-ai-disabled:before:bg-disabled"],false:"before:left-[3px]"},isDisabled:{true:"group-ai-disabled:bg-interactive-disabled group-ai-disabled:outline-interactive-disabled group-ai-disabled:before:bg-disabled",false:""}},defaultVariants:{isSelected:false}});function o({children:e,className:a,...s}){return jsx(Switch,{...s,className:"group flex ai-disabled:cursor-not-allowed items-center gap-s",children:({isDisabled:l,isSelected:h})=>jsxs(Fragment,{children:[jsx("div",{className:cn(t({className:a,isDisabled:l,isSelected:h}))}),e&&jsx("span",{className:c,children:e})]})})}o.displayName="Switch";o.as=e=>cn(t({className:e}));export{o as Switch};//# sourceMappingURL=index.js.map
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Switch}from'react-aria-components';import {Label}from'../label/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var n=Label.as(),r=cva(["relative flex h-l w-[32px] items-center rounded-round bg-transparent outline outline-interactive","before:absolute before:block before:size-m before:rounded-full before:bg-default-dark","group-hover:bg-interactive-hover-dark group-hover:outline-interactive-hover group-hover:before:bg-interactive-hover","group-focus-within:bg-interactive-hover-dark group-focus-within:outline-interactive-hover group-focus-within:before:bg-interactive-hover"],{variants:{isSelected:{true:["outline-highlight before:right-[3px] before:bg-highlight","group-hover:bg-highlight-subtle group-hover:outline-highlight group-hover:before:bg-highlight","group-focus-within:bg-highlight-subtle group-focus-within:outline-interactive-hover group-focus-within:before:bg-highlight","group-dtk-disabled:bg-interactive-disabled group-dtk-disabled:outline-interactive-disabled group-dtk-disabled:before:bg-disabled"],false:"before:left-[3px]"},isDisabled:{true:"group-dtk-disabled:bg-interactive-disabled group-dtk-disabled:outline-interactive-disabled group-dtk-disabled:before:bg-disabled",false:""}},defaultVariants:{isSelected:false}});function o({children:e,className:a,...s}){return jsx(Switch,{...s,className:"group flex dtk-disabled:cursor-not-allowed items-center gap-s",children:({isDisabled:l,isSelected:h})=>jsxs(Fragment,{children:[jsx("div",{className:cn(r({className:a,isDisabled:l,isSelected:h}))}),e&&jsx("span",{className:n,children:e})]})})}o.displayName="Switch";o.as=e=>cn(r({className:e}));export{o as Switch};//# 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","cva","g","Switch","jsx","AriaSwitch","props","b","isDisabled","isSelected","Fragment","i","className","children","cn"],"mappings":"+LAqB0B,IAAG,CAEvBA,CAAeC,KAAAA,CAAAA,EAEjB,EACA,CAAA,CAAA,CAAAC,GAAA,CAAA,CAAA,kGAAA,CAAA,uFAEA,CAAA,qHAAA,CAAA,0IAGU,CAAA,CAAA,CAAA,QACI,CAAA,CAAA,UAER,CACA,CAAA,IAAA,CAAA,CAAA,0DAAA,CAAA,+FAEA,CAAA,4HAAA,CAAA,+HAEK,CAAA,CAAA,KAAA,CAAA,mBAET,CAAA,CAAA,UAEE,CAAA,CAAA,IAAA,CAAA,gIACF,KAEe,CAAA,EAAA,CAAA,CAAA,CAAA,eACH,CAAA,CAAA,UASFC,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,SAAS,CAAA,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAAoB,CAAgB,CACrE,CAAA,GAAA,CAAA,CAAA,CACEC,CAACC,OACKC,IACJC,MAAU,CAAA,CAAA,GAAA,CAAA,CAAA,SAAA,CAAA,8DAER,CAAA,QAAEC,CAAAA,CAAAA,CAAAA,UAAYC,CAAAA,CAAAA,CAAAA,UACdC,CAAA,CAAA,CACE,GAAAN,IAAAA,CAAAA,QAAAA,CAAAA,CAAAA,QACE,CAAA,CAAAO,GAAA,CAAA,KAAA,CAAA,CAAA,SAA6BC,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,SAAWJ,CAAAA,CAAAA,CAAAA,UAAYC,CAAAA,CAAAA,CAAAA,UAErDI,CAAYT,CAAAA,CAAAA,CAAAA,CAAC,CAAK,CAAA,CAAA,CAAA,EAAAO,GAAA,CAAA,MAAA,CAAA,CAAA,SAAyBE,CAAAA,CAAAA,CAAAA,QAGlD,CAEJ,CACAV,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,oBACwCW,CAAAA,CAAAA,CAAGd,EAAa,CAAE,CAAAY,EAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,SAAY,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\nimport { cn } from '@/lib/utils';\nimport { cva } from 'cva';\nimport type { ReactNode } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type SwitchProps as AriaSwitchProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\n\nconst labelStyles = Label.as();\n\nconst switchStyles = cva(\n  [\n    'relative flex h-l w-[32px] items-center rounded-round bg-transparent outline outline-interactive',\n    'before:absolute before:block before:size-m before:rounded-full before:bg-default-dark',\n    'group-hover:bg-interactive-hover-dark group-hover:outline-interactive-hover group-hover:before:bg-interactive-hover',\n    'group-focus-within:bg-interactive-hover-dark group-focus-within:outline-interactive-hover group-focus-within:before:bg-interactive-hover',\n  ],\n  {\n    variants: {\n      isSelected: {\n        true: [\n          'outline-highlight before:right-[3px] before:bg-highlight',\n          'group-hover:bg-highlight-subtle group-hover:outline-highlight group-hover:before:bg-highlight',\n          'group-focus-within:bg-highlight-subtle group-focus-within:outline-interactive-hover group-focus-within:before:bg-highlight',\n          'group-ai-disabled:bg-interactive-disabled group-ai-disabled:outline-interactive-disabled group-ai-disabled:before:bg-disabled',\n        ],\n        false: 'before:left-[3px]',\n      },\n      isDisabled: {\n        true: 'group-ai-disabled:bg-interactive-disabled group-ai-disabled:outline-interactive-disabled group-ai-disabled:before:bg-disabled',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isSelected: false,\n    },\n  },\n);\n\nexport interface SwitchProps extends Omit<AriaSwitchProps, 'children'> {\n  children?: ReactNode;\n}\n\nexport function Switch({ children, className, ...props }: SwitchProps) {\n  return (\n    <AriaSwitch\n      {...props}\n      className='group flex ai-disabled:cursor-not-allowed items-center gap-s'\n    >\n      {({ isDisabled, isSelected }) => (\n        <>\n          <div\n            className={cn(switchStyles({ className, isDisabled, isSelected }))}\n          />\n          {children && <span className={labelStyles}>{children}</span>}\n        </>\n      )}\n    </AriaSwitch>\n  );\n}\nSwitch.displayName = 'Switch';\nSwitch.as = (className?: string | string[]) => cn(switchStyles({ className }));\n"]}
+{"version":3,"sources":["../../../src/components/switch/index.tsx"],"names":["switchStyles","cva","d","jsx","props","g","Fragment","u","c","i","t","children","Switch","className","cn"],"mappings":"+LAqB0B,IAAG,CAEvBA,CAAAA,KAAeC,CAAAA,EAEjB,EAAA,CAAA,CAAA,CAAAC,GAAA,CAAA,CAAA,kGACA,CAAA,uFACA,CAAA,qHACA,CAAA,0IAGA,CAAA,CAAA,CAAA,QACE,CAAA,CAAA,UAEI,CAAA,CAAA,IAAA,CAAA,CAAA,0DACA,CAAA,+FACA,CAAA,4HACA,CAAA,kIAEK,CAAA,CAAA,KAAA,CAAA,mBAET,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,mIAER,KAEF,CAAA,EAAA,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,UASC,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,SAAkB,CAAA,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAAoB,CAAgB,CACrE,CAAA,GAAA,CAAA,CAAA,CACEC,CAAAA,OACMC,IACJC,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAAU,CAAA,+DAET,CAAA,QAAG,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,UACdC,CAAAA,CAAA,CACE,GAAAC,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAC,CAAA,CAAAC,GACC,CAAA,KAAA,CAAA,CAAA,SAA6B,CAAAC,EAAA,CAAA,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,UAErDC,CAAAA,CAAAA,CAAYR,CAAAA,CAAC,CAAA,CAAA,CAAA,CAAA,EAAAM,GAAA,CAAK,MAAA,CAAA,CAAA,SAAyB,CAAA,CAAA,CAAA,QAGlD,CAEJ,CACAG,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,oBACMC,CAAkCC,CAAAA,CAAGd,EAAa,CAAE,CAAA,EAAAU,EAAA,CAAA,CAAA,CAAA,CAAA,SAAY,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\nimport { cn } from '@/lib/utils';\nimport { cva } from 'cva';\nimport type { ReactNode } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type SwitchProps as AriaSwitchProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\n\nconst labelStyles = Label.as();\n\nconst switchStyles = cva(\n  [\n    'relative flex h-l w-[32px] items-center rounded-round bg-transparent outline outline-interactive',\n    'before:absolute before:block before:size-m before:rounded-full before:bg-default-dark',\n    'group-hover:bg-interactive-hover-dark group-hover:outline-interactive-hover group-hover:before:bg-interactive-hover',\n    'group-focus-within:bg-interactive-hover-dark group-focus-within:outline-interactive-hover group-focus-within:before:bg-interactive-hover',\n  ],\n  {\n    variants: {\n      isSelected: {\n        true: [\n          'outline-highlight before:right-[3px] before:bg-highlight',\n          'group-hover:bg-highlight-subtle group-hover:outline-highlight group-hover:before:bg-highlight',\n          'group-focus-within:bg-highlight-subtle group-focus-within:outline-interactive-hover group-focus-within:before:bg-highlight',\n          'group-dtk-disabled:bg-interactive-disabled group-dtk-disabled:outline-interactive-disabled group-dtk-disabled:before:bg-disabled',\n        ],\n        false: 'before:left-[3px]',\n      },\n      isDisabled: {\n        true: 'group-dtk-disabled:bg-interactive-disabled group-dtk-disabled:outline-interactive-disabled group-dtk-disabled:before:bg-disabled',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isSelected: false,\n    },\n  },\n);\n\nexport interface SwitchProps extends Omit<AriaSwitchProps, 'children'> {\n  children?: ReactNode;\n}\n\nexport function Switch({ children, className, ...props }: SwitchProps) {\n  return (\n    <AriaSwitch\n      {...props}\n      className='group flex dtk-disabled:cursor-not-allowed items-center gap-s'\n    >\n      {({ isDisabled, isSelected }) => (\n        <>\n          <div\n            className={cn(switchStyles({ className, isDisabled, isSelected }))}\n          />\n          {children && <span className={labelStyles}>{children}</span>}\n        </>\n      )}\n    </AriaSwitch>\n  );\n}\nSwitch.displayName = 'Switch';\nSwitch.as = (className?: string | string[]) => cn(switchStyles({ className }));\n"]}

package/dist/components/tabs/index.js

@@ -1,2 +1,2 @@
-import {containsExactChildren}from'./../../lib/react.js';import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Tabs,TabList,Tab,TabPanel}from'react-aria-components';import {jsx}from'react/jsx-runtime';var s=({children:a,className:e,orientation:i="horizontal",isDisabled:r=false,...t})=>(containsExactChildren({children:a,componentName:s.displayName,restrictions:{[n.displayName]:{min:1,max:1}}}),jsx(Tabs,{orientation:i,isDisabled:r,className:cn("group flex w-content flex-row ai-orientation-horizontal:flex-col",e),...t,children:a}));s.displayName="Tabs";var x=cva("flex ai-orientation-horizontal:flex-row flex-col",{variants:{variant:{icons:"[&>*]:p-xs ai-orientation-horizontal:[&>*]:pr-s ai-orientation-horizontal:[&>*]:pl-s [&>*]:leading-[0]",default:"[&>*]:p-s [&>*]:text-header-m"},drawer:{left:"ai-orientation-vertical:gap-xs rounded-r-large bg-surface-default p-s",right:"ai-orientation-vertical:gap-xs rounded-l-large bg-surface-default p-s",top:"ai-orientation-vertical:gap-xs rounded-b-large bg-surface-default p-s",bottom:"ai-orientation-vertical:gap-xs rounded-t-large bg-surface-default p-s"}}}),n=({children:a,className:e,variant:i="default",drawer:r=void 0,...t})=>(containsExactChildren({children:a,componentName:n.displayName,restrictions:{[d.displayName]:{min:1}}}),jsx(TabList,{className:cn(x({variant:i,drawer:r}),e),...t,children:a}));n.displayName="Tabs.List";s.List=n;var z=cn("fg-default-dark cursor-pointer p-s outline-none","rounded-medium group-ai-orientation-horizontal:rounded-small group-ai-orientation-horizontal:rounded-b-none","group-ai-orientation-horizontal:border-static-light group-ai-orientation-horizontal:border-b","group-ai-orientation-vertical:border group-ai-orientation-vertical:border-transparent"),N=cva(z,{variants:{isSelected:{true:"fg-highlight bg-highlight-subtle group-ai-orientation-horizontal:border-highlight"},isHovered:{true:"fg-default-light group-ai-orientation-horizontal:border-interactive-hover"},isFocused:{true:"fg-default-light group-ai-orientation-horizontal:border-interactive-hover"},isDisabled:{true:"fg-disabled cursor-not-allowed group-ai-orientation-horizontal:border-interactive-disabled"}},compoundVariants:[{isSelected:true,isHovered:true,className:"fg-highlight group-ai-orientation-horizontal:border-highlight"},{isSelected:true,isFocused:true,className:"fg-highlight group-ai-orientation-horizontal:border-interactive-hover group-ai-orientation-vertical:border-interactive-hover"},{isDisabled:true,isSelected:true,className:"fg-disabled bg-interactive-disabled group-ai-orientation-horizontal:border-interactive-disabled"}]}),d=({id:a,children:e,className:i,isDisabled:r=false,...t})=>jsx(Tab,{id:a,className:({isSelected:g,isHovered:c,isFocused:h,isDisabled:f})=>cn(N({isSelected:g,isHovered:c,isFocused:h,isDisabled:f}),i),isDisabled:r,...t,children:e});d.displayName="Tabs.Tab";s.Tab=d;var u=({id:a,children:e,className:i,...r})=>jsx(TabPanel,{id:a,className:cn("fg-default-light p-s group-ai-orientation-vertical:pt-0 group-ai-orientation-horizontal:pl-0",i),...r,children:e});u.displayName="Tabs.Panel";s.Panel=u;export{s as Tabs};//# sourceMappingURL=index.js.map
+import {containsExactChildren}from'./../../lib/react.js';import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Tabs,TabList,Tab,TabPanel}from'react-aria-components';import {jsx}from'react/jsx-runtime';var s=({children:t,className:a,orientation:e="horizontal",isDisabled:r=false,...o})=>(containsExactChildren({children:t,componentName:s.displayName,restrictions:{[n.displayName]:{min:1,max:1}}}),jsx(Tabs,{orientation:e,isDisabled:r,className:cn("group flex w-content flex-row dtk-orientation-horizontal:flex-col",a),...o,children:t}));s.displayName="Tabs";var k=cva("flex dtk-orientation-horizontal:flex-row flex-col",{variants:{variant:{icons:"[&>*]:p-xs dtk-orientation-horizontal:[&>*]:pr-s dtk-orientation-horizontal:[&>*]:pl-s [&>*]:leading-[0]",default:"[&>*]:p-s [&>*]:text-header-m"},drawer:{left:"dtk-orientation-vertical:gap-xs rounded-r-large bg-surface-default p-s",right:"dtk-orientation-vertical:gap-xs rounded-l-large bg-surface-default p-s",top:"dtk-orientation-vertical:gap-xs rounded-b-large bg-surface-default p-s",bottom:"dtk-orientation-vertical:gap-xs rounded-t-large bg-surface-default p-s"}}}),n=({children:t,className:a,variant:e="default",drawer:r=void 0,...o})=>(containsExactChildren({children:t,componentName:n.displayName,restrictions:{[d.displayName]:{min:1}}}),jsx(TabList,{className:cn(k({variant:e,drawer:r}),a),...o,children:t}));n.displayName="Tabs.List";s.List=n;var x=cn("fg-default-dark cursor-pointer p-s outline-none","rounded-medium group-dtk-orientation-horizontal:rounded-small group-dtk-orientation-horizontal:rounded-b-none","group-dtk-orientation-horizontal:border-static-light group-dtk-orientation-horizontal:border-b","group-dtk-orientation-vertical:border group-dtk-orientation-vertical:border-transparent"),z=cva(x,{variants:{isSelected:{true:"fg-highlight bg-highlight-subtle group-dtk-orientation-horizontal:border-highlight"},isHovered:{true:"fg-default-light group-dtk-orientation-horizontal:border-interactive-hover"},isFocused:{true:"fg-default-light group-dtk-orientation-horizontal:border-interactive-hover"},isDisabled:{true:"fg-disabled cursor-not-allowed group-dtk-orientation-horizontal:border-interactive-disabled"}},compoundVariants:[{isSelected:true,isHovered:true,className:"fg-highlight group-dtk-orientation-horizontal:border-highlight"},{isSelected:true,isFocused:true,className:"fg-highlight group-dtk-orientation-horizontal:border-interactive-hover group-dtk-orientation-vertical:border-interactive-hover"},{isDisabled:true,isSelected:true,className:"fg-disabled bg-interactive-disabled group-dtk-orientation-horizontal:border-interactive-disabled"}]}),d=({id:t,children:a,className:e,isDisabled:r=false,...o})=>jsx(Tab,{id:t,className:({isSelected:g,isHovered:c,isFocused:h,isDisabled:f})=>cn(z({isSelected:g,isHovered:c,isFocused:h,isDisabled:f}),e),isDisabled:r,...o,children:a});d.displayName="Tabs.Tab";s.Tab=d;var u=({id:t,children:a,className:e,...r})=>jsx(TabPanel,{id:t,className:cn("fg-default-light p-s group-dtk-orientation-vertical:pt-0 group-dtk-orientation-horizontal:pl-0",e),...r,children:a});u.displayName="Tabs.Panel";s.Panel=u;export{s as Tabs};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"names":["children","orientation","containsExactChildren","p","Tabs","AriaTabs","l","v","isDisabled","cn","cva","b","TabList","jsx","tabListStyles","variant","drawer","className","tabBaseStyles","AriaTab","id","T","isSelected","o","isFocused","Tab","TabPanel","AriaTabPanel"],"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\nimport { containsExactChildren } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport { cva } from 'cva';\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: {\n      [TabList.displayName]: { min: 1, max: 1 },\n    },\n  });\n\n  return (\n    <AriaTabs\n      orientation={orientation}\n      isDisabled={isDisabled}\n      className={cn(\n        'group flex w-content flex-row ai-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 ai-orientation-horizontal:flex-row flex-col', {\n  variants: {\n    variant: {\n      icons:\n        '[&>*]:p-xs ai-orientation-horizontal:[&>*]:pr-s ai-orientation-horizontal:[&>*]:pl-s [&>*]:leading-[0]',\n      default: '[&>*]:p-s [&>*]:text-header-m',\n    },\n    drawer: {\n      left: 'ai-orientation-vertical:gap-xs rounded-r-large bg-surface-default p-s',\n      right:\n        'ai-orientation-vertical:gap-xs rounded-l-large bg-surface-default p-s',\n      top: 'ai-orientation-vertical:gap-xs rounded-b-large bg-surface-default p-s',\n      bottom:\n        'ai-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: {\n      [Tab.displayName]: { min: 1 },\n    },\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-ai-orientation-horizontal:rounded-small group-ai-orientation-horizontal:rounded-b-none',\n  'group-ai-orientation-horizontal:border-static-light group-ai-orientation-horizontal:border-b',\n  'group-ai-orientation-vertical:border group-ai-orientation-vertical:border-transparent',\n);\n\nconst tabStyles = cva(tabBaseStyles, {\n  variants: {\n    isSelected: {\n      true: 'fg-highlight bg-highlight-subtle group-ai-orientation-horizontal:border-highlight',\n    },\n    isHovered: {\n      true: 'fg-default-light group-ai-orientation-horizontal:border-interactive-hover',\n    },\n    isFocused: {\n      true: 'fg-default-light group-ai-orientation-horizontal:border-interactive-hover',\n    },\n    isDisabled: {\n      true: 'fg-disabled cursor-not-allowed group-ai-orientation-horizontal:border-interactive-disabled',\n    },\n  },\n  compoundVariants: [\n    {\n      isSelected: true,\n      isHovered: true,\n      className:\n        'fg-highlight group-ai-orientation-horizontal:border-highlight',\n    },\n    {\n      isSelected: true,\n      isFocused: true,\n      className:\n        'fg-highlight group-ai-orientation-horizontal:border-interactive-hover group-ai-orientation-vertical:border-interactive-hover',\n    },\n    {\n      isDisabled: true,\n      isSelected: true,\n      className:\n        'fg-disabled bg-interactive-disabled group-ai-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-ai-orientation-vertical:pt-0 group-ai-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":["children","className","orientation","containsExactChildren","p","Tabs","jsx","AriaTabs","l","v","isDisabled","cn","cva","b","TabList","AriaTabList","tabListStyles","variant","tabBaseStyles","AriaTab","id","T","isSelected","isHovered","i","isFocused","Tab","TabPanel","AriaTabPanel","P"],"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\nimport { containsExactChildren } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport { cva } from 'cva';\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: {\n      [TabList.displayName]: { min: 1, max: 1 },\n    },\n  });\n\n  return (\n    <AriaTabs\n      orientation={orientation}\n      isDisabled={isDisabled}\n      className={cn(\n        'group flex w-content flex-row dtk-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 dtk-orientation-horizontal:flex-row flex-col', {\n  variants: {\n    variant: {\n      icons:\n        '[&>*]:p-xs dtk-orientation-horizontal:[&>*]:pr-s dtk-orientation-horizontal:[&>*]:pl-s [&>*]:leading-[0]',\n      default: '[&>*]:p-s [&>*]:text-header-m',\n    },\n    drawer: {\n      left: 'dtk-orientation-vertical:gap-xs rounded-r-large bg-surface-default p-s',\n      right:\n        'dtk-orientation-vertical:gap-xs rounded-l-large bg-surface-default p-s',\n      top: 'dtk-orientation-vertical:gap-xs rounded-b-large bg-surface-default p-s',\n      bottom:\n        'dtk-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: {\n      [Tab.displayName]: { min: 1 },\n    },\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-dtk-orientation-horizontal:rounded-small group-dtk-orientation-horizontal:rounded-b-none',\n  'group-dtk-orientation-horizontal:border-static-light group-dtk-orientation-horizontal:border-b',\n  'group-dtk-orientation-vertical:border group-dtk-orientation-vertical:border-transparent',\n);\n\nconst tabStyles = cva(tabBaseStyles, {\n  variants: {\n    isSelected: {\n      true: 'fg-highlight bg-highlight-subtle group-dtk-orientation-horizontal:border-highlight',\n    },\n    isHovered: {\n      true: 'fg-default-light group-dtk-orientation-horizontal:border-interactive-hover',\n    },\n    isFocused: {\n      true: 'fg-default-light group-dtk-orientation-horizontal:border-interactive-hover',\n    },\n    isDisabled: {\n      true: 'fg-disabled cursor-not-allowed group-dtk-orientation-horizontal:border-interactive-disabled',\n    },\n  },\n  compoundVariants: [\n    {\n      isSelected: true,\n      isHovered: true,\n      className:\n        'fg-highlight group-dtk-orientation-horizontal:border-highlight',\n    },\n    {\n      isSelected: true,\n      isFocused: true,\n      className:\n        'fg-highlight group-dtk-orientation-horizontal:border-interactive-hover group-dtk-orientation-vertical:border-interactive-hover',\n    },\n    {\n      isDisabled: true,\n      isSelected: true,\n      className:\n        'fg-disabled bg-interactive-disabled group-dtk-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-dtk-orientation-vertical:pt-0 group-dtk-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/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-area/index.tsx"],"names":["g","ref","size","props","TextAreaContext","jsx","cn","T","e","isInvalid","textAreaStyles","n","className","Input","TextArea","description","errorMessage","label","placeholder","isSmall","shouldShowDescription","isDisabled","shouldShowError","isReadOnly","jsxs","b","Label","a","AriaText","x"],"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\nimport 'client-only';\nimport {\n  Text as AriaText,\n  TextArea as AriaTextArea,\n  type TextAreaProps as AriaTextAreaProps,\n  TextField as AriaTextField,\n  type TextFieldProps as AriaTextFieldProps,\n  TextAreaContext,\n  useContextProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type { ForwardedRef } from 'react';\nimport { Label } from '../label';\n\nconst textAreaStyles = cva(\n  ['block w-full rounded-medium p-s font-display outline outline-interactive'],\n  {\n    variants: {\n      isDisabled: {\n        true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n        false:\n          'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n      },\n      isInvalid: {\n        true: 'outline-serious',\n      },\n      isReadOnly: {\n        true: 'rounded-none p-0 outline-none',\n      },\n      size: {\n        medium: 'text-body-s',\n        small: 'text-body-xs',\n      },\n      isClearable: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isInvalid: true,\n        className: 'outline-interactive-disabled',\n      },\n      {\n        isClearable: true,\n        isDisabled: false,\n        size: 'medium',\n        className: 'pr-xl',\n      },\n    ],\n    defaultVariants: {\n      isClearable: false,\n      size: 'medium',\n    },\n  },\n);\n\ninterface InputProps\n  extends VariantProps<typeof textAreaStyles>,\n    Omit<AriaTextAreaProps, 'size'> {\n  selectOnFocus?: boolean;\n  ref?: ForwardedRef<HTMLTextAreaElement>;\n}\n\nconst Input = ({\n  className,\n  ref = null,\n  selectOnFocus = false,\n  size = 'medium',\n  ...props\n}: InputProps) => {\n  [props, ref] = useContextProps(props, ref, TextAreaContext);\n\n  if (props.readOnly) {\n    return (\n      <span\n        className={cn(\n          textAreaStyles({\n            isDisabled: false,\n            isReadOnly: props.readOnly,\n            size,\n            className,\n          }),\n        )}\n      >\n        {props.value || '\\u00A0'}\n      </span>\n    );\n  }\n\n  return (\n    <div className='relative flex items-center'>\n      <AriaTextArea\n        {...props}\n        onFocus={(e) => {\n          if (selectOnFocus) {\n            ref.current?.select();\n          }\n\n          props.onFocus?.(e);\n        }}\n        ref={ref}\n        className={({ isDisabled, isInvalid }) =>\n          cn(\n            textAreaStyles({\n              isDisabled,\n              isInvalid,\n              isReadOnly: props.readOnly,\n              size,\n              className,\n            }),\n          )\n        }\n      />\n    </div>\n  );\n};\nInput.displayName = 'TextArea.Input';\n\nexport interface TextAreaProps\n  extends Omit<\n      VariantProps<typeof textAreaStyles>,\n      'isDisabled' | 'isInvalid' | 'isReadOnly'\n    >,\n    Omit<AriaTextFieldProps, 'className'>,\n    Omit<InputProps, keyof AriaTextFieldProps> {\n  className?: string;\n  description?: string;\n  errorMessage?: string;\n  label?: string;\n  placeholder?: string;\n}\n\nexport function TextArea({\n  className,\n  description,\n  errorMessage,\n  isDisabled,\n  isInvalid,\n  isReadOnly,\n  label,\n  placeholder,\n  size = 'medium',\n  ...props\n}: TextAreaProps) {\n  const isSmall = size === 'small';\n  const shouldShowDescription = !(isSmall || isInvalid) || isDisabled;\n  const shouldShowError = isInvalid && !isDisabled && !isReadOnly;\n\n  return (\n    <AriaTextField\n      {...(props as AriaTextFieldProps)}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      className={'flex flex-col gap-xs'}\n    >\n      {!isSmall && (\n        <Label\n          className='empty:hidden'\n          isDisabled={isDisabled}\n          isOptional={!props.isRequired}\n        >\n          {label}\n        </Label>\n      )}\n      <Input className={className} placeholder={placeholder} size={size} />\n      {shouldShowDescription && (\n        <AriaText\n          className={cn([\n            'fg-default-dark text-body-xs empty:hidden',\n            isDisabled && 'fg-disabled',\n          ])}\n          slot='description'\n        >\n          {description}\n        </AriaText>\n      )}\n      {shouldShowError && (\n        <AriaText\n          className='fg-serious text-body-xs empty:hidden'\n          slot='errorMessage'\n        >\n          {errorMessage}\n        </AriaText>\n      )}\n    </AriaTextField>\n  );\n}\nTextArea.displayName = 'TextArea';\n"]}
+{"version":3,"sources":["../../../src/components/text-area/index.tsx"],"names":["g","ref","size","props","TextAreaContext","P","h","T","e","textAreaStyles","n","Input","label","isSmall","shouldShowDescription","isInvalid","isDisabled","shouldShowError","isReadOnly","jsxs","b","Label","a","jsx","AriaText","x","TextArea"],"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\nimport 'client-only';\nimport {\n  Text as AriaText,\n  TextArea as AriaTextArea,\n  type TextAreaProps as AriaTextAreaProps,\n  TextField as AriaTextField,\n  type TextFieldProps as AriaTextFieldProps,\n  TextAreaContext,\n  useContextProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type { ForwardedRef } from 'react';\nimport { Label } from '../label';\n\nconst textAreaStyles = cva(\n  ['block w-full rounded-medium p-s font-display outline outline-interactive'],\n  {\n    variants: {\n      isDisabled: {\n        true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n        false:\n          'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n      },\n      isInvalid: {\n        true: 'outline-serious',\n      },\n      isReadOnly: {\n        true: 'rounded-none p-0 outline-none',\n      },\n      size: {\n        medium: 'text-body-s',\n        small: 'text-body-xs',\n      },\n      isClearable: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isInvalid: true,\n        className: 'outline-interactive-disabled',\n      },\n      {\n        isClearable: true,\n        isDisabled: false,\n        size: 'medium',\n        className: 'pr-xl',\n      },\n    ],\n    defaultVariants: {\n      isClearable: false,\n      size: 'medium',\n    },\n  },\n);\n\ninterface InputProps\n  extends VariantProps<typeof textAreaStyles>,\n    Omit<AriaTextAreaProps, 'size'> {\n  selectOnFocus?: boolean;\n  ref?: ForwardedRef<HTMLTextAreaElement>;\n}\n\nconst Input = ({\n  className,\n  ref = null,\n  selectOnFocus = false,\n  size = 'medium',\n  ...props\n}: InputProps) => {\n  [props, ref] = useContextProps(props, ref, TextAreaContext);\n\n  if (props.readOnly) {\n    return (\n      <span\n        className={cn(\n          textAreaStyles({\n            isDisabled: false,\n            isReadOnly: props.readOnly,\n            size,\n            className,\n          }),\n        )}\n      >\n        {props.value || '\\u00A0'}\n      </span>\n    );\n  }\n\n  return (\n    <div className='relative flex items-center'>\n      <AriaTextArea\n        {...props}\n        onFocus={(e) => {\n          if (selectOnFocus) {\n            ref.current?.select();\n          }\n\n          props.onFocus?.(e);\n        }}\n        ref={ref}\n        className={({ isDisabled, isInvalid }) =>\n          cn(\n            textAreaStyles({\n              isDisabled,\n              isInvalid,\n              isReadOnly: props.readOnly,\n              size,\n              className,\n            }),\n          )\n        }\n      />\n    </div>\n  );\n};\nInput.displayName = 'TextArea.Input';\n\nexport interface TextAreaProps\n  extends Omit<\n      VariantProps<typeof textAreaStyles>,\n      'isDisabled' | 'isInvalid' | 'isReadOnly'\n    >,\n    Omit<AriaTextFieldProps, 'className'>,\n    Omit<InputProps, keyof AriaTextFieldProps> {\n  className?: string;\n  description?: string;\n  errorMessage?: string;\n  label?: string;\n  placeholder?: string;\n}\n\nexport function TextArea({\n  className,\n  description,\n  errorMessage,\n  isDisabled,\n  isInvalid,\n  isReadOnly,\n  label,\n  placeholder,\n  size = 'medium',\n  ...props\n}: TextAreaProps) {\n  const isSmall = size === 'small';\n  const shouldShowDescription = !(isSmall || isInvalid) || isDisabled;\n  const shouldShowError = isInvalid && !isDisabled && !isReadOnly;\n\n  return (\n    <AriaTextField\n      {...(props as AriaTextFieldProps)}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      className={'flex flex-col gap-xs'}\n    >\n      {!isSmall && (\n        <Label\n          className='empty:hidden'\n          isDisabled={isDisabled}\n          isOptional={!props.isRequired}\n        >\n          {label}\n        </Label>\n      )}\n      <Input className={className} placeholder={placeholder} size={size} />\n      {shouldShowDescription && (\n        <AriaText\n          className={cn([\n            'fg-default-dark text-body-xs empty:hidden',\n            isDisabled && 'fg-disabled',\n          ])}\n          slot='description'\n        >\n          {description}\n        </AriaText>\n      )}\n      {shouldShowError && (\n        <AriaText\n          className='fg-serious text-body-xs empty:hidden'\n          slot='errorMessage'\n        >\n          {errorMessage}\n        </AriaText>\n      )}\n    </AriaTextField>\n  );\n}\nTextArea.displayName = 'TextArea';\n"]}

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

@@ -1,2 +1,2 @@
-import'client-only';import {TextField,Text,useContextProps,InputContext,Input,Button}from'react-aria-components';import {cn}from'./../../lib/utils.js';import {CancelFill}from'@accelint/icons';import {cva}from'cva';import {useEffect}from'react';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {jsxs,jsx}from'react/jsx-runtime';var f=cva(["block w-full rounded-medium px-s py-xs font-display outline outline-interactive"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},isInvalid:{true:"outline-serious focus:outline-serious"},isReadOnly:{true:"rounded-none p-0 outline-none"},size:{medium:"text-body-s",small:"text-body-xs"},isClearable:{true:"",false:""}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"},{isClearable:true,isDisabled:false,size:"medium",className:"pr-xl"}],defaultVariants:{isClearable:false,size:"medium"}}),y={target:{value:""}},k=({className:r,isClearable:l=true,ref:t=null,selectOnFocus:o=false,size:a="medium",...e})=>{[e,t]=useContextProps(e,t,InputContext),useEffect(()=>{function i(n){l&&n.key==="Escape"&&e.onChange?.(y);}return t.current?.addEventListener("keydown",i),()=>t.current?.removeEventListener("keydown",i)},[l,e.onChange,t]);let d=!e.readOnly&&e.value&&a!=="small"&&l&&!e.disabled;return e.readOnly?jsx("span",{className:cn(f({isClearable:false,isDisabled:false,isReadOnly:e.readOnly,size:a,className:r})),children:e.value||"\xA0"}):jsxs("div",{className:"relative flex items-center",children:[jsx(Input,{onFocus:i=>{o&&t.current?.select(),e.onFocus?.(i);},ref:t,className:({isDisabled:i,isInvalid:n})=>cn(f({isClearable:l,isDisabled:i,isInvalid:n,isReadOnly:e.readOnly,size:a,className:r}))}),d&&jsx(Button,{className:"fg-default-dark icon-size-m hover:fg-interactive-hover absolute right-[5px] cursor-pointer",excludeFromTabOrder:true,onPress:()=>{e.onChange?.(y),t.current?.focus();},children:jsx(Icon,{children:jsx(CancelFill,{})})})]})};function M({className:r,isClearable:l=true,description:t,errorMessage:o,isDisabled:a,isInvalid:e,isReadOnly:d,label:i,placeholder:n,size:m="medium",...u}){let p=m==="small",b=t&&(!(p||e)||a),v=o&&e&&!a&&!d;return jsxs(TextField,{...u,isDisabled:a,isInvalid:e,isReadOnly:d,className:"flex flex-col gap-xs",children:[!p&&jsx(Label,{className:"empty:hidden",isDisabled:a,isOptional:!u.isRequired,children:i}),jsx(k,{className:r,isClearable:l,placeholder:n,size:m,...u}),b&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",a&&"fg-disabled"]),slot:"description",children:t}),v&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:o})]})}export{M as TextField};//# sourceMappingURL=index.js.map
+import'client-only';import {TextField,Text,useContextProps,InputContext,Input,Button}from'react-aria-components';import {cn}from'./../../lib/utils.js';import {CancelFill}from'@accelint/icons';import {cva}from'cva';import {useEffect}from'react';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {jsxs,jsx}from'react/jsx-runtime';var f=cva(["block w-full rounded-medium px-s py-xs font-display outline outline-interactive"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},isInvalid:{true:"outline-serious focus:outline-serious"},isReadOnly:{true:"rounded-none p-0 outline-none"},size:{medium:"text-body-s",small:"text-body-xs"},isClearable:{true:"",false:""}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"},{isClearable:true,isDisabled:false,size:"medium",className:"pr-xl"}],defaultVariants:{isClearable:false,size:"medium"}}),y={target:{value:""}},k=({className:r,isClearable:i=true,ref:t=null,selectOnFocus:o=false,size:a="medium",...e})=>{[e,t]=useContextProps(e,t,InputContext),useEffect(()=>{function l(n){i&&n.key==="Escape"&&e.onChange?.(y);}return t.current?.addEventListener("keydown",l),()=>t.current?.removeEventListener("keydown",l)},[i,e.onChange,t]);let d=!e.readOnly&&e.value&&a!=="small"&&i&&!e.disabled;return e.readOnly?jsx("span",{className:cn(f({isClearable:false,isDisabled:false,isReadOnly:e.readOnly,size:a,className:r})),children:e.value||"\xA0"}):jsxs("div",{className:"relative flex items-center",children:[jsx(Input,{onFocus:l=>{o&&t.current?.select(),e.onFocus?.(l);},ref:t,className:({isDisabled:l,isInvalid:n})=>cn(f({isClearable:i,isDisabled:l,isInvalid:n,isReadOnly:e.readOnly,size:a,className:r}))}),d&&jsx(Button,{className:"fg-default-dark hover:fg-interactive-hover absolute right-[5px] cursor-pointer",excludeFromTabOrder:true,onPress:()=>{e.onChange?.(y),t.current?.focus();},children:jsx(Icon,{size:"small",children:jsx(CancelFill,{})})})]})};function M({className:r,isClearable:i=true,description:t,errorMessage:o,isDisabled:a,isInvalid:e,isReadOnly:d,label:l,placeholder:n,size:m="medium",...u}){let p=m==="small",b=t&&(!(p||e)||a),v=o&&e&&!a&&!d;return jsxs(TextField,{...u,isDisabled:a,isInvalid:e,isReadOnly:d,className:"flex flex-col gap-xs",children:[!p&&jsx(Label,{className:"empty:hidden",isDisabled:a,isOptional:!u.isRequired,children:l}),jsx(k,{className:r,isClearable:i,placeholder:n,size:m,...u}),b&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",a&&"fg-disabled"]),slot:"description",children:t}),v&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:o})]})}export{M as TextField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["C","isClearable","ref","size","props","InputContext","useEffect","I","handleKeyPressed","e","shouldShowClearButton","jsx","s","c","jsxs","h","isDisabled","isInvalid","Button","P","N","O","TextField","description","label","isSmall","shouldShowError","errorMessage","AriaTextField","isReadOnly","className","placeholder","shouldShowDescription","AriaText","x"],"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\nimport 'client-only';\nimport {\n  Input as AriaInput,\n  type InputProps as AriaInputProps,\n  Text as AriaText,\n  TextField as AriaTextField,\n  type TextFieldProps as AriaTextFieldProps,\n  Button,\n  InputContext,\n  useContextProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { CancelFill } from '@accelint/icons';\nimport { type VariantProps, cva } from 'cva';\nimport { type ChangeEvent, type ForwardedRef, useEffect } from 'react';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\n\nconst textFieldStyles = cva(\n  [\n    'block w-full rounded-medium px-s py-xs font-display outline outline-interactive',\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n        false:\n          'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n      },\n      isInvalid: {\n        true: 'outline-serious focus:outline-serious',\n      },\n      isReadOnly: {\n        true: 'rounded-none p-0 outline-none',\n      },\n      size: {\n        medium: 'text-body-s',\n        small: 'text-body-xs',\n      },\n      isClearable: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isInvalid: true,\n        className: 'outline-interactive-disabled',\n      },\n      {\n        isClearable: true,\n        isDisabled: false,\n        size: 'medium',\n        className: 'pr-xl',\n      },\n    ],\n    defaultVariants: {\n      isClearable: false,\n      size: 'medium',\n    },\n  },\n);\n\ninterface InputProps\n  extends VariantProps<typeof textFieldStyles>,\n    Omit<AriaInputProps, 'size'> {\n  isClearable?: boolean;\n  selectOnFocus?: boolean;\n  ref?: ForwardedRef<HTMLInputElement>;\n}\n\nconst clearInputEvent = {\n  target: { value: '' },\n} as ChangeEvent<HTMLInputElement>;\n\nconst Input = ({\n  className,\n  isClearable = true,\n  ref = null,\n  selectOnFocus = false,\n  size = 'medium',\n  ...props\n}: InputProps) => {\n  [props, ref] = useContextProps(props, ref, InputContext);\n\n  useEffect(() => {\n    function handleKeyPressed(e: KeyboardEvent) {\n      if (isClearable && e.key === 'Escape') {\n        props.onChange?.(clearInputEvent);\n      }\n    }\n\n    ref.current?.addEventListener('keydown', handleKeyPressed);\n\n    return () => ref.current?.removeEventListener('keydown', handleKeyPressed);\n  }, [isClearable, props.onChange, ref]);\n\n  const shouldShowClearButton =\n    !props.readOnly &&\n    props.value &&\n    size !== 'small' &&\n    isClearable &&\n    !props.disabled;\n\n  if (props.readOnly) {\n    return (\n      <span\n        className={cn(\n          textFieldStyles({\n            isClearable: false,\n            isDisabled: false,\n            isReadOnly: props.readOnly,\n            size,\n            className,\n          }),\n        )}\n      >\n        {props.value || '\\u00A0'}\n      </span>\n    );\n  }\n\n  return (\n    <div className='relative flex items-center'>\n      <AriaInput\n        onFocus={(e) => {\n          if (selectOnFocus) {\n            ref.current?.select();\n          }\n\n          props.onFocus?.(e);\n        }}\n        ref={ref}\n        className={({ isDisabled, isInvalid }) =>\n          cn(\n            textFieldStyles({\n              isClearable,\n              isDisabled,\n              isInvalid,\n              isReadOnly: props.readOnly,\n              size,\n              className,\n            }),\n          )\n        }\n      />\n      {shouldShowClearButton && (\n        <Button\n          className='fg-default-dark icon-size-m hover:fg-interactive-hover absolute right-[5px] cursor-pointer'\n          excludeFromTabOrder\n          onPress={() => {\n            props.onChange?.(clearInputEvent);\n            ref.current?.focus();\n          }}\n        >\n          <Icon>\n            <CancelFill />\n          </Icon>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport interface TextFieldProps\n  extends Omit<\n      VariantProps<typeof textFieldStyles>,\n      'isDisabled' | 'isInvalid' | 'isReadOnly'\n    >,\n    Omit<AriaTextFieldProps, 'className'>,\n    Omit<InputProps, keyof AriaTextFieldProps> {\n  className?: string;\n  isClearable?: boolean;\n  description?: string;\n  errorMessage?: string;\n  label?: string;\n  placeholder?: string;\n}\n\nexport function TextField({\n  className,\n  isClearable = true,\n  description,\n  errorMessage,\n  isDisabled,\n  isInvalid,\n  isReadOnly,\n  label,\n  placeholder,\n  size = 'medium',\n  ...props\n}: TextFieldProps) {\n  const isSmall = size === 'small';\n  const shouldShowDescription =\n    description && (!(isSmall || isInvalid) || isDisabled);\n  const shouldShowError =\n    errorMessage && isInvalid && !isDisabled && !isReadOnly;\n\n  return (\n    <AriaTextField\n      {...(props as TextFieldProps)}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      className={'flex flex-col gap-xs'}\n    >\n      {!isSmall && (\n        <Label\n          className='empty:hidden'\n          isDisabled={isDisabled}\n          isOptional={!props.isRequired}\n        >\n          {label}\n        </Label>\n      )}\n      <Input\n        className={className}\n        isClearable={isClearable}\n        placeholder={placeholder}\n        size={size}\n        {...(props as InputProps)}\n      />\n      {shouldShowDescription && (\n        <AriaText\n          className={cn([\n            'fg-default-dark text-body-xs empty:hidden',\n            isDisabled && 'fg-disabled',\n          ])}\n          slot='description'\n        >\n          {description}\n        </AriaText>\n      )}\n      {shouldShowError && (\n        <AriaText\n          className='fg-serious text-body-xs empty:hidden'\n          slot='errorMessage'\n        >\n          {errorMessage}\n        </AriaText>\n      )}\n    </AriaTextField>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["C","ref","size","props","InputContext","useEffect","I","handleKeyPressed","e","shouldShowClearButton","isClearable","jsx","s","c","jsxs","h","g","textFieldStyles","Button","P","N","O","TextField","label","shouldShowDescription","isSmall","isInvalid","isDisabled","shouldShowError","errorMessage","isReadOnly","AriaTextField","F","Label","AriaText","x","description"],"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\nimport 'client-only';\nimport {\n  Input as AriaInput,\n  type InputProps as AriaInputProps,\n  Text as AriaText,\n  TextField as AriaTextField,\n  type TextFieldProps as AriaTextFieldProps,\n  Button,\n  InputContext,\n  useContextProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { CancelFill } from '@accelint/icons';\nimport { type VariantProps, cva } from 'cva';\nimport { type ChangeEvent, type ForwardedRef, useEffect } from 'react';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\n\nconst textFieldStyles = cva(\n  [\n    'block w-full rounded-medium px-s py-xs font-display outline outline-interactive',\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n        false:\n          'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n      },\n      isInvalid: {\n        true: 'outline-serious focus:outline-serious',\n      },\n      isReadOnly: {\n        true: 'rounded-none p-0 outline-none',\n      },\n      size: {\n        medium: 'text-body-s',\n        small: 'text-body-xs',\n      },\n      isClearable: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isInvalid: true,\n        className: 'outline-interactive-disabled',\n      },\n      {\n        isClearable: true,\n        isDisabled: false,\n        size: 'medium',\n        className: 'pr-xl',\n      },\n    ],\n    defaultVariants: {\n      isClearable: false,\n      size: 'medium',\n    },\n  },\n);\n\ninterface InputProps\n  extends VariantProps<typeof textFieldStyles>,\n    Omit<AriaInputProps, 'size'> {\n  isClearable?: boolean;\n  selectOnFocus?: boolean;\n  ref?: ForwardedRef<HTMLInputElement>;\n}\n\nconst clearInputEvent = {\n  target: { value: '' },\n} as ChangeEvent<HTMLInputElement>;\n\nconst Input = ({\n  className,\n  isClearable = true,\n  ref = null,\n  selectOnFocus = false,\n  size = 'medium',\n  ...props\n}: InputProps) => {\n  [props, ref] = useContextProps(props, ref, InputContext);\n\n  useEffect(() => {\n    function handleKeyPressed(e: KeyboardEvent) {\n      if (isClearable && e.key === 'Escape') {\n        props.onChange?.(clearInputEvent);\n      }\n    }\n\n    ref.current?.addEventListener('keydown', handleKeyPressed);\n\n    return () => ref.current?.removeEventListener('keydown', handleKeyPressed);\n  }, [isClearable, props.onChange, ref]);\n\n  const shouldShowClearButton =\n    !props.readOnly &&\n    props.value &&\n    size !== 'small' &&\n    isClearable &&\n    !props.disabled;\n\n  if (props.readOnly) {\n    return (\n      <span\n        className={cn(\n          textFieldStyles({\n            isClearable: false,\n            isDisabled: false,\n            isReadOnly: props.readOnly,\n            size,\n            className,\n          }),\n        )}\n      >\n        {props.value || '\\u00A0'}\n      </span>\n    );\n  }\n\n  return (\n    <div className='relative flex items-center'>\n      <AriaInput\n        onFocus={(e) => {\n          if (selectOnFocus) {\n            ref.current?.select();\n          }\n\n          props.onFocus?.(e);\n        }}\n        ref={ref}\n        className={({ isDisabled, isInvalid }) =>\n          cn(\n            textFieldStyles({\n              isClearable,\n              isDisabled,\n              isInvalid,\n              isReadOnly: props.readOnly,\n              size,\n              className,\n            }),\n          )\n        }\n      />\n      {shouldShowClearButton && (\n        <Button\n          className='fg-default-dark hover:fg-interactive-hover absolute right-[5px] cursor-pointer'\n          excludeFromTabOrder\n          onPress={() => {\n            props.onChange?.(clearInputEvent);\n            ref.current?.focus();\n          }}\n        >\n          <Icon size='small'>\n            <CancelFill />\n          </Icon>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport interface TextFieldProps\n  extends Omit<\n      VariantProps<typeof textFieldStyles>,\n      'isDisabled' | 'isInvalid' | 'isReadOnly'\n    >,\n    Omit<AriaTextFieldProps, 'className'>,\n    Omit<InputProps, keyof AriaTextFieldProps> {\n  className?: string;\n  isClearable?: boolean;\n  description?: string;\n  errorMessage?: string;\n  label?: string;\n  placeholder?: string;\n}\n\nexport function TextField({\n  className,\n  isClearable = true,\n  description,\n  errorMessage,\n  isDisabled,\n  isInvalid,\n  isReadOnly,\n  label,\n  placeholder,\n  size = 'medium',\n  ...props\n}: TextFieldProps) {\n  const isSmall = size === 'small';\n  const shouldShowDescription =\n    description && (!(isSmall || isInvalid) || isDisabled);\n  const shouldShowError =\n    errorMessage && isInvalid && !isDisabled && !isReadOnly;\n\n  return (\n    <AriaTextField\n      {...(props as TextFieldProps)}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      className={'flex flex-col gap-xs'}\n    >\n      {!isSmall && (\n        <Label\n          className='empty:hidden'\n          isDisabled={isDisabled}\n          isOptional={!props.isRequired}\n        >\n          {label}\n        </Label>\n      )}\n      <Input\n        className={className}\n        isClearable={isClearable}\n        placeholder={placeholder}\n        size={size}\n        {...(props as InputProps)}\n      />\n      {shouldShowDescription && (\n        <AriaText\n          className={cn([\n            'fg-default-dark text-body-xs empty:hidden',\n            isDisabled && 'fg-disabled',\n          ])}\n          slot='description'\n        >\n          {description}\n        </AriaText>\n      )}\n      {shouldShowError && (\n        <AriaText\n          className='fg-serious text-body-xs empty:hidden'\n          slot='errorMessage'\n        >\n          {errorMessage}\n        </AriaText>\n      )}\n    </AriaTextField>\n  );\n}\n"]}

package/dist/components/toggle-icon-button/index.js

@@ -1,2 +1,2 @@
-import {expectsIconWrapper}from'./../../lib/react.js';import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {ToggleButton,composeRenderProps}from'react-aria-components';import {jsx}from'react/jsx-runtime';var n=cva("inline-flex cursor-pointer items-center justify-center bg-transparent outline-none hover:bg-interactive-hover-dark focus:bg-interactive-hover-dark",{variants:{variant:{primary:"icon-default-light ai-selected:icon-highlight ai-selected:hover:bg-highlight-subtle ai-selected:focus:bg-highlight-subtle",secondary:"icon-default-dark hover:icon-default-light focus:icon-default-light ai-selected:icon-highlight ai-selected:hover:bg-highlight-subtle ai-selected:focus:bg-highlight-subtle"},size:{medium:"size-[28px] rounded-medium [--icon-size:var(--spacing-xl)]",small:"size-[20px] rounded-small [--icon-size:var(--spacing-l)]"},isDisabled:{true:"not-ai-selected:icon-disabled ai-selected:cursor-default not-ai-selected:cursor-not-allowed not-ai-selected:bg-interactive-disabled ai-selected:hover:bg-transparent not-ai-selected:hover:bg-interactive-disabled ai-selected:focus:bg-transparent not-ai-selected:focus:bg-interactive-disabled",false:""}},defaultVariants:{isDisabled:false,size:"medium",variant:"primary"}}),i=({className:e,size:t="medium",variant:r="secondary",isDisabled:o,...a})=>(expectsIconWrapper({children:a.children,componentName:i.displayName}),jsx(ToggleButton,{className:composeRenderProps(e,l=>cn(n({isDisabled:o,size:t,variant:r,className:l}))),isDisabled:o,...a}));i.displayName="ToggleIconButton";i.as=(e,t)=>cn(n({...e,className:t}));export{i as ToggleIconButton};//# sourceMappingURL=index.js.map
+import {expectsIconWrapper}from'./../../lib/react.js';import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {ToggleButton,composeRenderProps}from'react-aria-components';import {jsx}from'react/jsx-runtime';var r=cva("inline-flex cursor-pointer items-center justify-center bg-transparent outline-none hover:bg-interactive-hover-dark focus:bg-interactive-hover-dark",{variants:{variant:{primary:"icon-default-light dtk-selected:icon-highlight dtk-selected:hover:bg-highlight-subtle dtk-selected:focus:bg-highlight-subtle",secondary:"icon-default-dark hover:icon-default-light focus:icon-default-light dtk-selected:icon-highlight dtk-selected:hover:bg-highlight-subtle dtk-selected:focus:bg-highlight-subtle"},size:{medium:"size-[28px] rounded-medium [--icon-size:var(--spacing-xl)]",small:"size-[20px] rounded-small [--icon-size:var(--spacing-l)]"},isDisabled:{true:"not-dtk-selected:icon-disabled dtk-selected:cursor-default not-dtk-selected:cursor-not-allowed not-dtk-selected:bg-interactive-disabled dtk-selected:hover:bg-transparent not-dtk-selected:hover:bg-interactive-disabled dtk-selected:focus:bg-transparent not-dtk-selected:focus:bg-interactive-disabled",false:""}},defaultVariants:{isDisabled:false,size:"medium",variant:"primary"}}),o=({className:e,size:t="medium",variant:l="secondary",isDisabled:i,...s})=>(expectsIconWrapper({children:s.children,componentName:o.displayName}),jsx(ToggleButton,{className:composeRenderProps(e,a=>cn(r({isDisabled:i,size:t,variant:l,className:a}))),isDisabled:i,...s}));o.displayName="ToggleIconButton";o.as=(e,t)=>cn(r({...e,className:t}));export{o as ToggleIconButton};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/toggle-icon-button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/toggle-icon-button/index.tsx"],"names":["g","ToggleIconButton","className","variant","props","c","jsx","p","composeRenderProps","u","s","isDisabled","cn","toggleIconButtonStyles"],"mappings":"0NAsBE,IAAA,CAAA,CAAAA,GAAA,CAAA,oJAGI,CAAA,CAAA,QAEI,CAAA,CAAA,OAAA,CAAA,CAAA,OAAA,CAAA,2HAEA,CAAA,SAAA,CAAA,4KAGF,CAAQ,CACR,IAAA,CAAA,CAAA,MAAA,CAAA,4DACF,CAAA,KAAA,CAAA,0DAEE,CAAM,CAAA,UAAA,CAAA,CAAA,IAAA,CAAA,mSAIO,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,eACH,CAAA,CACZ,UAAM,CAAA,KAAA,CACN,IAAS,CAAA,QAAA,CAAA,OAWFC,CAAAA,SACX,CAAA,CAAA,CAAA,CAAAC,CACA,CAAA,CAAA,CAAA,SAAO,CAAA,CAAA,CAAA,IACPC,CAAAA,CAAAA,CAAAA,QACA,CAAA,OAAA,CAAA,CAAA,CAAA,WACA,CAAA,UAEmB,CACjB,CAAUC,CAAAA,GAAAA,CAAAA,CAAAA,IAAMC,kBAChB,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,QAAA,CAAeJ,aACjB,CAAC,CAAA,CAGCK,WACE,CAAA,CAAA,CAAAC,GAAWC,CAAmBN,YAAAA,CAAAA,CAAYA,SAGpC,CAAAO,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAAC,EAAA,CAAAC,CACA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,IACA,CAAA,CAAA,CAAA,OACF,CAAC,CACH,CACF,SACA,CAAA,CAAA,CAAA,CAAYA,CACX,CAAA,CAAA,UAIwB,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,kBAI1BC,CAAGC,CAAuB,CAAA,EAAKT,CAAAA,CAAAA,CAAAA,CAAO,CAAAF,GAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,GAAW,CAAC,CAAA,SAAA,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\nimport { expectsIconWrapper } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport {\n  ToggleButton as AriaToggleButton,\n  type ToggleButtonProps as AriaToggleButtonProps,\n  composeRenderProps,\n} from 'react-aria-components';\n\nconst toggleIconButtonStyles = cva(\n  'inline-flex cursor-pointer items-center justify-center bg-transparent outline-none hover:bg-interactive-hover-dark focus:bg-interactive-hover-dark',\n  {\n    variants: {\n      variant: {\n        primary:\n          'icon-default-light ai-selected:icon-highlight ai-selected:hover:bg-highlight-subtle ai-selected:focus:bg-highlight-subtle',\n        secondary:\n          'icon-default-dark hover:icon-default-light focus:icon-default-light ai-selected:icon-highlight ai-selected:hover:bg-highlight-subtle ai-selected:focus:bg-highlight-subtle',\n      },\n      size: {\n        medium: 'size-[28px] rounded-medium [--icon-size:var(--spacing-xl)]',\n        small: 'size-[20px] rounded-small [--icon-size:var(--spacing-l)]',\n      },\n      isDisabled: {\n        true: 'not-ai-selected:icon-disabled ai-selected:cursor-default not-ai-selected:cursor-not-allowed not-ai-selected:bg-interactive-disabled ai-selected:hover:bg-transparent not-ai-selected:hover:bg-interactive-disabled ai-selected:focus:bg-transparent not-ai-selected:focus:bg-interactive-disabled',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isDisabled: false,\n      size: 'medium',\n      variant: 'primary',\n    },\n  },\n);\n\nexport interface ToggleIconButtonProps\n  extends Omit<AriaToggleButtonProps, 'isDisabled'>,\n    VariantProps<typeof toggleIconButtonStyles> {\n  isDisabled?: boolean;\n}\n\nexport const ToggleIconButton = ({\n  className,\n  size = 'medium',\n  variant = 'secondary',\n  isDisabled,\n  ...props\n}: ToggleIconButtonProps) => {\n  expectsIconWrapper({\n    children: props.children,\n    componentName: ToggleIconButton.displayName,\n  });\n\n  return (\n    <AriaToggleButton\n      className={composeRenderProps(className, (className) =>\n        cn(\n          toggleIconButtonStyles({\n            isDisabled,\n            size,\n            variant,\n            className,\n          }),\n        ),\n      )}\n      isDisabled={isDisabled}\n      {...props}\n    />\n  );\n};\nToggleIconButton.displayName = 'ToggleIconButton';\nToggleIconButton.as = (\n  props: VariantProps<typeof toggleIconButtonStyles>,\n  className?: string | string[],\n) => cn(toggleIconButtonStyles({ ...props, className }));\n"]}
+{"version":3,"sources":["../../../src/components/toggle-icon-button/index.tsx"],"names":["c","ToggleIconButton","className","d","jsx","p","composeRenderProps","u","n","isDisabled","cn","toggleIconButtonStyles","props"],"mappings":"0NAsBE,IAAA,CAAA,CAAAA,GAAA,CAAA,oJAGI,CAAA,CAAA,QACE,CAAA,CAAA,OACE,CAAA,CAAA,OAAA,CAAA,8HAEA,CAAA,SAAA,CAAA,+KAGF,CAAQ,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,4DACD,CAAA,KAAA,CAAA,0DAGP,CAAA,CAAA,UAAM,CAAA,CAAA,IAAA,CAAA,2SAIV,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,eACc,CAAA,CACZ,UAAM,CAAA,KAAA,CACN,IAAA,CAAA,QAAS,CAAA,OAWFC,CAAAA,SACX,CAAA,CAAA,CAAA,CAAAC,CAAAA,CACA,CAAA,CAAA,SAAO,CAAA,CAAA,CAAA,IACP,CAAA,CAAA,CAAA,QAAU,CAAA,OAAA,CACV,CAAA,CAAA,WACA,CAAA,UAEmB,CACjB,CAAA,CAAA,GAAA,CAAA,CAAA,IAAgBC,kBAAA,CAAA,CAAA,QAChB,CAAA,CAAA,CAAA,QAAA,CAAeF,aACjB,CAAC,CAAA,CAGCG,WACE,CAAA,CAAA,CAAAC,GAAWC,CAAAA,YAAmBJ,CAAAA,CAAYA,SAGpC,CAAAK,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAAC,EAAA,CAAAC,CAAAA,CACA,CAAA,UACA,CAAA,CAAA,CAAA,IACA,CAAA,CAAA,CAAA,OACF,CAAC,CACH,CACF,SACA,CAAA,CAAA,CAAA,CAAYA,CAAAA,CACX,CAAA,UAIU,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,WAAA,CAAA,kBAI1BC,CAAGC,CAAAA,CAAuB,EAAE,CAAA,CAAGC,CAAAA,CAAO,CAAA,GAAAJ,EAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAC,CAAA,SAAA,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\nimport { expectsIconWrapper } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport {\n  ToggleButton as AriaToggleButton,\n  type ToggleButtonProps as AriaToggleButtonProps,\n  composeRenderProps,\n} from 'react-aria-components';\n\nconst toggleIconButtonStyles = cva(\n  'inline-flex cursor-pointer items-center justify-center bg-transparent outline-none hover:bg-interactive-hover-dark focus:bg-interactive-hover-dark',\n  {\n    variants: {\n      variant: {\n        primary:\n          'icon-default-light dtk-selected:icon-highlight dtk-selected:hover:bg-highlight-subtle dtk-selected:focus:bg-highlight-subtle',\n        secondary:\n          'icon-default-dark hover:icon-default-light focus:icon-default-light dtk-selected:icon-highlight dtk-selected:hover:bg-highlight-subtle dtk-selected:focus:bg-highlight-subtle',\n      },\n      size: {\n        medium: 'size-[28px] rounded-medium [--icon-size:var(--spacing-xl)]',\n        small: 'size-[20px] rounded-small [--icon-size:var(--spacing-l)]',\n      },\n      isDisabled: {\n        true: 'not-dtk-selected:icon-disabled dtk-selected:cursor-default not-dtk-selected:cursor-not-allowed not-dtk-selected:bg-interactive-disabled dtk-selected:hover:bg-transparent not-dtk-selected:hover:bg-interactive-disabled dtk-selected:focus:bg-transparent not-dtk-selected:focus:bg-interactive-disabled',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isDisabled: false,\n      size: 'medium',\n      variant: 'primary',\n    },\n  },\n);\n\nexport interface ToggleIconButtonProps\n  extends Omit<AriaToggleButtonProps, 'isDisabled'>,\n    VariantProps<typeof toggleIconButtonStyles> {\n  isDisabled?: boolean;\n}\n\nexport const ToggleIconButton = ({\n  className,\n  size = 'medium',\n  variant = 'secondary',\n  isDisabled,\n  ...props\n}: ToggleIconButtonProps) => {\n  expectsIconWrapper({\n    children: props.children,\n    componentName: ToggleIconButton.displayName,\n  });\n\n  return (\n    <AriaToggleButton\n      className={composeRenderProps(className, (className) =>\n        cn(\n          toggleIconButtonStyles({\n            isDisabled,\n            size,\n            variant,\n            className,\n          }),\n        ),\n      )}\n      isDisabled={isDisabled}\n      {...props}\n    />\n  );\n};\nToggleIconButton.displayName = 'ToggleIconButton';\nToggleIconButton.as = (\n  props: VariantProps<typeof toggleIconButtonStyles>,\n  className?: string | string[],\n) => cn(toggleIconButtonStyles({ ...props, className }));\n"]}