@cmdniels/uikit 1.0.0 → 1.0.1

package/out/components/scroll-area/ScrollArea.d.ts

@@ -0,0 +1,2 @@
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+export default function ScrollArea({ className, children, ...props }: ScrollAreaPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/scroll-area/ScrollArea.js

@@ -0,0 +1,20 @@
+"use client";
+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 { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+import cn from "../../cn";
+import ScrollBar from "./ScrollBar";
+export default function ScrollArea(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (_jsxs(ScrollAreaPrimitive.Root, Object.assign({ "data-slot": "scroll-area", className: cn("relative", className) }, props, { children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
+}

package/out/components/scroll-area/ScrollBar.d.ts

@@ -0,0 +1,2 @@
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+export default function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/scroll-area/ScrollBar.js

@@ -0,0 +1,19 @@
+"use client";
+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 } from "react/jsx-runtime";
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+import cn from "../../cn";
+export default function ScrollBar(_a) {
+    var { className, orientation = "vertical" } = _a, props = __rest(_a, ["className", "orientation"]);
+    return (_jsx(ScrollAreaPrimitive.Scrollbar, Object.assign({ "data-slot": "scroll-area-scrollbar", "data-orientation": orientation, orientation: orientation, className: cn("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent", className) }, props, { children: _jsx(ScrollAreaPrimitive.Thumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border" }) })));
+}

package/out/index.d.ts

@@ -120,6 +120,8 @@ export { default as PopoverDescription } from "./components/popover/PopoverDescr
 export { default as PopoverHeader } from "./components/popover/PopoverHeader";
 export { default as PopoverTitle } from "./components/popover/PopoverTitle";
 export { default as PopoverTrigger } from "./components/popover/PopoverTrigger";
+export { default as ScrollArea } from "./components/scroll-area/ScrollArea";
+export { default as ScrollBar } from "./components/scroll-area/ScrollBar";
 export { default as Select } from "./components/select/Select";
 export { default as SelectContent } from "./components/select/SelectContent";
 export { default as SelectGroup } from "./components/select/SelectGroup";

package/out/index.js

@@ -144,6 +144,9 @@ export { default as PopoverDescription } from "./components/popover/PopoverDescr
 export { default as PopoverHeader } from "./components/popover/PopoverHeader";
 export { default as PopoverTitle } from "./components/popover/PopoverTitle";
 export { default as PopoverTrigger } from "./components/popover/PopoverTrigger";
+// Scroll Area
+export { default as ScrollArea } from "./components/scroll-area/ScrollArea";
+export { default as ScrollBar } from "./components/scroll-area/ScrollBar";
 // Select
 export { default as Select } from "./components/select/Select";
 export { default as SelectContent } from "./components/select/SelectContent";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmdniels/uikit",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": false,
   "license": "MIT",
   "type": "module",
@@ -35,6 +35,7 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@radix-ui/react-scroll-area": "^1.2.10",
     "@tabler/icons-react": "^3.35.0",
     "@tailwindcss/postcss": "^4",
     "class-variance-authority": "^0.7.1",
@@ -49,7 +50,7 @@
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
-    "@cmdniels/eslint-config": "1.0.0",
+    "@cmdniels/eslint-config": "^1.0.1",
     "@ladle/react": "^5.1.1",
     "@types/node": "24.10.1",
     "@types/react": "^19.2.7",