@accelint/design-system 0.8.1 → 0.9.0

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

@@ -1,92 +0,0 @@
-import '../../chunk-PZ5AY32C.js';
-import { createContext, forwardRef, useMemo, useCallback } from 'react';
-import { Provider, SearchField as SearchField$1 } from 'react-aria-components';
-import { useContextProps, useDefaultProps, useTheme } from '../../hooks/index.js';
-import { mergeClassNames, inlineVars, callRenderProps } from '../../utils/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=search-field.js.map
-//# sourceMappingURL=search-field.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/search-field/search-field.tsx"],"names":["SearchField","RACSearchField"],"mappings":"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","file":"search-field.js","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"]}

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

@@ -1,20 +0,0 @@
-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';
-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/select.js

@@ -1,109 +0,0 @@
-import '../../chunk-PZ5AY32C.js';
-import { createContext, forwardRef, useMemo, useCallback } from 'react';
-import { Provider, Select as Select$1 } from 'react-aria-components';
-import { useContextProps, useDefaultProps, useTheme } from '../../hooks/index.js';
-import { bodies } from '../../styles/index.js';
-import { mergeClassNames, inlineVars, callRenderProps } from '../../utils/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=select.js.map
-//# sourceMappingURL=select.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/select/select.tsx"],"names":["Select","AriaSelect"],"mappings":"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","file":"select.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, 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"]}

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

@@ -1,49 +0,0 @@
-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, SliderThumbProps, SliderTrackProps } 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 '../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 };

package/dist/components/slider/slider.js

