moduix 0.11.0 → 0.11.1

package/dist/components/Select/Select.js

@@ -0,0 +1,196 @@
+import { CheckIcon, ChevronDownIcon, ChevronUpDownIcon, ChevronUpIcon, PopupArrowIcon } from "../../icons/ui/Icons.js";
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Select_module_default from "./Select.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { Select } from "@base-ui/react/select";
+//#region src/components/Select/Select.tsx
+const SELECT_CONTENT_SIDE_OFFSET = 8;
+const Select$1 = Select.Root;
+function SelectField({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "select-field",
+		className: clsx(Select_module_default.field, className),
+		...props
+	});
+}
+function SelectLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Label, {
+		"data-slot": "select-label",
+		className: mergeClassName(className, Select_module_default.label),
+		...props
+	});
+}
+function SelectTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Trigger, {
+		"data-slot": "select-trigger",
+		className: mergeClassName(className, Select_module_default.trigger),
+		...props
+	});
+}
+function SelectValue({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Value, {
+		"data-slot": "select-value",
+		className: mergeClassName(className, Select_module_default.value),
+		...props
+	});
+}
+function SelectIcon({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Icon, {
+		"data-slot": "select-icon",
+		className: mergeClassName(className, Select_module_default.icon),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronUpDownIcon, { className: Select_module_default.iconSvg })
+	});
+}
+function SelectPortal(props) {
+	return /* @__PURE__ */ jsx(Select.Portal, {
+		"data-slot": "select-portal",
+		...props
+	});
+}
+function SelectBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Backdrop, {
+		"data-slot": "select-backdrop",
+		className: mergeClassName(className, Select_module_default.backdrop),
+		...props
+	});
+}
+function SelectPositioner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Positioner, {
+		"data-slot": "select-positioner",
+		className: mergeClassName(className, Select_module_default.positioner),
+		...props
+	});
+}
+function SelectPopup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Popup, {
+		"data-slot": "select-popup",
+		className: mergeClassName(className, Select_module_default.popup),
+		...props
+	});
+}
+function SelectArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Arrow, {
+		"data-slot": "select-arrow",
+		className: mergeClassName(className, Select_module_default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ArrowSvg, { className: Select_module_default.arrowSvg })
+	});
+}
+function SelectContent({ className, children, showArrow = false, alignItemWithTrigger, side, sideOffset = SELECT_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }) {
+	return /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsx(SelectPositioner, {
+		alignItemWithTrigger,
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ jsxs(SelectPopup, {
+			className,
+			...popupProps,
+			children: [showArrow ? /* @__PURE__ */ jsx(SelectArrow, {}) : null, children]
+		})
+	}) });
+}
+function SelectScrollUpArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
+		"data-slot": "select-scroll-up-arrow",
+		className: mergeClassName(className, Select_module_default.scrollArrow),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronUpIcon, { className: Select_module_default.scrollArrowIcon })
+	});
+}
+function SelectScrollDownArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
+		"data-slot": "select-scroll-down-arrow",
+		className: mergeClassName(className, Select_module_default.scrollArrow),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, { className: Select_module_default.scrollArrowIcon })
+	});
+}
+function SelectList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.List, {
+		"data-slot": "select-list",
+		className: mergeClassName(className, Select_module_default.list),
+		...props
+	});
+}
+function SelectItem({ className, indicator, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Item, {
+		"data-slot": "select-item",
+		"data-indicator-position": indicator,
+		className: mergeClassName(className, Select_module_default.item),
+		...props
+	});
+}
+function SelectItemIndicator({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ItemIndicator, {
+		"data-slot": "select-item-indicator",
+		className: mergeClassName(className, Select_module_default.itemIndicator),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CheckIcon, { className: Select_module_default.itemIndicatorIcon })
+	});
+}
+function SelectItemText({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ItemText, {
+		"data-slot": "select-item-text",
+		className: mergeClassName(className, Select_module_default.itemText),
+		...props
+	});
+}
+function SelectItemTextContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "select-item-text-content",
+		className: clsx(Select_module_default.itemTextContent, className),
+		...props
+	});
+}
+function SelectItemTextIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "select-item-text-icon",
+		className: clsx(Select_module_default.itemTextIcon, className),
+		...props
+	});
+}
+function SelectItemTextLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "select-item-text-label",
+		className: clsx(Select_module_default.itemTextLabel, className),
+		...props
+	});
+}
+function SelectSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Separator, {
+		"data-slot": "select-separator",
+		className: mergeClassName(className, Select_module_default.separator),
+		...props
+	});
+}
+function SelectGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Group, {
+		"data-slot": "select-group",
+		className: mergeClassName(className, Select_module_default.group),
+		...props
+	});
+}
+function SelectGroupLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
+		"data-slot": "select-group-label",
+		className: mergeClassName(className, Select_module_default.groupLabel),
+		...props
+	});
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ jsx(PopupArrowIcon, {
+		fillClassName: Select_module_default.arrowFill,
+		outerStrokeClassName: Select_module_default.arrowOuterStroke,
+		innerStrokeClassName: Select_module_default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+export { Select$1 as Select, SelectArrow, SelectBackdrop, SelectContent, SelectField, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectItemTextContent, SelectItemTextIcon, SelectItemTextLabel, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/Select/Select.module.cjs

@@ -0,0 +1,33 @@
+import './Select.css';
+//#region src/components/Select/Select.module.css
+var Select_module_default = {
+	"arrow": "fT9mmG_arrow",
+	"arrowFill": "fT9mmG_arrowFill",
+	"arrowInnerStroke": "fT9mmG_arrowInnerStroke",
+	"arrowOuterStroke": "fT9mmG_arrowOuterStroke",
+	"arrowSvg": "fT9mmG_arrowSvg",
+	"backdrop": "fT9mmG_backdrop",
+	"field": "fT9mmG_field",
+	"group": "fT9mmG_group",
+	"groupLabel": "fT9mmG_groupLabel",
+	"icon": "fT9mmG_icon",
+	"iconSvg": "fT9mmG_iconSvg",
+	"item": "fT9mmG_item",
+	"itemIndicator": "fT9mmG_itemIndicator",
+	"itemIndicatorIcon": "fT9mmG_itemIndicatorIcon",
+	"itemText": "fT9mmG_itemText",
+	"itemTextContent": "fT9mmG_itemTextContent",
+	"itemTextIcon": "fT9mmG_itemTextIcon",
+	"itemTextLabel": "fT9mmG_itemTextLabel",
+	"label": "fT9mmG_label",
+	"list": "fT9mmG_list",
+	"popup": "fT9mmG_popup",
+	"positioner": "fT9mmG_positioner",
+	"scrollArrow": "fT9mmG_scrollArrow",
+	"scrollArrowIcon": "fT9mmG_scrollArrowIcon",
+	"separator": "fT9mmG_separator",
+	"trigger": "fT9mmG_trigger",
+	"value": "fT9mmG_value"
+};
+//#endregion
+exports.default = Select_module_default;

package/dist/components/Select/Select.module.js

@@ -0,0 +1,33 @@
+import './Select.css';
+//#region src/components/Select/Select.module.css
+var Select_module_default = {
+	"arrow": "fT9mmG_arrow",
+	"arrowFill": "fT9mmG_arrowFill",
+	"arrowInnerStroke": "fT9mmG_arrowInnerStroke",
+	"arrowOuterStroke": "fT9mmG_arrowOuterStroke",
+	"arrowSvg": "fT9mmG_arrowSvg",
+	"backdrop": "fT9mmG_backdrop",
+	"field": "fT9mmG_field",
+	"group": "fT9mmG_group",
+	"groupLabel": "fT9mmG_groupLabel",
+	"icon": "fT9mmG_icon",
+	"iconSvg": "fT9mmG_iconSvg",
+	"item": "fT9mmG_item",
+	"itemIndicator": "fT9mmG_itemIndicator",
+	"itemIndicatorIcon": "fT9mmG_itemIndicatorIcon",
+	"itemText": "fT9mmG_itemText",
+	"itemTextContent": "fT9mmG_itemTextContent",
+	"itemTextIcon": "fT9mmG_itemTextIcon",
+	"itemTextLabel": "fT9mmG_itemTextLabel",
+	"label": "fT9mmG_label",
+	"list": "fT9mmG_list",
+	"popup": "fT9mmG_popup",
+	"positioner": "fT9mmG_positioner",
+	"scrollArrow": "fT9mmG_scrollArrow",
+	"scrollArrowIcon": "fT9mmG_scrollArrowIcon",
+	"separator": "fT9mmG_separator",
+	"trigger": "fT9mmG_trigger",
+	"value": "fT9mmG_value"
+};
+//#endregion
+export { Select_module_default as default };

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

@@ -1 +1 @@
-export { Select, SelectField, SelectLabel, SelectTrigger, SelectValue, SelectIcon, SelectPortal, SelectBackdrop, SelectPositioner, SelectPopup, SelectArrow, SelectContent, SelectScrollUpArrow, SelectScrollDownArrow, SelectList, SelectItem, SelectItemIndicator, SelectItemText, SelectItemTextContent, SelectItemTextIcon, SelectItemTextLabel, SelectSeparator, SelectGroup, SelectGroupLabel, } from './Select';
+import { Select, SelectArrow, SelectBackdrop, SelectContent, SelectField, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectItemTextContent, SelectItemTextIcon, SelectItemTextLabel, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue } from "./Select.js";

package/dist/components/Separator/Separator.cjs

@@ -0,0 +1,16 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Separator_module = require("./Separator.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let _base_ui_react_separator = require("@base-ui/react/separator");
+//#region src/components/Separator/Separator.tsx
+const Separator = (0, react.forwardRef)(function Separator({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_separator.Separator, {
+		ref,
+		"data-slot": "separator-root",
+		className: require_mergeClassName.mergeClassName(className, require_Separator_module.default.root),
+		...props
+	});
+});
+//#endregion
+exports.Separator = Separator;

package/dist/components/Separator/Separator.css

@@ -0,0 +1,17 @@
+@layer ui.components {
+  ._5f5eQa_root {
+    background-color: var(--separator-color, var(--color-border));
+    flex-shrink: 0;
+    display: block;
+
+    &[data-orientation="horizontal"] {
+      width: var(--separator-length-horizontal, 100%);
+      height: var(--separator-thickness, 1px);
+    }
+
+    &[data-orientation="vertical"] {
+      width: var(--separator-thickness, 1px);
+      height: var(--separator-length-vertical, 1em);
+    }
+  }
+}

package/dist/components/Separator/Separator.d.ts

@@ -1,2 +1,4 @@
-declare const Separator: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { Separator };
+//#region src/components/Separator/Separator.d.ts
+declare const Separator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Separator };

package/dist/components/Separator/Separator.js

@@ -0,0 +1,16 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Separator_module_default from "./Separator.module.js";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Separator } from "@base-ui/react/separator";
+//#region src/components/Separator/Separator.tsx
+const Separator$1 = forwardRef(function Separator$2({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Separator, {
+		ref,
+		"data-slot": "separator-root",
+		className: mergeClassName(className, Separator_module_default.root),
+		...props
+	});
+});
+//#endregion
+export { Separator$1 as Separator };

package/dist/components/Separator/Separator.module.cjs

@@ -0,0 +1,5 @@
+import './Separator.css';
+//#region src/components/Separator/Separator.module.css
+var Separator_module_default = { "root": "_5f5eQa_root" };
+//#endregion
+exports.default = Separator_module_default;

package/dist/components/Separator/Separator.module.js

@@ -0,0 +1,5 @@
+import './Separator.css';
+//#region src/components/Separator/Separator.module.css
+var Separator_module_default = { "root": "_5f5eQa_root" };
+//#endregion
+export { Separator_module_default as default };

package/dist/components/Skeleton/Skeleton.cjs

@@ -0,0 +1,25 @@
+const require_Skeleton_module = require("./Skeleton.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+//#region src/components/Skeleton/Skeleton.tsx
+function toCssValue(value) {
+	if (typeof value === "number") return `${value}px`;
+	return value;
+}
+function Skeleton({ className, animated = true, style, width, height, radius, size, shape, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "skeleton-root",
+		"data-animated": animated ? "" : void 0,
+		"aria-hidden": "true",
+		className: (0, clsx.clsx)(require_Skeleton_module.default.root, className),
+		style: {
+			width: toCssValue(width ?? size),
+			height: toCssValue(height ?? size),
+			borderRadius: toCssValue(radius ?? (shape === "circle" ? "50%" : void 0)),
+			...style
+		},
+		...props
+	});
+}
+//#endregion
+exports.Skeleton = Skeleton;

package/dist/components/Skeleton/Skeleton.css

@@ -0,0 +1,21 @@
+@layer ui.components {
+  .JIuY2W_root {
+    border-radius: var(--skeleton-radius, var(--radius-md));
+    width: 100%;
+    height: 1rem;
+    animation: var(--skeleton-animation, var(--animation-pulse));
+    background-color: var(--skeleton-bg, color-mix(in oklab, var(--color-muted-foreground) 18%, var(--color-background)));
+    pointer-events: none;
+    user-select: none;
+    display: block;
+    overflow: hidden;
+
+    &:not([data-animated]) {
+      animation: none;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      animation: none;
+    }
+  }
+}

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,10 +1,23 @@
-import { ComponentProps } from 'react';
-declare function Skeleton({ className, animated, style, width, height, radius, size, shape, ...props }: ComponentProps<'div'> & {
-    animated?: boolean;
-    width?: number | string;
-    height?: number | string;
-    radius?: number | string;
-    size?: number | string;
-    shape?: 'rect' | 'circle';
+import { ComponentProps } from "react";
+
+//#region src/components/Skeleton/Skeleton.d.ts
+declare function Skeleton({
+  className,
+  animated,
+  style,
+  width,
+  height,
+  radius,
+  size,
+  shape,
+  ...props
+}: ComponentProps<'div'> & {
+  animated?: boolean;
+  width?: number | string;
+  height?: number | string;
+  radius?: number | string;
+  size?: number | string;
+  shape?: 'rect' | 'circle';
 }): import("react").JSX.Element;
-export { Skeleton };
+//#endregion
+export { Skeleton };

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,25 @@
+import Skeleton_module_default from "./Skeleton.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/components/Skeleton/Skeleton.tsx
+function toCssValue(value) {
+	if (typeof value === "number") return `${value}px`;
+	return value;
+}
+function Skeleton({ className, animated = true, style, width, height, radius, size, shape, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "skeleton-root",
+		"data-animated": animated ? "" : void 0,
+		"aria-hidden": "true",
+		className: clsx(Skeleton_module_default.root, className),
+		style: {
+			width: toCssValue(width ?? size),
+			height: toCssValue(height ?? size),
+			borderRadius: toCssValue(radius ?? (shape === "circle" ? "50%" : void 0)),
+			...style
+		},
+		...props
+	});
+}
+//#endregion
+export { Skeleton };

package/dist/components/Skeleton/Skeleton.module.cjs

@@ -0,0 +1,5 @@
+import './Skeleton.css';
+//#region src/components/Skeleton/Skeleton.module.css
+var Skeleton_module_default = { "root": "JIuY2W_root" };
+//#endregion
+exports.default = Skeleton_module_default;

package/dist/components/Skeleton/Skeleton.module.js

@@ -0,0 +1,5 @@
+import './Skeleton.css';
+//#region src/components/Skeleton/Skeleton.module.css
+var Skeleton_module_default = { "root": "JIuY2W_root" };
+//#endregion
+export { Skeleton_module_default as default };

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

@@ -1 +1 @@
-export * from './Skeleton';
+import { Skeleton } from "./Skeleton.js";

package/dist/components/Slider/Slider.cjs

@@ -0,0 +1,106 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Slider_module = require("./Slider.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let _base_ui_react_slider = require("@base-ui/react/slider");
+//#region src/components/Slider/Slider.tsx
+const Slider = (0, react.forwardRef)(function Slider({ children, ...props }, ref) {
+	const { content, thumbs } = splitSliderChildren(children);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SliderRoot, {
+		ref,
+		...props,
+		children: [content, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderControl, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SliderTrack, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderIndicator, {}), thumbs] }) })]
+	});
+});
+function splitSliderChildren(children) {
+	const parts = {
+		content: [],
+		thumbs: []
+	};
+	const collectChildren = (nodes) => {
+		react.Children.forEach(nodes, (child) => {
+			if (!(0, react.isValidElement)(child)) {
+				parts.content.push(child);
+				return;
+			}
+			if (isReactFragment(child)) {
+				collectChildren(child.props.children);
+				return;
+			}
+			if (isSliderThumb(child)) {
+				parts.thumbs.push(child);
+				return;
+			}
+			parts.content.push(child);
+		});
+	};
+	collectChildren(children);
+	return parts;
+}
+const isReactFragment = (child) => (0, react.isValidElement)(child) && child.type === react.Fragment;
+const isSliderThumb = (child) => (0, react.isValidElement)(child) && child.type === SliderThumb;
+const SliderRoot = (0, react.forwardRef)(function SliderRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Root, {
+		ref,
+		"data-slot": "slider-root",
+		className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.root),
+		...props
+	});
+});
+const SliderLabel = (0, react.forwardRef)(function SliderLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Label, {
+		ref,
+		"data-slot": "slider-label",
+		className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.label),
+		...props
+	});
+});
+const SliderValue = (0, react.forwardRef)(function SliderValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Value, {
+		ref,
+		"data-slot": "slider-value",
+		className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.value),
+		...props
+	});
+});
+const SliderControl = (0, react.forwardRef)(function SliderControl({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Control, {
+		ref,
+		"data-slot": "slider-control",
+		className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.control),
+		...props
+	});
+});
+const SliderTrack = (0, react.forwardRef)(function SliderTrack({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Track, {
+		ref,
+		"data-slot": "slider-track",
+		className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.track),
+		...props
+	});
+});
+const SliderIndicator = (0, react.forwardRef)(function SliderIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Indicator, {
+		ref,
+		"data-slot": "slider-indicator",
+		className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.indicator),
+		...props
+	});
+});
+const SliderThumb = (0, react.forwardRef)(function SliderThumb({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Thumb, {
+		ref,
+		"data-slot": "slider-thumb",
+		className: require_mergeClassName.mergeClassName(className, require_Slider_module.default.thumb),
+		...props
+	});
+});
+//#endregion
+exports.Slider = Slider;
+exports.SliderControl = SliderControl;
+exports.SliderIndicator = SliderIndicator;
+exports.SliderLabel = SliderLabel;
+exports.SliderRoot = SliderRoot;
+exports.SliderThumb = SliderThumb;
+exports.SliderTrack = SliderTrack;
+exports.SliderValue = SliderValue;