@cerberus-design/react 1.6.0 → 1.7.0-next-5cce1d3

package/dist/components/slider/index.cjs

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_slider = require("./slider.cjs");
+exports.Slider = require_slider.Slider;
+exports.SliderControl = require_primitives.SliderControl;
+exports.SliderDraggingIndicator = require_primitives.SliderDraggingIndicator;
+exports.SliderHiddenInput = require_primitives.SliderHiddenInput;
+exports.SliderLabel = require_primitives.SliderLabel;
+exports.SliderMarker = require_primitives.SliderMarker;
+exports.SliderMarkerGroup = require_primitives.SliderMarkerGroup;
+exports.SliderMarkerIndicator = require_primitives.SliderMarkerIndicator;
+exports.SliderProvider = require_primitives.SliderProvider;
+exports.SliderRange = require_primitives.SliderRange;
+exports.SliderRoot = require_primitives.SliderRoot;
+exports.SliderThumb = require_primitives.SliderThumb;
+exports.SliderTrack = require_primitives.SliderTrack;
+exports.SliderValueText = require_primitives.SliderValueText;

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

@@ -0,0 +1,2 @@
+export * from './slider';
+export * from './primitives';

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

@@ -0,0 +1,2 @@
+export * from './slider';
+export * from './primitives';

package/dist/components/slider/index.js

@@ -0,0 +1,3 @@
+import { SliderControl, SliderDraggingIndicator, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderMarkerIndicator, SliderProvider, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText } from "./primitives.js";
+import { Slider } from "./slider.js";
+export { Slider, SliderControl, SliderDraggingIndicator, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderMarkerIndicator, SliderProvider, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText };

package/dist/components/slider/marks.cjs

@@ -0,0 +1,39 @@
+"use client";
+const require_for = require("../for/for.cjs");
+const require_primitives = require("./primitives.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/slider/marks.tsx
+/**
+* ## SliderMarks
+*
+* An abstraction over the `SliderMarkerGroup` and `SliderMarker` slots which provides a simple way to render slider marks without needing to manually manage the `SliderMarkerGroup` and `SliderMarker` slots.
+*
+* | Prop | Type | Description |
+* | --- | --- | --- |
+* | `direction` | `'horizontal' | 'vertical'` | The direction of the slider. |
+* | `marks` | `Array<number>` | The value of the slider as an array of numbers representing the mark values. |
+*/
+function SliderMarks(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.SliderMarkerGroup, {
+		direction: props.direction,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_for.For, {
+			each: props.marks,
+			children: (mark, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mark, {
+				direction: props.direction,
+				mark
+			}, idx)
+		})
+	});
+}
+function Mark(props) {
+	const { mark } = props;
+	const value = typeof mark === "number" ? mark : mark.value;
+	const label = typeof mark === "number" ? mark : mark.label ?? mark.value;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.SliderMarker, {
+		direction: props.direction,
+		value,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.SliderMarkerIndicator, {}), label]
+	});
+}
+//#endregion
+exports.SliderMarks = SliderMarks;

package/dist/components/slider/marks.d.cts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { SliderProps } from './slider';
+export type SliderMarksProps = {
+    direction?: SliderProps['orientation'];
+    marks: Array<Marker>;
+};
+export type Marker = number | {
+    value: number;
+    label: ReactNode;
+};
+/**
+ * ## SliderMarks
+ *
+ * An abstraction over the `SliderMarkerGroup` and `SliderMarker` slots which provides a simple way to render slider marks without needing to manually manage the `SliderMarkerGroup` and `SliderMarker` slots.
+ *
+ * | Prop | Type | Description |
+ * | --- | --- | --- |
+ * | `direction` | `'horizontal' | 'vertical'` | The direction of the slider. |
+ * | `marks` | `Array<number>` | The value of the slider as an array of numbers representing the mark values. |
+ */
+export declare function SliderMarks(props: SliderMarksProps): import("react").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { SliderProps } from './slider';
+export type SliderMarksProps = {
+    direction?: SliderProps['orientation'];
+    marks: Array<Marker>;
+};
+export type Marker = number | {
+    value: number;
+    label: ReactNode;
+};
+/**
+ * ## SliderMarks
+ *
+ * An abstraction over the `SliderMarkerGroup` and `SliderMarker` slots which provides a simple way to render slider marks without needing to manually manage the `SliderMarkerGroup` and `SliderMarker` slots.
+ *
+ * | Prop | Type | Description |
+ * | --- | --- | --- |
+ * | `direction` | `'horizontal' | 'vertical'` | The direction of the slider. |
+ * | `marks` | `Array<number>` | The value of the slider as an array of numbers representing the mark values. |
+ */
+export declare function SliderMarks(props: SliderMarksProps): import("react").JSX.Element;

package/dist/components/slider/marks.js

@@ -0,0 +1,39 @@
+"use client";
+import { For } from "../for/for.js";
+import { SliderMarker, SliderMarkerGroup, SliderMarkerIndicator } from "./primitives.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/slider/marks.tsx
+/**
+* ## SliderMarks
+*
+* An abstraction over the `SliderMarkerGroup` and `SliderMarker` slots which provides a simple way to render slider marks without needing to manually manage the `SliderMarkerGroup` and `SliderMarker` slots.
+*
+* | Prop | Type | Description |
+* | --- | --- | --- |
+* | `direction` | `'horizontal' | 'vertical'` | The direction of the slider. |
+* | `marks` | `Array<number>` | The value of the slider as an array of numbers representing the mark values. |
+*/
+function SliderMarks(props) {
+	return /* @__PURE__ */ jsx(SliderMarkerGroup, {
+		direction: props.direction,
+		children: /* @__PURE__ */ jsx(For, {
+			each: props.marks,
+			children: (mark, idx) => /* @__PURE__ */ jsx(Mark, {
+				direction: props.direction,
+				mark
+			}, idx)
+		})
+	});
+}
+function Mark(props) {
+	const { mark } = props;
+	const value = typeof mark === "number" ? mark : mark.value;
+	const label = typeof mark === "number" ? mark : mark.label ?? mark.value;
+	return /* @__PURE__ */ jsxs(SliderMarker, {
+		direction: props.direction,
+		value,
+		children: [/* @__PURE__ */ jsx(SliderMarkerIndicator, {}), label]
+	});
+}
+//#endregion
+export { SliderMarks };

