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

package/dist/components/select/select.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import { cn } from "../../lib/utils";
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ref,
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ref,
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ref,
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = forwardRef(({ children, className, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    className: cn(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ref,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ref,
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ref,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ref,
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+};

package/dist/components/separator/index.js

@@ -0,0 +1,4 @@
+import { Separator } from "./separator";
+export {
+  Separator
+};

package/dist/components/separator/separator.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cn } from "../../lib/utils";
+const Separator = forwardRef(
+  ({ className, decorative = true, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      decorative,
+      orientation,
+      ref,
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+export {
+  Separator
+};

package/dist/components/share-dialog/index.js

@@ -0,0 +1,6 @@
+import {
+  ShareDialog
+} from "./share-dialog";
+export {
+  ShareDialog
+};

package/dist/components/share-dialog/share-dialog.js

@@ -0,0 +1,121 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "../dialog/dialog";
+function PlatformButton({
+  onClick,
+  platform
+}) {
+  const handleClick = () => {
+    onClick(platform.key);
+  };
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(
+        "w-full rounded-md border border-border bg-background px-4 py-3",
+        "text-sm font-medium text-foreground",
+        "transition-colors duration-150",
+        "hover:bg-accent hover:text-accent-foreground",
+        "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
+      ),
+      onClick: handleClick,
+      type: "button",
+      children: platform.label
+    }
+  );
+}
+function CopyButton({
+  buildCopyUrl,
+  labels,
+  onCopy
+}) {
+  const [copied, setCopied] = React.useState(false);
+  const handleCopy = React.useCallback(async () => {
+    const url = buildCopyUrl ? buildCopyUrl(window.location.href) : window.location.href;
+    const text = `${document.title} - ${url}`;
+    await navigator.clipboard.writeText(text);
+    setCopied(true);
+    onCopy?.();
+    setTimeout(() => {
+      setCopied(false);
+    }, 2e3);
+  }, [buildCopyUrl, onCopy]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(
+        "col-span-2 w-full rounded-md border px-4 py-3",
+        "text-sm font-medium",
+        "transition-colors duration-150",
+        "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+        copied ? "border-green-500 bg-green-500/10 text-green-600 dark:text-green-400" : "border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground"
+      ),
+      onClick: handleCopy,
+      type: "button",
+      children: copied ? labels.copied : labels.copyLink
+    }
+  );
+}
+const defaultLabels = {
+  copied: "Copied!",
+  copyLink: "Copy link"
+};
+function ShareDialog({
+  buildCopyUrl,
+  description,
+  labels = defaultLabels,
+  onCopy,
+  onOpenChange,
+  onShare,
+  open,
+  platforms,
+  title = "Share"
+}) {
+  const handlePlatformClick = React.useCallback(
+    (key) => {
+      const platform = platforms.find((p) => p.key === key);
+      if (platform) {
+        const url = platform.buildUrl(window.location.href, document.title);
+        window.open(url, "_blank", "noopener,noreferrer");
+        onShare?.(key);
+        onOpenChange?.(false);
+      }
+    },
+    [platforms, onShare, onOpenChange]
+  );
+  return /* @__PURE__ */ jsx(Dialog, { onOpenChange, open, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-sm", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      description ? /* @__PURE__ */ jsx(DialogDescription, { children: description }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      platforms.map((platform) => /* @__PURE__ */ jsx(
+        PlatformButton,
+        {
+          onClick: handlePlatformClick,
+          platform
+        },
+        platform.key
+      )),
+      /* @__PURE__ */ jsx(
+        CopyButton,
+        {
+          buildCopyUrl,
+          labels,
+          onCopy
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  ShareDialog
+};

package/dist/components/share-section/index.js

@@ -0,0 +1,6 @@
+import {
+  ShareSection
+} from "./share-section";
+export {
+  ShareSection
+};

package/dist/components/share-section/share-section.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const defaultPlatforms = [
+  { key: "x", label: "X" },
+  { key: "linkedin", label: "LinkedIn" },
+  { key: "facebook", label: "Facebook" },
+  { key: "mastodon", label: "Mastodon" },
+  { key: "bluesky", label: "Bluesky" },
+  { key: "threads", label: "Threads" }
+];
+function buildShareUrl(platform, url, title) {
+  const encodedUrl = encodeURIComponent(url);
+  const encodedTitle = encodeURIComponent(title);
+  switch (platform) {
+    case "x":
+      return `https://twitter.com/intent/tweet?url=${encodedUrl}&text=${encodedTitle}`;
+    case "linkedin":
+      return `https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}`;
+    case "facebook":
+      return `https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`;
+    case "mastodon":
+      return `https://mastodon.social/share?text=${encodedTitle}%20${encodedUrl}`;
+    case "bluesky":
+      return `https://bsky.app/intent/compose?text=${encodedTitle}%20${encodedUrl}`;
+    case "threads":
+      return `https://www.threads.net/intent/post?text=${encodedTitle}%20${encodedUrl}`;
+  }
+}
+function ShareSection({
+  buildUrl: buildUrlFunction = buildShareUrl,
+  platforms = defaultPlatforms,
+  shareOn,
+  shareTitle,
+  title,
+  url
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "border-t border-border pt-6 mt-8", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-4", children: shareTitle }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3", children: platforms.map((platform) => /* @__PURE__ */ jsxs(
+      "a",
+      {
+        className: "text-sm text-muted-foreground hover:text-foreground transition-colors border border-border px-3 py-1.5 hover:bg-accent rounded-md",
+        href: buildUrlFunction(platform.key, url, title),
+        rel: "noopener noreferrer",
+        target: "_blank",
+        children: [
+          shareOn,
+          " ",
+          platform.label
+        ]
+      },
+      platform.key
+    )) })
+  ] });
+}
+export {
+  ShareSection
+};

