@cmdniels/uikit 1.5.5 → 1.5.7

package/out/components/slider/Slider.d.ts

@@ -0,0 +1,2 @@
+import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+export default function Slider({ className, defaultValue, value, min, max, ...props }: SliderPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/slider/Slider.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+import cn from "../../cn";
+export default function Slider(_a) {
+    var { className, defaultValue, value, min = 0, max = 100 } = _a, props = __rest(_a, ["className", "defaultValue", "value", "min", "max"]);
+    const _values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max];
+    return (_jsx(SliderPrimitive.Root, Object.assign({ className: cn("data-horizontal:w-full data-vertical:h-full", className), "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, thumbAlignment: "edge" }, props, { children: _jsxs(SliderPrimitive.Control, { className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col", children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: "relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1", children: _jsx(SliderPrimitive.Indicator, { "data-slot": "slider-range", className: "bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "relative block size-3 shrink-0 rounded-full border border-primary bg-primary ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50" }, index)))] }) })));
+}

package/out/index.d.ts

@@ -169,6 +169,7 @@ export { default as SelectTrigger } from "./components/select/SelectTrigger";
 export { default as SelectValue } from "./components/select/SelectValue";
 export { default as Separator } from "./components/separator/Separator";
 export { default as Skeleton } from "./components/skeleton/Skeleton";
+export { default as Slider } from "./components/slider/Slider";
 export { default as Sheet } from "./components/sheet/Sheet";
 export { default as SheetContent } from "./components/sheet/SheetContent";
 export { default as SheetDescription } from "./components/sheet/SheetDescription";

package/out/index.js

@@ -201,6 +201,8 @@ export { default as SelectValue } from "./components/select/SelectValue";
 export { default as Separator } from "./components/separator/Separator";
 // Skeleton
 export { default as Skeleton } from "./components/skeleton/Skeleton";
+// Slider
+export { default as Slider } from "./components/slider/Slider";
 // Sheet
 export { default as Sheet } from "./components/sheet/Sheet";
 export { default as SheetContent } from "./components/sheet/SheetContent";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@cmdniels/uikit",
-	"version": "1.5.5",
+	"version": "1.5.7",
 	"private": false,
 	"license": "MIT",
 	"type": "module",