package/dist/components/slider/primitives.cjs

@@ -0,0 +1,36 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let _ark_ui_react_slider = require("@ark-ui/react/slider");
+//#region src/components/slider/primitives.ts
+/**
+* This module contains the primitives of the Slider component.
+* @module 'slider/primitives'
+*/
+var { withSlotRecipe, withNoRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.slider);
+var SliderProvider = withSlotRecipe(_ark_ui_react_slider.Slider.RootProvider, "root");
+var SliderRoot = withSlotRecipe(_ark_ui_react_slider.Slider.Root, "root");
+var SliderLabel = withSlotRecipe(_ark_ui_react_slider.Slider.Label, "label");
+var SliderValueText = withSlotRecipe(_ark_ui_react_slider.Slider.ValueText, "valueText");
+var SliderControl = withSlotRecipe(_ark_ui_react_slider.Slider.Control, "control");
+var SliderTrack = withSlotRecipe(_ark_ui_react_slider.Slider.Track, "track");
+var SliderRange = withSlotRecipe(_ark_ui_react_slider.Slider.Range, "range");
+var SliderThumb = withSlotRecipe(_ark_ui_react_slider.Slider.Thumb, "thumb");
+var SliderDraggingIndicator = withSlotRecipe(_ark_ui_react_slider.Slider.DraggingIndicator, "draggingIndicator");
+var SliderMarkerGroup = withSlotRecipe(_ark_ui_react_slider.Slider.MarkerGroup, "markerGroup");
+var SliderMarker = withSlotRecipe(_ark_ui_react_slider.Slider.Marker, "marker");
+var SliderMarkerIndicator = withSlotRecipe("div", "markerIndicator");
+var SliderHiddenInput = withNoRecipe(_ark_ui_react_slider.Slider.HiddenInput);
+//#endregion
+exports.SliderControl = SliderControl;
+exports.SliderDraggingIndicator = SliderDraggingIndicator;
+exports.SliderHiddenInput = SliderHiddenInput;
+exports.SliderLabel = SliderLabel;
+exports.SliderMarker = SliderMarker;
+exports.SliderMarkerGroup = SliderMarkerGroup;
+exports.SliderMarkerIndicator = SliderMarkerIndicator;
+exports.SliderProvider = SliderProvider;
+exports.SliderRange = SliderRange;
+exports.SliderRoot = SliderRoot;
+exports.SliderThumb = SliderThumb;
+exports.SliderTrack = SliderTrack;
+exports.SliderValueText = SliderValueText;

package/dist/components/slider/primitives.d.cts

