moduix 0.11.0 → 0.11.2

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.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.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.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.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.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.css

@@ -0,0 +1,115 @@
+@layer ui.components {
+  .t5JdRq_root {
+    box-sizing: border-box;
+    gap: var(--slider-gap, .5rem);
+    width: var(--slider-width, 12rem);
+    color: var(--slider-color, var(--color-foreground));
+    grid-template-columns: minmax(0, 1fr) auto;
+    display: grid;
+
+    &[data-orientation="vertical"] {
+      width: var(--slider-width-vertical, fit-content);
+      grid-template-columns: 1fr;
+      justify-items: center;
+    }
+
+    &[data-disabled] {
+      opacity: var(--slider-disabled-opacity, var(--opacity-disabled));
+    }
+  }
+
+  .t5JdRq_label {
+    color: var(--slider-label-color, var(--slider-color, var(--color-foreground)));
+    font-size: var(--slider-label-font-size, var(--text-sm));
+    font-weight: var(--slider-label-font-weight, var(--weight-regular));
+    line-height: var(--slider-label-line-height, var(--line-height-text-sm));
+  }
+
+  .t5JdRq_value {
+    color: var(--slider-value-color, var(--slider-color, var(--color-foreground)));
+    font-size: var(--slider-value-font-size, var(--text-sm));
+    font-weight: var(--slider-value-font-weight, var(--weight-regular));
+    line-height: var(--slider-value-line-height, var(--line-height-text-sm));
+    text-align: right;
+    justify-self: end;
+
+    &[data-orientation="vertical"] {
+      text-align: center;
+      justify-self: center;
+    }
+  }
+
+  .t5JdRq_control {
+    box-sizing: border-box;
+    width: 100%;
+    padding-block: var(--slider-control-padding-y, .625rem);
+    touch-action: none;
+    user-select: none;
+    cursor: pointer;
+    grid-column: 1 / -1;
+    align-items: center;
+    display: flex;
+
+    &[data-orientation="vertical"] {
+      width: auto;
+      height: var(--slider-height, 12rem);
+      padding-block: 0;
+      padding-inline: var(--slider-control-padding-x, .625rem);
+      justify-content: center;
+    }
+
+    &[data-disabled] {
+      cursor: default;
+    }
+  }
+
+  .t5JdRq_track {
+    width: 100%;
+    height: var(--slider-track-size, .375rem);
+    border-radius: var(--slider-track-radius, var(--radius-full));
+    background-color: var(--slider-track-bg, var(--color-muted));
+    box-shadow: inset 0 0 0 var(--slider-track-border-width, var(--border-width-sm))
+      var(--slider-track-border-color, var(--color-border));
+    user-select: none;
+    position: relative;
+
+    &[data-orientation="vertical"] {
+      width: var(--slider-track-size, .375rem);
+      height: 100%;
+    }
+  }
+
+  .t5JdRq_indicator {
+    border-radius: var(--slider-indicator-radius, inherit);
+    background-color: var(--slider-indicator-bg, var(--color-primary));
+  }
+
+  .t5JdRq_thumb {
+    box-sizing: border-box;
+    width: var(--slider-thumb-size, 1rem);
+    height: var(--slider-thumb-size, 1rem);
+    border: var(--slider-thumb-border-width, var(--border-width-sm)) solid
+      var(--slider-thumb-border-color, var(--color-border));
+    border-radius: var(--slider-thumb-radius, var(--radius-full));
+    background-color: var(--slider-thumb-bg, var(--color-background));
+    box-shadow: var(--slider-thumb-shadow, var(--shadow-sm));
+    user-select: none;
+    transition: border-color var(--slider-transition, var(--transition-default)),
+      background-color var(--slider-transition, var(--transition-default)),
+      box-shadow var(--slider-transition, var(--transition-default));
+    outline: 0;
+
+    &:has(:focus-visible) {
+      border-color: var(--slider-focus-ring-color, var(--color-ring));
+      box-shadow: 0 0 0 var(--border-width-sm) var(--slider-focus-ring-color, var(--color-ring));
+    }
+
+    &[data-dragging] {
+      box-shadow: var(--slider-thumb-shadow-dragging, var(--shadow-md));
+    }
+
+    &[data-disabled] {
+      pointer-events: none;
+    }
+  }
+}

package/dist/components/Slider/Slider.d.ts

@@ -1,13 +1,16 @@
-import { Slider as SliderPrimitive } from '@base-ui/react/slider';
-import { ComponentRef, ReactElement, RefAttributes } from 'react';
+import { ComponentRef, ReactElement, RefAttributes } from "react";
+import { Slider } from "@base-ui/react/slider";
+
+//#region src/components/Slider/Slider.d.ts
 type SliderValue = number | readonly number[];
-type SliderRootComponent = <Value extends SliderValue = SliderValue>(props: SliderPrimitive.Root.Props<Value> & RefAttributes<ComponentRef<typeof SliderPrimitive.Root>>) => ReactElement;
-declare const Slider: SliderRootComponent;
+type SliderRootComponent = <Value extends SliderValue = SliderValue>(props: Slider.Root.Props<Value> & RefAttributes<ComponentRef<typeof Slider.Root>>) => ReactElement;
+declare const Slider$1: SliderRootComponent;
 declare const SliderRoot: SliderRootComponent;
