@accelint/design-system 0.8.1 → 0.9.0

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

@@ -1,7 +1,7 @@
 import '../../chunk-PZ5AY32C.js';
 import { useContext, useCallback, useMemo } from 'react';
 import { useValueSelector, isOptionGroupArray } from 'react-querybuilder';
-import { callRenderProps } from '../../utils/index.js';
+import { callRenderProps } from '../../utils/props/index.js';
 import { AriaSection, AriaHeader, AriaSelectValue } from '../aria/index.js';
 import { Button } from '../button/index.js';
 import { OptionsItem, OptionsList, Options } from '../options/index.js';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/query-builder/value-selector.tsx"],"names":[],"mappings":"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","file":"value-selector.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 type { Key } from '@react-types/shared';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { Selection } from 'react-aria-components';\nimport {\n  type FullOption,\n  type ValueSelectorProps,\n  isOptionGroupArray,\n  useValueSelector,\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"]}
+{"version":3,"sources":["../../../src/components/query-builder/value-selector.tsx"],"names":[],"mappings":"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","file":"value-selector.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 type { Key } from '@react-types/shared';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { Selection } from 'react-aria-components';\nimport {\n  type FullOption,\n  type ValueSelectorProps,\n  isOptionGroupArray,\n  useValueSelector,\n} from 'react-querybuilder';\nimport { callRenderProps } from '../../utils/props';\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"]}

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

@@ -1,7 +1,23 @@
-export { Radio, RadioContext, RadioGroup, RadioGroupContext } from './radio.js';
-export { radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars } from './radio.css.js';
-export { RadioAlignment, RadioClassNames, RadioContextProps, RadioGroupProps, RadioGroupState, RadioProps, RadioState } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../../types/react-aria.js';
+import { RadioRenderProps, RadioClassNames, RadioAlignment, RadioContextProps, RadioGroupProps } from './types.js';
+import * as react from 'react';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import { RenderPropsChildren } from '../../types/react-aria.js';
 import 'type-fest';
+
+declare const RadioContext: react.Context<ContextValue<RadioContextProps, HTMLLabelElement>>;
+declare const Radio: (props: Omit<react_aria_components.RadioProps, "children" | "className" | "style"> & {
+    children?: RenderPropsChildren<RadioRenderProps>;
+    label?: string;
+    classNames?: RadioClassNames;
+    alignInput?: RadioAlignment;
+} & react.RefAttributes<HTMLLabelElement>) => react.ReactElement | null;
+declare const RadioGroupContext: react.Context<ContextValue<RadioGroupProps, HTMLDivElement>>;
+declare const RadioGroup: (props: Omit<react_aria_components.RadioGroupProps, "className" | "style"> & Pick<{
+    children?: RenderPropsChildren<RadioRenderProps>;
+    label?: string;
+    classNames?: RadioClassNames;
+    alignInput?: RadioAlignment;
+}, "classNames" | "alignInput" | "label"> & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { Radio, RadioContext, RadioGroup, RadioGroupContext };

package/dist/components/radio/index.js

@@ -1,6 +1,117 @@
 import '../../chunk-PZ5AY32C.js';
-export { Radio, RadioContext, RadioGroup, RadioGroupContext } from './radio.js';
-export { radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars } from './radio.css.js';
-import './types.js';
+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/index.js';
+import { useDefaultProps } from '../../hooks/use-defaults/index.js';
+import { useTheme } from '../../hooks/use-theme/index.js';
+import { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, callRenderProps } from '../../utils/props/index.js';
+import { AriaLabelContext } from '../aria/index.js';
+import { radioClassNames, radioStateVars, radioGroupStateVars } from './radio.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var RadioContext = createContext(null);
+var 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) => /* @__PURE__ */ jsx("span", { className: classNames?.radio?.radio, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      defaultChildren: null
+    }) }),
+    [childrenProp, classNames?.radio]
+  );
+  return /* @__PURE__ */ jsx(
+    Radio$1,
+    {
+      ...rest,
+      ref,
+      style,
+      className: classNames?.radio?.container,
+      children
+    }
+  );
+});
+var RadioGroupContext = createContext(null);
+var 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) => /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.group?.group, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      defaultChildren: null
+    }) }) }),
+    [childrenProp, classNames?.group, values]
+  );
+  return /* @__PURE__ */ jsx(
+    RadioGroup$1,
+    {
+      ...rest,
+      ref,
+      className: classNames?.group?.container,
+      style,
+      orientation,
+      children
+    }
+  );
+});
+
+export { Radio, RadioContext, RadioGroup, RadioGroupContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/radio/index.tsx"],"names":["Radio","RACRadio","RadioGroup","RACRadioGroup"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  type LabelProps,\n  Provider,\n  Radio as RACRadio,\n  RadioGroup as RACRadioGroup,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks/use-context-props';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport { AriaLabelContext } from '../aria';\nimport {\n  radioClassNames,\n  radioGroupStateVars,\n  radioStateVars,\n} from './radio.css';\nimport type {\n  RadioContextProps,\n  RadioGroupProps,\n  RadioGroupRenderProps,\n  RadioProps,\n  RadioRenderProps,\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"]}

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

