@accelint/design-system 0.8.1 → 0.10.0

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/radio/radio.css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/radio/radio.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,kBAAkB,EAAC,KAAA,EAAM,EAAC,SAAA,EAAU,kDAAiD,KAAM,EAAA,4CAAA,EAA8C,EAAA,KAAA,EAAM,EAAC,SAAU,EAAA,gDAAA,EAAiD,OAAM,4CAA4C,EAAA,EAAE,OAAM,2BAA2B;AACpS,IAAI,iBAAiB,EAAC,MAAA,EAAO,0BAAyB,UAAW,EAAA,4BAAA,EAA6B,OAAM,uBAAuB;AAC3H,IAAI,cAAiB,GAAA;AACrB,IAAI,mBAAsB,GAAA;AAC1B,IAAI,mBAAsB,GAAA,EAAC,UAAW,EAAA,4BAAA,EAA6B,WAAY,EAAA,6BAAA,EAA8B,UAAW,EAAA,4BAAA,EAA6B,UAAW,EAAA,4BAAA,EAA6B,SAAU,EAAA,2BAAA,EAA4B,YAAW,4BAA4B;AAC1Q,IAAI,iBAAiB,EAAC,QAAA,EAAS,4BAA2B,GAAI,EAAA,qBAAA,EAAsB,YAAW,4BAA4B;AACvH,IAAA,cAAA,GAAiB,EAAC,UAAW,EAAA,4BAAA,EAA6B,YAAW,4BAA6B,EAAA,SAAA,EAAU,6BAA4B,cAAe,EAAA,gCAAA,EAAiC,WAAU,2BAA4B,EAAA,SAAA,EAAU,6BAA4B,UAAW,EAAA,4BAAA,EAA6B,YAAW,4BAA6B,EAAA,SAAA,EAAU,2BAA4B,EAAA,UAAA,EAAW,4BAA4B","file":"radio.css.js","sourcesContent":["export 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'};\nexport var radioColorVars = {border:'var(--border__hweo8b2)',background:'var(--background__hweo8b3)',color:'var(--color__hweo8b4)'};\nexport var radioContainer = 'radio_radioContainer__hweo8b0';\nexport var radioGroupContainer = 'radio_radioGroupContainer__hweo8b1';\nexport 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)'};\nexport var radioSpaceVars = {diameter:'var(--diameter__hweo8b5)',gap:'var(--gap__hweo8b6)',elementGap:'var(--elementGap__hweo8b7)'};\nexport 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)'};"]}
+{"version":3,"sources":["../../../src/components/radio/radio.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,kBAAkB,EAAC,KAAA,EAAM,EAAC,SAAA,EAAU,kDAAiD,KAAA,EAAM,4CAAA,EAA4C,EAAE,KAAA,EAAM,EAAC,SAAA,EAAU,gDAAA,EAAiD,OAAM,4CAAA,EAA4C,EAAE,OAAM,2BAAA;AACzQ,IAAI,iBAAiB,EAAC,MAAA,EAAO,0BAAyB,UAAA,EAAW,4BAAA,EAA6B,OAAM,uBAAA;AACpG,IAAI,cAAA,GAAiB;AACrB,IAAI,mBAAA,GAAsB;AAC1B,IAAI,mBAAA,GAAsB,EAAC,UAAA,EAAW,4BAAA,EAA6B,WAAA,EAAY,6BAAA,EAA8B,UAAA,EAAW,4BAAA,EAA6B,UAAA,EAAW,4BAAA,EAA6B,SAAA,EAAU,2BAAA,EAA4B,YAAW,4BAAA;AAC9O,IAAI,iBAAiB,EAAC,QAAA,EAAS,4BAA2B,GAAA,EAAI,qBAAA,EAAsB,YAAW,4BAAA;AAC/F,IAAI,cAAA,GAAiB,EAAC,UAAA,EAAW,4BAAA,EAA6B,YAAW,4BAAA,EAA6B,SAAA,EAAU,6BAA4B,cAAA,EAAe,gCAAA,EAAiC,WAAU,2BAAA,EAA4B,SAAA,EAAU,6BAA4B,UAAA,EAAW,4BAAA,EAA6B,YAAW,4BAAA,EAA6B,SAAA,EAAU,2BAAA,EAA4B,UAAA,EAAW,4BAAA","file":"radio.css.js","sourcesContent":["export 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'};\nexport var radioColorVars = {border:'var(--border__hweo8b2)',background:'var(--background__hweo8b3)',color:'var(--color__hweo8b4)'};\nexport var radioContainer = 'radio_radioContainer__hweo8b0';\nexport var radioGroupContainer = 'radio_radioGroupContainer__hweo8b1';\nexport 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)'};\nexport var radioSpaceVars = {diameter:'var(--diameter__hweo8b5)',gap:'var(--gap__hweo8b6)',elementGap:'var(--elementGap__hweo8b7)'};\nexport 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)'};"]}

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/search-field/search-field.css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/search-field/search-field.css.ts"],"names":[],"mappings":";;;AAAW,IAAA,qBAAA,GAAwB,EAAC,SAAU,EAAA,wDAAA,EAAyD,OAAM,oDAAqD,EAAA,IAAA,EAAK,EAAC,IAAA,EAAK,wDAAwD,EAAA,EAAE,OAAM,EAAC,KAAA,EAAM,4DAA2D,KAAM,EAAA,0DAAA,IAA4D,KAAM,EAAA,EAAC,MAAO,EAAA,2DAAA,EAA4D;AACpb,IAAI,oBAAuB,GAAA;AAC3B,IAAI,oBAAuB,GAAA,EAAC,CAAE,EAAA,oBAAA,EAAqB,GAAE,oBAAoB;AACzE,IAAI,oBAAuB,GAAA,EAAC,IAAK,EAAA,uBAAA,EAAwB,SAAQ,0BAA2B,EAAA,OAAA,EAAQ,0BAA2B,EAAA,UAAA,EAAW,+BAA8B,SAAU,EAAA,4BAAA,EAA6B,UAAW,EAAA,6BAAA,EAA8B,YAAW,6BAA6B","file":"search-field.css.js","sourcesContent":["export 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'}};\nexport var searchFieldContainer = 'search-field_searchFieldContainer__1exq9w60';\nexport var searchFieldSpaceVars = {x:'var(--x__1exq9w61)',y:'var(--y__1exq9w62)'};\nexport 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)'};"]}
+{"version":3,"sources":["../../../src/components/search-field/search-field.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,qBAAA,GAAwB,EAAC,SAAA,EAAU,wDAAA,EAAyD,OAAM,oDAAA,EAAqD,IAAA,EAAK,EAAC,IAAA,EAAK,wDAAA,EAAwD,EAAE,OAAM,EAAC,KAAA,EAAM,4DAA2D,KAAA,EAAM,0DAAA,IAA4D,KAAA,EAAM,EAAC,MAAA,EAAO,2DAAA,EAA2D;AACnb,IAAI,oBAAA,GAAuB;AAC3B,IAAI,oBAAA,GAAuB,EAAC,CAAA,EAAE,oBAAA,EAAqB,GAAE,oBAAA;AACrD,IAAI,oBAAA,GAAuB,EAAC,IAAA,EAAK,uBAAA,EAAwB,SAAQ,0BAAA,EAA2B,OAAA,EAAQ,0BAAA,EAA2B,UAAA,EAAW,+BAA8B,SAAA,EAAU,4BAAA,EAA6B,UAAA,EAAW,6BAAA,EAA8B,YAAW,6BAAA","file":"search-field.css.js","sourcesContent":["export 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'}};\nexport var searchFieldContainer = 'search-field_searchFieldContainer__1exq9w60';\nexport var searchFieldSpaceVars = {x:'var(--x__1exq9w61)',y:'var(--y__1exq9w62)'};\nexport 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)'};"]}

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/select/select.css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/select/select.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,mBAAmB,EAAC,SAAA,EAAU,+CAA8C,MAAO,EAAA,0CAAA,EAA2C,OAAM,mEAAoE,EAAA,MAAA,EAAO,EAAC,MAAA,EAAO,mDAAmD,EAAA,WAAA,EAAY,iDAAgD,KAAM,EAAA,yCAAA,EAA0C,OAAM,yCAAyC;AACra,IAAA,eAAA,GAAkB,EAAC,WAAA,EAAY,EAAC,KAAA,EAAM,oCAAoC,EAAA,EAAE,KAAM,EAAA,EAAC,KAAM,EAAA,8BAAA,EAA+B;AAC5H,IAAI,eAAkB,GAAA;AACtB,IAAI,kBAAkB,EAAC,KAAA,EAAM,0BAAyB,CAAE,EAAA,oBAAA,EAAqB,GAAE,oBAAoB;AACnG,IAAI,eAAkB,GAAA,EAAC,IAAK,EAAA,uBAAA,EAAwB,YAAW,6BAA8B,EAAA,SAAA,EAAU,4BAA6B,EAAA,MAAA,EAAO,2BAA0B,UAAW,EAAA,6BAAA,EAA8B,SAAU,EAAA,4BAAA,EAA6B,gBAAe,iCAAiC","file":"select.css.js","sourcesContent":["export 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'};\nexport var selectColorVars = {description:{color:'var(--description-color__1j26mgu1)'},error:{color:'var(--error-color__1j26mgu2)'}};\nexport var selectContainer = 'select_selectContainer__1j26mgu0';\nexport var selectSpaceVars = {width:'var(--width__1j26mgu3)',x:'var(--x__1j26mgu4)',y:'var(--y__1j26mgu5)'};\nexport 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)'};"]}
+{"version":3,"sources":["../../../src/components/select/select.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,mBAAmB,EAAC,SAAA,EAAU,+CAA8C,MAAA,EAAO,0CAAA,EAA2C,OAAM,mEAAA,EAAoE,MAAA,EAAO,EAAC,MAAA,EAAO,mDAAiD,EAAE,WAAA,EAAY,iDAAgD,KAAA,EAAM,yCAAA,EAA0C,OAAM,yCAAA;AAChY,IAAI,eAAA,GAAkB,EAAC,WAAA,EAAY,EAAC,KAAA,EAAM,oCAAA,EAAoC,EAAE,KAAA,EAAM,EAAC,KAAA,EAAM,8BAAA,EAA8B;AAC3H,IAAI,eAAA,GAAkB;AACtB,IAAI,kBAAkB,EAAC,KAAA,EAAM,0BAAyB,CAAA,EAAE,oBAAA,EAAqB,GAAE,oBAAA;AAC/E,IAAI,eAAA,GAAkB,EAAC,IAAA,EAAK,uBAAA,EAAwB,YAAW,6BAAA,EAA8B,SAAA,EAAU,4BAAA,EAA6B,MAAA,EAAO,2BAA0B,UAAA,EAAW,6BAAA,EAA8B,SAAA,EAAU,4BAAA,EAA6B,gBAAe,iCAAA","file":"select.css.js","sourcesContent":["export 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'};\nexport var selectColorVars = {description:{color:'var(--description-color__1j26mgu1)'},error:{color:'var(--error-color__1j26mgu2)'}};\nexport var selectContainer = 'select_selectContainer__1j26mgu0';\nexport var selectSpaceVars = {width:'var(--width__1j26mgu3)',x:'var(--x__1j26mgu4)',y:'var(--y__1j26mgu5)'};\nexport 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)'};"]}

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 };