@accelint/design-system 0.2.0 → 0.3.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"value-editor.js","sources":["../../../src/components/query-builder/value-editor.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  type FormEvent,\n  useCallback,\n  useContext,\n} from 'react';\nimport { useValueEditor, type ValueEditorProps } from 'react-querybuilder';\nimport { Checkbox } from '../checkbox';\nimport { Input, type InputType } from '../input';\nimport { Radio, RadioGroup } from '../radio';\nimport { Switch } from '../switch';\nimport { TextArea } from '../textarea';\nimport { multiValueOperators, QueryBuilderContext } 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 { icons } = useContext(QueryBuilderContext);\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      {icons?.checkbox}\n    </Checkbox>\n  );\n}\n\nfunction RadioGroupValueEditor({\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  value,\n  values,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <RadioGroup\n      value={value}\n      isDisabled={disabled}\n      onChange={handleOnChange}\n      aria-invalid={!valid}\n      aria-label={name}\n    >\n      {values?.map((option) => (\n        <Radio key={option.name} value={option.value}>\n          {option.label}\n        </Radio>\n      ))}\n    </RadioGroup>\n  );\n}\n\nconst defaultOptions: unknown[] = [];\n\nfunction SelectValueEditor({\n  disabled,\n  fieldData: { name, validator },\n  handleOnChange,\n  rule,\n  type,\n  value,\n  values = defaultOptions,\n  ...rest\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  return (\n    <ValueSelector\n      {...rest}\n      disabled={disabled}\n      multiple={type === 'multiselect'}\n      options={values}\n      title={name}\n      validation={!valid}\n      value={value}\n      handleOnChange={handleOnChange}\n    />\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    />\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 } = getValidationResult(rule, validator);\n\n  const handleChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) =>\n      handleOnChange(event.target.value),\n    [handleOnChange],\n  );\n\n  return (\n    <Input\n      disabled={disabled}\n      placeholder={placeholder}\n      type={(inputType as InputType) ?? 'text'}\n      value={value}\n      onChange={handleChange}\n      aria-invalid={!valid}\n      aria-label={name}\n    />\n  );\n}\n\nfunction TextareaValueEditor({\n  disabled,\n  fieldData: { name, placeholder, validator },\n  handleOnChange,\n  rule,\n  value,\n}: ValueEditorProps) {\n  const { valid } = getValidationResult(rule, validator);\n\n  const handleChange = useCallback(\n    (event: FormEvent<HTMLSpanElement>) =>\n      handleOnChange(event.currentTarget.textContent),\n    [handleOnChange],\n  );\n\n  return (\n    <TextArea\n      disabled={disabled}\n      placeholder={placeholder}\n      value={value}\n      onChange={handleChange}\n      aria-label={name}\n      aria-invalid={!valid}\n    />\n  );\n}\n\nexport const defaultValueEditors: QueryBuilderValueEditors = {\n  checkbox: CheckboxValueEditor,\n  multiselect: SelectValueEditor,\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: { id, valueEditorType },\n    operator,\n    rule: ruleProp,\n  } = props;\n\n  const { classNames, valueEditors } = useContext(QueryBuilderContext);\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={`${id}-${term}`} className={classNames?.rule?.value}>\n            <Editor\n              {...props}\n              rule={rule(index)}\n              value={valueAsArray[index]}\n              handleOnChange={\n                !index ? handleRangeStartChange : handleRangeEndChange\n              }\n            />\n          </div>\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <div className={classNames?.rule?.value}>\n      <Editor {...props} />\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/query-builder/value-selector.d.ts

@@ -1,2 +0,0 @@
-import { type FullOption, type ValueSelectorProps } from 'react-querybuilder';
-export declare function ValueSelector<T extends FullOption = FullOption>({ handleOnChange, listsAsArrays, options: optionsProp, multiple, title, validation, value, ...rest }: ValueSelectorProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,28 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useContext, useCallback, useMemo } from 'react';
-import { useValueSelector, isOptionGroupArray } from 'react-querybuilder';
-import { callRenderProps } from '../../utils/props.js';
-import { AriaSection, AriaHeader, AriaSelectValue } from '../aria/aria.js';
-import { Button } from '../button/button.js';
-import { OptionsItem, OptionsList, Options } from '../options/options.js';
-import { Select } from '../select/select.js';
-import { QueryBuilderContext } from './constants.js';
-
-function ValueSelector({ handleOnChange, listsAsArrays, options: optionsProp, multiple, title, validation, value, ...rest }) {
-  const { icons, size } = useContext(QueryBuilderContext);
-  const { onChange, val } = useValueSelector({
-    handleOnChange,
-    listsAsArrays,
-    multiple,
-    value
-  });
-  const handleSelectionChange = useCallback((selection) => onChange(`${selection}`), [onChange]);
-  const handleMultiSelectChange = useCallback((keys) => onChange([...keys].join(", ")), [onChange]);
-  const options = useMemo(() => isOptionGroupArray(optionsProp) ? optionsProp.map((section) => jsxs(AriaSection, { children: [jsx(AriaHeader, { children: section.label }), section.options.map((option) => jsx(OptionsItem, { id: option.name, children: option.label }, option.name))] }, section.label)) : optionsProp.map((option) => jsx(OptionsItem, { id: option.name, children: option.label }, option.name)), [optionsProp]);
-  return multiple ? jsx(
-    OptionsList,
-    { ...rest, selectedKeys: val, selectionMode: "multiple", size, onSelectionChange: handleMultiSelectChange, "aria-label": title, children: options }
-  ) : jsx(Select, { ...rest, selectedKey: Array.isArray(val) ? val[0] : val, size, isInvalid: title === "Value" && !validation, onSelectionChange: handleSelectionChange, "aria-label": title, children: (renderProps) => jsxs(Fragment, { children: [jsxs(Button, { children: [jsx(AriaSelectValue, { children: ({ selectedText }) => selectedText }), callRenderProps(icons?.select, renderProps)] }), jsx(Options, { children: jsx(OptionsList, { children: options }) })] }) });
-}
-
-export { ValueSelector };

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

@@ -1 +0,0 @@
-{"version":3,"file":"value-selector.js","sources":["../../../src/components/query-builder/value-selector.tsx"],"sourcesContent":["import { useCallback, useContext, useMemo } from 'react';\nimport type { Key } from 'react-aria';\nimport type { Selection } from 'react-aria-components';\nimport {\n  type FullOption,\n  isOptionGroupArray,\n  useValueSelector,\n  type ValueSelectorProps,\n} from 'react-querybuilder';\nimport { callRenderProps } from '../../utils';\nimport { AriaHeader, AriaSection, AriaSelectValue } from '../aria';\nimport { Button } from '../button';\nimport { Options, OptionsItem, OptionsList } from '../options';\nimport { Select } from '../select';\nimport { QueryBuilderContext } from './constants';\n\nexport function ValueSelector<T extends FullOption = FullOption>({\n  handleOnChange,\n  listsAsArrays,\n  options: optionsProp,\n  multiple,\n  title,\n  validation,\n  value,\n  ...rest\n}: ValueSelectorProps<T>) {\n  const { icons, size } = useContext(QueryBuilderContext);\n\n  const { onChange, val } = useValueSelector({\n    handleOnChange,\n    listsAsArrays,\n    multiple,\n    value,\n  });\n\n  const handleSelectionChange = useCallback(\n    (selection: Key) => onChange(`${selection}`),\n    [onChange],\n  );\n\n  const handleMultiSelectChange = useCallback(\n    (keys: Selection) => onChange([...keys].join(', ')),\n    [onChange],\n  );\n\n  const options = useMemo(\n    () =>\n      isOptionGroupArray(optionsProp)\n        ? optionsProp.map((section) => (\n            <AriaSection key={section.label}>\n              <AriaHeader>{section.label}</AriaHeader>\n              {section.options.map((option) => (\n                <OptionsItem id={option.name} key={option.name}>\n                  {option.label}\n                </OptionsItem>\n              ))}\n            </AriaSection>\n          ))\n        : optionsProp.map((option) => (\n            <OptionsItem id={option.name} key={option.name}>\n              {option.label}\n            </OptionsItem>\n          )),\n    [optionsProp],\n  );\n\n  return multiple ? (\n    <OptionsList // TODO: Replace with ChipField when it exists\n      {...rest}\n      selectedKeys={val}\n      selectionMode='multiple'\n      size={size}\n      onSelectionChange={handleMultiSelectChange}\n      aria-label={title}\n    >\n      {options}\n    </OptionsList>\n  ) : (\n    <Select\n      {...rest}\n      selectedKey={Array.isArray(val) ? val[0] : val}\n      size={size}\n      isInvalid={title === 'Value' && !validation}\n      onSelectionChange={handleSelectionChange}\n      aria-label={title}\n    >\n      {(renderProps) => (\n        <>\n          <Button>\n            <AriaSelectValue>\n              {({ selectedText }) => selectedText}\n            </AriaSelectValue>\n            {callRenderProps(icons?.select, renderProps)}\n          </Button>\n          <Options>\n            <OptionsList>{options}</OptionsList>\n          </Options>\n        </>\n      )}\n    </Select>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,3 +0,0 @@
-export { Radio, RadioContext, RadioGroup, RadioGroupContext } from './radio';
-export { radioClassNames, radioColorVars, radioSpaceVars, radioGroupStateVars, radioStateVars, } from './radio.css';
-export { type RadioAlignment, type RadioClassNames, type RadioContextProps, type RadioGroupProps, type RadioGroupState, type RadioProps, type RadioState, } from './types';

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

@@ -1,34 +0,0 @@
-import type { RadioClassNames } from './types';
-export declare const radioContainer: string;
-export declare const radioGroupContainer: string;
-export declare const radioColorVars: {
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const radioSpaceVars: {
-    diameter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    elementGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const radioStateVars: {
-    alignInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const radioGroupStateVars: {
-    alignInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const radioClassNames: RadioClassNames;

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

@@ -1,16 +0,0 @@
-import { type ContextValue } from 'react-aria-components';
-import type { RadioGroupProps, RadioRenderProps, RadioContextProps } from './types';
-export declare const RadioContext: import("react").Context<ContextValue<RadioContextProps, HTMLLabelElement>>;
-export declare const Radio: (props: Omit<import("react-aria-components").RadioProps, "children" | "className" | "style"> & {
-    children?: import("../..").RenderPropsChildren<RadioRenderProps>;
-    label?: string;
-    classNames?: import("./types").RadioClassNames;
-    alignInput?: import("./types").RadioAlignment;
-} & import("react").RefAttributes<HTMLLabelElement>) => import("react").ReactElement | null;
-export declare const RadioGroupContext: import("react").Context<ContextValue<RadioGroupProps, HTMLDivElement>>;
-export declare const RadioGroup: (props: Omit<import("react-aria-components").RadioGroupProps, "className" | "style"> & Pick<{
-    children?: import("../..").RenderPropsChildren<RadioRenderProps>;
-    label?: string;
-    classNames?: import("./types").RadioClassNames;
-    alignInput?: import("./types").RadioAlignment;
-}, "classNames" | "label" | "alignInput"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;

package/dist/components/radio/radio.js

@@ -1,63 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, forwardRef, useMemo, useCallback } from 'react';
-import { Radio as Radio$1, Provider, RadioGroup as RadioGroup$1 } from 'react-aria-components';
-import { useContextProps } from '../../hooks/use-context-props/use-context-props.js';
-import { useDefaultProps } from '../../hooks/use-defaults/use-defaults.js';
-import { inlineVars } from '../../utils/css.js';
-import { mergeClassNames, callRenderProps } from '../../utils/props.js';
-import { useTheme } from '../../hooks/use-theme/use-theme.js';
-import { AriaLabelContext } from '../aria/aria.js';
-import { radioClassNames, radioStateVars, radioGroupStateVars } from './radio.vanilla.js';
-
-const RadioContext = createContext(null);
-const Radio = forwardRef(function Radio2(props, ref) {
-  [props, ref] = useContextProps(props, ref, RadioContext);
-  props = useDefaultProps(props, "Radio");
-  const { children: childrenProp, classNames: classNamesProp, alignInput = "end", ...rest } = props;
-  const theme = useTheme();
-  const classNames = useMemo(() => mergeClassNames(radioClassNames, theme.Radio, classNamesProp), [classNamesProp, theme.Radio]);
-  const style = useCallback((renderProps) => inlineVars(radioStateVars, {
-    ...renderProps,
-    alignInput
-  }), [alignInput]);
-  const children = useCallback((renderProps) => jsx("span", { className: classNames?.radio?.radio, children: callRenderProps(childrenProp, {
-    ...renderProps,
-    defaultChildren: null
-  }) }), [childrenProp, classNames?.radio]);
-  return jsx(Radio$1, { ...rest, ref, style, className: classNames?.radio?.container, children });
-});
-const RadioGroupContext = createContext(null);
-const RadioGroup = forwardRef(function RadioGroup2(props, ref) {
-  [props, ref] = useContextProps(props, ref, RadioGroupContext);
-  props = useDefaultProps(props, "RadioGroup");
-  const theme = useTheme();
-  const { children: childrenProp, classNames: classNamesProp, alignInput = "end", orientation = "vertical", ...rest } = props;
-  const classNames = useMemo(() => mergeClassNames(radioClassNames, theme.Radio, classNamesProp), [classNamesProp, theme.Radio]);
-  const style = useCallback((renderProps) => inlineVars(radioGroupStateVars, {
-    ...renderProps,
-    alignInput,
-    orientation
-  }), [alignInput, orientation]);
-  const values = useMemo(() => [
-    [
-      RadioContext,
-      {
-        classNames,
-        alignInput
-      }
-    ],
-    [
-      AriaLabelContext,
-      {
-        className: classNames?.label
-      }
-    ]
-  ], [alignInput, classNames]);
-  const children = useCallback((renderProps) => jsx(Provider, { values, children: jsx("div", { className: classNames?.group?.group, children: callRenderProps(childrenProp, {
-    ...renderProps,
-    defaultChildren: null
-  }) }) }), [childrenProp, classNames?.group, values]);
-  return jsx(RadioGroup$1, { ...rest, ref, className: classNames?.group?.container, style, orientation, children });
-});
-
-export { Radio, RadioContext, RadioGroup, RadioGroupContext };

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

@@ -1 +0,0 @@
-{"version":3,"file":"radio.js","sources":["../../../src/components/radio/radio.tsx"],"sourcesContent":["import {\n  createContext,\n  type ForwardedRef,\n  forwardRef,\n  useMemo,\n  useCallback,\n} from 'react';\nimport {\n  RadioGroup as RACRadioGroup,\n  Radio as RACRadio,\n  type ContextValue,\n  Provider,\n  type LabelProps,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { AriaLabelContext } from '../aria';\nimport {\n  radioClassNames,\n  radioGroupStateVars,\n  radioStateVars,\n} from './radio.css';\nimport type {\n  RadioGroupRenderProps,\n  RadioGroupProps,\n  RadioProps,\n  RadioRenderProps,\n  RadioContextProps,\n} from './types';\n\nexport const RadioContext =\n  createContext<ContextValue<RadioContextProps, HTMLLabelElement>>(null);\n\nexport const Radio = forwardRef(function Radio(\n  props: RadioProps,\n  ref: ForwardedRef<HTMLLabelElement>,\n) {\n  [props, ref] = useContextProps(props, ref, RadioContext);\n  props = useDefaultProps(props, 'Radio');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    alignInput = 'end',\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(radioClassNames, theme.Radio, classNamesProp),\n    [classNamesProp, theme.Radio],\n  );\n\n  const style = useCallback(\n    (renderProps: RadioRenderProps) =>\n      inlineVars(radioStateVars, {\n        ...renderProps,\n        alignInput,\n      }),\n    [alignInput],\n  );\n\n  const children = useCallback(\n    (renderProps: RadioRenderProps) => (\n      <span className={classNames?.radio?.radio}>\n        {callRenderProps(childrenProp, {\n          ...renderProps,\n          defaultChildren: null,\n        })}\n      </span>\n    ),\n    [childrenProp, classNames?.radio],\n  );\n\n  return (\n    <RACRadio\n      {...rest}\n      ref={ref}\n      style={style}\n      className={classNames?.radio?.container}\n    >\n      {children}\n    </RACRadio>\n  );\n});\n\nexport const RadioGroupContext =\n  createContext<ContextValue<RadioGroupProps, HTMLDivElement>>(null);\n\nexport const RadioGroup = forwardRef(function RadioGroup(\n  props: RadioGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, RadioGroupContext);\n\n  props = useDefaultProps(props, 'RadioGroup');\n\n  const theme = useTheme();\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    alignInput = 'end',\n    orientation = 'vertical',\n    ...rest\n  } = props;\n\n  const classNames = useMemo(\n    () => mergeClassNames(radioClassNames, theme.Radio, classNamesProp),\n    [classNamesProp, theme.Radio],\n  );\n\n  const style = useCallback(\n    (renderProps: RadioGroupRenderProps) =>\n      inlineVars(radioGroupStateVars, {\n        ...renderProps,\n        alignInput,\n        orientation,\n      }),\n    [alignInput, orientation],\n  );\n\n  const values = useMemo<\n    [\n      [typeof RadioContext, ContextValue<RadioContextProps, HTMLLabelElement>],\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n    ]\n  >(\n    () => [\n      [\n        RadioContext,\n        {\n          classNames,\n          alignInput,\n        },\n      ],\n      [\n        AriaLabelContext,\n        {\n          className: classNames?.label,\n        },\n      ],\n    ],\n    [alignInput, classNames],\n  );\n\n  const children = useCallback(\n    (renderProps: RadioGroupRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.group?.group}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            defaultChildren: null,\n          })}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.group, values],\n  );\n\n  return (\n    <RACRadioGroup\n      {...rest}\n      ref={ref}\n      className={classNames?.group?.container}\n      style={style}\n      orientation={orientation}\n    >\n      {children}\n    </RACRadioGroup>\n  );\n});\n"],"names":["Radio","RACRadio","RadioGroup","RACRadioGroup"],"mappings":"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"}

package/dist/components/radio/radio.vanilla.js

@@ -1,8 +0,0 @@
-
-var radioClassNames = { radio: { container: "radio_radioClassNames_radio_container__hweo8bo", radio: "radio_radioClassNames_radio_radio__hweo8bp" }, group: { container: "radio_radioClassNames_group_container__hweo8bq", group: "radio_radioClassNames_group_group__hweo8br" }, label: "typography_label__j8fgabg" };
-var radioColorVars = { border: "var(--border__hweo8b2)", background: "var(--background__hweo8b3)", color: "var(--color__hweo8b4)" };
-var radioGroupStateVars = { alignInput: "var(--alignInput__hweo8bi)", orientation: "var(--orientation__hweo8bj)", isDisabled: "var(--isDisabled__hweo8bk)", isReadOnly: "var(--isReadOnly__hweo8bl)", isInvalid: "var(--isInvalid__hweo8bm)", isRequired: "var(--isRequired__hweo8bn)" };
-var radioSpaceVars = { diameter: "var(--diameter__hweo8b5)", gap: "var(--gap__hweo8b6)", elementGap: "var(--elementGap__hweo8b7)" };
-var radioStateVars = { alignInput: "var(--alignInput__hweo8b8)", isDisabled: "var(--isDisabled__hweo8b9)", isFocused: "var(--isFocused__hweo8ba)", isFocusVisible: "var(--isFocusVisible__hweo8bb)", isHovered: "var(--isHovered__hweo8bc)", isPressed: "var(--isPressed__hweo8bd)", isReadOnly: "var(--isReadOnly__hweo8be)", isSelected: "var(--isSelected__hweo8bf)", isInvalid: "var(--isInvalid__hweo8bg)", isRequired: "var(--isRequired__hweo8bh)" };
-
-export { radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars };

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

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

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

@@ -1,29 +0,0 @@
-import type { RadioGroupProps as RACRadioGroupProps, RadioGroupRenderProps as RACRadioGroupRenderProps, RadioProps as RACRadioProps, RadioRenderProps as RACRadioRenderProps } from 'react-aria-components';
-import type { PartialDeep } from 'type-fest';
-import type { RenderPropsChildren } from '../../types';
-export type RadioAlignment = 'start' | 'end';
-export type RadioClassNames = PartialDeep<{
-    group: {
-        container: string;
-        group: string;
-    };
-    radio: {
-        container: string;
-        radio: string;
-    };
-    label: string;
-}>;
-export type RadioGroupRenderProps = RACRadioGroupRenderProps;
-export type RadioGroupProps = Omit<RACRadioGroupProps, 'className' | 'style'> & Pick<BaseRadioProps, 'alignInput' | 'classNames' | 'label'>;
-export type RadioGroupState = Omit<RadioGroupRenderProps, 'state'>;
-export type RadioRenderProps = Omit<RACRadioRenderProps, 'state'>;
-type BaseRadioProps = {
-    children?: RenderPropsChildren<RadioRenderProps>;
-    label?: string;
-    classNames?: RadioClassNames;
-    alignInput?: RadioAlignment;
-};
-export type RadioProps = Omit<RACRadioProps, 'children' | 'className' | 'style'> & BaseRadioProps;
-export type RadioContextProps = Omit<RadioProps, 'value'>;
-export type RadioState = RadioRenderProps & Pick<BaseRadioProps, 'alignInput'>;
-export {};

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

@@ -1,3 +0,0 @@
-export { SearchField, SearchFieldContext } from './search-field';
-export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars, } from './search-field.css';
-export { type SearchFieldClassNames, type SearchFieldMapping, type SearchFieldProps, type SearchFieldRenderProps, type SearchFieldState, } from './types';

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

@@ -1,16 +0,0 @@
-import type { SearchFieldClassNames } from './types';
-export declare const searchFieldContainer: string;
-export declare const searchFieldSpaceVars: {
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const searchFieldStateVars: {
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    variant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const searchFieldClassNames: SearchFieldClassNames;

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

@@ -1,9 +0,0 @@
-import { type ContextValue } from 'react-aria-components';
-import type { SearchFieldMapping, SearchFieldProps } from './types';
-export declare const SearchFieldContext: import("react").Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
-export declare const SearchField: (props: Omit<import("react-aria-components").SearchFieldProps, "className" | "style" | "type"> & {
-    classNames?: import("./types").SearchFieldClassNames;
-    mapping?: Partial<SearchFieldMapping>;
-    size?: import("../input").InputSize;
-    variant?: import("./types").SearchFieldVariants;
-} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;

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

@@ -1,60 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, forwardRef, useMemo, useCallback } from 'react';
-import { Provider, SearchField as SearchField$1 } from 'react-aria-components';
-import { useContextProps } from '../../hooks/use-context-props/use-context-props.js';
-import { useDefaultProps } from '../../hooks/use-defaults/use-defaults.js';
-import { inlineVars } from '../../utils/css.js';
-import { mergeClassNames, callRenderProps } from '../../utils/props.js';
-import { useTheme } from '../../hooks/use-theme/use-theme.js';
-import { AriaGroupContext } from '../aria/aria.js';
-import { ButtonContext } from '../button/button.js';
-import { IconContext } from '../icon/icon.js';
-import { InputContext } from '../input/input.js';
-import { searchFieldClassNames, searchFieldStateVars } from './search-field.vanilla.js';
-
-const defaultMapping = {
-  icon: {
-    sm: { size: "xs" },
-    lg: { size: "sm" }
-  },
-  clear: {
-    sm: { size: "xs", variant: "icon" },
-    lg: { size: "sm", variant: "icon" }
-  }
-};
-const SearchFieldContext = createContext(null);
-const SearchField = forwardRef(function SearchField2(props, ref) {
-  [props, ref] = useContextProps(props, ref, SearchFieldContext);
-  props = useDefaultProps(props, "SearchField");
-  const { children: childrenProp, classNames: classNamesProp, mapping: mappingProp, size = "lg", variant = "solid", isDisabled, isReadOnly } = props;
-  const theme = useTheme();
-  const mapping = useMemo(() => ({
-    ...defaultMapping,
-    ...mappingProp
-  }), [mappingProp]);
-  const classNames = useMemo(() => mergeClassNames(searchFieldClassNames, theme.SearchField, classNamesProp), [theme.SearchField, classNamesProp]);
-  const values = useMemo(() => [
-    [AriaGroupContext, { className: classNames?.group }],
-    [IconContext, { ...mapping.icon[size], classNames: classNames?.icon }],
-    [InputContext, { classNames: classNames?.input, size }],
-    [
-      ButtonContext,
-      {
-        ...mapping.clear[size],
-        classNames: classNames?.clear,
-        isDisabled: isDisabled ?? isReadOnly
-      }
-    ]
-  ], [classNames, mapping, isDisabled, isReadOnly, size]);
-  const style = useCallback(({ state, ...renderProps }) => inlineVars(searchFieldStateVars, {
-    ...renderProps,
-    variant
-  }), [variant]);
-  const children = useCallback((renderProps) => jsx(Provider, { values, children: callRenderProps(childrenProp, {
-    ...renderProps,
-    defaultChildren: null
-  }) }), [childrenProp, values]);
-  return jsx(SearchField$1, { ...props, ref, className: classNames?.container, style, children });
-});
-
-export { SearchField, SearchFieldContext };

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

@@ -1 +0,0 @@
-{"version":3,"file":"search-field.js","sources":["../../../src/components/search-field/search-field.tsx"],"sourcesContent":["import {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  Provider,\n  type GroupProps as RACGroupProps,\n  SearchField as RACSearchField,\n  type SearchFieldRenderProps,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { AriaGroupContext } from '../aria';\nimport { ButtonContext, type ButtonProps } from '../button';\nimport { IconContext, type IconProps } from '../icon';\nimport { InputContext, type InputProps } from '../input';\nimport {\n  searchFieldClassNames,\n  searchFieldStateVars,\n} from './search-field.css';\nimport type { SearchFieldMapping, SearchFieldProps } from './types';\n\nconst defaultMapping: SearchFieldMapping = {\n  icon: {\n    sm: { size: 'xs' },\n    lg: { size: 'sm' },\n  },\n  clear: {\n    sm: { size: 'xs', variant: 'icon' },\n    lg: { size: 'sm', variant: 'icon' },\n  },\n};\n\nexport const SearchFieldContext =\n  createContext<ContextValue<SearchFieldProps, HTMLDivElement>>(null);\n\nexport const SearchField = forwardRef(function SearchField(\n  props: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  props = useDefaultProps(props, 'SearchField');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = 'lg',\n    variant = 'solid',\n    isDisabled,\n    isReadOnly,\n  } = props;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(searchFieldClassNames, theme.SearchField, classNamesProp),\n    [theme.SearchField, classNamesProp],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaGroupContext, ContextValue<RACGroupProps, HTMLDivElement>],\n      [typeof IconContext, ContextValue<IconProps, HTMLDivElement>],\n      [typeof InputContext, ContextValue<InputProps, HTMLInputElement>],\n      [typeof ButtonContext, ContextValue<ButtonProps, HTMLButtonElement>],\n    ]\n  >(\n    () => [\n      [AriaGroupContext, { className: classNames?.group }],\n      [IconContext, { ...mapping.icon[size], classNames: classNames?.icon }],\n      [InputContext, { classNames: classNames?.input, size }],\n      [\n        ButtonContext,\n        {\n          ...mapping.clear[size],\n          classNames: classNames?.clear,\n          isDisabled: isDisabled ?? isReadOnly,\n        },\n      ],\n    ],\n    [classNames, mapping, isDisabled, isReadOnly, size],\n  );\n\n  const style = useCallback(\n    ({ state, ...renderProps }: SearchFieldRenderProps) =>\n      inlineVars(searchFieldStateVars, {\n        ...renderProps,\n        variant,\n      }),\n    [variant],\n  );\n\n  const children = useCallback(\n    (renderProps: SearchFieldRenderProps) => (\n      <Provider values={values}>\n        {callRenderProps(childrenProp, {\n          ...renderProps,\n          defaultChildren: null,\n        })}\n      </Provider>\n    ),\n    [childrenProp, values],\n  );\n\n  return (\n    <RACSearchField\n      {...props}\n      ref={ref}\n      className={classNames?.container}\n      style={style}\n    >\n      {children}\n    </RACSearchField>\n  );\n});\n"],"names":["SearchField","RACSearchField"],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-
-var searchFieldClassNames = { container: "search-field_searchFieldClassNames_container__1exq9w6a", group: "search-field_searchFieldClassNames_group__1exq9w6b", icon: { icon: "search-field_searchFieldClassNames_icon_icon__1exq9w6c" }, input: { sizer: "search-field_searchFieldClassNames_input_sizer__1exq9w6d", input: "search-field_searchFieldClassNames_input_input__1exq9w6e" }, clear: { button: "search-field_searchFieldClassNames_clear_button__1exq9w6f" } };
-var searchFieldContainer = "search-field_searchFieldContainer__1exq9w60";
-var searchFieldSpaceVars = { x: "var(--x__1exq9w61)", y: "var(--y__1exq9w62)" };
-var searchFieldStateVars = { size: "var(--size__1exq9w63)", variant: "var(--variant__1exq9w64)", isEmpty: "var(--isEmpty__1exq9w65)", isDisabled: "var(--isDisabled__1exq9w66)", isInvalid: "var(--isInvalid__1exq9w67)", isReadOnly: "var(--isReadOnly__1exq9w68)", isRequired: "var(--isRequired__1exq9w69)" };
-
-export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars };

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

@@ -1 +0,0 @@
-{"version":3,"file":"search-field.vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

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

@@ -1,29 +0,0 @@
-import type { SearchFieldProps as RACSearchFieldProps, SearchFieldRenderProps as RACSearchFieldRenderProps } from 'react-aria-components';
-import type { PartialDeep } from 'type-fest';
-import type { AsType, OmitProtectedProps } from '../../types';
-import type { ButtonClassNames, ButtonProps } from '../button/types';
-import type { IconClassNames, IconProps } from '../icon/types';
-import type { InputClassNames, InputSize } from '../input/types';
-export type SearchFieldClassNames = PartialDeep<{
-    container: string;
-    group: string;
-    icon: IconClassNames;
-    input: InputClassNames;
-    clear: ButtonClassNames;
-}>;
-export type SearchFieldSizes = 'sm' | 'lg';
-export type SearchFieldVariants = 'solid' | 'hollow';
-export type SearchFieldMapping = {
-    icon: Partial<Record<SearchFieldSizes, OmitProtectedProps<IconProps>>>;
-    clear: Partial<Record<SearchFieldSizes, OmitProtectedProps<ButtonProps>>>;
-};
-type BaseSearchFieldProps = {
-    classNames?: SearchFieldClassNames;
-    mapping?: Partial<SearchFieldMapping>;
-    size?: InputSize;
-    variant?: SearchFieldVariants;
-};
-export type SearchFieldRenderProps = AsType<RACSearchFieldRenderProps>;
-export type SearchFieldState = Omit<SearchFieldRenderProps, 'state'> & Required<Pick<BaseSearchFieldProps, 'variant' | 'size'>>;
-export type SearchFieldProps = Omit<RACSearchFieldProps, 'className' | 'style' | 'type'> & BaseSearchFieldProps;
-export {};

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

@@ -1,3 +0,0 @@
-export { Select, SelectContext } from './select';
-export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars, } from './select.css';
-export { type SelectClassNames, type SelectMapping, type SelectProps, type SelectRenderProps, type SelectSizes, type SelectState, } from './types';

package/dist/components/select/select.css.d.ts

@@ -1,25 +0,0 @@
-import type { SelectClassNames } from './types';
-export declare const selectContainer: string;
-export declare const selectColorVars: {
-    description: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    error: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-export declare const selectSpaceVars: {
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const selectStateVars: {
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const selectClassNames: SelectClassNames;

package/dist/components/select/select.d.ts

@@ -1,8 +0,0 @@
-import { type ContextValue } from 'react-aria-components';
-import type { SelectMapping, SelectProps } from './types';
-export declare const SelectContext: import("react").Context<ContextValue<SelectProps<object>, HTMLDivElement>>;
-export declare const Select: <T extends object>(props: Omit<import("react-aria-components").SelectProps<T>, "className" | "style"> & {
-    classNames?: import("./types").SelectClassNames;
-    mapping?: Partial<SelectMapping>;
-    size?: import("./types").SelectSizes;
-} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;

package/dist/components/select/select.js

@@ -1,80 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, forwardRef, useMemo, useCallback } from 'react';
-import { Provider, Select as Select$1 } from 'react-aria-components';
-import { useContextProps } from '../../hooks/use-context-props/use-context-props.js';
-import { useDefaultProps } from '../../hooks/use-defaults/use-defaults.js';
-import { inlineVars } from '../../utils/css.js';
-import { mergeClassNames, callRenderProps } from '../../utils/props.js';
-import { useTheme } from '../../hooks/use-theme/use-theme.js';
-import { bodies } from '../../styles/typography.vanilla.js';
-import { AriaLabelContext, AriaSelectValueContext, AriaTextContext, AriaFieldErrorContext } from '../aria/aria.js';
-import { ButtonContext } from '../button/button.js';
-import { OptionsContext } from '../options/options.js';
-import { selectClassNames, selectStateVars } from './select.vanilla.js';
-
-const defaultMapping = {
-  description: {
-    sm: bodies.xs,
-    lg: bodies.xs
-  },
-  error: {
-    sm: bodies.xs,
-    lg: bodies.xs
-  },
-  toggle: {
-    sm: { size: "sm", variant: "hollow" },
-    lg: { size: "md", variant: "hollow" }
-  }
-};
-const SelectContext = createContext(null);
-const Select = forwardRef(function Select2(props, ref) {
-  [props, ref] = useContextProps(props, ref, SelectContext);
-  props = useDefaultProps(props, "Select");
-  const { children: childrenProp, classNames: classNamesProp, mapping: mappingProp, size = "lg" } = props;
-  const theme = useTheme();
-  const mapping = useMemo(() => ({
-    ...defaultMapping,
-    ...mappingProp
-  }), [mappingProp]);
-  const classNames = useMemo(() => mergeClassNames(selectClassNames, theme.Select, classNamesProp, {
-    description: mapping.description[size],
-    error: mapping.error[size]
-  }), [classNamesProp, theme.Select, mapping, size]);
-  const values = useMemo(() => [
-    [AriaLabelContext, { className: classNames?.label }],
-    [
-      ButtonContext,
-      {
-        ...mapping.toggle[size],
-        classNames: classNames?.toggle
-      }
-    ],
-    [
-      AriaSelectValueContext,
-      {
-        className: classNames?.value
-      }
-    ],
-    [
-      AriaTextContext,
-      {
-        slots: {
-          description: { className: classNames?.description }
-        }
-      }
-    ],
-    [AriaFieldErrorContext, { className: classNames?.error }],
-    [OptionsContext, { classNames: classNames?.options, size }]
-  ], [classNames, mapping, size]);
-  const style = useCallback((renderProps) => inlineVars(selectStateVars, {
-    ...renderProps,
-    size
-  }), [size]);
-  const children = useCallback((renderProps) => jsx("div", { className: classNames?.select, children: jsx(Provider, { values, children: callRenderProps(childrenProp, {
-    ...renderProps,
-    defaultChildren: null
-  }) }) }), [childrenProp, values, classNames?.select]);
-  return jsx(Select$1, { ...props, ref, className: classNames?.container, style, children });
-});
-
-export { Select, SelectContext };

package/dist/components/select/select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.js","sources":["../../../src/components/select/select.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n  type ForwardedRef,\n} from 'react';\nimport {\n  Select as AriaSelect,\n  Provider,\n  type ContextValue,\n  type FieldErrorProps,\n  type LabelProps,\n  type SelectRenderProps as RACSelectRenderProps,\n  type SelectValueProps,\n  type TextProps,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { bodies } from '../../styles';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport {\n  AriaFieldErrorContext,\n  AriaLabelContext,\n  AriaSelectValueContext,\n  AriaTextContext,\n} from '../aria';\nimport { ButtonContext, type ButtonProps } from '../button';\nimport { OptionsContext, type OptionsProps } from '../options';\nimport { selectClassNames, selectStateVars } from './select.css';\nimport type { SelectMapping, SelectProps } from './types';\n\nconst defaultMapping: SelectMapping = {\n  description: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  error: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  toggle: {\n    sm: { size: 'sm', variant: 'hollow' },\n    lg: { size: 'md', variant: 'hollow' },\n  },\n};\n\nexport const SelectContext =\n  createContext<ContextValue<SelectProps<object>, HTMLDivElement>>(null);\n\nexport const Select = forwardRef(function Select<T extends object>(\n  props: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\n  props = useDefaultProps(props, 'Select');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = 'lg',\n  } = props;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(selectClassNames, theme.Select, classNamesProp, {\n        description: mapping.description[size],\n        error: mapping.error[size],\n      }),\n    [classNamesProp, theme.Select, mapping, size],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n      [typeof ButtonContext, ContextValue<ButtonProps, HTMLButtonElement>],\n      [\n        typeof AriaSelectValueContext,\n        ContextValue<SelectValueProps<object>, HTMLSpanElement>,\n      ],\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [\n        typeof AriaFieldErrorContext,\n        ContextValue<FieldErrorProps, HTMLElement>,\n      ],\n      [typeof OptionsContext, ContextValue<OptionsProps, HTMLElement>],\n    ]\n  >(\n    () => [\n      [AriaLabelContext, { className: classNames?.label }],\n      [\n        ButtonContext,\n        {\n          ...mapping.toggle[size],\n          classNames: classNames?.toggle,\n        },\n      ],\n      [\n        AriaSelectValueContext,\n        {\n          className: classNames?.value,\n        },\n      ],\n      [\n        AriaTextContext,\n        {\n          slots: {\n            description: { className: classNames?.description },\n          },\n        },\n      ],\n      [AriaFieldErrorContext, { className: classNames?.error }],\n      [OptionsContext, { classNames: classNames?.options, size }],\n    ],\n    [classNames, mapping, size],\n  );\n\n  const style = useCallback(\n    (renderProps: RACSelectRenderProps) =>\n      inlineVars(selectStateVars, {\n        ...renderProps,\n        size,\n      }),\n    [size],\n  );\n\n  const children = useCallback(\n    (renderProps: RACSelectRenderProps) => (\n      <div className={classNames?.select}>\n        <Provider values={values}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            defaultChildren: null,\n          })}\n        </Provider>\n      </div>\n    ),\n    [childrenProp, values, classNames?.select],\n  );\n\n  return (\n    <AriaSelect\n      {...props}\n      ref={ref}\n      className={classNames?.container}\n      style={style}\n    >\n      {children}\n    </AriaSelect>\n  );\n});\n"],"names":["Select","AriaSelect"],"mappings":"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"}

package/dist/components/select/select.vanilla.js

@@ -1,8 +0,0 @@
-
-var selectClassNames = { container: "select_selectClassNames_container__1j26mgud", select: "select_selectClassNames_select__1j26mgue", label: "select_selectClassNames_label__1j26mguf typography_label__j8fgabg", toggle: { button: "select_selectClassNames_toggle_button__1j26mgug" }, description: "select_selectClassNames_description__1j26mguh", error: "select_selectClassNames_error__1j26mgui", value: "select_selectClassNames_value__1j26mguj" };
-var selectColorVars = { description: { color: "var(--description-color__1j26mgu1)" }, error: { color: "var(--error-color__1j26mgu2)" } };
-var selectContainer = "select_selectContainer__1j26mgu0";
-var selectSpaceVars = { width: "var(--width__1j26mgu3)", x: "var(--x__1j26mgu4)", y: "var(--y__1j26mgu5)" };
-var selectStateVars = { size: "var(--size__1j26mgu6)", isDisabled: "var(--isDisabled__1j26mgu7)", isInvalid: "var(--isInvalid__1j26mgu8)", isOpen: "var(--isOpen__1j26mgu9)", isRequired: "var(--isRequired__1j26mgua)", isFocused: "var(--isFocused__1j26mgub)", isFocusVisible: "var(--isFocusVisible__1j26mguc)" };
-
-export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars };

package/dist/components/select/select.vanilla.js.map

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

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

@@ -1,30 +0,0 @@
-import type { SelectProps as RACSelectProps, SelectRenderProps as RACSelectRenderProps } from 'react-aria-components';
-import type { PartialDeep } from 'type-fest';
-import type { AsType, OmitProtectedProps } from '../../types';
-import type { ButtonClassNames, ButtonProps } from '../button/types';
-import type { OptionsClassNames } from '../options/types';
-export type SelectClassNames = PartialDeep<{
-    container: string;
-    select: string;
-    label: string;
-    toggle: ButtonClassNames;
-    value: string;
-    description: string;
-    error: string;
-    options: OptionsClassNames;
-}>;
-export type SelectSizes = 'sm' | 'lg';
-export type SelectMapping = {
-    description: Partial<Record<SelectSizes, string>>;
-    error: Partial<Record<SelectSizes, string>>;
-    toggle: Partial<Record<SelectSizes, OmitProtectedProps<ButtonProps>>>;
-};
-type BaseSelectProps = {
-    classNames?: SelectClassNames;
-    mapping?: Partial<SelectMapping>;
-    size?: SelectSizes;
-};
-export type SelectRenderProps = AsType<RACSelectRenderProps>;
-export type SelectState = SelectRenderProps & Required<Pick<BaseSelectProps, 'size'>>;
-export type SelectProps<T extends object> = Omit<RACSelectProps<T>, 'className' | 'style'> & BaseSelectProps;
-export {};

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

@@ -1,3 +0,0 @@
-export { Switch, SwitchContext } from './switch';
-export { switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars, } from './switch.css';
-export { type SwitchClassNames, type SwitchAlignment, type SwitchProps, type SwitchRenderProps, type SwitchState, } from './types';