@@ -1,12 +1,21 @@
-export { SearchField, SearchFieldContext } from './search-field.js';
-export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars } from './search-field.css.js';
-export { SearchFieldClassNames, SearchFieldMapping, SearchFieldProps, SearchFieldRenderProps, SearchFieldState } from './types.js';
-import '../input/types.js';
-import 'react-aria-components';
+import { InputSize } from '../input/types.js';
+import { SearchFieldClassNames, SearchFieldMapping, SearchFieldVariants, SearchFieldProps } from './types.js';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import * as react from 'react';
 import '../../types/generic.js';
-import 'react';
 import 'type-fest';
 import '../../types/props.js';
 import '../button/types.js';
 import '../../types/react-aria.js';
 import '../icon/types.js';
+
+declare const SearchFieldContext: react.Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
+declare const SearchField: (props: Omit<react_aria_components.SearchFieldProps, "className" | "style" | "type"> & {
+    classNames?: SearchFieldClassNames;
+    mapping?: Partial<SearchFieldMapping>;
+    size?: InputSize;
+    variant?: SearchFieldVariants;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { SearchField, SearchFieldContext };

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

@@ -1,6 +1,95 @@
 import '../../chunk-PZ5AY32C.js';
-export { SearchField, SearchFieldContext } from './search-field.js';
-export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars } from './search-field.css.js';
-import './types.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { Provider, SearchField as SearchField$1 } from 'react-aria-components';
+import { useContextProps } from '../../hooks/use-context-props/index.js';
+import { useDefaultProps } from '../../hooks/use-defaults/index.js';
+import { useTheme } from '../../hooks/use-theme/index.js';
+import { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, callRenderProps } from '../../utils/props/index.js';
+import { AriaGroupContext } from '../aria/index.js';
+import { ButtonContext } from '../button/index.js';
+import { IconContext } from '../icon/index.js';
+import { InputContext } from '../input/index.js';
+import { searchFieldClassNames, searchFieldStateVars } from './search-field.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultMapping = {
+  icon: {
+    sm: { size: "xs" },
+    lg: { size: "sm" }
+  },
+  clear: {
+    sm: { size: "xs", variant: "icon" },
+    lg: { size: "sm", variant: "icon" }
+  }
+};
+var SearchFieldContext = createContext(null);
+var 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) => /* @__PURE__ */ jsx(Provider, { values, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      defaultChildren: null
+    }) }),
+    [childrenProp, values]
+  );
+  return /* @__PURE__ */ jsx(
+    SearchField$1,
+    {
+      ...props,
+      ref,
+      className: classNames?.container,
+      style,
+      children
+    }
+  );
+});
+
+export { SearchField, SearchFieldContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/search-field/index.tsx"],"names":["SearchField","RACSearchField"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\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 } from '../../hooks/use-context-props';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport { AriaGroupContext } from '../aria';\nimport { ButtonContext } from '../button';\nimport type { ButtonProps } from '../button/types';\nimport { IconContext } from '../icon';\nimport type { IconProps } from '../icon/types';\nimport { InputContext } from '../input';\nimport type { InputProps } from '../input/types';\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"]}

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

@@ -1,8 +1,7 @@
-export { Select, SelectContext } from './select.js';
-export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars } from './select.css.js';
-export { SelectClassNames, SelectMapping, SelectProps, SelectRenderProps, SelectSizes, SelectState } from './types.js';
-import 'react-aria-components';
-import 'react';
+import { SelectClassNames, SelectMapping, SelectSizes, SelectProps } from './types.js';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import * as react from 'react';
 import 'type-fest';
 import '../../types/generic.js';
 import '../../types/props.js';
@@ -10,3 +9,12 @@ import '../button/types.js';
 import '../../types/react-aria.js';
 import '../icon/types.js';
 import '../options/types.js';