@@ -0,0 +1,30 @@
+import { Slider } from '@ark-ui/react/slider';
+import { SliderVariantProps } from 'styled-system/recipes';
+import { CerberusProps, CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
+export type SliderProviderProps = CerberusPrimitiveProps<Slider.RootProviderProps & SliderVariantProps>;
+export declare const SliderProvider: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.RootProviderProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderRootProps = CerberusPrimitiveProps<Slider.RootProps & SliderVariantProps>;
+export declare const SliderRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderLabelProps = CerberusPrimitiveProps<Slider.LabelProps>;
+export declare const SliderLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderValueTextProps = CerberusPrimitiveProps<Slider.ValueTextProps>;
+export declare const SliderValueText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.ValueTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderControlProps = CerberusPrimitiveProps<Slider.ControlProps>;
+export declare const SliderControl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderTrackProps = CerberusPrimitiveProps<Slider.TrackProps>;
+export declare const SliderTrack: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.TrackProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderRangeProps = CerberusPrimitiveProps<Slider.RangeProps>;
+export declare const SliderRange: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.RangeProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderThumbProps = CerberusPrimitiveProps<Slider.ThumbProps>;
+export declare const SliderThumb: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.ThumbProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderDraggingIndicatorProps = CerberusPrimitiveProps<Slider.DraggingIndicatorProps>;
+export declare const SliderDraggingIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.DraggingIndicatorProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderMarkerGroupProps = CerberusPrimitiveProps<Slider.MarkerGroupProps>;
+export declare const SliderMarkerGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.MarkerGroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderMarkerProps = CerberusPrimitiveProps<Slider.MarkerProps>;
+export declare const SliderMarker: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.MarkerProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderMarkerIndicatorProps = CerberusProps<'div'>;
+export declare const SliderMarkerIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderHiddenInputProps = CerberusPrimitiveProps<Slider.HiddenInputProps>;
+export declare const SliderHiddenInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.HiddenInputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,30 @@
+import { Slider } from '@ark-ui/react/slider';
+import { SliderVariantProps } from 'styled-system/recipes';
+import { CerberusProps, CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
+export type SliderProviderProps = CerberusPrimitiveProps<Slider.RootProviderProps & SliderVariantProps>;
+export declare const SliderProvider: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.RootProviderProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderRootProps = CerberusPrimitiveProps<Slider.RootProps & SliderVariantProps>;
+export declare const SliderRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderLabelProps = CerberusPrimitiveProps<Slider.LabelProps>;
+export declare const SliderLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderValueTextProps = CerberusPrimitiveProps<Slider.ValueTextProps>;
+export declare const SliderValueText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.ValueTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderControlProps = CerberusPrimitiveProps<Slider.ControlProps>;
+export declare const SliderControl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderTrackProps = CerberusPrimitiveProps<Slider.TrackProps>;
+export declare const SliderTrack: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.TrackProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderRangeProps = CerberusPrimitiveProps<Slider.RangeProps>;
+export declare const SliderRange: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.RangeProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderThumbProps = CerberusPrimitiveProps<Slider.ThumbProps>;
+export declare const SliderThumb: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.ThumbProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderDraggingIndicatorProps = CerberusPrimitiveProps<Slider.DraggingIndicatorProps>;
+export declare const SliderDraggingIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.DraggingIndicatorProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderMarkerGroupProps = CerberusPrimitiveProps<Slider.MarkerGroupProps>;
+export declare const SliderMarkerGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.MarkerGroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderMarkerProps = CerberusPrimitiveProps<Slider.MarkerProps>;
+export declare const SliderMarker: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.MarkerProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderMarkerIndicatorProps = CerberusProps<'div'>;
+export declare const SliderMarkerIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type SliderHiddenInputProps = CerberusPrimitiveProps<Slider.HiddenInputProps>;
+export declare const SliderHiddenInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Slider.HiddenInputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/slider/primitives.js

@@ -0,0 +1,24 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { slider } from "styled-system/recipes";
+import { Slider } from "@ark-ui/react/slider";
+//#region src/components/slider/primitives.ts
+/**
+* This module contains the primitives of the Slider component.
+* @module 'slider/primitives'
+*/
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(slider);
+var SliderProvider = withSlotRecipe(Slider.RootProvider, "root");
+var SliderRoot = withSlotRecipe(Slider.Root, "root");
+var SliderLabel = withSlotRecipe(Slider.Label, "label");
+var SliderValueText = withSlotRecipe(Slider.ValueText, "valueText");
+var SliderControl = withSlotRecipe(Slider.Control, "control");
+var SliderTrack = withSlotRecipe(Slider.Track, "track");
+var SliderRange = withSlotRecipe(Slider.Range, "range");
+var SliderThumb = withSlotRecipe(Slider.Thumb, "thumb");
+var SliderDraggingIndicator = withSlotRecipe(Slider.DraggingIndicator, "draggingIndicator");
+var SliderMarkerGroup = withSlotRecipe(Slider.MarkerGroup, "markerGroup");
+var SliderMarker = withSlotRecipe(Slider.Marker, "marker");
+var SliderMarkerIndicator = withSlotRecipe("div", "markerIndicator");
+var SliderHiddenInput = withNoRecipe(Slider.HiddenInput);
+//#endregion
+export { SliderControl, SliderDraggingIndicator, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderMarkerIndicator, SliderProvider, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText };

package/dist/components/slider/slider.cjs

@@ -0,0 +1,70 @@
+const require_show = require("../show/show.cjs");
+const require_primitives = require("./primitives.cjs");
+const require_marks = require("./marks.cjs");
+const require_thumbs = require("./thumbs.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let styled_system_jsx = require("styled-system/jsx");
+//#region src/components/slider/slider.tsx
+/**
+* ## Slider Component
+* Slider component that wraps the slider primitives. This provides an abstraction to streamline basic slider usage.
+*
+* For more advanced use cases, use the slider
+* primitives directly via the `Slider.[Slot]` component's parts.
+*
+* @see {@link https://cerberus.digitalu.design/docs/components/slider}
+*/
+function Slider(props) {
+	const { showIndicator, ...rootProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.SliderRoot, {
+		...rootProps,
+		direction: props.orientation,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+			when: props.children,
+			children: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(styled_system_jsx.HStack, {
+				justify: "space-between",
+				w: "full",
+				children: props.children
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.SliderControl, {
+			direction: props.orientation,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.SliderTrack, {
+					direction: props.orientation,
+					usage: props.usage,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.SliderRange, { usage: props.usage })
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_thumbs.SliderThumbs, {
+					direction: props.orientation,
+					showIndicator,
+					usage: props.usage,
+					value: props.defaultValue ?? props.value
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+					when: props.marks?.length,
+					children: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_marks.SliderMarks, {
+						direction: props.orientation,
+						marks: props.marks ?? []
+					})
+				})
+			]
+		})]
+	});
+}
+Slider.Provider = require_primitives.SliderProvider;
+Slider.Root = require_primitives.SliderRoot;
+Slider.Label = require_primitives.SliderLabel;
+Slider.ValueText = require_primitives.SliderValueText;
+Slider.Control = require_primitives.SliderControl;
+Slider.Track = require_primitives.SliderTrack;
+Slider.Range = require_primitives.SliderRange;
+Slider.Thumb = require_primitives.SliderThumb;
+Slider.Thumbs = require_thumbs.SliderThumbs;
+Slider.DraggingIndicator = require_primitives.SliderDraggingIndicator;
+Slider.MarkerGroup = require_primitives.SliderMarkerGroup;
+Slider.Marker = require_primitives.SliderMarker;
+Slider.MarkerIndicator = require_primitives.SliderMarkerIndicator;
+Slider.Marks = require_marks.SliderMarks;
+Slider.HiddenInput = require_primitives.SliderHiddenInput;
+//#endregion
+exports.Slider = Slider;

package/dist/components/slider/slider.d.cts

@@ -0,0 +1,34 @@
+import { Marker, SliderMarks } from './marks';
+import { SliderRootProps } from './primitives';
+import { SliderThumbs } from './thumbs';
+export type SliderProps = SliderRootProps & {
+    marks?: Array<Marker>;
+    showIndicator?: boolean;
+};
+/**
+ * ## Slider Component
+ * Slider component that wraps the slider primitives. This provides an abstraction to streamline basic slider usage.
+ *
+ * For more advanced use cases, use the slider
+ * primitives directly via the `Slider.[Slot]` component's parts.
+ *
+ * @see {@link https://cerberus.digitalu.design/docs/components/slider}
+ */
+export declare function Slider(props: SliderProps): import("react").JSX.Element;
+export declare namespace Slider {
+    var Provider: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderRootProviderProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Root: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderRootProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Label: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderLabelProps & import("react").RefAttributes<HTMLLabelElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var ValueText: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderValueTextProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Control: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderControlProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Track: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderTrackProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Range: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderRangeProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Thumb: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderThumbProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Thumbs: typeof SliderThumbs;
+    var DraggingIndicator: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderDraggingIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var MarkerGroup: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderMarkerGroupProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Marker: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderMarkerProps & import("react").RefAttributes<HTMLSpanElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var MarkerIndicator: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Marks: typeof SliderMarks;
+    var HiddenInput: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+}

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

