@accelint/design-system 0.8.1 → 0.10.0

package/dist/components/slider/index.js

@@ -1,6 +1,238 @@
 import '../../chunk-PZ5AY32C.js';
-export { Slider, SliderBar, SliderBarContext, SliderContext, SliderOutput, SliderOutputContext, SliderThumb, SliderThumbContext, SliderTrack, SliderTrackContext } from './slider.js';
-export { sliderColorVars, sliderSpaceVars, sliderStateVars, sliderThumbStateVars, sliderTrackStateVars } from './slider.css.js';
-import './types.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 { 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 { AriaTextContext } from '../aria/index.js';
+import { GroupContext } from '../group/index.js';
+import { NumberFieldContext } from '../number-field/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);
+  if (!state) {
+    throw new Error("SliderBar must be used as a child of Slider.");
+  }
+  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=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["SliderBar","SliderOutput","RACSliderOutput","SliderTrack","RACSliderTrack","SliderThumb","RACSliderThumb","Slider","RACSlider"],"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 { 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 { 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 { type AriaLabelContext, AriaTextContext } from '../aria';\nimport { GroupContext } from '../group';\nimport type { GroupProps } from '../group/types';\nimport { NumberFieldContext } from '../number-field';\nimport type { NumberFieldProps } from '../number-field/types';\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  if (!state) {\n    throw new Error('SliderBar must be used as a child of Slider.');\n  }\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/slider/slider.css.d.ts