+
+declare const SelectContext: react.Context<ContextValue<SelectProps<object>, HTMLDivElement>>;
+declare const Select: <T extends object>(props: Omit<react_aria_components.SelectProps<T>, "className" | "style"> & {
+    classNames?: SelectClassNames;
+    mapping?: Partial<SelectMapping>;
+    size?: SelectSizes;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { Select, SelectContext };

package/dist/components/select/index.js

@@ -1,6 +1,112 @@
 import '../../chunk-PZ5AY32C.js';
-export { Select, SelectContext } from './select.js';
-export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars } from './select.css.js';
-import './types.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { Provider, Select as Select$1 } from 'react-aria-components';
+import { useContextProps } from '../../hooks/use-context-props/index.js';
+import { useDefaultProps } from '../../hooks/use-defaults/index.js';
+import { useTheme } from '../../hooks/use-theme/index.js';
+import { bodies } from '../../styles/typography.css.js';
+import { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, callRenderProps } from '../../utils/props/index.js';
+import { AriaLabelContext, AriaSelectValueContext, AriaTextContext, AriaFieldErrorContext } from '../aria/index.js';
+import { ButtonContext } from '../button/index.js';
+import { OptionsContext } from '../options/index.js';
+import { selectClassNames, selectStateVars } from './select.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var 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" }
+  }
+};
+var SelectContext = createContext(null);
+var 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) => /* @__PURE__ */ jsx("div", { className: classNames?.select, children: /* @__PURE__ */ jsx(Provider, { values, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      defaultChildren: null
+    }) }) }),
+    [childrenProp, values, classNames?.select]
+  );
+  return /* @__PURE__ */ jsx(
+    Select$1,
+    {
+      ...props,
+      ref,
+      className: classNames?.container,
+      style,
+      children
+    }
+  );
+});
+
+export { Select, SelectContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/select/index.tsx"],"names":["Select","AriaSelect"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  Select as AriaSelect,\n  type ContextValue,\n  type FieldErrorProps,\n  type LabelProps,\n  Provider,\n  type SelectRenderProps as RACSelectRenderProps,\n  type SelectValueProps,\n  type TextProps,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks/use-context-props';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { bodies } from '../../styles/typography.css';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport {\n  AriaFieldErrorContext,\n  AriaLabelContext,\n  AriaSelectValueContext,\n  AriaTextContext,\n} from '../aria';\nimport { ButtonContext } from '../button';\nimport type { ButtonProps } from '../button/types';\nimport { OptionsContext } from '../options';\nimport type { OptionsProps } from '../options/types';\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"]}

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

@@ -1,15 +1,49 @@
-export { Slider, SliderBar, SliderBarContext, SliderContext, SliderOutput, SliderOutputContext, SliderThumb, SliderThumbContext, SliderTrack, SliderTrackContext } from './slider.js';
-export { sliderColorVars, sliderSpaceVars, sliderStateVars, sliderThumbStateVars, sliderTrackStateVars } from './slider.css.js';
-export { SliderClassNames, SliderLayout, SliderProps, SliderRenderProps, SliderState, SliderThumbProps, SliderThumbState } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../../types/react-aria.js';
+import * as react from 'react';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import { RenderPropsChildren } from '../../types/react-aria.js';
+import { SliderRenderProps, SliderClassNames, SliderLayout, SliderProps, SliderBarProps, SliderOutputProps, SliderTrackProps, SliderThumbProps } from './types.js';
 import 'type-fest';
 import '../../types/generic.js';
 import '../group/types.js';
 import '@react-types/shared';
 import '../number-field/types.js';
-import '../button/types.js';
 import '../../types/props.js';
+import '../button/types.js';
 import '../icon/types.js';
 import '../input/types.js';
+
+declare const SliderBarContext: react.Context<ContextValue<SliderBarProps, HTMLDivElement>>;
+/**
+ * SliderBar is optional, but must be used as a child of SliderTrack
+ */
+declare const SliderBar: (props: SliderBarProps & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const SliderOutputContext: react.Context<ContextValue<SliderOutputProps, HTMLOutputElement>>;
+declare const SliderOutput: (props: Omit<react_aria_components.SliderOutputProps, "className" | "style"> & {
+    classNames?: SliderClassNames;
+} & react.RefAttributes<HTMLOutputElement>) => react.ReactElement | null;
+declare const SliderTrackContext: react.Context<ContextValue<SliderTrackProps, HTMLDivElement>>;
+/**
+ * SliderTrack must be used as a child of Slider, a parent of SliderThumb,
+ * and if used, a parent of SliderBar
+ */
+declare const SliderTrack: (props: Omit<react_aria_components.SliderTrackProps, "className" | "style"> & {
+    classNames?: SliderClassNames;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const SliderThumbContext: react.Context<ContextValue<SliderThumbProps, HTMLDivElement>>;
+/**
+ * SliderThumb must be used as a child of SliderTrack
+ */
+declare const SliderThumb: (props: Omit<react_aria_components.SliderThumbProps, "className" | "style"> & {
+    classNames?: SliderClassNames;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const SliderContext: react.Context<ContextValue<SliderProps, HTMLDivElement>>;
+declare const Slider: (props: Omit<react_aria_components.SliderProps<number | number[]>, "children" | "style" | "classname"> & {
+    children?: RenderPropsChildren<SliderRenderProps>;
+    classNames?: SliderClassNames;
+    layout?: SliderLayout;
+    minValue?: number;
+    maxValue?: number;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { Slider, SliderBar, SliderBarContext, SliderContext, SliderOutput, SliderOutputContext, SliderThumb, SliderThumbContext, SliderTrack, SliderTrackContext };