liquidcn 0.0.1 → 0.0.2

package/README.md

@@ -17,7 +17,7 @@ A collection of reusable, accessible React UI components built with TypeScript,
 **liquidcn** is a comprehensive component library featuring:
 
 - **UI Components**: Button, Card, Alert, Badge, Input, Textarea, Footer, PrettyAmount
-- **Client Components**: Dialog, Select, Switch, Tabs, Sonner (Toast), PrettyDate, ResizableNavbar
+- **Client Components**: Dialog, Select, Switch, Tabs, Sonner (Toast), PrettyDate, ResizableNavbar, Slider
 - **Hooks**: Custom React hooks including `useCookieWithFallback`
 - **Utilities**: `cn()` utility for className merging using clsx and tailwind-merge
 

package/dist/cjs/client/components/ui/index.js

@@ -18,6 +18,7 @@ __exportStar(require("./dialog"), exports);
 __exportStar(require("./pretty-date"), exports);
 __exportStar(require("./resizable-navbar"), exports);
 __exportStar(require("./select"), exports);
+__exportStar(require("./slider"), exports);
 __exportStar(require("./sonner"), exports);
 __exportStar(require("./switch"), exports);
 __exportStar(require("./tabs"), exports);

package/dist/cjs/client/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/client/components/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,gDAA6B;AAC7B,qDAAkC;AAClC,2CAAwB;AACxB,2CAAwB;AACxB,2CAAwB;AACxB,yCAAsB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/client/components/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,gDAA6B;AAC7B,qDAAkC;AAClC,2CAAwB;AACxB,2CAAwB;AACxB,2CAAwB;AACxB,2CAAwB;AACxB,yCAAsB"}

package/dist/cjs/client/components/ui/slider.js

@@ -0,0 +1,13 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = Slider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SliderPrimitive = require("@radix-ui/react-slider");
+const React = require("react");
+const utils_1 = require("../../../utils");
+function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+    const _values = React.useMemo(() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]), [value, defaultValue, min, max]);
+    return ((0, jsx_runtime_1.jsxs)(SliderPrimitive.Root, { "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, className: (0, utils_1.cn)('relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', className), ...props, children: [(0, jsx_runtime_1.jsxs)(SliderPrimitive.Track, { "data-slot": "slider-track", className: (0, utils_1.cn)('glass glass-sm relative grow rounded-full bg-white/20 border border-white/30 data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2'), children: [(0, jsx_runtime_1.jsx)("span", { className: "glass-layers glass-refraction glass-tint-none", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)(SliderPrimitive.Range, { "data-slot": "slider-range", className: (0, utils_1.cn)('bg-primary absolute rounded-full data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full') })] }), Array.from({ length: _values.length }, (_, index) => ((0, jsx_runtime_1.jsx)(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "glass glass-sm relative block size-5 shrink-0 rounded-full border border-white/50 bg-white/80 shadow-lg transition-[color,box-shadow] ring-primary/30 hover:ring-4 hover:bg-white focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" }, index)))] }));
+}
+//# sourceMappingURL=slider.js.map

package/dist/cjs/client/components/ui/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../../src/client/components/ui/slider.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AA0DH,wBAAM;;AAxDf,0DAAyD;AACzD,+BAA8B;AAE9B,0CAAmC;AAEnC,SAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,GAAG,KAAK,EAC0C;IAClD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAC9F,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAChC,CAAA;IAED,OAAO,CACL,wBAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,qOAAqO,EACrO,SAAS,CACV,KACG,KAAK,aAET,wBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,IAAA,UAAE,EACX,wNAAwN,CACzN,aAED,iCAAM,SAAS,EAAC,+CAA+C,iBAAa,MAAM,GAAG,EACrF,uBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,IAAA,UAAE,EACX,0GAA0G,CAC3G,GACD,IACoB,EACvB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,uBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EAExB,SAAS,EAAC,sRAAsR,IAD3R,KAAK,CAEV,CACH,CAAC,IACmB,CACxB,CAAA;AACH,CAAC"}

package/dist/esm/client/components/ui/index.js

@@ -2,6 +2,7 @@ export * from "./dialog.js";
 export * from "./pretty-date.js";
 export * from "./resizable-navbar.js";
 export * from "./select.js";
+export * from "./slider.js";
 export * from "./sonner.js";
 export * from "./switch.js";
 export * from "./tabs.js";

package/dist/esm/client/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/client/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/client/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA"}

package/dist/esm/client/components/ui/slider.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import * as React from "react";
+import { cn } from "../../../utils.js";
+function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+    const _values = React.useMemo(() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]), [value, defaultValue, min, max]);
+    return (_jsxs(SliderPrimitive.Root, { "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className), ...props, children: [_jsxs(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn("glass glass-sm relative grow rounded-full bg-white/20 border border-white/30 data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), children: [_jsx("span", { className: "glass-layers glass-refraction glass-tint-none", "aria-hidden": "true" }), _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn("bg-primary absolute rounded-full data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full") })] }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "glass glass-sm relative block size-5 shrink-0 rounded-full border border-white/50 bg-white/80 shadow-lg transition-[color,box-shadow] ring-primary/30 hover:ring-4 hover:bg-white focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" }, index)))] }));
+}
+export { Slider };

package/dist/esm/client/components/ui/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../../src/client/components/ui/slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAEnC,SAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,GAAG,KAAK,EAC0C;IAClD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAC9F,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAChC,CAAA;IAED,OAAO,CACL,MAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qOAAqO,EACrO,SAAS,CACV,KACG,KAAK,aAET,MAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,wNAAwN,CACzN,aAED,eAAM,SAAS,EAAC,+CAA+C,iBAAa,MAAM,GAAG,EACrF,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,0GAA0G,CAC3G,GACD,IACoB,EACvB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EAExB,SAAS,EAAC,sRAAsR,IAD3R,KAAK,CAEV,CACH,CAAC,IACmB,CACxB,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/types/client/components/ui/index.d.ts

@@ -2,6 +2,7 @@ export * from './dialog';
 export * from './pretty-date';
 export * from './resizable-navbar';
 export * from './select';
+export * from './slider';
 export * from './sonner';
 export * from './switch';
 export * from './tabs';

package/dist/types/client/components/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA"}

package/dist/types/client/components/ui/slider.d.ts

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

package/dist/types/client/components/ui/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CA0CnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "liquidcn",
   "description": "Liquid Glass CN with secret sauce",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "license": "Apache-2.0",
   "sideEffects": false,
   "exports": {
@@ -88,6 +88,7 @@
   "peerDependencies": {
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slider": "^1.3.6",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",