@@ -1,230 +0,0 @@
-import '../../chunk-PZ5AY32C.js';
-import { clsx } from 'clsx';
-import { createContext, forwardRef, useMemo, useContext, useCallback } from 'react';
-import { SliderStateContext, SliderOutput as SliderOutput$1, Provider, SliderTrack as SliderTrack$1, SliderThumb as SliderThumb$1, LabelContext, DEFAULT_SLOT, Slider as Slider$1 } from 'react-aria-components';
-import { AriaTextContext, NumberFieldContext, GroupContext } from '../../components/index.js';
-import { useContextProps, useDefaultProps, useTheme } from '../../hooks/index.js';
-import { mergeClassNames, inlineVars, callRenderProps } from '../../utils/index.js';
-import { sliderClassNames, sliderStateVars, sliderTrackStateVars, sliderThumbStateVars } from './slider.css.js';
-import { jsx } from 'react/jsx-runtime';
-
-var SliderBarContext = createContext(null);
-var SliderBar = forwardRef(function SliderBar2(props, ref) {
-  [props, ref] = useContextProps(props, ref, SliderBarContext);
-  props = useDefaultProps(props, "SliderBar");
-  const { classNames: classNamesProp, ...rest } = props;
-  const theme = useTheme();
-  const classNames = useMemo(
-    () => mergeClassNames(sliderClassNames, theme.Slider, classNamesProp),
-    [theme.Slider, classNamesProp]
-  );
-  const state = useContext(SliderStateContext);
-  const min = state.getThumbPercent(0);
-  const max = state.getThumbPercent(1);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...rest,
-      ref,
-      className: classNames?.track?.bar,
-      style: {
-        position: "absolute",
-        ...state.orientation === "horizontal" && {
-          left: max ? `${min * 100}%` : 0,
-          width: max ? `${(max * 100 || 0) - (min * 100 || 0)}%` : `${min * 100}%`
-        },
-        ...state.orientation === "vertical" && {
-          bottom: max ? `${min * 100}%` : 0,
-          height: max ? `${(max * 100 || 0) - (min * 100 || 0)}%` : `${min * 100}%`
-        }
-      }
-    }
-  );
-});
-var SliderOutputContext = createContext(null);
-var SliderOutput = forwardRef(function SliderOutput2(props, ref) {
-  [props, ref] = useContextProps(props, ref, SliderOutputContext);
-  props = useDefaultProps(props, "SliderOutput");
-  const { children: childrenProp, classNames: classNamesProp, ...rest } = props;
-  const theme = useTheme();
-  const classNames = useMemo(
-    () => mergeClassNames(sliderClassNames, theme.Slider, classNamesProp),
-    [theme.Slider, classNamesProp]
-  );
-  const style = useCallback(
-    (renderProps) => inlineVars(sliderStateVars, renderProps),
-    []
-  );
-  const children = useCallback(
-    (renderProps) => /* @__PURE__ */ jsx("div", { className: classNames?.output?.output, children: callRenderProps(childrenProp, {
-      ...renderProps,
-      defaultChildren: null
-    }) }),
-    [childrenProp, classNames?.output?.output]
-  );
-  return /* @__PURE__ */ jsx(
-    SliderOutput$1,
-    {
-      ...rest,
-      ref,
-      className: classNames?.output?.container,
-      style,
-      children
-    }
-  );
-});
-var SliderTrackContext = createContext(null);
-var SliderTrack = forwardRef(function SliderTrack2(props, ref) {
-  [props, ref] = useContextProps(props, ref, SliderTrackContext);
-  props = useDefaultProps(props, "SliderTrack");
-  const { children: childrenProp, classNames: classNamesProp, ...rest } = props;
-  const theme = useTheme();
-  const classNames = useMemo(
-    () => mergeClassNames(sliderClassNames, theme.Slider, classNamesProp),
-    [theme.Slider, classNamesProp]
-  );
-  const style = useCallback(
-    (renderProps) => inlineVars(sliderTrackStateVars, renderProps),
-    []
-  );
-  const values = useMemo(
-    () => [
-      [SliderThumbContext, { classNames }],
-      [SliderBarContext, { classNames }]
-    ],
-    [classNames]
-  );
-  const children = useCallback(
-    (renderProps) => /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.track?.track, children: callRenderProps(childrenProp, {
-      ...renderProps,
-      defaultChildren: null
-    }) }) }),
-    [childrenProp, values, classNames?.track?.track]
-  );
-  return /* @__PURE__ */ jsx(
-    SliderTrack$1,
-    {
-      ...rest,
-      ref,
-      className: classNames?.track?.container,
-      style,
-      children
-    }
-  );
-});
-var SliderThumbContext = createContext(null);
-var SliderThumb = forwardRef(function SliderThumb2(props, ref) {
-  [props, ref] = useContextProps(props, ref, SliderThumbContext);
-  props = useDefaultProps(props, "SliderThumb");
-  const { children: childrenProp, classNames: classNamesProp, ...rest } = props;
-  const theme = useTheme();
-  const classNames = useMemo(
-    () => mergeClassNames(sliderClassNames, theme.Slider, classNamesProp),
-    [theme.Slider, classNamesProp]
-  );
-  const style = useCallback(
-    (renderProps) => inlineVars(sliderThumbStateVars, renderProps),
-    []
-  );
-  const children = useCallback(
-    (renderProps) => /* @__PURE__ */ jsx("div", { className: classNames?.thumb?.thumb, children: callRenderProps(childrenProp, {
-      ...renderProps,
-      defaultChildren: null
-    }) }),
-    [childrenProp, classNames?.thumb?.thumb]
-  );
-  return /* @__PURE__ */ jsx(
-    SliderThumb$1,
-    {
-      ...rest,
-      ref,
-      className: classNames?.thumb?.container,
-      style,
-      children
-    }
-  );
-});
-var SliderContext = createContext(null);
-var Slider = forwardRef(function Slider2(props, ref) {
-  [props, ref] = useContextProps(props, ref, SliderContext);
-  props = useDefaultProps(props, "Slider");
-  const {
-    children: childrenProp,
-    classNames: classNamesProp,
-    layout = "stacked",
-    orientation = "horizontal",
-    isDisabled,
-    ...rest
-  } = props;
-  const theme = useTheme();
-  const classNames = useMemo(
-    () => mergeClassNames(sliderClassNames, theme.Slider, classNamesProp),
-    [theme.Slider, classNamesProp]
-  );
-  const style = useCallback(
-    ({ ...renderProps }) => inlineVars(sliderStateVars, {
-      ...renderProps,
-      layout
-    }),
-    [layout]
-  );
-  const values = useMemo(
-    () => [
-      [LabelContext, { className: classNames?.slider?.label }],
-      [
-        AriaTextContext,
-        {
-          slots: {
-            [DEFAULT_SLOT]: {},
-            min: {
-              className: clsx(
-                classNames?.slider?.tick,
-                classNames?.slider?.min
-              )
-            },
-            max: {
-              className: clsx(
-                classNames?.slider?.tick,
-                classNames?.slider?.max
-              )
-            }
-          }
-        }
-      ],
-      [NumberFieldContext, { classNames: classNames?.numberField, isDisabled }],
-      [SliderOutputContext, { classNames }],
-      [SliderTrackContext, { classNames }],
-      [
-        GroupContext,
-        {
-          classNames: classNames?.group,
-          context: NumberFieldContext,
-          orientation,
-          reverse: orientation === "vertical",
-          values: { classNames: classNames?.group?.numberField }
-        }
-      ]
-    ],
-    [classNames, orientation, isDisabled]
-  );
-  const children = useCallback(
-    (renderProps) => /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.slider?.slider, children: callRenderProps(childrenProp, renderProps) }) }),
-    [childrenProp, classNames?.slider, values]
-  );
-  return /* @__PURE__ */ jsx(
-    Slider$1,
-    {
-      ...rest,
-      ref,
-      className: classNames?.slider?.container,
-      orientation,
-      style,
-      isDisabled,
-      children
-    }
-  );
-});
-
-export { Slider, SliderBar, SliderBarContext, SliderContext, SliderOutput, SliderOutputContext, SliderThumb, SliderThumbContext, SliderTrack, SliderTrackContext };
-//# sourceMappingURL=slider.js.map
-//# sourceMappingURL=slider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/slider/slider.tsx"],"names":["SliderBar","SliderOutput","RACSliderOutput","SliderTrack","RACSliderTrack","SliderThumb","RACSliderThumb","Slider","RACSlider"],"mappings":"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","file":"slider.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 { clsx } from 'clsx';\nimport {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  DEFAULT_SLOT,\n  LabelContext,\n  type LabelProps,\n  Provider,\n  Slider as RACSlider,\n  SliderOutput as RACSliderOutput,\n  SliderThumb as RACSliderThumb,\n  SliderTrack as RACSliderTrack,\n  SliderStateContext,\n  type TextProps,\n} from 'react-aria-components';\nimport {\n  type AriaLabelContext,\n  AriaTextContext,\n  GroupContext,\n  type GroupProps,\n  NumberFieldContext,\n  type NumberFieldProps,\n} from '../../components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport {\n  sliderClassNames,\n  sliderStateVars,\n  sliderThumbStateVars,\n  sliderTrackStateVars,\n} from './slider.css';\nimport type {\n  SliderBarProps,\n  SliderOutputProps,\n  SliderProps,\n  SliderRenderProps,\n  SliderThumbProps,\n  SliderThumbRenderProps,\n  SliderTrackProps,\n  SliderTrackRenderProps,\n} from './types';\n\nexport const SliderBarContext =\n  createContext<ContextValue<SliderBarProps, HTMLDivElement>>(null);\n\n/**\n * SliderBar is optional, but must be used as a child of SliderTrack\n */\nexport const SliderBar = forwardRef(function SliderBar(\n  props: SliderBarProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SliderBarContext);\n\n  props = useDefaultProps(props, 'SliderBar');\n\n  const { classNames: classNamesProp, ...rest } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(sliderClassNames, theme.Slider, classNamesProp),\n    [theme.Slider, classNamesProp],\n  );\n\n  const state = useContext(SliderStateContext);\n\n  const min = state.getThumbPercent(0);\n  const max = state.getThumbPercent(1);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={classNames?.track?.bar}\n      style={{\n        position: 'absolute',\n        ...(state.orientation === 'horizontal' && {\n          left: max ? `${min * 100}%` : 0,\n          width: max\n            ? `${(max * 100 || 0) - (min * 100 || 0)}%`\n            : `${min * 100}%`,\n        }),\n        ...(state.orientation === 'vertical' && {\n          bottom: max ? `${min * 100}%` : 0,\n          height: max\n            ? `${(max * 100 || 0) - (min * 100 || 0)}%`\n            : `${min * 100}%`,\n        }),\n      }}\n    />\n  );\n});\n\nexport const SliderOutputContext =\n  createContext<ContextValue<SliderOutputProps, HTMLOutputElement>>(null);\n\nexport const SliderOutput = forwardRef(function SliderOutput(\n  props: SliderOutputProps,\n  ref: ForwardedRef<HTMLOutputElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SliderOutputContext);\n\n  props = useDefaultProps(props, 'SliderOutput');\n\n  const { children: childrenProp, classNames: classNamesProp, ...rest } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(sliderClassNames, theme.Slider, classNamesProp),\n    [theme.Slider, classNamesProp],\n  );\n\n  const style = useCallback(\n    (renderProps: SliderRenderProps) =>\n      inlineVars(sliderStateVars, renderProps),\n    [],\n  );\n\n  const children = useCallback(\n    (renderProps: SliderRenderProps) => (\n      <div className={classNames?.output?.output}>\n        {callRenderProps(childrenProp, {\n          ...renderProps,\n          defaultChildren: null,\n        })}\n      </div>\n    ),\n    [childrenProp, classNames?.output?.output],\n  );\n\n  return (\n    <RACSliderOutput\n      {...rest}\n      ref={ref}\n      className={classNames?.output?.container}\n      style={style}\n    >\n      {children}\n    </RACSliderOutput>\n  );\n});\n\nexport const SliderTrackContext =\n  createContext<ContextValue<SliderTrackProps, HTMLDivElement>>(null);\n\n/**\n * SliderTrack must be used as a child of Slider, a parent of SliderThumb,\n * and if used, a parent of SliderBar\n */\nexport const SliderTrack = forwardRef(function SliderTrack(\n  props: SliderTrackProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SliderTrackContext);\n\n  props = useDefaultProps(props, 'SliderTrack');\n\n  const { children: childrenProp, classNames: classNamesProp, ...rest } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(sliderClassNames, theme.Slider, classNamesProp),\n    [theme.Slider, classNamesProp],\n  );\n\n  const style = useCallback(\n    (renderProps: SliderTrackRenderProps) =>\n      inlineVars(sliderTrackStateVars, renderProps),\n    [],\n  );\n\n  const values = useMemo<\n    [\n      [\n        typeof SliderThumbContext,\n        ContextValue<SliderThumbProps, HTMLDivElement>,\n      ],\n      [typeof SliderBarContext, ContextValue<SliderBarProps, HTMLDivElement>],\n    ]\n  >(\n    () => [\n      [SliderThumbContext, { classNames }],\n      [SliderBarContext, { classNames }],\n    ],\n    [classNames],\n  );\n\n  const children = useCallback(\n    (renderProps: SliderTrackRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.track?.track}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            defaultChildren: null,\n          })}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, values, classNames?.track?.track],\n  );\n\n  return (\n    <RACSliderTrack\n      {...rest}\n      ref={ref}\n      className={classNames?.track?.container}\n      style={style}\n    >\n      {children}\n    </RACSliderTrack>\n  );\n});\n\nexport const SliderThumbContext =\n  createContext<ContextValue<SliderThumbProps, HTMLDivElement>>(null);\n\n/**\n * SliderThumb must be used as a child of SliderTrack\n */\nexport const SliderThumb = forwardRef(function SliderThumb(\n  props: SliderThumbProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SliderThumbContext);\n\n  props = useDefaultProps(props, 'SliderThumb');\n\n  const { children: childrenProp, classNames: classNamesProp, ...rest } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(sliderClassNames, theme.Slider, classNamesProp),\n    [theme.Slider, classNamesProp],\n  );\n\n  const style = useCallback(\n    (renderProps: SliderThumbRenderProps) =>\n      inlineVars(sliderThumbStateVars, renderProps),\n    [],\n  );\n\n  const children = useCallback(\n    (renderProps: SliderThumbRenderProps) => (\n      <div className={classNames?.thumb?.thumb}>\n        {callRenderProps(childrenProp, {\n          ...renderProps,\n          defaultChildren: null,\n        })}\n      </div>\n    ),\n    [childrenProp, classNames?.thumb?.thumb],\n  );\n\n  return (\n    <RACSliderThumb\n      {...rest}\n      ref={ref}\n      className={classNames?.thumb?.container}\n      style={style}\n    >\n      {children}\n    </RACSliderThumb>\n  );\n});\n\nexport const SliderContext =\n  createContext<ContextValue<SliderProps, HTMLDivElement>>(null);\n\nexport const Slider = forwardRef(function Slider(\n  props: SliderProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SliderContext);\n\n  props = useDefaultProps(props, 'Slider');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    layout = 'stacked',\n    orientation = 'horizontal',\n    isDisabled,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(sliderClassNames, theme.Slider, classNamesProp),\n    [theme.Slider, classNamesProp],\n  );\n\n  const style = useCallback(\n    ({ ...renderProps }: SliderRenderProps) =>\n      inlineVars(sliderStateVars, {\n        ...renderProps,\n        layout,\n      }),\n    [layout],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [\n        typeof NumberFieldContext,\n        ContextValue<NumberFieldProps, HTMLDivElement>,\n      ],\n      [\n        typeof SliderOutputContext,\n        ContextValue<SliderOutputProps, HTMLOutputElement>,\n      ],\n      [\n        typeof SliderTrackContext,\n        ContextValue<SliderTrackProps, HTMLDivElement>,\n      ],\n      [\n        typeof GroupContext,\n        ContextValue<\n          GroupProps<NumberFieldProps, HTMLDivElement>,\n          HTMLDivElement\n        >,\n      ],\n    ]\n  >(\n    () => [\n      [LabelContext, { className: classNames?.slider?.label }],\n      [\n        AriaTextContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            min: {\n              className: clsx(\n                classNames?.slider?.tick,\n                classNames?.slider?.min,\n              ),\n            },\n            max: {\n              className: clsx(\n                classNames?.slider?.tick,\n                classNames?.slider?.max,\n              ),\n            },\n          },\n        },\n      ],\n      [NumberFieldContext, { classNames: classNames?.numberField, isDisabled }],\n      [SliderOutputContext, { classNames }],\n      [SliderTrackContext, { classNames }],\n      [\n        GroupContext,\n        {\n          classNames: classNames?.group,\n          context: NumberFieldContext,\n          orientation,\n          reverse: orientation === 'vertical',\n          values: { classNames: classNames?.group?.numberField },\n        },\n      ],\n    ],\n    [classNames, orientation, isDisabled],\n  );\n\n  const children = useCallback(\n    (renderProps: SliderRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.slider?.slider}>\n          {callRenderProps(childrenProp, renderProps)}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.slider, values],\n  );\n\n  return (\n    <RACSlider\n      {...rest}\n      ref={ref}\n      className={classNames?.slider?.container}\n      orientation={orientation}\n      style={style}\n      isDisabled={isDisabled}\n    >\n      {children}\n    </RACSlider>\n  );\n});\n"]}

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