-declare const SliderLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderLabelProps, "ref"> & RefAttributes<HTMLDivElement>>;
-declare const SliderValue: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderValueProps, "ref"> & RefAttributes<HTMLOutputElement>>;
-declare const SliderControl: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderControlProps, "ref"> & RefAttributes<HTMLDivElement>>;
-declare const SliderTrack: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderTrackProps, "ref"> & RefAttributes<HTMLDivElement>>;
-declare const SliderIndicator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderIndicatorProps, "ref"> & RefAttributes<HTMLDivElement>>;
-declare const SliderThumb: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SliderThumbProps, "ref"> & RefAttributes<HTMLDivElement>>;
-export { Slider, SliderRoot, SliderLabel, SliderValue, SliderControl, SliderTrack, SliderIndicator, SliderThumb, };
+declare const SliderLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderLabelProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const SliderValue: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderValueProps, "ref"> & RefAttributes<HTMLOutputElement>>;
+declare const SliderControl: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderControlProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const SliderTrack: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderTrackProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const SliderIndicator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderIndicatorProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const SliderThumb: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderThumbProps, "ref"> & RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Slider$1 as Slider, SliderControl, SliderIndicator, SliderLabel, SliderRoot, SliderThumb, SliderTrack, SliderValue };

package/dist/components/Slider/Slider.js

@@ -0,0 +1,99 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Slider_module_default from "./Slider.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Children, Fragment as Fragment$1, forwardRef, isValidElement } from "react";
+import { Slider } from "@base-ui/react/slider";
+//#region src/components/Slider/Slider.tsx
+const Slider$1 = forwardRef(function Slider({ children, ...props }, ref) {
+	const { content, thumbs } = splitSliderChildren(children);
+	return /* @__PURE__ */ jsxs(SliderRoot, {
+		ref,
+		...props,
+		children: [content, /* @__PURE__ */ jsx(SliderControl, { children: /* @__PURE__ */ jsxs(SliderTrack, { children: [/* @__PURE__ */ jsx(SliderIndicator, {}), thumbs] }) })]
+	});
+});
+function splitSliderChildren(children) {
+	const parts = {
+		content: [],
+		thumbs: []
+	};
+	const collectChildren = (nodes) => {
+		Children.forEach(nodes, (child) => {
+			if (!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) => isValidElement(child) && child.type === Fragment$1;
+const isSliderThumb = (child) => isValidElement(child) && child.type === SliderThumb;
+const SliderRoot = forwardRef(function SliderRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Root, {
+		ref,
+		"data-slot": "slider-root",
+		className: mergeClassName(className, Slider_module_default.root),
+		...props
+	});
+});
+const SliderLabel = forwardRef(function SliderLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Label, {
+		ref,
+		"data-slot": "slider-label",
+		className: mergeClassName(className, Slider_module_default.label),
+		...props
+	});
+});
+const SliderValue = forwardRef(function SliderValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Value, {
+		ref,
+		"data-slot": "slider-value",
+		className: mergeClassName(className, Slider_module_default.value),
+		...props
+	});
+});
+const SliderControl = forwardRef(function SliderControl({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Control, {
+		ref,
+		"data-slot": "slider-control",
+		className: mergeClassName(className, Slider_module_default.control),
+		...props
+	});
+});
+const SliderTrack = forwardRef(function SliderTrack({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Track, {
+		ref,
+		"data-slot": "slider-track",
+		className: mergeClassName(className, Slider_module_default.track),
+		...props
+	});
+});
+const SliderIndicator = forwardRef(function SliderIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Indicator, {
+		ref,
+		"data-slot": "slider-indicator",
+		className: mergeClassName(className, Slider_module_default.indicator),
+		...props
+	});
+});
+const SliderThumb = forwardRef(function SliderThumb({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Thumb, {
+		ref,
+		"data-slot": "slider-thumb",
+		className: mergeClassName(className, Slider_module_default.thumb),
+		...props
+	});
+});
+//#endregion
+export { Slider$1 as Slider, SliderControl, SliderIndicator, SliderLabel, SliderRoot, SliderThumb, SliderTrack, SliderValue };

package/dist/components/Slider/Slider.module.js

@@ -0,0 +1,13 @@
+import './Slider.css';
+//#region src/components/Slider/Slider.module.css
+var Slider_module_default = {
+	"control": "t5JdRq_control",
+	"indicator": "t5JdRq_indicator",
+	"label": "t5JdRq_label",
+	"root": "t5JdRq_root",
+	"thumb": "t5JdRq_thumb",
+	"track": "t5JdRq_track",
+	"value": "t5JdRq_value"
+};
+//#endregion
+export { Slider_module_default as default };

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

@@ -1 +1 @@
-export { Slider, SliderRoot, SliderLabel, SliderValue, SliderControl, SliderTrack, SliderIndicator, SliderThumb, } from './Slider';
+import { Slider, SliderControl, SliderIndicator, SliderLabel, SliderRoot, SliderThumb, SliderTrack, SliderValue } from "./Slider.js";