@@ -0,0 +1,34 @@
+import { Marker, SliderMarks } from './marks';
+import { SliderRootProps } from './primitives';
+import { SliderThumbs } from './thumbs';
+export type SliderProps = SliderRootProps & {
+    marks?: Array<Marker>;
+    showIndicator?: boolean;
+};
+/**
+ * ## Slider Component
+ * Slider component that wraps the slider primitives. This provides an abstraction to streamline basic slider usage.
+ *
+ * For more advanced use cases, use the slider
+ * primitives directly via the `Slider.[Slot]` component's parts.
+ *
+ * @see {@link https://cerberus.digitalu.design/docs/components/slider}
+ */
+export declare function Slider(props: SliderProps): import("react").JSX.Element;
+export declare namespace Slider {
+    var Provider: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderRootProviderProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Root: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderRootProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Label: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderLabelProps & import("react").RefAttributes<HTMLLabelElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var ValueText: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderValueTextProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Control: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderControlProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Track: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderTrackProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Range: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderRangeProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Thumb: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderThumbProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Thumbs: typeof SliderThumbs;
+    var DraggingIndicator: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderDraggingIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var MarkerGroup: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderMarkerGroupProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Marker: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderMarkerProps & import("react").RefAttributes<HTMLSpanElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var MarkerIndicator: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Marks: typeof SliderMarks;
+    var HiddenInput: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").SliderHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+}

package/dist/components/slider/slider.js

@@ -0,0 +1,70 @@
+import { Show } from "../show/show.js";
+import { SliderControl, SliderDraggingIndicator, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderMarkerIndicator, SliderProvider, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText } from "./primitives.js";
+import { SliderMarks } from "./marks.js";
+import { SliderThumbs } from "./thumbs.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HStack } from "styled-system/jsx";
+//#region src/components/slider/slider.tsx
+/**
+* ## Slider Component
+* Slider component that wraps the slider primitives. This provides an abstraction to streamline basic slider usage.
+*
+* For more advanced use cases, use the slider
+* primitives directly via the `Slider.[Slot]` component's parts.
+*
+* @see {@link https://cerberus.digitalu.design/docs/components/slider}
+*/
+function Slider(props) {
+	const { showIndicator, ...rootProps } = props;
+	return /* @__PURE__ */ jsxs(SliderRoot, {
+		...rootProps,
+		direction: props.orientation,
+		children: [/* @__PURE__ */ jsx(Show, {
+			when: props.children,
+			children: () => /* @__PURE__ */ jsx(HStack, {
+				justify: "space-between",
+				w: "full",
+				children: props.children
+			})
+		}), /* @__PURE__ */ jsxs(SliderControl, {
+			direction: props.orientation,
+			children: [
+				/* @__PURE__ */ jsx(SliderTrack, {
+					direction: props.orientation,
+					usage: props.usage,
+					children: /* @__PURE__ */ jsx(SliderRange, { usage: props.usage })
+				}),
+				/* @__PURE__ */ jsx(SliderThumbs, {
+					direction: props.orientation,
+					showIndicator,
+					usage: props.usage,
+					value: props.defaultValue ?? props.value
+				}),
+				/* @__PURE__ */ jsx(Show, {
+					when: props.marks?.length,
+					children: () => /* @__PURE__ */ jsx(SliderMarks, {
+						direction: props.orientation,
+						marks: props.marks ?? []
+					})
+				})
+			]
+		})]
+	});
+}
+Slider.Provider = SliderProvider;
+Slider.Root = SliderRoot;
+Slider.Label = SliderLabel;
+Slider.ValueText = SliderValueText;
+Slider.Control = SliderControl;
+Slider.Track = SliderTrack;
+Slider.Range = SliderRange;
+Slider.Thumb = SliderThumb;
+Slider.Thumbs = SliderThumbs;
+Slider.DraggingIndicator = SliderDraggingIndicator;
+Slider.MarkerGroup = SliderMarkerGroup;
+Slider.Marker = SliderMarker;
+Slider.MarkerIndicator = SliderMarkerIndicator;
+Slider.Marks = SliderMarks;
+Slider.HiddenInput = SliderHiddenInput;
+//#endregion
+export { Slider };

package/dist/components/slider/thumbs.cjs

@@ -0,0 +1,22 @@
+"use client";
+const require_show = require("../show/show.cjs");
+const require_for = require("../for/for.cjs");
+const require_primitives = require("./primitives.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/slider/thumbs.tsx
+function SliderThumbs(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_for.For, {
+		each: props.value,
+		children: (num, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.SliderThumb, {
+			index: idx,
+			direction: props.direction,
+			usage: props.usage,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.SliderHiddenInput, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+				when: props.showIndicator,
+				children: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.SliderDraggingIndicator, { direction: props.direction })
+			})]
+		}, `thumb:${num}`)
+	});
+}
+//#endregion
+exports.SliderThumbs = SliderThumbs;

package/dist/components/slider/thumbs.d.cts