@@ -7,8 +7,8 @@ import 'react';
 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';
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/slider/slider.css.ts"],"names":[],"mappings":";;;AAAW,IAAA,gBAAA,GAAmB,EAAC,MAAO,EAAA,EAAC,WAAU,oDAAqD,EAAA,MAAA,EAAO,iDAAkD,EAAA,KAAA,EAAM,gDAAiD,EAAA,IAAA,EAAK,iDAAgD,GAAI,EAAA,8CAAA,EAA+C,KAAI,8CAA8C,EAAA,EAAE,OAAM,EAAC,SAAA,EAAU,mDAAoD,EAAA,KAAA,EAAM,+CAAgD,EAAA,GAAA,EAAI,+CAA+C,EAAA,KAAA,EAAM,EAAC,SAAU,EAAA,oDAAA,EAAqD,OAAM,gDAAgD,EAAA,EAAE,WAAY,EAAA,EAAC,SAAU,EAAA,0DAAA,IAA4D,KAAM,EAAA,EAAC,KAAM,EAAA,gDAAA,EAAkD,EAAA,MAAA,EAAO,EAAC,SAAU,EAAA,qDAAA,EAAsD,MAAO,EAAA,kDAAA,EAAmD;AACv6B,IAAA,eAAA,GAAkB,EAAC,KAAM,EAAA,wBAAA,EAAyB,YAAW,6BAA8B,EAAA,SAAA,EAAU,4BAA6B,EAAA,KAAA,EAAM,EAAC,KAAA,EAAM,gCAAgC,EAAA,KAAA,EAAM,EAAC,KAAM,EAAA,8BAAA,IAAgC,GAAI,EAAA,EAAC,KAAM,EAAA,4BAAA,EAA6B;AACxQ,IAAI,eAAkB,GAAA,EAAC,GAAI,EAAA,sBAAA,EAAuB,MAAO,EAAA,yBAAA,EAA0B,KAAM,EAAA,EAAC,YAAa,EAAA,qCAAA,EAAsC,SAAU,EAAA,kCAAA,EAAoC,EAAA,KAAA,EAAM,EAAC,MAAA,EAAO,+BAAgC,EAAA,KAAA,EAAM,8BAA+B,EAAA,YAAA,EAAa,qCAAqC,EAAA,EAAE,GAAI,EAAA,EAAC,MAAO,EAAA,6BAAA,EAA8B,KAAM,EAAA,4BAAA,EAA6B;AAC/Y,IAAI,kBAAkB,EAAC,MAAA,EAAO,2BAA0B,WAAY,EAAA,8BAAA,EAA+B,YAAW,6BAA6B;AAC3I,IAAI,oBAAuB,GAAA,EAAC,MAAO,EAAA,yBAAA,EAA0B,UAAW,EAAA,6BAAA,EAA8B,UAAW,EAAA,6BAAA,EAA8B,SAAU,EAAA,4BAAA,EAA6B,cAAe,EAAA,iCAAA,EAAkC,WAAU,4BAA4B;AAC7Q,IAAI,uBAAuB,EAAC,MAAA,EAAO,2BAA0B,UAAW,EAAA,6BAAA,EAA8B,WAAU,4BAA4B","file":"slider.css.js","sourcesContent":["export var sliderClassNames = {slider:{container:'slider_sliderClassNames_slider_container__1bot8cnr',slider:'slider_sliderClassNames_slider_slider__1bot8cns',label:'slider_sliderClassNames_slider_label__1bot8cnt',tick:'slider_sliderClassNames_slider_tick__1bot8cnu',min:'slider_sliderClassNames_slider_min__1bot8cnv',max:'slider_sliderClassNames_slider_max__1bot8cnw'},track:{container:'slider_sliderClassNames_track_container__1bot8cnx',track:'slider_sliderClassNames_track_track__1bot8cny',bar:'slider_sliderClassNames_track_bar__1bot8cnz'},thumb:{container:'slider_sliderClassNames_thumb_container__1bot8cn10',thumb:'slider_sliderClassNames_thumb_thumb__1bot8cn11'},numberField:{container:'slider_sliderClassNames_numberField_container__1bot8cn12'},group:{group:'slider_sliderClassNames_group_group__1bot8cn13'},output:{container:'slider_sliderClassNames_output_container__1bot8cn14',output:'slider_sliderClassNames_output_output__1bot8cn15'}};\nexport var sliderColorVars = {color:'var(--color__1bot8cn0)',background:'var(--background__1bot8cn1)',boxShadow:'var(--boxShadow__1bot8cn2)',thumb:{color:'var(--thumb-color__1bot8cn3)'},track:{color:'var(--track-color__1bot8cn4)'},bar:{color:'var(--bar-color__1bot8cn5)'}};\nexport var sliderSpaceVars = {gap:'var(--gap__1bot8cn6)',margin:'var(--margin__1bot8cn7)',track:{minDimension:'var(--track-minDimension__1bot8cn8)',thickness:'var(--track-thickness__1bot8cn9)'},thumb:{height:'var(--thumb-height__1bot8cna)',width:'var(--thumb-width__1bot8cnb)',borderRadius:'var(--thumb-borderRadius__1bot8cnc)'},bar:{height:'var(--bar-height__1bot8cnd)',width:'var(--bar-width__1bot8cne)'}};\nexport var sliderStateVars = {layout:'var(--layout__1bot8cnf)',orientation:'var(--orientation__1bot8cng)',isDisabled:'var(--isDisabled__1bot8cnh)'};\nexport var sliderThumbStateVars = {layout:'var(--layout__1bot8cni)',isDisabled:'var(--isDisabled__1bot8cnj)',isDragging:'var(--isDragging__1bot8cnk)',isFocused:'var(--isFocused__1bot8cnl)',isFocusVisible:'var(--isFocusVisible__1bot8cnm)',isHovered:'var(--isHovered__1bot8cnn)'};\nexport var sliderTrackStateVars = {layout:'var(--layout__1bot8cno)',isDisabled:'var(--isDisabled__1bot8cnp)',isHovered:'var(--isHovered__1bot8cnq)'};"]}
+{"version":3,"sources":["../../../src/components/slider/slider.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,gBAAA,GAAmB,EAAC,MAAA,EAAO,EAAC,WAAU,oDAAA,EAAqD,MAAA,EAAO,iDAAA,EAAkD,KAAA,EAAM,gDAAA,EAAiD,IAAA,EAAK,iDAAgD,GAAA,EAAI,8CAAA,EAA+C,KAAI,8CAAA,EAA8C,EAAE,OAAM,EAAC,SAAA,EAAU,mDAAA,EAAoD,KAAA,EAAM,+CAAA,EAAgD,GAAA,EAAI,+CAA6C,EAAE,KAAA,EAAM,EAAC,SAAA,EAAU,oDAAA,EAAqD,OAAM,gDAAA,EAAgD,EAAE,WAAA,EAAY,EAAC,SAAA,EAAU,0DAAA,IAA4D,KAAA,EAAM,EAAC,KAAA,EAAM,gDAAA,EAAgD,EAAE,MAAA,EAAO,EAAC,SAAA,EAAU,qDAAA,EAAsD,MAAA,EAAO,kDAAA,EAAkD;AAC16B,IAAI,eAAA,GAAkB,EAAC,KAAA,EAAM,wBAAA,EAAyB,YAAW,6BAAA,EAA8B,SAAA,EAAU,4BAAA,EAA6B,KAAA,EAAM,EAAC,KAAA,EAAM,gCAA8B,EAAE,KAAA,EAAM,EAAC,KAAA,EAAM,8BAAA,IAAgC,GAAA,EAAI,EAAC,KAAA,EAAM,4BAAA,EAA4B;AACvQ,IAAI,eAAA,GAAkB,EAAC,GAAA,EAAI,sBAAA,EAAuB,MAAA,EAAO,yBAAA,EAA0B,KAAA,EAAM,EAAC,YAAA,EAAa,qCAAA,EAAsC,SAAA,EAAU,kCAAA,EAAkC,EAAE,KAAA,EAAM,EAAC,MAAA,EAAO,+BAAA,EAAgC,KAAA,EAAM,8BAAA,EAA+B,YAAA,EAAa,qCAAA,EAAqC,EAAE,GAAA,EAAI,EAAC,MAAA,EAAO,6BAAA,EAA8B,KAAA,EAAM,4BAAA,EAA4B;AAC9Y,IAAI,kBAAkB,EAAC,MAAA,EAAO,2BAA0B,WAAA,EAAY,8BAAA,EAA+B,YAAW,6BAAA;AAC9G,IAAI,oBAAA,GAAuB,EAAC,MAAA,EAAO,yBAAA,EAA0B,UAAA,EAAW,6BAAA,EAA8B,UAAA,EAAW,6BAAA,EAA8B,SAAA,EAAU,4BAAA,EAA6B,cAAA,EAAe,iCAAA,EAAkC,WAAU,4BAAA;AACjP,IAAI,uBAAuB,EAAC,MAAA,EAAO,2BAA0B,UAAA,EAAW,6BAAA,EAA8B,WAAU,4BAAA","file":"slider.css.js","sourcesContent":["export var sliderClassNames = {slider:{container:'slider_sliderClassNames_slider_container__1bot8cnr',slider:'slider_sliderClassNames_slider_slider__1bot8cns',label:'slider_sliderClassNames_slider_label__1bot8cnt',tick:'slider_sliderClassNames_slider_tick__1bot8cnu',min:'slider_sliderClassNames_slider_min__1bot8cnv',max:'slider_sliderClassNames_slider_max__1bot8cnw'},track:{container:'slider_sliderClassNames_track_container__1bot8cnx',track:'slider_sliderClassNames_track_track__1bot8cny',bar:'slider_sliderClassNames_track_bar__1bot8cnz'},thumb:{container:'slider_sliderClassNames_thumb_container__1bot8cn10',thumb:'slider_sliderClassNames_thumb_thumb__1bot8cn11'},numberField:{container:'slider_sliderClassNames_numberField_container__1bot8cn12'},group:{group:'slider_sliderClassNames_group_group__1bot8cn13'},output:{container:'slider_sliderClassNames_output_container__1bot8cn14',output:'slider_sliderClassNames_output_output__1bot8cn15'}};\nexport var sliderColorVars = {color:'var(--color__1bot8cn0)',background:'var(--background__1bot8cn1)',boxShadow:'var(--boxShadow__1bot8cn2)',thumb:{color:'var(--thumb-color__1bot8cn3)'},track:{color:'var(--track-color__1bot8cn4)'},bar:{color:'var(--bar-color__1bot8cn5)'}};\nexport var sliderSpaceVars = {gap:'var(--gap__1bot8cn6)',margin:'var(--margin__1bot8cn7)',track:{minDimension:'var(--track-minDimension__1bot8cn8)',thickness:'var(--track-thickness__1bot8cn9)'},thumb:{height:'var(--thumb-height__1bot8cna)',width:'var(--thumb-width__1bot8cnb)',borderRadius:'var(--thumb-borderRadius__1bot8cnc)'},bar:{height:'var(--bar-height__1bot8cnd)',width:'var(--bar-width__1bot8cne)'}};\nexport var sliderStateVars = {layout:'var(--layout__1bot8cnf)',orientation:'var(--orientation__1bot8cng)',isDisabled:'var(--isDisabled__1bot8cnh)'};\nexport var sliderThumbStateVars = {layout:'var(--layout__1bot8cni)',isDisabled:'var(--isDisabled__1bot8cnj)',isDragging:'var(--isDragging__1bot8cnk)',isFocused:'var(--isFocused__1bot8cnl)',isFocusVisible:'var(--isFocusVisible__1bot8cnm)',isHovered:'var(--isHovered__1bot8cnn)'};\nexport var sliderTrackStateVars = {layout:'var(--layout__1bot8cno)',isDisabled:'var(--isDisabled__1bot8cnp)',isHovered:'var(--isHovered__1bot8cnq)'};"]}

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

@@ -6,8 +6,8 @@ import { GroupClassNames } from '../group/types.js';
 import { NumberFieldClassNames } from '../number-field/types.js';
 import 'react';
 import '@react-types/shared';
-import '../button/types.js';
 import '../../types/props.js';
+import '../button/types.js';
 import '../icon/types.js';
 import '../input/types.js';
 

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

@@ -1,6 +1,10 @@
-export { Switch, SwitchContext } from './switch.js';
-export { switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars } from './switch.css.js';
-export { SwitchAlignment, SwitchClassNames, SwitchProps, SwitchRenderProps, SwitchState } from './types.js';
-import 'react-aria-components';
-import 'react';
+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/index.js

@@ -1,6 +1,63 @@
 import '../../chunk-PZ5AY32C.js';
-export { Switch, SwitchContext } from './switch.js';
-export { switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars } from './switch.css.js';
-import './types.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { Switch as Switch$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 { 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=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/switch/index.tsx"],"names":["Switch","RACSwitch"],"mappings":";;;;;;;;;;;AA4BO,IAAM,aAAA,GACX,cAA2D,IAAI;AAE1D,IAAM,MAAA,GAAS,UAAA,CAAW,SAASA,OAAAA,CACxC,OACA,GAAA,EACA;AACA,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAA,CAAgB,KAAA,EAAO,KAAK,aAAa,CAAA;AAExD,EAAA,KAAA,GAAQ,eAAA,CAAgB,OAAO,QAAQ,CAAA;AAEvC,EAAA,MAAM;AAAA,IACJ,QAAA,EAAU,YAAA;AAAA,IACV,UAAA,EAAY,cAAA;AAAA,IACZ,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,MAAM,UAAA,GAAa,OAAA;AAAA,IACjB,MAAM,eAAA,CAAgB,gBAAA,EAAkB,KAAA,CAAM,QAAQ,cAAc,CAAA;AAAA,IACpE,CAAC,KAAA,CAAM,MAAA,EAAQ,cAAc;AAAA,GAC/B;AAEA,EAAA,MAAM,KAAA,GAAQ,WAAA;AAAA,IACZ,CAAC,EAAE,KAAA,EAAO,GAAG,WAAA,EAAY,KACvB,WAAW,eAAA,EAAiB;AAAA,MAC1B,GAAG,WAAA;AAAA,MACH;AAAA,KACD,CAAA;AAAA,IACH,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,WAAA,KAAmC;AAClC,MAAA,MAAM,KAAA,GAAQ,eAAA,CAAgB,YAAA,EAAc,WAAW,CAAA;AAEvD,MAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,UAAA,EAAY,MAAA,EAC1B,QAAA,EAAA;AAAA,QAAA,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,UAAA,EAAY,OAAQ,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBACrD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,UAAA,EAAY,SAAA,EAAW;AAAA,OAAA,EAC1C,CAAA;AAAA,KAEJ;AAAA,IACA;AAAA,MACE,YAAA;AAAA,MACA,UAAA,EAAY,MAAA;AAAA,MACZ,UAAA,EAAY,KAAA;AAAA,MACZ,UAAA,EAAY;AAAA;AACd,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAACC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,WAAW,UAAA,EAAY,SAAA;AAAA,MACvB,KAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAC","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 { type ContextValue, Switch as RACSwitch } 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 { 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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/switch/switch.css.ts"],"names":[],"mappings":";;;AAAW,IAAA,gBAAA,GAAmB,EAAC,SAAU,EAAA,6CAAA,EAA8C,UAAS,0CAA2C,EAAA,KAAA,EAAM,2BAA4B,EAAA,SAAA,EAAU,6CAA6C;AACzN,IAAA,eAAA,GAAkB,EAAC,MAAO,EAAA,yBAAA,EAA0B,YAAW,6BAA8B,EAAA,KAAA,EAAM,wBAAyB,EAAA,SAAA,EAAU,4BAA4B;AACtK,IAAI,eAAkB,GAAA;AAClB,IAAA,eAAA,GAAkB,EAAC,QAAS,EAAA,2BAAA,EAA4B,QAAO,yBAA0B,EAAA,GAAA,EAAI,sBAAuB,EAAA,MAAA,EAAO,yBAAyB;AACxJ,IAAI,kBAAkB,EAAC,UAAA,EAAW,6BAA8B,EAAA,UAAA,EAAW,+BAA8B,SAAU,EAAA,4BAAA,EAA6B,cAAe,EAAA,iCAAA,EAAkC,WAAU,4BAA6B,EAAA,SAAA,EAAU,8BAA6B,UAAW,EAAA,6BAAA,EAA8B,YAAW,6BAA6B","file":"switch.css.js","sourcesContent":["export var switchClassNames = {container:'switch_switchClassNames_container__1j8i4wgh','switch':'switch_switchClassNames_switch__1j8i4wgi',label:'typography_label__j8fgabg',indicator:'switch_switchClassNames_indicator__1j8i4wgk'};\nexport var switchColorVars = {border:'var(--border__1j8i4wg1)',background:'var(--background__1j8i4wg2)',color:'var(--color__1j8i4wg3)',indicator:'var(--indicator__1j8i4wg4)'};\nexport var switchContainer = 'switch_switchContainer__1j8i4wg0';\nexport var switchSpaceVars = {diameter:'var(--diameter__1j8i4wg5)',gutter:'var(--gutter__1j8i4wg6)',gap:'var(--gap__1j8i4wg7)',travel:'var(--travel__1j8i4wg8)'};\nexport var switchStateVars = {alignInput:'var(--alignInput__1j8i4wg9)',isDisabled:'var(--isDisabled__1j8i4wga)',isFocused:'var(--isFocused__1j8i4wgb)',isFocusVisible:'var(--isFocusVisible__1j8i4wgc)',isHovered:'var(--isHovered__1j8i4wgd)',isPressed:'var(--isPressed__1j8i4wge)',isReadOnly:'var(--isReadOnly__1j8i4wgf)',isSelected:'var(--isSelected__1j8i4wgg)'};"]}
+{"version":3,"sources":["../../../src/components/switch/switch.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,gBAAA,GAAmB,EAAC,SAAA,EAAU,6CAAA,EAA8C,UAAS,0CAAA,EAA2C,KAAA,EAAM,2BAAA,EAA4B,SAAA,EAAU,6CAAA;AAChL,IAAI,eAAA,GAAkB,EAAC,MAAA,EAAO,yBAAA,EAA0B,YAAW,6BAAA,EAA8B,KAAA,EAAM,wBAAA,EAAyB,SAAA,EAAU,4BAAA;AAC1I,IAAI,eAAA,GAAkB;AACtB,IAAI,eAAA,GAAkB,EAAC,QAAA,EAAS,2BAAA,EAA4B,QAAO,yBAAA,EAA0B,GAAA,EAAI,sBAAA,EAAuB,MAAA,EAAO,yBAAA;AAC/H,IAAI,kBAAkB,EAAC,UAAA,EAAW,6BAAA,EAA8B,UAAA,EAAW,+BAA8B,SAAA,EAAU,4BAAA,EAA6B,cAAA,EAAe,iCAAA,EAAkC,WAAU,4BAAA,EAA6B,SAAA,EAAU,8BAA6B,UAAA,EAAW,6BAAA,EAA8B,YAAW,6BAAA","file":"switch.css.js","sourcesContent":["export var switchClassNames = {container:'switch_switchClassNames_container__1j8i4wgh','switch':'switch_switchClassNames_switch__1j8i4wgi',label:'typography_label__j8fgabg',indicator:'switch_switchClassNames_indicator__1j8i4wgk'};\nexport var switchColorVars = {border:'var(--border__1j8i4wg1)',background:'var(--background__1j8i4wg2)',color:'var(--color__1j8i4wg3)',indicator:'var(--indicator__1j8i4wg4)'};\nexport var switchContainer = 'switch_switchContainer__1j8i4wg0';\nexport var switchSpaceVars = {diameter:'var(--diameter__1j8i4wg5)',gutter:'var(--gutter__1j8i4wg6)',gap:'var(--gap__1j8i4wg7)',travel:'var(--travel__1j8i4wg8)'};\nexport var switchStateVars = {alignInput:'var(--alignInput__1j8i4wg9)',isDisabled:'var(--isDisabled__1j8i4wga)',isFocused:'var(--isFocused__1j8i4wgb)',isFocusVisible:'var(--isFocusVisible__1j8i4wgc)',isHovered:'var(--isHovered__1j8i4wgd)',isPressed:'var(--isPressed__1j8i4wge)',isReadOnly:'var(--isReadOnly__1j8i4wgf)',isSelected:'var(--isSelected__1j8i4wgg)'};"]}

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

@@ -1,8 +1,75 @@
-export { Tab, TabContext, TabList, TabListContext, TabPanel, TabPanelContext, TabPanels, TabPanelsContext, Tabs, TabsContext } from './tabs.js';
-export { tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers } from './tabs.css.js';
-export { TabListAlignment, TabListAnchor, TabListProps, TabListState, TabListVariants, TabPanelProps, TabPanelRenderProps, TabPanelState, TabPanelsProps, TabPanelsState, TabProps, TabRenderProps, TabState, TabsClassNames, TabsProps } from './types.js';
-import '@react-types/shared';
-import 'react-aria-components';
-import 'react';
-import 'type-fest';
+import * as _react_types_shared from '@react-types/shared';
+import { TabsClassNames, TabListAlignment, TabListAnchor, TabListSizes, TabListVariants, TabListProps, TabPanelProps, TabPanelsProps, TabsProps } from './types.js';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue, SlotProps } from 'react-aria-components';
+import * as react from 'react';
+import { RequiredDeep } from 'type-fest';
 import '../../types/generic.js';
+
+declare const TEST_IDS: RequiredDeep<TabsClassNames>;
+declare const TabsContext: react.Context<ContextValue<TabsProps, HTMLDivElement>>;
+/**
+ * A required wrapper for other Tabs components, which manages
+ * and provides the state context. Other Tabs components will
+ * throw an error if not wrapped with this component
+ *
+ * NOTE: TabList & TabPanels do not have to be direct children
+ * of this component. Additional layout can be introduced around
+ * this components children
+ */
+declare const Tabs: (props: Omit<react_aria_components.TabsProps, "children" | "className" | "style"> & {
+    classNames?: TabsClassNames;
+} & {
+    children?: react.ReactNode | undefined;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const TabListContext: react.Context<ContextValue<TabListProps<unknown>, HTMLDivElement>>;
+/**
+ * Parent of Tab
+ */
+declare const TabList: <T extends object>(props: Omit<react_aria_components.TabListProps<T>, "className" | "style"> & {
+    align?: TabListAlignment;
+    anchor?: TabListAnchor;
+    orientation?: _react_types_shared.Orientation;
+    size?: TabListSizes;
+    variant?: TabListVariants;
+} & {
+    classNames?: TabsClassNames;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const TabContext: react.Context<ContextValue<Omit<Omit<react_aria_components.TabProps, "className" | "style"> & {
+    id: string;
+} & _react_types_shared.PressEvents & {
+    classNames?: TabsClassNames;
+} & SlotProps, "id">, HTMLDivElement>>;
+/**
+ * Must be a direct child of TabList
+ */
+declare const Tab: (props: Omit<react_aria_components.TabProps, "className" | "style"> & {
+    id: string;
+} & _react_types_shared.PressEvents & {
+    classNames?: TabsClassNames;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const TabPanelsContext: react.Context<ContextValue<TabPanelsProps, HTMLDivElement>>;
+/**
+ * Parent of TabPanel, but only required if using shouldForceMount=true
+ */
+declare const TabPanels: (props: {
+    shouldForceMount?: boolean;
+} & {
+    children?: react.ReactNode | undefined;
+} & {
+    classNames?: TabsClassNames;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const TabPanelContext: react.Context<ContextValue<Omit<TabPanelProps, "id">, HTMLDivElement>>;
+/**
+ * Must be direct child of TabPanels if TabPanel implements shouldForceMount=true
+ *
+ * Othewise can be used anywhere inside of Tabs. TabPanels may be desirable to use
+ * if theme implements any styles that adjust layout
+ */
+declare const TabPanel: (props: Omit<react_aria_components.TabPanelProps, "className" | "style"> & {
+    id: string;
+} & {
+    classNames?: TabsClassNames;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { TEST_IDS, Tab, TabContext, TabList, TabListContext, TabPanel, TabPanelContext, TabPanels, TabPanelsContext, Tabs, TabsContext };