@shipfox/react-ui 0.25.0 → 0.26.0

package/dist/components/index.d.ts

@@ -36,6 +36,7 @@ export * from './select';
 export * from './sheet';
 export * from './shiny-text';
 export * from './skeleton';
+export * from './slider';
 export * from './table';
 export * from './tabs';
 export * from './textarea';

package/dist/components/index.js

@@ -36,6 +36,7 @@ export * from './select/index.js';
 export * from './sheet/index.js';
 export * from './shiny-text/index.js';
 export * from './skeleton/index.js';
+export * from './slider/index.js';
 export * from './table/index.js';
 export * from './tabs/index.js';
 export * from './textarea/index.js';

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

@@ -0,0 +1,2 @@
+export * from './slider';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.js

@@ -0,0 +1,3 @@
+export * from './slider.js';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,10 @@
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import type { ComponentProps } from 'react';
+export type SliderProps = ComponentProps<typeof SliderPrimitive.Root> & {
+    trackClassName?: string;
+    rangeClassName?: string;
+    thumbClassName?: string;
+};
+declare function Slider({ className, defaultValue, value, min, max, trackClassName, rangeClassName, thumbClassName, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/slider/slider.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { cn } from '../../utils/cn.js';
+const trackDefaults = 'bg-background-switch-off relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-4 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-4';
+const rangeDefaults = 'bg-foreground-highlight-interactive absolute select-none rounded-full data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full';
+const thumbDefaults = "relative block size-6 min-w-6 min-h-6 shrink-0 select-none rounded-full border border-border-highlights-interactive bg-foreground-highlight-interactive drop-shadow transition-[color,box-shadow] outline-none after:absolute after:-inset-2 after:block after:content-[''] ring-2 ring-white ring-offset-2 data-disabled:pointer-events-none data-disabled:opacity-50";
+function Slider({ className, defaultValue, value, min = 0, max = 100, trackClassName, rangeClassName, thumbClassName, ...props }) {
+    const values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [
+        min,
+        max
+    ];
+    return /*#__PURE__*/ _jsxs(SliderPrimitive.Root, {
+        "data-slot": "slider",
+        defaultValue: defaultValue,
+        value: value,
+        min: min,
+        max: max,
+        className: cn('data-[orientation=vertical]:min-h-40 relative flex w-full touch-none select-none items-center data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx(SliderPrimitive.Track, {
+                "data-slot": "slider-track",
+                className: cn(trackDefaults, trackClassName),
+                children: /*#__PURE__*/ _jsx(SliderPrimitive.Range, {
+                    "data-slot": "slider-range",
+                    className: cn(rangeDefaults, rangeClassName)
+                })
+            }),
+            values.map((val)=>/*#__PURE__*/ _jsx(SliderPrimitive.Thumb, {
+                    "data-slot": "slider-thumb",
+                    className: cn(thumbDefaults, thumbClassName)
+                }, val))
+        ]
+    });
+}
+export { Slider };
+
+//# sourceMappingURL=slider.js.map