pelatform-ui 1.2.9 → 1.3.1

package/dist/{chunk-NOAZYT3J.js → chunk-V3ET2B55.js}

@@ -1,11 +1,9 @@
-import {
-  META_THEME_COLORS,
-  THEME_MODES
-} from "./chunk-HW52LCWN.js";
+"use client";
 
 // src/hooks/use-meta-color.ts
 import * as React from "react";
 import { useTheme } from "next-themes";
+import { META_THEME_COLORS, THEME_MODES } from "@pelatform/utils";
 function useMetaColor(defaultColors) {
   const { resolvedTheme } = useTheme();
   const isSystemDarkMode = React.useCallback(() => {

package/dist/chunk-XKN6BR2K.js

@@ -0,0 +1,59 @@
+"use client";
+
+// src/ui/base/scroll-area.tsx
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+import { cn } from "@pelatform/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ScrollArea({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("cn-scroll-area relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "cn-scroll-area-viewport size-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.Scrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "cn-scroll-area-scrollbar flex touch-none select-none p-px transition-colors",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.Thumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "cn-scroll-area-thumb relative flex-1 bg-border"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ScrollArea,
+  ScrollBar
+};