@deepnoid/ui 1.0.11 → 1.0.13

package/dist/components/radio/radio.mjs

@@ -1,11 +1,10 @@
 "use client";
 import {
   radio_default
-} from "../../chunk-FFKXQUER.mjs";
+} from "../../chunk-AO6LNH3D.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-DPWUIAVC.mjs";
-import "../../chunk-AC6TWLRT.mjs";
+import "../../chunk-UP6RPQDX.mjs";
 export {
   radio_default as default
 };

package/dist/components/ripple/index.mjs

@@ -6,7 +6,6 @@ import {
 import {
   useRipple
 } from "../../chunk-SZL743JC.mjs";
-import "../../chunk-AC6TWLRT.mjs";
 export {
   ripple_default as Ripple,
   useRipple

package/dist/components/ripple/ripple.mjs

@@ -2,7 +2,6 @@
 import {
   ripple_default
 } from "../../chunk-LXHUO6VM.mjs";
-import "../../chunk-AC6TWLRT.mjs";
 export {
   ripple_default as default
 };

package/dist/components/ripple/useRipple.mjs

@@ -3,7 +3,6 @@ import {
   clamp,
   useRipple
 } from "../../chunk-SZL743JC.mjs";
-import "../../chunk-AC6TWLRT.mjs";
 export {
   clamp,
   useRipple as default

package/dist/components/scroll/index.js

@@ -70,19 +70,13 @@ function toVal(mix) {
 
 // src/components/scroll/scrollArea.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var ScrollArea = ({ children, className, direction, size }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size }), className), children });
+var ScrollArea = ({ children, className, direction, size, variant }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size, variant }), className), children });
 };
 ScrollArea.displayName = "ScrollArea";
 var scrollArea_default = ScrollArea;
 var scrollAreaStyle = (0, import_tailwind_variants.tv)({
-  base: [
-    "w-full",
-    "scrollbar-thumb-trans-soft",
-    "hover:scrollbar-thumb-neutral-light",
-    "scrollbar-track-neutral-soft",
-    "scrollbar-button-neutral-main"
-  ],
+  base: ["w-full", "h-full", "tw-scrollbar-base"],
   variants: {
     direction: {
       x: ["overflow-x-auto", "overflow-y-visible"],
@@ -90,15 +84,19 @@ var scrollAreaStyle = (0, import_tailwind_variants.tv)({
       both: ["overflow-auto"]
     },
     size: {
-      sm: ["scrollbar-sm"],
-      // "scrollbar-thin",
-      md: ["scrollbar-md"],
-      lg: ["scrollbar-lg"]
+      sm: ["tw-scrollbar-sm"],
+      md: ["tw-scrollbar-md"],
+      lg: ["tw-scrollbar-lg"]
+    },
+    variant: {
+      plain: ["tw-scrollbar-plain"],
+      adorn: ["tw-scrollbar-adorn"]
     }
   },
   defaultVariants: {
     direction: "both",
-    size: "md"
+    size: "md",
+    variant: "plain"
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/scroll/index.mjs

@@ -2,9 +2,8 @@
 import "../../chunk-DQRAFUDA.mjs";
 import {
   scrollArea_default
-} from "../../chunk-EWS3FESG.mjs";
+} from "../../chunk-XS32UZI3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-AC6TWLRT.mjs";
 export {
   scrollArea_default as ScrollArea
 };

package/dist/components/scroll/scrollArea.d.mts

@@ -6,9 +6,10 @@ type ScrollAreaProps = {
     className?: string;
     direction?: "x" | "y" | "both";
     size?: "sm" | "md" | "lg";
+    variant?: "plain" | "adorn";
 };
 declare const ScrollArea: {
-    ({ children, className, direction, size }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, direction, size, variant }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/components/scroll/scrollArea.d.ts

@@ -6,9 +6,10 @@ type ScrollAreaProps = {
     className?: string;
     direction?: "x" | "y" | "both";
     size?: "sm" | "md" | "lg";
+    variant?: "plain" | "adorn";
 };
 declare const ScrollArea: {
-    ({ children, className, direction, size }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, direction, size, variant }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/components/scroll/scrollArea.js

@@ -68,19 +68,13 @@ function toVal(mix) {
 
 // src/components/scroll/scrollArea.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var ScrollArea = ({ children, className, direction, size }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size }), className), children });
+var ScrollArea = ({ children, className, direction, size, variant }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size, variant }), className), children });
 };
 ScrollArea.displayName = "ScrollArea";
 var scrollArea_default = ScrollArea;
 var scrollAreaStyle = (0, import_tailwind_variants.tv)({
-  base: [
-    "w-full",
-    "scrollbar-thumb-trans-soft",
-    "hover:scrollbar-thumb-neutral-light",
-    "scrollbar-track-neutral-soft",
-    "scrollbar-button-neutral-main"
-  ],
+  base: ["w-full", "h-full", "tw-scrollbar-base"],
   variants: {
     direction: {
       x: ["overflow-x-auto", "overflow-y-visible"],
@@ -88,14 +82,18 @@ var scrollAreaStyle = (0, import_tailwind_variants.tv)({
       both: ["overflow-auto"]
     },
     size: {
-      sm: ["scrollbar-sm"],
-      // "scrollbar-thin",
-      md: ["scrollbar-md"],
-      lg: ["scrollbar-lg"]
+      sm: ["tw-scrollbar-sm"],
+      md: ["tw-scrollbar-md"],
+      lg: ["tw-scrollbar-lg"]
+    },
+    variant: {
+      plain: ["tw-scrollbar-plain"],
+      adorn: ["tw-scrollbar-adorn"]
     }
   },
   defaultVariants: {
     direction: "both",
-    size: "md"
+    size: "md",
+    variant: "plain"
   }
 });

package/dist/components/scroll/scrollArea.mjs

@@ -1,9 +1,8 @@
 "use client";
 import {
   scrollArea_default
-} from "../../chunk-EWS3FESG.mjs";
+} from "../../chunk-XS32UZI3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-AC6TWLRT.mjs";
 export {
   scrollArea_default as default
 };