fina-react-ds 1.0.0 → 1.0.2

package/dist/components/sidebar.js

@@ -0,0 +1,620 @@
+var z = Object.defineProperty;
+var c = (a, e) => z(a, "name", { value: e, configurable: !0 });
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as v } from "../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as I } from "class-variance-authority";
+import { PanelLeftIcon as E } from "lucide-react";
+import { useIsMobile as D } from "../hooks/use-mobile.js";
+import { cn as r } from "../lib/utils.js";
+import { Button as T } from "./button.js";
+import { Input as B } from "./input.js";
+import { Separator as A } from "./separator.js";
+import { Sheet as O, SheetContent as R, SheetHeader as H, SheetTitle as K, SheetDescription as j } from "./sheet.js";
+import { Skeleton as _ } from "./skeleton.js";
+import { Tooltip as G, TooltipTrigger as L, TooltipContent as $, TooltipProvider as P } from "./tooltip.js";
+const V = "sidebar_state", W = 60 * 60 * 24 * 7, q = "16rem", F = "18rem", U = "3rem", X = "b", M = s.createContext(null);
+function N() {
+  const a = s.useContext(M);
+  if (!a)
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  return a;
+}
+c(N, "useSidebar");
+function se({
+  defaultOpen: a = !0,
+  open: e,
+  onOpenChange: i,
+  className: n,
+  style: o,
+  children: l,
+  ...g
+}) {
+  const d = D(), [p, u] = s.useState(!1), [x, k] = s.useState(a), h = e ?? x, w = s.useCallback(
+    (f) => {
+      const b = typeof f == "function" ? f(h) : f;
+      i ? i(b) : k(b), document.cookie = `${V}=${b}; path=/; max-age=${W}`;
+    },
+    [i, h]
+  ), S = s.useCallback(() => d ? u((f) => !f) : w((f) => !f), [d, w, u]);
+  s.useEffect(() => {
+    const f = /* @__PURE__ */ c((b) => {
+      b.key === X && (b.metaKey || b.ctrlKey) && (b.preventDefault(), S());
+    }, "handleKeyDown");
+    return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
+  }, [S]);
+  const y = h ? "expanded" : "collapsed", C = s.useMemo(
+    () => ({
+      state: y,
+      open: h,
+      setOpen: w,
+      isMobile: d,
+      openMobile: p,
+      setOpenMobile: u,
+      toggleSidebar: S
+    }),
+    [y, h, w, d, p, u, S]
+  );
+  return /* @__PURE__ */ t(M.Provider, { value: C, children: /* @__PURE__ */ t(P, { delayDuration: 0, children: /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "sidebar-wrapper",
+      style: {
+        "--sidebar-width": q,
+        "--sidebar-width-icon": U,
+        ...o
+      },
+      className: r(
+        "fc:group/sidebar-wrapper fc:has-data-[variant=inset]:bg-sidebar fc:flex fc:min-h-svh fc:w-full",
+        n
+      ),
+      ...g,
+      children: l
+    }
+  ) }) });
+}
+c(se, "SidebarProvider");
+function le({
+  side: a = "left",
+  variant: e = "sidebar",
+  collapsible: i = "offcanvas",
+  className: n,
+  children: o,
+  ...l
+}) {
+  const { isMobile: g, state: d, openMobile: p, setOpenMobile: u } = N();
+  return i === "none" ? /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "sidebar",
+      className: r(
+        "fc:bg-sidebar fc:text-sidebar-foreground fc:flex fc:h-full fc:w-(--sidebar-width) fc:flex-col",
+        n
+      ),
+      ...l,
+      children: o
+    }
+  ) : g ? /* @__PURE__ */ t(O, { open: p, onOpenChange: u, ...l, children: /* @__PURE__ */ m(
+    R,
+    {
+      "data-sidebar": "sidebar",
+      "data-slot": "sidebar",
+      "data-mobile": "true",
+      className: "fc:bg-sidebar fc:text-sidebar-foreground fc:w-(--sidebar-width) fc:p-0 fc:[&>button]:hidden",
+      style: {
+        "--sidebar-width": F
+      },
+      side: a,
+      children: [
+        /* @__PURE__ */ m(H, { className: "fc:sr-only", children: [
+          /* @__PURE__ */ t(K, { children: "Sidebar" }),
+          /* @__PURE__ */ t(j, { children: "Displays the mobile sidebar." })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "fc:flex fc:h-full fc:w-full fc:flex-col", children: o })
+      ]
+    }
+  ) }) : /* @__PURE__ */ m(
+    "div",
+    {
+      className: "fc:group fc:peer fc:text-sidebar-foreground fc:hidden fc:md:block",
+      "data-state": d,
+      "data-collapsible": d === "collapsed" ? i : "",
+      "data-variant": e,
+      "data-side": a,
+      "data-slot": "sidebar",
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            "data-slot": "sidebar-gap",
+            className: r(
+              "fc:relative fc:w-(--sidebar-width) fc:bg-transparent fc:transition-[width] fc:duration-200 fc:ease-linear",
+              "fc:group-data-[collapsible=offcanvas]:w-0",
+              "fc:group-data-[side=right]:rotate-180",
+              e === "floating" || e === "inset" ? "fc:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "fc:group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            "data-slot": "sidebar-container",
+            className: r(
+              "fc:fixed fc:inset-y-0 fc:z-10 fc:hidden fc:h-svh fc:w-(--sidebar-width) fc:transition-[left,right,width] fc:duration-200 fc:ease-linear fc:md:flex",
+              a === "left" ? "fc:left-0 fc:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "fc:right-0 fc:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+              // Adjust the padding for floating and inset variants.
+              e === "floating" || e === "inset" ? "fc:p-2 fc:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "fc:group-data-[collapsible=icon]:w-(--sidebar-width-icon) fc:group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              n
+            ),
+            ...l,
+            children: /* @__PURE__ */ t(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                "data-slot": "sidebar-inner",
+                className: "fc:bg-sidebar fc:group-data-[variant=floating]:border-sidebar-border fc:flex fc:h-full fc:w-full fc:flex-col fc:group-data-[variant=floating]:rounded-lg fc:group-data-[variant=floating]:border fc:group-data-[variant=floating]:shadow-sm",
+                children: o
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+c(le, "Sidebar");
+function ue({
+  className: a,
+  onClick: e,
+  ...i
+}) {
+  const { toggleSidebar: n } = N();
+  return /* @__PURE__ */ m(
+    T,
+    {
+      "data-sidebar": "trigger",
+      "data-slot": "sidebar-trigger",
+      variant: "ghost",
+      color: "dark",
+      size: "icon",
+      className: r("fc:size-7", a),
+      onClick: /* @__PURE__ */ c((o) => {
+        e == null || e(o), n();
+      }, "onClick"),
+      ...i,
+      children: [
+        /* @__PURE__ */ t(E, {}),
+        /* @__PURE__ */ t("span", { className: "fc:sr-only", children: "Toggle Sidebar" })
+      ]
+    }
+  );
+}
+c(ue, "SidebarTrigger");
+function be({ className: a, ...e }) {
+  const { toggleSidebar: i } = N();
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      "data-sidebar": "rail",
+      "data-slot": "sidebar-rail",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: i,
+      title: "Toggle Sidebar",
+      className: r(
+        "fc:hover:after:bg-sidebar-border fc:absolute fc:inset-y-0 fc:z-20 fc:hidden fc:w-4 fc:-translate-x-1/2 fc:transition-all fc:ease-linear fc:group-data-[side=left]:-right-4 fc:group-data-[side=right]:left-0 fc:after:absolute fc:after:inset-y-0 fc:after:left-1/2 fc:after:w-[2px] fc:sm:flex",
+        "fc:in-data-[side=left]:cursor-w-resize fc:in-data-[side=right]:cursor-e-resize",
+        "fc:[[data-side=left][data-state=collapsed]_&]:cursor-e-resize fc:[[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "fc:hover:group-data-[collapsible=offcanvas]:bg-sidebar fc:group-data-[collapsible=offcanvas]:translate-x-0 fc:group-data-[collapsible=offcanvas]:after:left-full",
+        "fc:[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "fc:[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        a
+      ),
+      ...e
+    }
+  );
+}
+c(be, "SidebarRail");
+function pe({ className: a, ...e }) {
+  return /* @__PURE__ */ t(
+    "main",
+    {
+      "data-slot": "sidebar-inset",
+      className: r(
+        "fc:bg-background fc:relative fc:flex fc:w-full fc:flex-1 fc:flex-col",
+        "fc:md:peer-data-[variant=inset]:m-2 fc:md:peer-data-[variant=inset]:ml-0 fc:md:peer-data-[variant=inset]:rounded-xl fc:md:peer-data-[variant=inset]:shadow-sm fc:md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        a
+      ),
+      ...e
+    }
+  );
+}
+c(pe, "SidebarInset");
+function me({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    B,
+    {
+      "data-slot": "sidebar-input",
+      "data-sidebar": "input",
+      className: r("fc:bg-background fc:h-8 fc:w-full fc:shadow-none", a),
+      ...e
+    }
+  );
+}
+c(me, "SidebarInput");
+function ge({ className: a, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "sidebar-header",
+      "data-sidebar": "header",
+      className: r("fc:flex fc:flex-col fc:gap-2 fc:p-2", a),
+      ...e
+    }
+  );
+}
+c(ge, "SidebarHeader");
+function he({ className: a, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "sidebar-footer",
+      "data-sidebar": "footer",
+      className: r("fc:flex fc:flex-col fc:gap-2 fc:p-2", a),
+      ...e
+    }
+  );
+}
+c(he, "SidebarFooter");
+function ve({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    A,
+    {
+      "data-slot": "sidebar-separator",
+      "data-sidebar": "separator",
+      className: r("fc:bg-sidebar-border fc:mx-2 fc:w-auto", a),
+      ...e
+    }
+  );
+}
+c(ve, "SidebarSeparator");
+function xe({ className: a, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "sidebar-content",
+      "data-sidebar": "content",
+      className: r(
+        "fc:flex fc:min-h-0 fc:flex-1 fc:flex-col fc:gap-2 fc:overflow-auto fc:group-data-[collapsible=icon]:overflow-hidden",
+        a
+      ),
+      ...e
+    }
+  );
+}
+c(xe, "SidebarContent");
+function we({ className: a, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "sidebar-group",
+      "data-sidebar": "group",
+      className: r("fc:relative fc:flex fc:w-full fc:min-w-0 fc:flex-col fc:p-2", a),
+      ...e
+    }
+  );
+}
+c(we, "SidebarGroup");
+function Se({
+  className: a,
+  asChild: e = !1,
+  ...i
+}) {
+  return /* @__PURE__ */ t(
+    e ? v : "div",
+    {
+      "data-slot": "sidebar-group-label",
+      "data-sidebar": "group-label",
+      className: r(
+        "fc:text-sidebar-foreground/70 fc:ring-sidebar-ring fc:flex fc:h-8 fc:shrink-0 fc:items-center fc:rounded-md fc:px-2 fc:text-xs fc:font-medium fc:outline-hidden fc:transition-[margin,opacity] fc:duration-200 fc:ease-linear fc:focus-visible:ring-2 fc:[&>svg]:size-4 fc:[&>svg]:shrink-0",
+        "fc:group-data-[collapsible=icon]:-mt-8 fc:group-data-[collapsible=icon]:opacity-0",
+        a
+      ),
+      ...i
+    }
+  );
+}
+c(Se, "SidebarGroupLabel");
+function Ne({
+  className: a,
+  asChild: e = !1,
+  ...i
+}) {
+  return /* @__PURE__ */ t(
+    e ? v : "button",
+    {
+      "data-slot": "sidebar-group-action",
+      "data-sidebar": "group-action",
+      className: r(
+        "fc:text-sidebar-foreground fc:ring-sidebar-ring fc:hover:bg-sidebar-accent fc:hover:text-sidebar-accent-foreground fc:absolute fc:top-3.5 fc:right-3 fc:flex fc:aspect-square fc:w-5 fc:items-center fc:justify-center fc:rounded-md fc:p-0 fc:outline-hidden fc:transition-transform fc:focus-visible:ring-2 [&>svg]:size-4 fc:[&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "fc:after:absolute fc:after:-inset-2 fc:md:after:hidden",
+        "fc:group-data-[collapsible=icon]:hidden",
+        a
+      ),
+      ...i
+    }
+  );
+}
+c(Ne, "SidebarGroupAction");
+function ye({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "sidebar-group-content",
+      "data-sidebar": "group-content",
+      className: r("fc:w-full fc:text-sm", a),
+      ...e
+    }
+  );
+}
+c(ye, "SidebarGroupContent");
+function _e({ className: a, ...e }) {
+  return /* @__PURE__ */ t(
+    "ul",
+    {
+      "data-slot": "sidebar-menu",
+      "data-sidebar": "menu",
+      className: r("flex w-full min-w-0 flex-col gap-1", a),
+      ...e
+    }
+  );
+}
+c(_e, "SidebarMenu");
+function Me({ className: a, ...e }) {
+  return /* @__PURE__ */ t(
+    "li",
+    {
+      "data-slot": "sidebar-menu-item",
+      "data-sidebar": "menu-item",
+      className: r("fc:group/menu-item fc:relative", a),
+      ...e
+    }
+  );
+}
+c(Me, "SidebarMenuItem");
+const Y = I(
+  "fc:peer/menu-button fc:flex fc:w-full fc:items-center fc:gap-2 fc:overflow-hidden fc:rounded-md fc:p-2 fc:text-left fc:text-sm fc:outline-hidden fc:ring-sidebar-ring fc:transition-[width,height,padding] fc:hover:bg-sidebar-accent fc:hover:text-sidebar-accent-foreground fc:focus-visible:ring-2 fc:active:bg-sidebar-accent fc:active:text-sidebar-accent-foreground fc:disabled:pointer-events-none fc:disabled:opacity-50 fc:group-has-data-[sidebar=menu-action]/menu-item:pr-8 fc:aria-disabled:pointer-events-none fc:aria-disabled:opacity-50 fc:data-[active=true]:bg-sidebar-accent fc:data-[active=true]:font-medium fc:data-[active=true]:text-sidebar-accent-foreground fc:data-[state=open]:hover:bg-sidebar-accent fc:data-[state=open]:hover:text-sidebar-accent-foreground fc:group-data-[collapsible=icon]:size-8! fc:group-data-[collapsible=icon]:p-2! fc:[&>span:last-child]:truncate fc:[&>svg]:size-4 fc:[&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "fc:hover:bg-sidebar-accent fc:hover:text-sidebar-accent-foreground",
+        outline: "fc:bg-background fc:shadow-[0_0_0_1px_hsl(var(--sidebar-border))] fc:hover:bg-sidebar-accent fc:hover:text-sidebar-accent-foreground fc:hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "fc:h-8 fc:text-sm",
+        sm: "fc:h-7 fc:text-xs",
+        lg: "fc:h-12 fc:text-sm fc:group-data-[collapsible=icon]:p-0!"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function ke({
+  asChild: a = !1,
+  isActive: e = !1,
+  variant: i = "default",
+  size: n = "default",
+  tooltip: o,
+  className: l,
+  ...g
+}) {
+  const d = a ? v : "button", { isMobile: p, state: u } = N(), x = /* @__PURE__ */ t(
+    d,
+    {
+      "data-slot": "sidebar-menu-button",
+      "data-sidebar": "menu-button",
+      "data-size": n,
+      "data-active": e,
+      className: r(Y({ variant: i, size: n }), l),
+      ...g
+    }
+  );
+  return o ? (typeof o == "string" && (o = {
+    children: o
+  }), /* @__PURE__ */ m(G, { children: [
+    /* @__PURE__ */ t(L, { asChild: !0, children: x }),
+    /* @__PURE__ */ t(
+      $,
+      {
+        side: "right",
+        align: "center",
+        hidden: u !== "collapsed" || p,
+        ...o
+      }
+    )
+  ] })) : x;
+}
+c(ke, "SidebarMenuButton");
+function Ce({
+  className: a,
+  asChild: e = !1,
+  showOnHover: i = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    e ? v : "button",
+    {
+      "data-slot": "sidebar-menu-action",
+      "data-sidebar": "menu-action",
+      className: r(
+        "fc:text-sidebar-foreground fc:ring-sidebar-ring fc:hover:bg-sidebar-accent fc:hover:text-sidebar-accent-foreground fc:peer-hover/menu-button:text-sidebar-accent-foreground fc:absolute fc:top-1.5 fc:right-1 fc:flex fc:aspect-square fc:w-5 fc:items-center fc:justify-center fc:rounded-md fc:p-0 fc:outline-hidden fc:transition-transform fc:focus-visible:ring-2 fc:[&>svg]:size-4 fc:[&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "fc:after:absolute after:-inset-2 fc:md:after:hidden",
+        "fc:peer-data-[size=sm]/menu-button:top-1",
+        "fc:peer-data-[size=default]/menu-button:top-1.5",
+        "fc:peer-data-[size=lg]/menu-button:top-2.5",
+        "fc:group-data-[collapsible=icon]:hidden",
+        i && "fc:peer-data-[active=true]/menu-button:text-sidebar-accent-foreground fc:group-focus-within/menu-item:opacity-100 fc:group-hover/menu-item:opacity-100 fc:data-[state=open]:opacity-100 fc:md:opacity-0",
+        a
+      ),
+      ...n
+    }
+  );
+}
+c(Ce, "SidebarMenuAction");
+function ze({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "sidebar-menu-badge",
+      "data-sidebar": "menu-badge",
+      className: r(
+        "fc:text-sidebar-foreground fc:pointer-events-none fc:absolute fc:right-1 fc:flex fc:h-5 fc:min-w-5 fc:items-center fc:justify-center fc:rounded-md fc:px-1 fc:text-xs fc:font-medium fc:tabular-nums fc:select-none",
+        "fc:peer-hover/menu-button:text-sidebar-accent-foreground fc:peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "fc:peer-data-[size=sm]/menu-button:top-1",
+        "fc:peer-data-[size=default]/menu-button:top-1.5",
+        "fc:peer-data-[size=lg]/menu-button:top-2.5",
+        "fc:group-data-[collapsible=icon]:hidden",
+        a
+      ),
+      ...e
+    }
+  );
+}
+c(ze, "SidebarMenuBadge");
+function Ie({
+  className: a,
+  showIcon: e = !1,
+  ...i
+}) {
+  const n = s.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      "data-slot": "sidebar-menu-skeleton",
+      "data-sidebar": "menu-skeleton",
+      className: r("fc:flex fc:h-8 fc:items-center fc:gap-2 fc:rounded-md fc:px-2", a),
+      ...i,
+      children: [
+        e && /* @__PURE__ */ t(
+          _,
+          {
+            className: "fc:size-4 fc:rounded-md",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ t(
+          _,
+          {
+            className: "fc:h-4 fc:max-w-(--skeleton-width) fc:flex-1",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": n
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+c(Ie, "SidebarMenuSkeleton");
+function Ee({ className: a, ...e }) {
+  return /* @__PURE__ */ t(
+    "ul",
+    {
+      "data-slot": "sidebar-menu-sub",
+      "data-sidebar": "menu-sub",
+      className: r(
+        "fc:border-sidebar-border fc:mx-3.5 fc:flex fc:min-w-0 fc:translate-x-px fc:flex-col fc:gap-1 fc:border-l fc:px-2.5 fc:py-0.5",
+        "fc:group-data-[collapsible=icon]:hidden",
+        a
+      ),
+      ...e
+    }
+  );
+}
+c(Ee, "SidebarMenuSub");
+function De({
+  className: a,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    "li",
+    {
+      "data-slot": "sidebar-menu-sub-item",
+      "data-sidebar": "menu-sub-item",
+      className: r("fc:group/menu-sub-item fc:relative", a),
+      ...e
+    }
+  );
+}
+c(De, "SidebarMenuSubItem");
+function Te({
+  asChild: a = !1,
+  size: e = "md",
+  isActive: i = !1,
+  className: n,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    a ? v : "a",
+    {
+      "data-slot": "sidebar-menu-sub-button",
+      "data-sidebar": "menu-sub-button",
+      "data-size": e,
+      "data-active": i,
+      className: r(
+        "fc:text-sidebar-foreground fc:ring-sidebar-ring fc:hover:bg-sidebar-accent fc:hover:text-sidebar-accent-foreground fc:active:bg-sidebar-accent fc:active:text-sidebar-accent-foreground fc:[&>svg]:text-sidebar-accent-foreground fc:flex fc:h-7 fc:min-w-0 fc:-translate-x-px fc:items-center fc:gap-2 fc:overflow-hidden fc:rounded-md fc:px-2 fc:outline-hidden fc:focus-visible:ring-2 fc:disabled:pointer-events-none fc:disabled:opacity-50 fc:aria-disabled:pointer-events-none fc:aria-disabled:opacity-50 fc:[&>span:last-child]:truncate fc:[&>svg]:size-4 fc:[&>svg]:shrink-0",
+        "fc:data-[active=true]:bg-sidebar-accent fc:data-[active=true]:text-sidebar-accent-foreground",
+        e === "sm" && "fc:text-xs",
+        e === "md" && "fc:text-sm",
+        "fc:group-data-[collapsible=icon]:hidden",
+        n
+      ),
+      ...o
+    }
+  );
+}
+c(Te, "SidebarMenuSubButton");
+export {
+  le as Sidebar,
+  xe as SidebarContent,
+  he as SidebarFooter,
+  we as SidebarGroup,
+  Ne as SidebarGroupAction,
+  ye as SidebarGroupContent,
+  Se as SidebarGroupLabel,
+  ge as SidebarHeader,
+  me as SidebarInput,
+  pe as SidebarInset,
+  _e as SidebarMenu,
+  Ce as SidebarMenuAction,
+  ze as SidebarMenuBadge,
+  ke as SidebarMenuButton,
+  Me as SidebarMenuItem,
+  Ie as SidebarMenuSkeleton,
+  Ee as SidebarMenuSub,
+  Te as SidebarMenuSubButton,
+  De as SidebarMenuSubItem,
+  se as SidebarProvider,
+  be as SidebarRail,
+  ve as SidebarSeparator,
+  ue as SidebarTrigger,
+  N as useSidebar
+};

package/dist/components/simple-tooltip.js

@@ -0,0 +1,17 @@
+var e = Object.defineProperty;
+var r = (o, i) => e(o, "name", { value: i, configurable: !0 });
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { Tooltip as p, TooltipTrigger as n, TooltipContent as m } from "./tooltip.js";
+function d({
+  title: o,
+  children: i
+}) {
+  return /* @__PURE__ */ l(p, { children: [
+    /* @__PURE__ */ t(n, { asChild: !0, children: i }),
+    /* @__PURE__ */ t(m, { children: o })
+  ] });
+}
+r(d, "SimpleTooltip");
+export {
+  d as SimpleTooltip
+};

package/dist/components/skeleton.js

@@ -0,0 +1,18 @@
+var n = Object.defineProperty;
+var o = (e, t) => n(e, "name", { value: t, configurable: !0 });
+import { jsx as c } from "react/jsx-runtime";
+import { cn as r } from "../lib/utils.js";
+function s({ className: e, ...t }) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: r("fc:bg-accent fc:animate-pulse fc:rounded-md", e),
+      ...t
+    }
+  );
+}
+o(s, "Skeleton");
+export {
+  s as Skeleton
+};

package/dist/components/sonner.js

@@ -0,0 +1,24 @@
+var t = Object.defineProperty;
+var e = (r, o) => t(r, "name", { value: o, configurable: !0 });
+import { jsx as s } from "react/jsx-runtime";
+import { useTheme as a } from "next-themes";
+import { Toaster as m } from "sonner";
+const f = /* @__PURE__ */ e(({ ...r }) => {
+  const { theme: o = "system" } = a();
+  return console.log(o), /* @__PURE__ */ s(
+    m,
+    {
+      theme: o,
+      className: "fc:toaster fc:group",
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)"
+      },
+      ...r
+    }
+  );
+}, "Toaster");
+export {
+  f as Toaster
+};