@vllnt/ui 0.1.4 → 0.1.7-canary.2c4792f

package/dist/components/horizontal-scroll-row/horizontal-scroll-row.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useHorizontalScroll } from "../../lib/use-horizontal-scroll";
+import { cn } from "../../lib/utils";
+import { Button } from "../button/button";
+const HorizontalScrollRow = memo(function HorizontalScrollRow2({
+  children,
+  className,
+  description,
+  title
+}) {
+  const { canScrollLeft, canScrollRight, containerRef, scroll } = useHorizontalScroll();
+  const showControls = canScrollLeft || canScrollRight;
+  return /* @__PURE__ */ jsxs("section", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: title }),
+        description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null
+      ] }),
+      showControls ? /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            "aria-label": "Scroll left",
+            className: "h-8 w-8",
+            disabled: !canScrollLeft,
+            onClick: () => {
+              scroll("left");
+            },
+            size: "icon",
+            variant: "outline",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            "aria-label": "Scroll right",
+            className: "h-8 w-8",
+            disabled: !canScrollRight,
+            onClick: () => {
+              scroll("right");
+            },
+            size: "icon",
+            variant: "outline",
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        )
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex gap-4 overflow-x-auto snap-x snap-mandatory [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        ref: containerRef,
+        children
+      }
+    )
+  ] });
+});
+HorizontalScrollRow.displayName = "HorizontalScrollRow";
+export {
+  HorizontalScrollRow
+};

package/dist/components/horizontal-scroll-row/index.js

@@ -0,0 +1,6 @@
+import {
+  HorizontalScrollRow
+} from "./horizontal-scroll-row";
+export {
+  HorizontalScrollRow
+};

package/dist/components/hover-card/hover-card.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { cn } from "../../lib/utils";
+const HoverCard = HoverCardPrimitive.Root;
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
+const HoverCardContent = forwardRef(({ align = "center", className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  HoverCardPrimitive.Content,
+  {
+    align,
+    className: cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ref,
+    sideOffset,
+    ...props
+  }
+));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+export {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger
+};

package/dist/components/hover-card/index.js

@@ -0,0 +1,6 @@
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "./hover-card";
+export {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger
+};