@@ -1,10 +0,0 @@
-import { BaseSwitchProps, SwitchProps } 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/react-aria.js';
-
-declare const SwitchContext: react.Context<ContextValue<SwitchProps, HTMLLabelElement>>;
-declare const Switch: (props: Omit<react_aria_components.SwitchProps, "children" | "className" | "style"> & BaseSwitchProps & react.RefAttributes<HTMLLabelElement>) => react.ReactElement | null;
-
-export { Switch, SwitchContext };

package/dist/components/switch/switch.js

@@ -1,60 +0,0 @@
-import '../../chunk-PZ5AY32C.js';
-import { createContext, forwardRef, useMemo, useCallback } from 'react';
-import { Switch as Switch$1 } from 'react-aria-components';
-import { useContextProps, useDefaultProps, useTheme } from '../../hooks/index.js';
-import { mergeClassNames, inlineVars, callRenderProps } from '../../utils/index.js';
-import { switchClassNames, switchStateVars } from './switch.css.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var SwitchContext = createContext(null);
-var Switch = forwardRef(function Switch2(props, ref) {
-  [props, ref] = useContextProps(props, ref, SwitchContext);
-  props = useDefaultProps(props, "Switch");
-  const {
-    children: childrenProp,
-    classNames: classNamesProp,
-    alignInput,
-    ...rest
-  } = props;
-  const theme = useTheme();
-  const classNames = useMemo(
-    () => mergeClassNames(switchClassNames, theme.Switch, classNamesProp),
-    [theme.Switch, classNamesProp]
-  );
-  const style = useCallback(
-    ({ state, ...renderProps }) => inlineVars(switchStateVars, {
-      ...renderProps,
-      alignInput
-    }),
-    [alignInput]
-  );
-  const children = useCallback(
-    (renderProps) => {
-      const child = callRenderProps(childrenProp, renderProps);
-      return /* @__PURE__ */ jsxs("span", { className: classNames?.switch, children: [
-        child && /* @__PURE__ */ jsx("span", { className: classNames?.label, children: child }),
-        /* @__PURE__ */ jsx("span", { className: classNames?.indicator })
-      ] });
-    },
-    [
-      childrenProp,
-      classNames?.switch,
-      classNames?.label,
-      classNames?.indicator
-    ]
-  );
-  return /* @__PURE__ */ jsx(
-    Switch$1,
-    {
-      ...rest,
-      ref,
-      className: classNames?.container,
-      style,
-      children
-    }
-  );
-});
-
-export { Switch, SwitchContext };
-//# sourceMappingURL=switch.js.map
-//# sourceMappingURL=switch.js.map