@@ -0,0 +1,9 @@
+import { SliderProps } from './slider';
+type SliderThumbsProps = {
+    value: SliderProps['value'] | SliderProps['defaultValue'];
+    direction?: SliderProps['orientation'];
+    usage?: SliderProps['usage'];
+    showIndicator?: SliderProps['showIndicator'];
+};
+export declare function SliderThumbs(props: SliderThumbsProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { SliderProps } from './slider';
+type SliderThumbsProps = {
+    value: SliderProps['value'] | SliderProps['defaultValue'];
+    direction?: SliderProps['orientation'];
+    usage?: SliderProps['usage'];
+    showIndicator?: SliderProps['showIndicator'];
+};
+export declare function SliderThumbs(props: SliderThumbsProps): import("react").JSX.Element;
+export {};

package/dist/components/slider/thumbs.js

@@ -0,0 +1,22 @@
+"use client";
+import { Show } from "../show/show.js";
+import { For } from "../for/for.js";
+import { SliderDraggingIndicator, SliderHiddenInput, SliderThumb } from "./primitives.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/slider/thumbs.tsx
+function SliderThumbs(props) {
+	return /* @__PURE__ */ jsx(For, {
+		each: props.value,
+		children: (num, idx) => /* @__PURE__ */ jsxs(SliderThumb, {
+			index: idx,
+			direction: props.direction,
+			usage: props.usage,
+			children: [/* @__PURE__ */ jsx(SliderHiddenInput, {}), /* @__PURE__ */ jsx(Show, {
+				when: props.showIndicator,
+				children: () => /* @__PURE__ */ jsx(SliderDraggingIndicator, { direction: props.direction })
+			})]
+		}, `thumb:${num}`)
+	});
+}
+//#endregion
+export { SliderThumbs };

package/dist/index.cjs

@@ -110,20 +110,22 @@ const require_parts$22 = require("./components/select/parts.cjs");
 const require_select = require("./components/select/select.cjs");
 const require_option = require("./components/select/option.cjs");
 const require_option_group = require("./components/select/option-group.cjs");
+const require_primitives$29 = require("./components/slider/primitives.cjs");
+const require_slider = require("./components/slider/slider.cjs");
 const require_button$2 = require("./components/split-button/button.cjs");
-const require_primitives$29 = require("./components/switch/primitives.cjs");
+const require_primitives$30 = require("./components/switch/primitives.cjs");
 const require_parts$23 = require("./components/switch/parts.cjs");
 const require_switch = require("./components/switch/switch.cjs");
-const require_primitives$30 = require("./components/table/primitives.cjs");
+const require_primitives$31 = require("./components/table/primitives.cjs");
 const require_parts$24 = require("./components/table/parts.cjs");
 const require_table = require("./components/table/table.cjs");
-const require_primitives$31 = require("./components/tabs/primitives.cjs");
+const require_primitives$32 = require("./components/tabs/primitives.cjs");
 const require_parts$25 = require("./components/tabs/parts.cjs");
 const require_tabs = require("./components/tabs/tabs.cjs");
-const require_primitives$32 = require("./components/tag/primitives.cjs");
+const require_primitives$33 = require("./components/tag/primitives.cjs");
 const require_tag = require("./components/tag/tag.cjs");
 const require_theme = require("./components/theme/theme.cjs");
-const require_primitives$33 = require("./components/toggle/primitives.cjs");
+const require_primitives$34 = require("./components/toggle/primitives.cjs");
 const require_parts$26 = require("./components/toggle/parts.cjs");
 const require_confirm_modal = require("./context/confirm-modal.cjs");
 const require_navMenu = require("./context/navMenu.cjs");
@@ -185,7 +187,7 @@ Object.defineProperty(exports, "CalendarDate", {
 		return _internationalized_date.CalendarDate;
 	}
 });
-exports.Caption = require_primitives$30.Caption;
+exports.Caption = require_primitives$31.Caption;
 exports.Carousel = require_carousel.Carousel;
 exports.CarouselControl = require_primitives$4.CarouselControl;
 exports.CarouselIndicator = require_primitives$4.CarouselIndicator;
@@ -688,12 +690,26 @@ Object.defineProperty(exports, "SignaturePadRootProvider", {
 		return _ark_ui_react.SignaturePadRootProvider;
 	}
 });
+exports.Slider = require_slider.Slider;
+exports.SliderControl = require_primitives$29.SliderControl;
+exports.SliderDraggingIndicator = require_primitives$29.SliderDraggingIndicator;
+exports.SliderHiddenInput = require_primitives$29.SliderHiddenInput;
+exports.SliderLabel = require_primitives$29.SliderLabel;
+exports.SliderMarker = require_primitives$29.SliderMarker;
+exports.SliderMarkerGroup = require_primitives$29.SliderMarkerGroup;
+exports.SliderMarkerIndicator = require_primitives$29.SliderMarkerIndicator;
+exports.SliderProvider = require_primitives$29.SliderProvider;
+exports.SliderRange = require_primitives$29.SliderRange;
+exports.SliderRoot = require_primitives$29.SliderRoot;
 Object.defineProperty(exports, "SliderRootProvider", {
 	enumerable: true,
 	get: function() {
 		return _ark_ui_react.SliderRootProvider;
 	}
 });