package/dist/components/sheet/index.js

@@ -0,0 +1,24 @@
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger
+} from "./sheet";
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger
+};

package/dist/components/sheet/sheet.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "../../lib/utils";
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+const sheetVariants = cva(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    defaultVariants: {
+      side: "right"
+    },
+    variants: {
+      side: {
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top"
+      }
+    }
+  }
+);
+const SheetContent = forwardRef(({ children, className, side = "right", ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    SheetPrimitive.Content,
+    {
+      className: cn(sheetVariants({ side }), className),
+      ref,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] }),
+        children
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+const SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Title,
+  {
+    className: cn("text-lg font-semibold text-foreground", className),
+    ref,
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Description,
+  {
+    className: cn("text-sm text-muted-foreground", className),
+    ref,
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger
+};

package/dist/components/sidebar/index.js

@@ -0,0 +1,4 @@
+import { Sidebar } from "./sidebar";
+export {
+  Sidebar
+};

package/dist/components/sidebar/sidebar.js

@@ -0,0 +1,188 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { ChevronDown } from "lucide-react";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { cn } from "../../lib/utils";
+import { useSidebar } from "../sidebar-provider";
+function useMobile(setOpen) {
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    const checkMobile = () => {
+      const mobile = window.innerWidth < 1024;
+      setIsMobile(mobile);
+      if (mobile) {
+        setOpen(false);
+      } else {
+        setOpen(true);
+      }
+    };
+    checkMobile();
+    window.addEventListener("resize", checkMobile);
+    return () => {
+      window.removeEventListener("resize", checkMobile);
+    };
+  }, [setOpen]);
+  return isMobile;
+}
+function useScrollFade(containerReference) {
+  const [showTopFade, setShowTopFade] = useState(false);
+  const [showBottomFade, setShowBottomFade] = useState(false);
+  useEffect(() => {
+    const container = containerReference.current;
+    if (!container) return;
+    const checkScroll = () => {
+      const { clientHeight, scrollHeight, scrollTop } = container;
+      setShowTopFade(scrollTop > 0);
+      setShowBottomFade(scrollTop < scrollHeight - clientHeight - 1);
+    };
+    checkScroll();
+    container.addEventListener("scroll", checkScroll);
+    return () => {
+      container.removeEventListener("scroll", checkScroll);
+    };
+  }, [containerReference]);
+  return { showBottomFade, showTopFade };
+}
+function CollapsibleSection({
+  children,
+  collapsible = false,
+  defaultOpen = true,
+  title
+}) {
+  const [isOpen, setIsOpen] = useState(defaultOpen);
+  if (!collapsible) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: title }),
+      children
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "flex w-full items-center justify-between px-3 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider hover:text-foreground transition-colors",
+        onClick: () => {
+          setIsOpen(!isOpen);
+        },
+        type: "button",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: title }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: cn(
+                "h-3 w-3 transition-transform duration-200",
+                isOpen && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "grid transition-all duration-200 ease-in-out",
+          isOpen ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children })
+      }
+    )
+  ] });
+}
+function Sidebar({ sections }) {
+  const pathname = usePathname();
+  const { open, setOpen } = useSidebar();
+  const isMobile = useMobile(setOpen);
+  const scrollContainerReference = useRef(null);
+  const { showBottomFade, showTopFade } = useScrollFade(
+    scrollContainerReference
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isMobile && open ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/50 z-40 lg:hidden",
+        onClick: () => {
+          setOpen(false);
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Escape") {
+            setOpen(false);
+          }
+        },
+        role: "button",
+        tabIndex: 0
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      "aside",
+      {
+        className: cn(
+          "fixed lg:relative top-16 lg:top-0 bottom-0 lg:bottom-auto left-0 z-40 lg:h-full border-r bg-background transition-transform duration-300 ease-in-out",
+          "flex flex-col",
+          "overflow-hidden",
+          "shrink-0",
+          isMobile ? "w-full" : "w-64",
+          isMobile && !open && "-translate-x-full",
+          isMobile && open && "translate-x-0",
+          !isMobile && !open && "-translate-x-full lg:translate-x-0",
+          !isMobile && "lg:translate-x-0"
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1 overflow-hidden", children: [
+          showTopFade ? /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 right-0 h-8 bg-gradient-to-b from-background to-transparent pointer-events-none z-20" }) : null,
+          showBottomFade ? /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-background to-transparent pointer-events-none z-20" }) : null,
+          /* @__PURE__ */ jsx(
+            "nav",
+            {
+              className: "flex-1 p-4 overflow-y-auto h-full",
+              ref: scrollContainerReference,
+              children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: sections.map((section, sectionIndex) => {
+                const sectionItems = /* @__PURE__ */ jsx("div", { className: section.title ? "space-y-0.5" : "space-y-1", children: section.items.map((item) => /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    className: cn(
+                      section.title ? "block px-3 py-1.5 rounded-md text-sm transition-colors" : "flex items-center px-3 py-2 rounded-md text-sm font-medium transition-colors",
+                      pathname === item.href || item.href === "/" && pathname === "/" ? "bg-accent text-accent-foreground" : section.title ? "text-muted-foreground hover:bg-accent hover:text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
+                      section.title && pathname === item.href && "font-medium"
+                    ),
+                    href: item.href,
+                    onClick: () => {
+                      if (isMobile) {
+                        setOpen(false);
+                      }
+                    },
+                    children: item.title
+                  },
+                  item.href
+                )) });
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "space-y-1",
+                    children: section.title ? /* @__PURE__ */ jsx(
+                      CollapsibleSection,
+                      {
+                        collapsible: section.collapsible,
+                        defaultOpen: section.defaultOpen ?? true,
+                        title: section.title,
+                        children: sectionItems
+                      }
+                    ) : sectionItems
+                  },
+                  section.title || sectionIndex
+                );
+              }) })
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  Sidebar
+};

package/dist/components/sidebar-provider/index.js

@@ -0,0 +1,5 @@
+import { SidebarProvider, useSidebar } from "./sidebar-provider";
+export {
+  SidebarProvider,
+  useSidebar
+};