package/dist/components/switch/switch.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/switch/switch.tsx"],"names":["Switch","RACSwitch"],"mappings":";;;;;;;;AAaa,IAAA,aAAA,GACX,cAA2D,IAAI;AAE1D,IAAM,MAAS,GAAA,UAAA,CAAW,SAASA,OAAAA,CACxC,OACA,GACA,EAAA;AACA,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAgB,CAAA,KAAA,EAAO,KAAK,aAAa,CAAA;AAExD,EAAQ,KAAA,GAAA,eAAA,CAAgB,OAAO,QAAQ,CAAA;AAEvC,EAAM,MAAA;AAAA,IACJ,QAAU,EAAA,YAAA;AAAA,IACV,UAAY,EAAA,cAAA;AAAA,IACZ,UAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,EAAA,MAAM,UAAa,GAAA,OAAA;AAAA,IACjB,MAAM,eAAA,CAAgB,gBAAkB,EAAA,KAAA,CAAM,QAAQ,cAAc,CAAA;AAAA,IACpE,CAAC,KAAM,CAAA,MAAA,EAAQ,cAAc;AAAA,GAC/B;AAEA,EAAA,MAAM,KAAQ,GAAA,WAAA;AAAA,IACZ,CAAC,EAAE,KAAA,EAAO,GAAG,WAAY,EAAA,KACvB,WAAW,eAAiB,EAAA;AAAA,MAC1B,GAAG,WAAA;AAAA,MACH;AAAA,KACD,CAAA;AAAA,IACH,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CAAC,WAAmC,KAAA;AAClC,MAAM,MAAA,KAAA,GAAQ,eAAgB,CAAA,YAAA,EAAc,WAAW,CAAA;AAEvD,MAAA,uBACG,IAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,UAAA,EAAY,MAC1B,EAAA,QAAA,EAAA;AAAA,QAAA,KAAA,oBAAU,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,UAAA,EAAY,OAAQ,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,wBACpD,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,UAAA,EAAY,SAAW,EAAA;AAAA,OAC1C,EAAA,CAAA;AAAA,KAEJ;AAAA,IACA;AAAA,MACE,YAAA;AAAA,MACA,UAAY,EAAA,MAAA;AAAA,MACZ,UAAY,EAAA,KAAA;AAAA,MACZ,UAAY,EAAA;AAAA;AACd,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAACC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,WAAW,UAAY,EAAA,SAAA;AAAA,MACvB,KAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAC","file":"switch.js","sourcesContent":["import {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { type ContextValue, Switch as RACSwitch } from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { switchClassNames, switchStateVars } from './switch.css';\nimport type { SwitchProps, SwitchRenderProps } from './types';\n\nexport const SwitchContext =\n  createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\nexport const Switch = forwardRef(function Switch(\n  props: SwitchProps,\n  ref: ForwardedRef<HTMLLabelElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SwitchContext);\n\n  props = useDefaultProps(props, 'Switch');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    alignInput,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(switchClassNames, theme.Switch, classNamesProp),\n    [theme.Switch, classNamesProp],\n  );\n\n  const style = useCallback(\n    ({ state, ...renderProps }: SwitchRenderProps) =>\n      inlineVars(switchStateVars, {\n        ...renderProps,\n        alignInput,\n      }),\n    [alignInput],\n  );\n\n  const children = useCallback(\n    (renderProps: SwitchRenderProps) => {\n      const child = callRenderProps(childrenProp, renderProps);\n\n      return (\n        <span className={classNames?.switch}>\n          {child && <span className={classNames?.label}>{child}</span>}\n          <span className={classNames?.indicator} />\n        </span>\n      );\n    },\n    [\n      childrenProp,\n      classNames?.switch,\n      classNames?.label,\n      classNames?.indicator,\n    ],\n  );\n\n  return (\n    <RACSwitch\n      {...rest}\n      ref={ref}\n      className={classNames?.container}\n      style={style}\n    >\n      {children}\n    </RACSwitch>\n  );\n});\n"]}