+exports.SliderThumb = require_primitives$29.SliderThumb;
+exports.SliderTrack = require_primitives$29.SliderTrack;
+exports.SliderValueText = require_primitives$29.SliderValueText;
 exports.Spinner = require_spinner.Spinner;
 exports.SplitButton = require_button$2.SplitButton;
 Object.defineProperty(exports, "SplitterRootProvider", {
@@ -709,52 +725,52 @@ Object.defineProperty(exports, "StepsRootProvider", {
 	}
 });
 exports.Switch = require_switch.Switch;
-exports.SwitchControl = require_primitives$29.SwitchControl;
-exports.SwitchHiddenInput = require_primitives$29.SwitchHiddenInput;
-exports.SwitchLabel = require_primitives$29.SwitchLabel;
+exports.SwitchControl = require_primitives$30.SwitchControl;
+exports.SwitchHiddenInput = require_primitives$30.SwitchHiddenInput;
+exports.SwitchLabel = require_primitives$30.SwitchLabel;
 exports.SwitchParts = require_parts$23.SwitchParts;
-exports.SwitchRoot = require_primitives$29.SwitchRoot;
+exports.SwitchRoot = require_primitives$30.SwitchRoot;
 Object.defineProperty(exports, "SwitchRootProvider", {
 	enumerable: true,
 	get: function() {
 		return _ark_ui_react.SwitchRootProvider;
 	}
 });
-exports.SwitchThumb = require_primitives$29.SwitchThumb;
+exports.SwitchThumb = require_primitives$30.SwitchThumb;
 exports.THEME_KEY = require_useTheme.THEME_KEY;
 exports.Table = require_table.Table;
-exports.TableEl = require_primitives$30.TableEl;
+exports.TableEl = require_primitives$31.TableEl;
 exports.TableParts = require_parts$24.TableParts;
-exports.TableRoot = require_primitives$30.TableRoot;
-exports.TableTrigger = require_primitives$30.TableTrigger;
+exports.TableRoot = require_primitives$31.TableRoot;
+exports.TableTrigger = require_primitives$31.TableTrigger;
 exports.Tabs = require_tabs.Tabs;
-exports.TabsContent = require_primitives$31.TabsContent;
-exports.TabsIndicator = require_primitives$31.TabsIndicator;
-exports.TabsList = require_primitives$31.TabsList;
+exports.TabsContent = require_primitives$32.TabsContent;
+exports.TabsIndicator = require_primitives$32.TabsIndicator;
+exports.TabsList = require_primitives$32.TabsList;
 exports.TabsParts = require_parts$25.TabsParts;
-exports.TabsRoot = require_primitives$31.TabsRoot;
+exports.TabsRoot = require_primitives$32.TabsRoot;
 Object.defineProperty(exports, "TabsRootProvider", {
 	enumerable: true,
 	get: function() {
 		return _ark_ui_react.TabsRootProvider;
 	}
 });
-exports.TabsTrigger = require_primitives$31.TabsTrigger;
+exports.TabsTrigger = require_primitives$32.TabsTrigger;
 exports.Tag = require_tag.Tag;
-exports.TagRoot = require_primitives$32.TagRoot;
+exports.TagRoot = require_primitives$33.TagRoot;
 Object.defineProperty(exports, "TagsInputRootProvider", {
 	enumerable: true,
 	get: function() {
 		return _ark_ui_react.TagsInputRootProvider;
 	}
 });
-exports.Tbody = require_primitives$30.Tbody;
-exports.Td = require_primitives$30.Td;
+exports.Tbody = require_primitives$31.Tbody;
+exports.Td = require_primitives$31.Td;
 exports.Text = require_text.Text;
 exports.Textarea = require_primitives$15.Textarea;
-exports.Tfoot = require_primitives$30.Tfoot;
-exports.Th = require_primitives$30.Th;
-exports.Thead = require_primitives$30.Thead;
+exports.Tfoot = require_primitives$31.Tfoot;
+exports.Th = require_primitives$31.Th;
+exports.Thead = require_primitives$31.Thead;
 exports.Theme = require_theme.Theme;
 exports.ThemeProvider = require_theme$1.ThemeProvider;
 Object.defineProperty(exports, "TimerRootProvider", {
@@ -781,9 +797,9 @@ Object.defineProperty(exports, "ToggleGroupRootProvider", {
 		return _ark_ui_react.ToggleGroupRootProvider;
 	}
 });
-exports.ToggleIndicator = require_primitives$33.ToggleIndicator;
+exports.ToggleIndicator = require_primitives$34.ToggleIndicator;
 exports.ToggleParts = require_parts$26.ToggleParts;
-exports.ToggleRoot = require_primitives$33.ToggleRoot;
+exports.ToggleRoot = require_primitives$34.ToggleRoot;
 exports.Tooltip = require_tooltip.Tooltip;
 exports.TooltipArrow = require_primitives$8.TooltipArrow;
 exports.TooltipArrowTip = require_primitives$8.TooltipArrowTip;
@@ -798,7 +814,7 @@ Object.defineProperty(exports, "TooltipRootProvider", {
 	}
 });
 exports.TooltipTrigger = require_primitives$8.TooltipTrigger;
-exports.Tr = require_primitives$30.Tr;
+exports.Tr = require_primitives$31.Tr;
 Object.defineProperty(exports, "TreeViewNodeProvider", {
 	enumerable: true,
 	get: function() {

package/dist/index.d.cts

@@ -35,6 +35,7 @@ export * from './components/radio/index';
 export * from './components/rating/index';
 export * from './components/select/index';
 export * from './components/show/index';
+export * from './components/slider/index';
 export * from './components/spinner/index';
 export * from './components/split-button/index';
 export * from './components/switch/index';

package/dist/index.d.ts

@@ -35,6 +35,7 @@ export * from './components/radio/index';
 export * from './components/rating/index';
 export * from './components/select/index';
 export * from './components/show/index';
+export * from './components/slider/index';
 export * from './components/spinner/index';
 export * from './components/split-button/index';
 export * from './components/switch/index';

package/dist/index.js

@@ -111,6 +111,8 @@ import { SelectParts } from "./components/select/parts.js";
 import { Select } from "./components/select/select.js";
 import { Option } from "./components/select/option.js";
 import { OptionGroup, OptionGroupLabel } from "./components/select/option-group.js";
+import { SliderControl, SliderDraggingIndicator, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderMarkerIndicator, SliderProvider, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText } from "./components/slider/primitives.js";
+import { Slider } from "./components/slider/slider.js";
 import { SplitButton } from "./components/split-button/button.js";
 import { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb } from "./components/switch/primitives.js";
 import { SwitchParts } from "./components/switch/parts.js";
@@ -133,4 +135,4 @@ import { MODE_KEY, THEME_KEY, useTheme } from "./hooks/useTheme.js";
 import { ThemeProvider, useThemeContext } from "./context/theme.js";
 import { useRootColors } from "./hooks/useRootColors.js";
 import { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, createListCollection, createToaster, useAccordion, useAngleSlider, useAsyncList, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useComboboxContext, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFilter, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListCollection, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext } from "./index.client.js";
-export { Accordion, AccordionItem, AccordionItemContent, AccordionItemGroup, AccordionItemIndicator, AccordionItemTrigger, AccordionParts, AccordionRoot, AccordionRootProvider, Admonition, AdmonitionContent, AdmonitionDescription, AdmonitionHeading, AdmonitionIndicator, AdmonitionParts, AdmonitionRoot, AngleSliderRootProvider, Avatar, AvatarFallback, AvatarImage, AvatarParts, AvatarRoot, AvatarRootProvider, Button, ButtonGroup, ButtonIcon, ButtonParts, CTAModal, CalendarDate, Caption, Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselParts, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CerberusProvider, Checkbox, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxParts, CheckboxRoot, CheckboxRootProvider, CircularProgress, CircularProgressCircle, CircularProgressCircleRange, CircularProgressCircleTrack, CircularProgressInfoGroup, CircularProgressLabel, CircularProgressRoot, CircularProgressValueText, ClientOnly, Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, Collapsible, CollapsibleContent, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, ColorPickerRootProvider, ComboItemGroup, ComboItemText, ComboItemWithIndicator, Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxParts, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxStartIcon, ComboboxTrigger, CompactText, ConfirmModal, DateFormatter, DatePicker, DatePickerCalendar, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerInputEl, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerParts, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, Dialog, DialogBackdrop, DialogCloseIconTrigger, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogParts, DialogPositioner, DialogProvider, DialogRoot, DialogRootProvider, DialogTrigger, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FeatureFlag, FeatureFlags, Field, FieldErrorText, FieldHelperText, FieldInput, FieldInputRoot, FieldLabel, FieldParts, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldStartIndicator, FieldStatusIndicator, FieldTextarea, Fieldset, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetParts, FieldsetRoot, FieldsetRootProvider, FileStatus, FileUploadClearTrigger, FileUploadContent, FileUploadContext, FileUploadDescription, FileUploadDropzone, FileUploadHeading, FileUploadHiddenInput, FileUploadIcon, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadParts, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, FileUploader, FloatingPanelRootProvider, FocusTrap, For, Format, Frame, Group, Highlight, HoverCardRootProvider, IconButton, IconButtonRoot, ImageCropperRootProvider, ImgPreview, Input, ItemList, JsonTreeView, ListboxRootProvider, LocaleProvider, MODE_KEY, Marquee, MarqueeContent, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport, Menu, MenuContent, MenuContentEl, MenuGroupLabel, MenuIndicator, MenuItem, MenuItemEl, MenuItemGroup, MenuItemGroupEl, MenuItemGroupLabelEl, MenuPositioner, MenuRoot, MenuRootProvider, MenuSeparator, MenuSeparatorEl, MenuTrigger, MenuTriggerEl, MenuTriggerItem, NavMenu, NextTrigger, NotificationActionTrigger, NotificationCenter, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationParts, NotificationProvider, NotificationRoot, NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputParts, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, Option, OptionGroup, OptionGroupLabel, Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationParts, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, PasswordInputRootProvider, PinInput, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputParts, PinInputRoot, PinInputRootProvider, Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverParts, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Portal, Presence, PrevTrigger, ProgressBar, ProgressBarBar, ProgressBarRoot, PromptModal, QrCodeRootProvider, Radio, RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, RadioParts, RangePickerInput, Rating, RatingContext, RatingControl, RatingGroupRootProvider, RatingHiddenInput, RatingItem, RatingItemContext, RatingLabel, RatingParts, RatingRoot, ScrollAreaRootProvider, SegmentGroupRootProvider, Select, SelectClearTrigger, SelectContent, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectParts, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, Show, SignaturePadRootProvider, SliderRootProvider, Spinner, SplitButton, SplitterRootProvider, StepsRootProvider, Switch, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchParts, SwitchRoot, SwitchRootProvider, SwitchThumb, THEME_KEY, Table, TableEl, TableParts, TableRoot, TableTrigger, Tabs, TabsContent, TabsIndicator, TabsList, TabsParts, TabsRoot, TabsRootProvider, TabsTrigger, Tag, TagRoot, TagsInputRootProvider, Tbody, Td, Text, Textarea, Tfoot, Th, Thead, Theme, ThemeProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, ToggleIndicator, ToggleParts, ToggleRoot, Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipParts, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, Tr, TreeViewNodeProvider, TreeViewRootProvider, cerberus, createCTAModalActions, createCerberusPrimitive, createErrorMessages, createListCollection, createSelectCollection, createToaster, defineIcons, formatNotifyCount, getLocalStorage, getLocalTimeZone, makeSystemConfig, parseDate, processStatus, setLocalStorage, splitProps, toaster, today, useAccordion, useAngleSlider, useAsyncList, useAvatar, useAvatarContext, useCTAModal, useCarousel, useCerberusContext, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useComboboxContext, useConfirmModal, useDatePicker, useDialog, useEditable, useEnvironmentContext, useFeatureFlags, useField, useFieldset, useFileUpload, useFilter, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListCollection, useListbox, useLocaleContext, useMarquee, useMenu, useNavMenuContext, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, usePromptModal, useQrCode, useRadioGroup, useRatingGroup, useRootColors, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useStatefulCollection, useSteps, useSwitch, useTabs, useTagsInput, useTheme, useThemeContext, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext };
+export { Accordion, AccordionItem, AccordionItemContent, AccordionItemGroup, AccordionItemIndicator, AccordionItemTrigger, AccordionParts, AccordionRoot, AccordionRootProvider, Admonition, AdmonitionContent, AdmonitionDescription, AdmonitionHeading, AdmonitionIndicator, AdmonitionParts, AdmonitionRoot, AngleSliderRootProvider, Avatar, AvatarFallback, AvatarImage, AvatarParts, AvatarRoot, AvatarRootProvider, Button, ButtonGroup, ButtonIcon, ButtonParts, CTAModal, CalendarDate, Caption, Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselParts, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CerberusProvider, Checkbox, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxParts, CheckboxRoot, CheckboxRootProvider, CircularProgress, CircularProgressCircle, CircularProgressCircleRange, CircularProgressCircleTrack, CircularProgressInfoGroup, CircularProgressLabel, CircularProgressRoot, CircularProgressValueText, ClientOnly, Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, Collapsible, CollapsibleContent, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, ColorPickerRootProvider, ComboItemGroup, ComboItemText, ComboItemWithIndicator, Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxParts, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxStartIcon, ComboboxTrigger, CompactText, ConfirmModal, DateFormatter, DatePicker, DatePickerCalendar, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerInputEl, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerParts, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, Dialog, DialogBackdrop, DialogCloseIconTrigger, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogParts, DialogPositioner, DialogProvider, DialogRoot, DialogRootProvider, DialogTrigger, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FeatureFlag, FeatureFlags, Field, FieldErrorText, FieldHelperText, FieldInput, FieldInputRoot, FieldLabel, FieldParts, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldStartIndicator, FieldStatusIndicator, FieldTextarea, Fieldset, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetParts, FieldsetRoot, FieldsetRootProvider, FileStatus, FileUploadClearTrigger, FileUploadContent, FileUploadContext, FileUploadDescription, FileUploadDropzone, FileUploadHeading, FileUploadHiddenInput, FileUploadIcon, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadParts, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, FileUploader, FloatingPanelRootProvider, FocusTrap, For, Format, Frame, Group, Highlight, HoverCardRootProvider, IconButton, IconButtonRoot, ImageCropperRootProvider, ImgPreview, Input, ItemList, JsonTreeView, ListboxRootProvider, LocaleProvider, MODE_KEY, Marquee, MarqueeContent, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport, Menu, MenuContent, MenuContentEl, MenuGroupLabel, MenuIndicator, MenuItem, MenuItemEl, MenuItemGroup, MenuItemGroupEl, MenuItemGroupLabelEl, MenuPositioner, MenuRoot, MenuRootProvider, MenuSeparator, MenuSeparatorEl, MenuTrigger, MenuTriggerEl, MenuTriggerItem, NavMenu, NextTrigger, NotificationActionTrigger, NotificationCenter, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationParts, NotificationProvider, NotificationRoot, NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputParts, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, Option, OptionGroup, OptionGroupLabel, Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationParts, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, PasswordInputRootProvider, PinInput, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputParts, PinInputRoot, PinInputRootProvider, Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverParts, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Portal, Presence, PrevTrigger, ProgressBar, ProgressBarBar, ProgressBarRoot, PromptModal, QrCodeRootProvider, Radio, RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, RadioParts, RangePickerInput, Rating, RatingContext, RatingControl, RatingGroupRootProvider, RatingHiddenInput, RatingItem, RatingItemContext, RatingLabel, RatingParts, RatingRoot, ScrollAreaRootProvider, SegmentGroupRootProvider, Select, SelectClearTrigger, SelectContent, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectParts, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, Show, SignaturePadRootProvider, Slider, SliderControl, SliderDraggingIndicator, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderMarkerIndicator, SliderProvider, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, Spinner, SplitButton, SplitterRootProvider, StepsRootProvider, Switch, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchParts, SwitchRoot, SwitchRootProvider, SwitchThumb, THEME_KEY, Table, TableEl, TableParts, TableRoot, TableTrigger, Tabs, TabsContent, TabsIndicator, TabsList, TabsParts, TabsRoot, TabsRootProvider, TabsTrigger, Tag, TagRoot, TagsInputRootProvider, Tbody, Td, Text, Textarea, Tfoot, Th, Thead, Theme, ThemeProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, ToggleIndicator, ToggleParts, ToggleRoot, Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipParts, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, Tr, TreeViewNodeProvider, TreeViewRootProvider, cerberus, createCTAModalActions, createCerberusPrimitive, createErrorMessages, createListCollection, createSelectCollection, createToaster, defineIcons, formatNotifyCount, getLocalStorage, getLocalTimeZone, makeSystemConfig, parseDate, processStatus, setLocalStorage, splitProps, toaster, today, useAccordion, useAngleSlider, useAsyncList, useAvatar, useAvatarContext, useCTAModal, useCarousel, useCerberusContext, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useComboboxContext, useConfirmModal, useDatePicker, useDialog, useEditable, useEnvironmentContext, useFeatureFlags, useField, useFieldset, useFileUpload, useFilter, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListCollection, useListbox, useLocaleContext, useMarquee, useMenu, useNavMenuContext, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, usePromptModal, useQrCode, useRadioGroup, useRatingGroup, useRootColors, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useStatefulCollection, useSteps, useSwitch, useTabs, useTagsInput, useTheme, useThemeContext, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext };

package/dist/panda.buildinfo.json

@@ -268,6 +268,21 @@
         "orientation]___[value:vertical]___[recipe:radioGroup",
         "size]___[value:md]___[recipe:radioGroup"
       ],
+      "slider": [
+        "palette]___[value:action]___[recipe:slider",
+        "size]___[value:lg]___[recipe:slider",
+        "direction]___[value:horizontal]___[recipe:slider",
+        "usage]___[value:gradient]___[recipe:slider",
+        "palette]___[value:info]___[recipe:slider",
+        "palette]___[value:success]___[recipe:slider",
+        "palette]___[value:warning]___[recipe:slider",
+        "palette]___[value:danger]___[recipe:slider",
+        "size]___[value:sm]___[recipe:slider",
+        "size]___[value:md]___[recipe:slider",
+        "usage]___[value:filled]___[recipe:slider",
+        "usage]___[value:outlined]___[recipe:slider",
+        "direction]___[value:vertical]___[recipe:slider"
+      ],
       "buttonGroup": [
         "layout]___[value:attached]___[recipe:buttonGroup",
         "shape]___[value:sharp]___[recipe:buttonGroup",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "1.6.0",
+  "version": "1.7.0-next-5cce1d3",
   "description": "The Cerberus Design React component library.",
   "keywords": [
     "css",
@@ -41,13 +41,13 @@
     "@types/react-dom": "^19.2.3",
     "@typescript/typescript6": "^6.0.0",
     "@vitejs/plugin-react": "^6.0.3",
-    "globby": "^16.2.0",
+    "globby": "^16.2.2",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "vite": "^8.0.16",
     "vite-plugin-dts": "^5.0.2",
-    "@cerberus/panda-preset": "1.6.0",
-    "styled-system": "0.0.0"
+    "styled-system": "0.0.0",
+    "@cerberus/panda-preset": "1.7.0-next-5cce1d3"
   },
   "peerDependencies": {
     "@pandacss/dev": "*",