@accelint/design-toolkit 2.4.3 → 2.5.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/value-editor.tsx"],"names":["name","rule","value","validator","p","jsx","u","h","values","m","option","defaultOptions","type","rest","P","y","valid","reasons","C","inputType","g","valueEditors","RadioGroupValueEditor","SelectValueEditor","SwitchValueEditor","TextValueEditor","ruleProp","props","V","useCallback","b","valueAsArray","index","handleRangeStartChange","multiValueHandler","handleRangeEndChange","valueEditorType","operator","multiValueOperators","D","A","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 { TextAreaField } from '../text-area-field';\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      inputProps={{ placeholder }}\n      type={(inputType as InputType) ?? 'text'}\n      size='small'\n      value={value}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n      errorMessage={reasons?.join('/n')}\n    />\n  );\n}\n\nfunction TextareaValueEditor({\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid, reasons } = getValidationResult(rule, validator);\n\n  return (\n    <TextAreaField\n      size='small'\n      errorMessage={reasons?.join('/n')}\n      inputProps={{ placeholder }}\n      value={value}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-label={name}\n      aria-invalid={!valid}\n      aria-labelledby={name}\n    />\n  );\n}\n\nconst valueEditors: QueryBuilderValueEditors = {\n  checkbox: CheckboxValueEditor,\n  radio: RadioGroupValueEditor,\n  select: SelectValueEditor,\n  switch: SwitchValueEditor,\n  text: TextValueEditor,\n  textarea: TextareaValueEditor,\n};\n\nexport function ValueEditor(props: ValueEditorProps) {\n  const {\n    fieldData: { name, valueEditorType },\n    operator,\n    rule: ruleProp,\n  } = props;\n\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    ...props,\n    skipHook: true,\n  });\n\n  const rule = useCallback(\n    (index: number) => ({\n      ...ruleProp,\n      value: valueAsArray[index],\n    }),\n    [ruleProp, valueAsArray],\n  );\n\n  const handleRangeStartChange = useCallback(\n    (value: string) => multiValueHandler(value, 0),\n    [multiValueHandler],\n  );\n\n  const handleRangeEndChange = useCallback(\n    (value: string) => multiValueHandler(value, 1),\n    [multiValueHandler],\n  );\n\n  const type =\n    (typeof valueEditorType === 'function'\n      ? valueEditorType(operator)\n      : valueEditorType) ?? 'text';\n\n  const Editor = valueEditors?.[type];\n\n  if (operator === 'null' || operator === 'notNull' || !Editor) {\n    return null;\n  }\n\n  if (multiValueOperators.includes(operator)) {\n    return (\n      <>\n        {['start', 'end'].map((term, index) => (\n          <div key={`${name}-${term}`}>\n            <Editor\n              {...props}\n              rule={rule(index)}\n              value={valueAsArray[index]}\n              handleOnChange={\n                index ? handleRangeEndChange : handleRangeStartChange\n              }\n            />\n          </div>\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <div>\n      <Editor {...props} />\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/query-builder/value-editor.tsx"],"names":["value","valid","getValidationResult","disabled","p","u","y","rule","validator","b","name","values","defaultOptions","type","jsx","h","handleOnChange","inputType","TextField","placeholder","P","TextareaValueEditor","TextAreaField","g","valueEditors","CheckboxValueEditor","SelectValueEditor","ruleProp","props","valueAsArray","useValueEditor","useCallback","index","multiValueHandler","v","valueEditorType","operator","Editor","multiValueOperators","Fragment","C","A","handleRangeStartChange","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'use client';\n\nimport 'client-only';\nimport { useCallback } from 'react';\nimport { type ValueEditorProps, useValueEditor } from 'react-querybuilder';\nimport { Checkbox } from '../checkbox';\nimport type { InputProps } from '../input/types';\nimport { Radio } from '../radio';\nimport { Switch } from '../switch';\nimport { TextAreaField } from '../text-area-field';\nimport { TextField } from '../text-field';\nimport { multiValueOperators } from './constants';\nimport type { QueryBuilderValueEditors } from './types';\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      inputProps={{\n        placeholder,\n        type: (inputType as InputProps['type']) ?? 'text',\n      }}\n      size='small'\n      value={value}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n      aria-labelledby={name}\n      errorMessage={reasons?.join('/n')}\n    />\n  );\n}\n\nfunction TextareaValueEditor({\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid, reasons } = getValidationResult(rule, validator);\n\n  return (\n    <TextAreaField\n      size='small'\n      errorMessage={reasons?.join('/n')}\n      inputProps={{ placeholder }}\n      value={value}\n      isDisabled={disabled}\n      isInvalid={!valid}\n      onChange={handleOnChange}\n      aria-label={name}\n      aria-invalid={!valid}\n      aria-labelledby={name}\n    />\n  );\n}\n\nconst valueEditors: QueryBuilderValueEditors = {\n  checkbox: CheckboxValueEditor,\n  radio: RadioGroupValueEditor,\n  select: SelectValueEditor,\n  switch: SwitchValueEditor,\n  text: TextValueEditor,\n  textarea: TextareaValueEditor,\n};\n\nexport function ValueEditor(props: ValueEditorProps) {\n  const {\n    fieldData: { name, valueEditorType },\n    operator,\n    rule: ruleProp,\n  } = props;\n\n  const { valueAsArray, multiValueHandler } = useValueEditor({\n    ...props,\n    skipHook: true,\n  });\n\n  const rule = useCallback(\n    (index: number) => ({\n      ...ruleProp,\n      value: valueAsArray[index],\n    }),\n    [ruleProp, valueAsArray],\n  );\n\n  const handleRangeStartChange = useCallback(\n    (value: string) => multiValueHandler(value, 0),\n    [multiValueHandler],\n  );\n\n  const handleRangeEndChange = useCallback(\n    (value: string) => multiValueHandler(value, 1),\n    [multiValueHandler],\n  );\n\n  const type =\n    (typeof valueEditorType === 'function'\n      ? valueEditorType(operator)\n      : valueEditorType) ?? 'text';\n\n  const Editor = valueEditors?.[type];\n\n  if (operator === 'null' || operator === 'notNull' || !Editor) {\n    return null;\n  }\n\n  if (multiValueOperators.includes(operator)) {\n    return (\n      <>\n        {['start', 'end'].map((term, index) => (\n          <div key={`${name}-${term}`}>\n            <Editor\n              {...props}\n              rule={rule(index)}\n              value={valueAsArray[index]}\n              handleOnChange={\n                index ? handleRangeEndChange : handleRangeStartChange\n              }\n            />\n          </div>\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <div>\n      <Editor {...props} />\n    </div>\n  );\n}\n"]}

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

@@ -1,2 +1,2 @@
-import {useCallback,useMemo}from'react';import {ListBoxSection,Header}from'react-aria-components';import {useValueSelector,isOptionGroupArray}from'react-querybuilder';import {ComboBox}from'../combobox/index.js';import {jsxs,jsx}from'react/jsx-runtime';function P(s){let{handleOnChange:n,disabled:i,listsAsArrays:p,options:a,multiple:b,title:y,validation:g,value:d,...u}=s,{onChange:m,val:r}=useValueSelector({handleOnChange:n,listsAsArrays:p,multiple:b,value:d}),c=useCallback(e=>{e&&m(`${e}`);},[m]),C=useMemo(()=>isOptionGroupArray(a)?a.map(e=>jsxs(ListBoxSection,{children:[jsx(Header,{children:e.label}),e.options.map(l=>jsx(ComboBox.Item,{name:l.name,id:l.name,children:l.label},l.name))]},e.label)):a.map(e=>jsx(ComboBox.Item,{name:e.name,textValue:e.label,id:e.name,children:e.label},e.name)),[a]);return jsx(ComboBox,{size:"small",isDisabled:i,...u,selectedKey:Array.isArray(r)?r[0]:r,"aria-labelledby":y,onSelectionChange:c,children:C})}export{P as ValueSelector};//# sourceMappingURL=value-selector.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {useCallback,useMemo}from'react';import {useValueSelector,isOptionGroupArray}from'react-querybuilder';import {ComboBox}from'../combobox/index.js';import {Options}from'../options/index.js';function K(i){const{handleOnChange:n,disabled:m,listsAsArrays:p,options:l,multiple:u,title:y,validation:V,value:c,...b}=i,{onChange:s,val:o}=useValueSelector({handleOnChange:n,listsAsArrays:p,multiple:u,value:c}),d=useCallback(e=>{e&&s(`${e}`);},[s]),h=useMemo(()=>isOptionGroupArray(l)?l.map(e=>jsx(Options.Section,{header:e.label,children:e.options.map(t=>jsx(Options.Item,{id:t.name,children:t.label},t.name))},e.label)):l.map(e=>jsx(Options.Item,{textValue:e.label,id:e.name,children:e.label},e.name)),[l]);return jsx(ComboBox,{size:"small",isDisabled:m,...b,selectedKey:Array.isArray(o)?o[0]:o,"aria-labelledby":y,onSelectionChange:d,children:h})}export{K as ValueSelector};//# sourceMappingURL=value-selector.js.map
 //# sourceMappingURL=value-selector.js.map

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","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"]}
+{"version":3,"sources":["../../../src/components/query-builder/value-selector.tsx"],"names":["multiple","title","validation","value","onChange","val","useValueSelector","handleOnChange","O","selection","S","options","useMemo","isOptionGroupArray","optionsProp","section","jsx","Options","C","r","option","a","A","disabled","handleSelectionChange"],"mappings":"2PA2BI,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,oBAEA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,eACAA,CAAAA,OACAC,CAAAA,CACA,CAAA,QAAA,CAAA,CAAAC,MACA,CAAA,CAAAC,CAAAA,UAIM,CAAA,CAAA,CAAA,KAAA,CAAAC,CAAAA,CAAU,GAAA,CAAAC,CAAI,CAAA,CAAIC,CAAAA,CAAiB,QACzC,CAAA,CAAA,CAAA,GAAA,CAAA,CAAAC,CAAAA,CACAC,gCACA,CAAA,CAAA,CAAA,aACAL,CACF,CAAC,CAAA,QAG4B,CACrBM,CAAAA,CAAAA,KACO,CAAGA,CAAS,EAAE,CAE3B,CAAA,CACAC,WAACN,CAAQ,CACX,EAEMO,CAAAA,CAAUC,EACd,CAAA,CAAA,CAAA,EACEC,CAAmBC,CAAW,CAAA,EAC1BA,CAAAA,CAAY,IAAKC,CAAAA,CAAAA,CACfC,OAAAA,CAACC,IAAQC,kBAAA,CAAA,CAAA,CAAA,CAAA,CAAR,CAAoC,GAAA,CAAA,CAAA,EAAQH,GAAAA,CAAQI,eAClD,CAAA,CAAA,MAAQ,QAAQ,CAAA,QACdF,CAAAA,CAAQ,CAAA,OAAK,CAAIG,GAAO,CAAA,CAAA,EACtBC,GAAA,CAAAF,OAAA,CAAA,IAAA,CAAAC,GAAO,CAAA,CAAA,CAAA,IAD0BA,CAAO,QAFzBL,CAAAA,CAAQ,CAAA,KAO/B,CAAA,CACDD,CAAAA,CAAY,IAAKM,CAAAA,CAAAA,CACfJ,CAAAA,CAACC,MAAQ,CAAR,CACC,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,EAAWG,GAAAA,CAAOD,YAClB,CAAA,CAAA,SAGC,CAAA,CAAA,CAAA,KAAAC,CAAAA,SAFIA,CAAO,QAKrBN,CAAW,CACd,MAEA,CAAA,CAAA,CACEE,CAAAA,IACE,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,OACLK,GAAA,CAAAC,QAAA,CAAA,CAAA,IAAYC,mBAEC,CAAA,CAAA,CAAA,GAAM,CAAA,CAAA,WAAmB,CAAC,KACvC,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiBtB,CAAAA,CACjB,kBAAmBuB,CAAAA,CAElB,iBAGP,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,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'use client';\n\nimport 'client-only';\nimport type { Key } from '@react-types/shared';\nimport { useCallback, useMemo } from 'react';\nimport {\n  type ValueSelectorProps,\n  isOptionGroupArray,\n  useValueSelector,\n} from 'react-querybuilder';\nimport { ComboBox } from '../combobox';\nimport { Options } from '../options';\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            <Options.Section key={section.label} header={section.label}>\n              {section.options.map((option) => (\n                <Options.Item id={option.name} key={option.name}>\n                  {option.label}\n                </Options.Item>\n              ))}\n            </Options.Section>\n          ))\n        : optionsProp.map((option) => (\n            <Options.Item\n              textValue={option.label}\n              id={option.name}\n              key={option.name}\n            >\n              {option.label}\n            </Options.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'client-only';import {createContext}from'react';import {Radio,composeRenderProps,useContextProps,RadioGroup}from'react-aria-components';import {Label}from'../label/index.js';import {RadioStyles}from'./styles.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var {group:y,groupLabel:C,radio:A,control:L,label:g}=RadioStyles(),D=createContext(null);function p({ref:o,...r}){[r,o]=useContextProps(r,o??null,D);let{children:s,classNames:a,label:t,...m}=r;return jsx(RadioGroup,{...m,ref:o,className:composeRenderProps(a?.group,l=>y({className:l})),children:composeRenderProps(s,(l,{isDisabled:R,isRequired:c})=>jsxs(Fragment,{children:[t&&jsx(Label,{className:C({className:a?.label}),isDisabled:R,isRequired:c,children:t}),l]}))})}p.displayName="Radio.Group";function d({classNames:o,children:r,...s}){return jsx(Radio,{...s,className:composeRenderProps(o?.radio,a=>A({className:a})),children:composeRenderProps(r,a=>jsxs(Fragment,{children:[jsx("span",{className:L({className:o?.control})}),jsx("span",{className:g({className:o?.label}),children:a})]}))})}d.displayName="Radio";d.Group=p;export{d as Radio,D as RadioContext};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {Radio,composeRenderProps,useContextProps,RadioGroup}from'react-aria-components';import {Label}from'../label/index.js';import {RadioStyles}from'./styles.js';const {group:y,groupLabel:C,radio:A,control:L,label:g}=RadioStyles(),D=createContext(null);function p({ref:o,...r}){[r,o]=useContextProps(r,o??null,D);const{children:s,classNames:a,label:t,...m}=r;return jsx(RadioGroup,{...m,ref:o,className:composeRenderProps(a?.group,l=>y({className:l})),children:composeRenderProps(s,(l,{isDisabled:R,isRequired:c})=>jsxs(Fragment,{children:[t&&jsx(Label,{className:C({className:a?.label}),isDisabled:R,isRequired:c,children:t}),l]}))})}p.displayName="Radio.Group";function d({classNames:o,children:r,...s}){return jsx(Radio,{...s,className:composeRenderProps(o?.radio,a=>A({className:a})),children:composeRenderProps(r,a=>jsxs(Fragment,{children:[jsx("span",{className:L({className:o?.control})}),jsx("span",{className:g({className:o?.label}),children:a})]}))})}d.displayName="Radio",d.Group=p;export{d as Radio,D as RadioContext};//# 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":["group","groupLabel","control","RadioStyles","x","RadioContext","createContext","G","ref","props","useContextProps","classNames","label","AriaRadioGroup","b","composeRenderProps","className","children","isDisabled","Fragment","n","jsx","Label","f","isRequired","RadioGroup","AriaRadio","N","radio","jsxs","e","Radio"],"mappings":"4QA0BQ,IAAA,CAAA,KAAAA,CAAO,CAAA,CAAA,UAAAC,CAAY,CAAA,CAAA,MAAO,CAAA,CAAA,OAAAC,CAAS,CAAA,CAAA,KAAM,CAAA,CAAIC,CAAAA,CAAYC,aAEpDC,CACXC,CAAAA,CAA6DC,aAAA,CAAA,IAE/D,EAAA,SAAoB,CAAE,CAAA,CAAA,GAAAC,CAAK,KAAS,CAAoB,CACtD,CAACC,CAAAA,CAAOD,CAAG,CAAA,CAAIE,CAAAA,CAAgBD,eAAAA,CAAOD,GAAO,EAAA,IAAkB,CAAA,CAE/D,CAAA,CAAA,GAAQ,CAAA,SAAU,CAAA,CAAA,UAAAG,CAAY,CAAA,CAAA,KAAAC,CAAO,CAAA,CAAA,IAAYH,CAAAA,CAEjD,CAAA,CAAA,OACGI,GAAAA,CAAAC,UACE,KACD,CAAA,CAAA,GAAKN,CACL,CAAA,CAAA,SAAWO,CAAmBJ,kBAAAA,CAAAA,CAAY,OAAQK,CAAAA,CAChDhB,EAAM,CAAE,CAAA,CAAA,SAAU,CAAC,CACrB,CAAA,CAEC,CAAA,CAAA,QAAAe,CAAmBE,kBAAAA,CAAU,CAACA,CAAAA,CAAU,CAAE,CAAA,CAAA,UAAAC,CAAY,YAAW,CAAA,CAAA,CAAA,GAChEC,IAAAA,CAAAC,QACG,CAAA,CAAA,QAAAR,CAAAA,CAAAA,CACCS,EAACC,GAAAA,CAAAC,KACC,CAAA,CAAA,SAAWtB,CAAW,CAAE,CAAA,CAAA,SAAWU,CAAAA,CAAY,EAAA,KAAO,CACtD,CAAA,CAAA,UAAYO,CACZ,CAAA,CAAA,UAAYM,CAEX,CAAA,CAAA,SACH,CAAA,CAEDP,CAAAA,CAAAA,CACH,CACD,CAAA,CACH,CAEJ,CACAQ,CAAAA,CAAW,CAAA,CAAA,WAAc,CAAA,aAElB,CAAA,SAAe,CAAE,YAAAd,CAAY,CAAA,CAAA,QAAAM,CAAU,CAAA,CAAA,GAAQ,CAAe,CACnE,CAAA,CAAA,OACGS,GAAAA,CAAAC,KACE,CAAA,CAAA,GACD,WAAWZ,CAAmBJ,kBAAAA,CAAAA,CAAY,OAAQK,CAAAA,CAChDY,EAAM,CAAE,CAAA,CAAA,SAAU,CAAC,CACrB,CAAA,CAEC,CAAA,CAAA,SAAmBX,kBAAAA,CAAWA,CAAAA,CAAAA,CAC7BY,EAAAV,IAAAA,CAAAC,QACE,CAAA,CAAA,QAAAC,EAACS,GAAA,CAAA,MAAK,CAAA,CAAA,SAAW5B,CAAQ,CAAE,CAAA,CAAA,SAAWS,CAAAA,CAAY,SAAS,CAAG,EAC9DU,CAAAA,CAACS,GAAA,CAAA,MAAK,WAAWlB,CAAM,CAAE,CAAA,CAAA,SAAWD,CAAAA,CAAY,EAAA,MAC7C,CAAA,CAAA,QAAAM,CACH,CAAA,CAAA,CACF,CACD,CAAA,CACH,CAEJ,CACAc,CAAAA,CAAM,CAAA,CAAA,WAAc,CAAA,OACpBA,CAAM,CAAA,CAAA,KAAQN,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { RadioStyles } from './styles';\nimport type { RadioGroupProps, RadioProps } from './types';\n\nconst { group, groupLabel, radio, control, label } = RadioStyles();\n\nexport const RadioContext =\n  createContext<ContextValue<RadioGroupProps, HTMLDivElement>>(null);\n\nfunction RadioGroup({ ref, ...props }: RadioGroupProps) {\n  [props, ref] = useContextProps(props, ref ?? null, RadioContext);\n\n  const { children, classNames, label, ...rest } = props;\n\n  return (\n    <AriaRadioGroup\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.group, (className) =>\n        group({ className }),\n      )}\n    >\n      {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n        <>\n          {label && (\n            <Label\n              className={groupLabel({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaRadioGroup>\n  );\n}\nRadioGroup.displayName = 'Radio.Group';\n\nexport function Radio({ classNames, children, ...rest }: RadioProps) {\n  return (\n    <AriaRadio\n      {...rest}\n      className={composeRenderProps(classNames?.radio, (className) =>\n        radio({ className }),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={control({ className: classNames?.control })} />\n          <span className={label({ className: classNames?.label })}>\n            {children}\n          </span>\n        </>\n      ))}\n    </AriaRadio>\n  );\n}\nRadio.displayName = 'Radio';\nRadio.Group = RadioGroup;\n"]}
+{"version":3,"sources":["../../../src/components/radio/index.tsx"],"names":["groupLabel","RadioContext","x","G","props","useContextProps","ref","P","classNames","rest","AriaRadioGroup","b","composeRenderProps","className","group","children","i","isDisabled","isRequired","u","label","jsx","e","RadioGroup","AriaRadio","radio"],"mappings":"4QA0Be,MAAA,CAAA,KAAAA,CAAAA,CAAY,CAAA,UAAO,CAAA,CAAA,CAAA,KAAS,CAAA,CAAA,CAAA,OAAsB,EAEpDC,CAAAA,KACkD,CAAA,CAAI,CAAA,CAEnEC,WAAA,EAAA,CAAA,CAAA,CAAAC,aAAA,CAAA,IAAsB,EAAA,SAAc,CAAoB,CACtD,CAACC,GAAU,CAAA,CAAIC,CAAAA,GAAuBC,GAAO,CAAA,CAAA,CAAA,CAAA,CAAML,CAAY,CAAAM,eAE/D,CAAA,CAAA,CAAA,CAAA,EAAQ,IAAA,CAAA,CAAA,CAAA,CAAA,KAAU,CAAA,QAAAC,CAAAA,CAAY,CAAA,UAAUC,CAAK,EAAIL,KAEjD,CAAA,CAAA,CAAA,GACGM,CAAAA,CAAA,CACE,SACIJ,GAAAA,CACLK,UAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAWC,CAAmBJ,CAAAA,CAAAA,SAAoBK,CAChDC,kBAAAA,CAAM,CAAE,EAAA,KAAA,CAAA,CAAA,EAAU,CAAC,CACrB,CAAA,SAEC,CAAAF,CAAAA,CAAmBG,CAAAA,CAAU,CAACA,QAAY,CAAAC,kBAAA,CAAA,CAAA,CAAA,CAAAC,CAAAA,CAAY,WAAAC,CAAW,CAAA,CAAA,UAE7D,CAAA,CAAA,CAAA,GAAAC,IAAAC,CAAAA,QAAAA,CACCC,CAAAA,QACE,CAAA,CAAA,CAAA,EAAAC,GAAWtB,CAAAA,KAAW,CAAE,CAAA,SAAWQ,CAAAA,CAAAA,CAAY,CAAA,SAC/C,CAAA,CAAA,EAAA,KAAYS,CAAAA,CACZ,CAAA,UAAYC,CAAAA,CAEX,CAAA,UACH,CAAA,CAEDH,CAAAA,QAMXQ,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAElB,uBAAiBf,CAAAA,CAAY,CAAA,UAAU,CAAA,CAAA,CAAGC,QAC/C,CAAA,CAAA,CACEY,GAACG,CAAA,CACE,CAAA,CAAA,qBAC6BhB,CAAAA,CAAAA,SAAoBK,CAChDY,kBAAAA,CAAM,CAAE,EAAA,KAAA,CAAA,CAAA,EAAU,CAAC,CACrB,CAAA,SAEC,CAAAb,EAAmBG,CAAAA,CAAWA,CAAAA,QAE3B,CAAAC,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAAG,IAAAE,SAAC,CAAA,CAAA,QAAK,CAAA,CAAAC,GAAA,CAAA,MAAmB,CAAE,CAAA,SAAWd,CAAAA,CAAAA,CAAY,UAAY,EAC9Da,EAAC,OAAA,CAAK,cAAiB,CAAE,CAAA,SAAWb,CAAAA,CAAAA,CAAY,CAAA,SAC7C,CAAA,CAAA,EAAA,KACH,CAAA,CAAA,CACF,QAKF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WACd,CAAA,OAAQe,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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { RadioStyles } from './styles';\nimport type { RadioGroupProps, RadioProps } from './types';\n\nconst { group, groupLabel, radio, control, label } = RadioStyles();\n\nexport const RadioContext =\n  createContext<ContextValue<RadioGroupProps, HTMLDivElement>>(null);\n\nfunction RadioGroup({ ref, ...props }: RadioGroupProps) {\n  [props, ref] = useContextProps(props, ref ?? null, RadioContext);\n\n  const { children, classNames, label, ...rest } = props;\n\n  return (\n    <AriaRadioGroup\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.group, (className) =>\n        group({ className }),\n      )}\n    >\n      {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n        <>\n          {label && (\n            <Label\n              className={groupLabel({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          {children}\n        </>\n      ))}\n    </AriaRadioGroup>\n  );\n}\nRadioGroup.displayName = 'Radio.Group';\n\nexport function Radio({ classNames, children, ...rest }: RadioProps) {\n  return (\n    <AriaRadio\n      {...rest}\n      className={composeRenderProps(classNames?.radio, (className) =>\n        radio({ className }),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={control({ className: classNames?.control })} />\n          <span className={label({ className: classNames?.label })}>\n            {children}\n          </span>\n        </>\n      ))}\n    </AriaRadio>\n  );\n}\nRadio.displayName = 'Radio';\nRadio.Group = RadioGroup;\n"]}

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

@@ -1,23 +1,24 @@
 import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 
 declare const RadioStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            group?: tailwind_variants.ClassValue;
-            radio?: tailwind_variants.ClassValue;
-            label?: tailwind_variants.ClassValue;
-            groupLabel?: tailwind_variants.ClassValue;
-            control?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            label?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            radio?: tailwind_merge.ClassNameValue;
+            groupLabel?: tailwind_merge.ClassNameValue;
+            control?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            group?: tailwind_variants.ClassValue;
-            radio?: tailwind_variants.ClassValue;
-            label?: tailwind_variants.ClassValue;
-            groupLabel?: tailwind_variants.ClassValue;
-            control?: tailwind_variants.ClassValue;
+        [x: string]: tailwind_merge.ClassNameValue | {
+            label?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            radio?: tailwind_merge.ClassNameValue;
+            groupLabel?: tailwind_merge.ClassNameValue;
+            control?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -28,12 +29,12 @@ declare const RadioStyles: tailwind_variants.TVReturnType<{
     label: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            group?: tailwind_variants.ClassValue;
-            radio?: tailwind_variants.ClassValue;
-            label?: tailwind_variants.ClassValue;
-            groupLabel?: tailwind_variants.ClassValue;
-            control?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            label?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            radio?: tailwind_merge.ClassNameValue;
+            groupLabel?: tailwind_merge.ClassNameValue;
+            control?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/components/radio/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';var r=tv({slots:{group:["group/radio-group flex gap-xs","orientation-horizontal:flex-wrap","orientation-vertical:flex-col"],groupLabel:"w-full",radio:["group/radio flex cursor-pointer items-center gap-m group-orientation-horizontal/radio-group:grow group-orientation-horizontal/radio-group:basis-1/3","disabled:cursor-not-allowed"],control:["my-xxs flex size-l items-center justify-center rounded-full outline outline-interactive before:block before:size-s before:rounded-full","group-enabled/radio:group-focus/radio:outline-interactive-hover","group-enabled/radio:group-hover/radio:outline-interactive-hover","group-enabled/radio:group-selected/radio:outline-highlight group-enabled/radio:group-selected/radio:before:bg-highlight","group-enabled/radio:group-selected/radio:group-focus/radio:outline-interactive-hover","group-enabled/radio:group-selected/radio:group-hover/radio:outline-interactive-hover","group-disabled/radio:outline-interactive-disabled","group-disabled/radio:group-selected/radio:before:bg-interactive-disabled"],label:["text-body-s text-interactive-default","group-disabled/radio:text-interactive-disabled"]}});export{r as RadioStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const r=tv({slots:{group:["group/radio-group flex gap-xs","orientation-horizontal:flex-wrap","orientation-vertical:flex-col"],groupLabel:"w-full",radio:["group/radio flex cursor-pointer items-center gap-m group-orientation-horizontal/radio-group:grow group-orientation-horizontal/radio-group:basis-1/3","disabled:cursor-not-allowed"],control:["my-xxs flex size-l items-center justify-center rounded-full outline outline-interactive before:block before:size-s before:rounded-full","group-enabled/radio:group-focus/radio:outline-interactive-hover","group-enabled/radio:group-hover/radio:outline-interactive-hover","group-enabled/radio:group-selected/radio:outline-highlight group-enabled/radio:group-selected/radio:before:bg-highlight","group-enabled/radio:group-selected/radio:group-focus/radio:outline-interactive-hover","group-enabled/radio:group-selected/radio:group-hover/radio:outline-interactive-hover","group-disabled/radio:outline-interactive-disabled","group-disabled/radio:group-selected/radio:before:bg-interactive-disabled"],label:["text-body-s text-interactive-default","group-disabled/radio:text-interactive-disabled"]}});export{r as RadioStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/radio/styles.ts"],"names":["e"],"mappings":"sCAeE,IAAA,CAAA,CAAAA,EAAA,CAAO,CACL,KAAA,CAAO,CACL,KAAA,CAAA,CAAA,+BACA,CAAA,kEAGF,CAAA,CAAA,mBACO,CACL,KAAA,CAAA,CAAA,qJACA,CAAA,6BAEF,CAAA,CAAA,iJAEE,CAAA,iEACA,CAAA,2LAEA,CAAA,sFACA,CAAA,sFACA,CAAA,mDACA,CAAA,0EAEF,CAAO,CACL,6CACA,CAAA,gDAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const RadioStyles = tv({\n  slots: {\n    group: [\n      'group/radio-group flex gap-xs',\n      'orientation-horizontal:flex-wrap',\n      'orientation-vertical:flex-col',\n    ],\n    groupLabel: 'w-full',\n    radio: [\n      'group/radio flex cursor-pointer items-center gap-m group-orientation-horizontal/radio-group:grow group-orientation-horizontal/radio-group:basis-1/3',\n      'disabled:cursor-not-allowed',\n    ],\n    control: [\n      'my-xxs flex size-l items-center justify-center rounded-full outline outline-interactive before:block before:size-s before:rounded-full',\n      'group-enabled/radio:group-focus/radio:outline-interactive-hover',\n      'group-enabled/radio:group-hover/radio:outline-interactive-hover',\n      'group-enabled/radio:group-selected/radio:outline-highlight group-enabled/radio:group-selected/radio:before:bg-highlight',\n      'group-enabled/radio:group-selected/radio:group-focus/radio:outline-interactive-hover',\n      'group-enabled/radio:group-selected/radio:group-hover/radio:outline-interactive-hover',\n      'group-disabled/radio:outline-interactive-disabled',\n      'group-disabled/radio:group-selected/radio:before:bg-interactive-disabled',\n    ],\n    label: [\n      'text-body-s text-interactive-default',\n      'group-disabled/radio:text-interactive-disabled',\n    ],\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/radio/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,KAAA,CAAA,CAAA,+BACA,CAAA,kEAGF,CAAA,CAAA,UACA,CAAA,QACE,CAAA,KAAA,CAAA,CAAA,qJACA,CAAA,6BAEO,CACP,kJACA,CAAA,iEACA,CAAA,2LAEA,CAAA,sFACA,CAAA,sFACA,CAAA,mDACA,CAAA,yHAIA,CAAA,gDAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const RadioStyles = tv({\n  slots: {\n    group: [\n      'group/radio-group flex gap-xs',\n      'orientation-horizontal:flex-wrap',\n      'orientation-vertical:flex-col',\n    ],\n    groupLabel: 'w-full',\n    radio: [\n      'group/radio flex cursor-pointer items-center gap-m group-orientation-horizontal/radio-group:grow group-orientation-horizontal/radio-group:basis-1/3',\n      'disabled:cursor-not-allowed',\n    ],\n    control: [\n      'my-xxs flex size-l items-center justify-center rounded-full outline outline-interactive before:block before:size-s before:rounded-full',\n      'group-enabled/radio:group-focus/radio:outline-interactive-hover',\n      'group-enabled/radio:group-hover/radio:outline-interactive-hover',\n      'group-enabled/radio:group-selected/radio:outline-highlight group-enabled/radio:group-selected/radio:before:bg-highlight',\n      'group-enabled/radio:group-selected/radio:group-focus/radio:outline-interactive-hover',\n      'group-enabled/radio:group-selected/radio:group-hover/radio:outline-interactive-hover',\n      'group-disabled/radio:outline-interactive-disabled',\n      'group-disabled/radio:group-selected/radio:before:bg-interactive-disabled',\n    ],\n    label: [\n      'text-body-s text-interactive-default',\n      'group-disabled/radio:text-interactive-disabled',\n    ],\n  },\n});\n"]}

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

@@ -1,4 +1,4 @@
-import { RefAttributes, PropsWithChildren } from 'react';
+import { RefAttributes } from 'react';
 import { RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1 } from 'react-aria-components';
 import { LabelProps } from '../label/types.js';
 
@@ -16,6 +16,5 @@ type RadioProps = Omit<RadioProps$1, 'className'> & RefAttributes<HTMLLabelEleme
         label?: string;
     };
 };
-type RadioProviderProps = PropsWithChildren<RadioGroupProps>;
 
-export type { RadioGroupProps, RadioProps, RadioProviderProps };
+export type { RadioGroupProps, RadioProps };

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

@@ -1,19 +1,60 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ProviderProps } from '../../lib/types.js';
+import { ContextValue } from 'react-aria-components';
+import { SearchFieldProps } from './types.js';
+import 'tailwind-variants';
+import '../button/types.js';
+import '../button/styles.js';
+import 'tailwind-merge';
+import '../icon/types.js';
+import './styles.js';
 
-interface SearchFieldProps {
-    className?: string;
-    /** Disables the input field. */
-    isDisabled?: boolean;
-    /** Displays a loading spinner. */
-    isLoading?: boolean;
-    /** Displays placeholder text. */
-    placeholder?: string;
-    /** Whether the input has a filled background or outlined. */
-    variant?: 'filled' | 'outlined';
+declare const SearchFieldContext: react.Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
+declare function SearchFieldProvider({ children, ...props }: ProviderProps<SearchFieldProps>): react_jsx_runtime.JSX.Element;
+declare namespace SearchFieldProvider {
+    var displayName: string;
+}
+/**
+ * SearchField - A customizable search input component built on React Aria Components
+ *
+ * Provides a search input with integrated search icon, loading state, and clear functionality.
+ * Supports two visual variants (filled/outlined), and granular styling control.
+ *
+ * @example
+ * // Basic search field
+ * <SearchField placeholder="Search..." />
+ *
+ * @example
+ * // Filled variant with custom styling
+ * <SearchField
+ *   variant="filled"
+ *   placeholder="Search products"
+ *   classNames={{
+ *     input: "bg-gray-100",
+ *     searchIcon: "text-blue-600"
+ *   }}
+ * />
+ *
+ * @example
+ * // With event handlers
+ * <SearchField
+ *   placeholder="Type to search"
+ *   onSubmit={(value) => console.log('Search:', value)}
+ *   onChange={(value) => setQuery(value)}
+ * />
+ *
+ * @example
+ * // Using context provider for default props
+ * <SearchField.Provider variant="filled">
+ *   <SearchField placeholder="Search 1" />
+ *   <SearchField placeholder="Search 2" />
+ * </SearchField.Provider>
+ */
+declare function SearchField({ ref, ...props }: SearchFieldProps): react_jsx_runtime.JSX.Element;
+declare namespace SearchField {
+    var displayName: string;
+    var Provider: typeof SearchFieldProvider;
 }
-declare const SearchField: {
-    ({ className, placeholder, variant, isLoading, ...rest }: SearchFieldProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
 
-export { SearchField, type SearchFieldProps };
+export { SearchField, SearchFieldContext };

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'client-only';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:c})=>cn(v({isDisabled:c,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-empty:hidden group-disabled:hidden",children:jsx(Icon,{size:"small",children:jsx(CancelFill,{})})})]});g.displayName="SearchField";export{g as SearchField};//# sourceMappingURL=index.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {Search,Loop,CancelFill}from'@accelint/icons';import {createContext}from'react';import {useContextProps,SearchField,composeRenderProps,Input,Button}from'react-aria-components';import {Icon}from'../icon/index.js';import {SearchFieldStyles,SearchFieldStylesDefaults}from'./styles.js';const {field:I,input:g,search:L,loading:A,clear:B}=SearchFieldStyles(),c=createContext(null);function n({children:r,...a}){return jsx(c.Provider,{value:a,children:r})}n.displayName="SearchField.Provider";function d({ref:r,...a}){[a,r]=useContextProps(a,r??null,c);const{classNames:o,inputProps:p,isLoading:m=false,variant:i=SearchFieldStylesDefaults.variant,...h}=a;return jsx(Icon.Provider,{size:"small",children:jsxs(SearchField,{...h,ref:r,className:composeRenderProps(o?.field,l=>I({className:l,variant:i})),children:[jsx(Icon,{className:L({className:o?.search,variant:i}),children:jsx(Search,{})}),jsx(Input,{...p,className:composeRenderProps(o?.input,l=>g({className:l,variant:i})),type:"search"}),m?jsx(Icon,{className:A({className:o?.loading,variant:i}),children:jsx(Loop,{})}):jsx(Button,{className:composeRenderProps(o?.clear,l=>B({className:l,variant:i})),children:jsx(Icon,{children:jsx(CancelFill,{})})})]})})}d.displayName="SearchField",d.Provider=n;export{d as SearchField,c as SearchFieldContext};//# 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","variant","rest","jsxs","AriaSearchField","x","u","t","e","a","jsx","Input","m","textFieldStyles","isLoading","Icon","d","Button","f","n","SearchField"],"mappings":"+QA0CI,IAAA,CAAA,CAAAA,GAAA,CAAA,CAAA,iGAGA,CAAA,CAAA,CAAA,QACE,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,sEAEJ,CAAA,KAAA,CAAA,0GAEJ,CAAA,CAAS,OACP,CAAQ,CAAA,MAAA,CAAA,gDACE,CAAA,qBAMU,CAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,WAAc,CAAA,CAAA,CAAA,QACd,CAAAC,OAAU,CAAA,CAAA,CAAA,UACV,CAAA,UACGC,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,6IACN,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\n'use client';\nimport { cn } from '@/lib/utils';\nimport {\n  CancelFill,\n  Loop as LoopIcon,\n  Search as SearchIcon,\n} from '@accelint/icons';\nimport 'client-only';\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-empty:hidden group-disabled:hidden'>\n          <Icon size='small'>\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":["input","SearchFieldContext","x","F","props","jsx","e","SearchFieldProvider","useContextProps","ref","N","inputProps","isLoading","variant","SearchFieldStylesDefaults","rest","C","Icon","t","v","composeRenderProps","classNames","className","field","search","Search","Input","u","y","loading","Loop","Button","S","clear","CancelFill","P","SearchField"],"mappings":"8VA6Be,MAAA,CAAAA,KAAO,CAAA,CAAA,CAAA,KAAQ,CAAA,CAAA,CAAA,MAAS,CAAA,CAAA,CAAA,OAA4B,CAAA,CAEtDC,CAAAA,KACmD,CAAA,CAAI,CAAA,CAEpEC,iBAAA,EAAA,CAAA,CAAA,CAAAC,aAAA,CAAA,IACE,EAAA,SACA,CAAA,CAAA,CAAGC,QAEH,CAAA,CAAA,CACEC,GAACJ,CAAmB,CAAA,CAAA,CAAA,OAASK,GAAA,CAAA,CAAA,CAAA,QAC1B,CAAA,CAAA,KACH,CAEJ,CACAC,CAAAA,QAAoB,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,sBAsCJ,CAAA,SAAc,CAAqB,CAC/D,CAACH,GAAU,CAAA,CAAII,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMR,CAAkB,CAAAS,eAErE,CAAA,CAAA,CAAA,CAAA,EACE,IAAA,CAAA,CAAA,CAAA,CAAA,KACA,CAAA,UAAAC,CAAAA,CACA,CAAA,UAAAC,CAAY,CAAA,CAAA,SACZC,CAAAA,CAAUC,CAAAA,KAA0B,CAAA,OACpC,CAAA,CAAGC,CACLC,yBAAA,CAAIZ,OAEJ,CAAA,GACGa,CAAAA,CAAK,CAAA,CAAA,CAAA,OAASX,GAAA,CAAAY,IAAA,CAAA,QAAK,CAClB,CAAA,IAAA,CAAA,OAAC,CACE,QACD,CAAKT,IAAAA,CACLU,WAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAWC,CAAmBC,CAAAA,CAAAA,SAAoBC,CAChDC,kBAAAA,CAAM,CAAE,EAAA,KAAA,CAAA,CAAA,EAAAD,CAAW,CAAA,CAAA,SACrB,CAAA,CAEA,CAAA,OAAA,CAAA,CAAAjB,CAAAA,CAACY,CAAAA,CAAA,QAAK,CAAA,CAAAX,GAAWkB,CAAAA,IAAO,CAAE,CAAA,SAAWH,CAAAA,CAAAA,CAAY,CAAA,SAAQ,CAAA,CAAA,EAAA,MACvD,CAAA,OAAAhB,CAAAA,CAACoB,CAAAA,CAAA,CAAA,QAEFC,CAAApB,GACE,CAAAqB,MAAA,CAAGhB,EACJ,CAAA,CAAA,CAAA,CAAAL,GAAA,CAAAsB,KAAA,CAAA,CAAA,GAA8BP,CAAAA,CAAAA,SAAoBC,CAChDtB,kBAAAA,CAAM,CAAE,EAAA,KAAA,CAAA,CAAA,EAAAsB,CAAW,CAAA,CAAA,SACrB,CAAA,CACA,CAAA,OAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CACP,IAEEjB,CAAAA,QACE,CAAA,CAAA,CAAA,CAAA,CAAAC,GAAWuB,CAAAA,IAAQ,CAAE,CAAA,SAAWR,CAAAA,CAAAA,CAAY,CAAA,SAAS,CAAA,CAAA,EAAA,OAErD,CAAA,OAAAhB,CAAAA,CAACyB,CAAAA,CAAA,CAAA,QAGFC,CAAAzB,GACC,CAAA0B,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA1B,GAAWc,CAAAA,MAAmBC,CAAAA,CAAAA,SAAoBC,CAChDW,kBAAAA,CAAM,CAAE,EAAA,KAAA,CAAA,CAAA,EAAAX,CAAW,CAAA,CAAA,SACrB,CAAA,CAEA,CAAA,OAAA,CAAAjB,CAAAA,CAACY,CAAAA,CAAA,CACC,QAAA,CAAAZ,GAAAA,CAAC6B,IAAAA,CAAA,CAAA,QAIT,CAAA5B,GACF,CAEJ6B,UAEAC,CAAAA,EAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAC1BA,aAAuB7B,CAAAA,CAAAA,CAAAA,QAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport type { ProviderProps } from '@/lib/types';\nimport { CancelFill, Loop, Search } from '@accelint/icons';\nimport { createContext } from 'react';\nimport {\n  SearchField as AriaSearchField,\n  Button,\n  type ContextValue,\n  Input,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { SearchFieldStyles, SearchFieldStylesDefaults } from './styles';\nimport type { SearchFieldProps } from './types';\n\nconst { field, input, search, loading, clear } = SearchFieldStyles();\n\nexport const SearchFieldContext =\n  createContext<ContextValue<SearchFieldProps, HTMLDivElement>>(null);\n\nfunction SearchFieldProvider({\n  children,\n  ...props\n}: ProviderProps<SearchFieldProps>) {\n  return (\n    <SearchFieldContext.Provider value={props}>\n      {children}\n    </SearchFieldContext.Provider>\n  );\n}\nSearchFieldProvider.displayName = 'SearchField.Provider';\n\n/**\n * SearchField - A customizable search input component built on React Aria Components\n *\n * Provides a search input with integrated search icon, loading state, and clear functionality.\n * Supports two visual variants (filled/outlined), and granular styling control.\n *\n * @example\n * // Basic search field\n * <SearchField placeholder=\"Search...\" />\n *\n * @example\n * // Filled variant with custom styling\n * <SearchField\n *   variant=\"filled\"\n *   placeholder=\"Search products\"\n *   classNames={{\n *     input: \"bg-gray-100\",\n *     searchIcon: \"text-blue-600\"\n *   }}\n * />\n *\n * @example\n * // With event handlers\n * <SearchField\n *   placeholder=\"Type to search\"\n *   onSubmit={(value) => console.log('Search:', value)}\n *   onChange={(value) => setQuery(value)}\n * />\n *\n * @example\n * // Using context provider for default props\n * <SearchField.Provider variant=\"filled\">\n *   <SearchField placeholder=\"Search 1\" />\n *   <SearchField placeholder=\"Search 2\" />\n * </SearchField.Provider>\n */\nexport function SearchField({ ref, ...props }: SearchFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SearchFieldContext);\n\n  const {\n    classNames,\n    inputProps,\n    isLoading = false,\n    variant = SearchFieldStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size='small'>\n      <AriaSearchField\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(classNames?.field, (className) =>\n          field({ className, variant }),\n        )}\n      >\n        <Icon className={search({ className: classNames?.search, variant })}>\n          <Search />\n        </Icon>\n        <Input\n          {...inputProps}\n          className={composeRenderProps(classNames?.input, (className) =>\n            input({ className, variant }),\n          )}\n          type='search'\n        />\n        {isLoading ? (\n          <Icon\n            className={loading({ className: classNames?.loading, variant })}\n          >\n            <Loop />\n          </Icon>\n        ) : (\n          <Button\n            className={composeRenderProps(classNames?.clear, (className) =>\n              clear({ className, variant }),\n            )}\n          >\n            <Icon>\n              <CancelFill />\n            </Icon>\n          </Button>\n        )}\n      </AriaSearchField>\n    </Icon.Provider>\n  );\n}\n\nSearchField.displayName = 'SearchField';\nSearchField.Provider = SearchFieldProvider;\n"]}

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

@@ -0,0 +1,53 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const SearchFieldStylesDefaults: {
+    readonly variant: "outlined";
+};
+declare const SearchFieldStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        filled: {
+            field: string;
+        };
+        outlined: {
+            field: string;
+        };
+    };
+}, {
+    field: string[];
+    input: string[];
+    clear: string[];
+    loading: string;
+    search: string;
+}, undefined, {
+    variant: {
+        filled: {
+            field: string;
+        };
+        outlined: {
+            field: string;
+        };
+    };
+}, {
+    field: string[];
+    input: string[];
+    clear: string[];
+    loading: string;
+    search: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        filled: {
+            field: string;
+        };
+        outlined: {
+            field: string;
+        };
+    };
+}, {
+    field: string[];
+    input: string[];
+    clear: string[];
+    loading: string;
+    search: string;
+}, undefined, unknown, unknown, undefined>>;
+
+export { SearchFieldStyles, SearchFieldStylesDefaults };

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

@@ -0,0 +1,2 @@
+import {tv}from'./../../lib/utils.js';const i={variant:"outlined"},l=tv({slots:{field:["group/search-field fg-default-light flex items-center gap-s rounded-round p-s outline","focus-within:outline-highlight","hover:outline-interactive-hover","disabled:fg-disabled disabled:placeholder:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled"],input:["hide-cancel block w-full font-display text-body-s outline-none","placeholder:text-default-dark","disabled:cursor-not-allowed"],clear:["fg-interactive cursor-pointer","focus:fg-interactive-hover","hover:fg-interactive-hover","group-empty/search-field:invisible group-disabled/search-field:invisible"],loading:"motion-safe:animate-spin",search:""},variants:{variant:{filled:{field:"bg-surface-raised outline-static-dark"},outlined:{field:"outline-interactive"}}},defaultVariants:i});export{l as SearchFieldStyles,i as SearchFieldStylesDefaults};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/search-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAAA,CACX,UAGE,CAAA,CAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,KAAA,CAAA,CAAA,uFACA,CAAA,gCACA,CAAA,iCACA,CAAA,yHAGA,CAAA,CAAA,KAAA,CAAA,CAAA,gEACA,CAAA,+BACA,CAAA,6BAGA,CAAA,CAAA,KAAA,CAAA,CAAA,+BACA,CAAA,4BACA,CAAA,4BACA,CAAA,0EAEO,CAAA,CAAA,OAAA,CAAA,0BAEX,CAAA,MACA,CAAA,EAAA,CAAU,CACR,QAAS,CACP,CAAA,OACE,CAAA,CAAA,MAAO,CAAA,CAAA,KAAA,CAAA,uCAET,CAAU,CACR,QAAO,CAAA,CAAA,KAAA,CAAA,qBAIb,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const SearchFieldStylesDefaults = {\n  variant: 'outlined',\n} as const;\n\nexport const SearchFieldStyles = tv({\n  slots: {\n    field: [\n      'group/search-field fg-default-light flex items-center gap-s rounded-round p-s outline',\n      'focus-within:outline-highlight',\n      'hover:outline-interactive-hover',\n      'disabled:fg-disabled disabled:placeholder:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n    ],\n    input: [\n      'hide-cancel block w-full font-display text-body-s outline-none',\n      'placeholder:text-default-dark',\n      'disabled:cursor-not-allowed',\n    ],\n    clear: [\n      'fg-interactive cursor-pointer',\n      'focus:fg-interactive-hover',\n      'hover:fg-interactive-hover',\n      'group-empty/search-field:invisible group-disabled/search-field:invisible',\n    ],\n    loading: 'motion-safe:animate-spin',\n    search: '',\n  },\n  variants: {\n    variant: {\n      filled: {\n        field: 'bg-surface-raised outline-static-dark',\n      },\n      outlined: {\n        field: 'outline-interactive',\n      },\n    },\n  },\n  defaultVariants: SearchFieldStylesDefaults,\n});\n"]}

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

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

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

@@ -0,0 +1,2 @@
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

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

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SkeletonProps } from './types.js';
+import 'react';
+import 'tailwind-variants';
+import './styles.js';
+
+/**
+ * Skeleton - A flexible skeleton loader component for indicating loading states
+ *
+ * Used to show placeholder content while data is being fetched or processed.
+ * Provides visual feedback to users during loading states with customizable shapes.
+ *
+ * @example
+ * // Basic rectangular placeholder
+ * <Skeleton />
+ *
+ * @example
+ * // Circular placeholder (useful for avatars)
+ * <Skeleton shape="circ" />
+ *
+ * @example
+ * // With loading text content
+ * <Skeleton>Loading content...</Skeleton>
+ *
+ * @example
+ * // Nested placeholders for complex layouts
+ * <Skeleton className="mb-xl p-m">
+ *   <br />
+ *   <br />
+ *   <Skeleton className="w-[75%]" />
+ * </Skeleton>
+ *
+ * @example
+ * // Custom styling
+ * <Skeleton className="w-[50%] mt-l" />
+ */
+declare function Skeleton({ className, shape, ...rest }: SkeletonProps): react_jsx_runtime.JSX.Element;
+declare namespace Skeleton {
+    var displayName: string;
+}
+
+export { Skeleton };

package/dist/components/skeleton/index.js

@@ -0,0 +1,2 @@
+import {jsx}from'react/jsx-runtime';import {SkeletonStyles,SkeletonStylesDefaults}from'./styles.js';function s({className:e,shape:o=SkeletonStylesDefaults.shape,...t}){return jsx("div",{...t,className:SkeletonStyles({className:e,shape:o})})}s.displayName="Skeleton";export{s as Skeleton};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/skeleton/index.tsx"],"names":["SkeletonStylesDefaults","rest","n","l","Skeleton"],"mappings":"oGA6CO,SACL,CAAA,CAAA,CAAA,iBACQA,CAAuB,8BAC5BC,CACL,GACE,WAAQC,GAAA,CAAA,KAAK,CAAGD,CAAAA,cAAkC,CAAAE,cAAA,CAAA,CAAA,kBAAqB,CACzE,CACAC,EAAS,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,UAAA","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 { SkeletonStyles, SkeletonStylesDefaults } from './styles';\nimport type { SkeletonProps } from './types';\n\n/**\n * Skeleton - A flexible skeleton loader component for indicating loading states\n *\n * Used to show placeholder content while data is being fetched or processed.\n * Provides visual feedback to users during loading states with customizable shapes.\n *\n * @example\n * // Basic rectangular placeholder\n * <Skeleton />\n *\n * @example\n * // Circular placeholder (useful for avatars)\n * <Skeleton shape=\"circ\" />\n *\n * @example\n * // With loading text content\n * <Skeleton>Loading content...</Skeleton>\n *\n * @example\n * // Nested placeholders for complex layouts\n * <Skeleton className=\"mb-xl p-m\">\n *   <br />\n *   <br />\n *   <Skeleton className=\"w-[75%]\" />\n * </Skeleton>\n *\n * @example\n * // Custom styling\n * <Skeleton className=\"w-[50%] mt-l\" />\n */\nexport function Skeleton({\n  className,\n  shape = SkeletonStylesDefaults.shape,\n  ...rest\n}: SkeletonProps) {\n  return <div {...rest} className={SkeletonStyles({ className, shape })} />;\n}\nSkeleton.displayName = 'Skeleton';\n"]}

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

@@ -0,0 +1,23 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const SkeletonStylesDefaults: {
+    readonly shape: "rect";
+};
+declare const SkeletonStyles: tailwind_variants.TVReturnType<{
+    shape: {
+        circ: string;
+        rect: string;
+    };
+}, undefined, "fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse", {
+    shape: {
+        circ: string;
+        rect: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    shape: {
+        circ: string;
+        rect: string;
+    };
+}, undefined, "fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse", unknown, unknown, undefined>>;
+
+export { SkeletonStyles, SkeletonStylesDefaults };

package/dist/components/skeleton/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'./../../lib/utils.js';const e={shape:"rect"},l=tv({base:"fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse",variants:{shape:{circ:"aspect-square w-[1lh] rounded-full",rect:"min-h-[1lh] w-full rounded-small"}},defaultVariants:e});export{l as SkeletonStyles,e as SkeletonStylesDefaults};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/skeleton/styles.ts"],"names":["SkeletonStyles","tv"],"mappings":"sCAeS,MAAA,CAAA,CAAA,CAAA,KAGIA,CAAiBC,MAC5B,CAAA,CAAM,sFACI,CACR,QACE,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,oCACA,CAAA,IAAA,CAAA,kCAGV,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const SkeletonStylesDefaults = {\n  shape: 'rect',\n} as const;\n\nexport const SkeletonStyles = tv({\n  base: 'fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse',\n  variants: {\n    shape: {\n      circ: 'aspect-square w-[1lh] rounded-full',\n      rect: 'min-h-[1lh] w-full rounded-small',\n    },\n  },\n  defaultVariants: SkeletonStylesDefaults,\n});\n"]}

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

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { SkeletonStyles } from './styles.js';
+
+type SkeletonStyleVariants = VariantProps<typeof SkeletonStyles>;
+type SkeletonProps = ComponentPropsWithRef<'div'> & SkeletonStyleVariants;
+
+export type { SkeletonProps, SkeletonStyleVariants };

package/dist/components/skeleton/types.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/components/skeleton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}