ml-uikit 1.1.7 → 1.1.8

package/dist/index.es48.js

@@ -1,559 +1,25 @@
+import { j as s } from "./index.es62.js";
 import * as e from "react";
-import { Slot as h } from "@radix-ui/react-slot";
-import { cva as M } from "class-variance-authority";
-import { PanelLeft as R } from "lucide-react";
-import { cn as o } from "./index.es60.js";
-import { Button as C } from "./index.es10.js";
-import { Input as I } from "./index.es28.js";
-import { Separator as _ } from "./index.es46.js";
-import { Sheet as z, SheetContent as T, SheetHeader as B, SheetTitle as O, SheetDescription as A } from "./index.es47.js";
-import { Skeleton as E } from "./index.es49.js";
-import { Tooltip as D, TooltipTrigger as L, TooltipContent as G, TooltipProvider as H } from "./index.es59.js";
-const K = "sidebar_state", P = 3600 * 24 * 7, $ = "15rem", j = "15rem", V = "4.5rem", W = 1024, q = "b";
-function F() {
-  const [t, r] = e.useState(void 0);
-  return e.useEffect(() => {
-    const a = window.matchMedia(`(max-width: ${W - 1}px)`), i = () => {
-      r(a.matches);
-    };
-    return i(), typeof a.addEventListener == "function" ? (a.addEventListener("change", i), () => a.removeEventListener("change", i)) : (a.addListener(i), () => a.removeListener(i));
-  }, []), !!t;
-}
-const y = e.createContext(null);
-function w() {
-  const t = e.useContext(y);
-  if (!t)
-    throw new Error("useSidebar must be used within a SidebarProvider.");
-  return t;
-}
-const U = e.forwardRef(
-  ({
-    defaultOpen: t = !0,
-    open: r,
-    onOpenChange: a,
-    className: i,
-    style: n,
-    children: d,
-    ...l
-  }, p) => {
-    const s = F(), [b, u] = e.useState(!1), [m, N] = e.useState(t), g = r ?? m, v = e.useCallback(
-      (c) => {
-        const f = typeof c == "function" ? c(g) : c;
-        a ? a(f) : N(f), document.cookie = `${K}=${f}; path=/; max-age=${P}`;
-      },
-      [a, g]
-    ), x = e.useCallback(() => s ? u((c) => !c) : v((c) => !c), [s, v, u]);
-    e.useEffect(() => {
-      const c = (f) => {
-        f.key === q && (f.metaKey || f.ctrlKey) && (f.preventDefault(), x());
-      };
-      return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
-    }, [x]);
-    const S = g ? "expanded" : "collapsed", k = e.useMemo(
-      () => ({
-        state: S,
-        open: g,
-        setOpen: v,
-        isMobile: s,
-        openMobile: b,
-        setOpenMobile: u,
-        toggleSidebar: x
-      }),
-      [S, g, v, s, b, u, x]
-    );
-    return /* @__PURE__ */ e.createElement(y.Provider, { value: k }, /* @__PURE__ */ e.createElement(H, { delayDuration: 0 }, /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        style: {
-          "--sidebar-width": $,
-          "--sidebar-width-icon": V,
-          ...n
-        },
-        className: o(
-          "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
-          i
-        ),
-        ref: p,
-        ...l
-      },
-      d
-    )));
-  }
-);
-U.displayName = "SidebarProvider";
-const X = e.forwardRef(
-  ({
-    side: t = "left",
-    variant: r = "sidebar",
-    collapsible: a = "offcanvas",
-    className: i,
-    children: n,
-    ...d
-  }, l) => {
-    const { isMobile: p, state: s, openMobile: b, setOpenMobile: u } = w(), m = a === "offcanvas" ? "icon" : a;
-    return a === "none" ? /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        className: o(
-          "flex h-full w-[--sidebar-width] flex-col border-r border-[#e6e6e6] bg-white text-black",
-          i
-        ),
-        ref: l,
-        ...d
-      },
-      n
-    ) : p ? /* @__PURE__ */ e.createElement(z, { open: b, onOpenChange: u, ...d }, /* @__PURE__ */ e.createElement(
-      T,
-      {
-        "data-sidebar": "sidebar",
-        "data-mobile": "true",
-        className: o(
-          "w-[--sidebar-width] border-r border-[#e6e6e6] bg-white p-0 text-black shadow-none [&>button]:hidden",
-          i
-        ),
-        style: {
-          "--sidebar-width": j
-        },
-        side: t
-      },
-      /* @__PURE__ */ e.createElement(B, { className: "sr-only" }, /* @__PURE__ */ e.createElement(O, null, "Sidebar"), /* @__PURE__ */ e.createElement(A, null, "Displays the mobile sidebar.")),
-      /* @__PURE__ */ e.createElement("div", { className: "flex h-full w-full flex-col" }, n)
-    )) : /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        ref: l,
-        className: "group peer hidden text-black lg:block",
-        "data-state": s,
-        "data-collapsible": s === "collapsed" ? m : "",
-        "data-variant": r,
-        "data-side": t
-      },
-      /* @__PURE__ */ e.createElement(
-        "div",
-        {
-          className: o(
-            "relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
-            "group-data-[collapsible=offcanvas]:w-0",
-            "group-data-[side=right]:rotate-180",
-            r === "floating" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
-          )
-        }
-      ),
-      /* @__PURE__ */ e.createElement(
-        "div",
-        {
-          className: o(
-            "fixed inset-y-0 z-20 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear lg:flex",
-            t === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-            // Adjust the padding for floating and inset variants.
-            r === "floating" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=left]:border-[#e6e6e6] group-data-[side=right]:border-l group-data-[side=right]:border-[#e6e6e6]",
-            i
-          ),
-          ...d
-        },
-        /* @__PURE__ */ e.createElement(
-          "div",
-          {
-            "data-sidebar": "sidebar",
-            className: "flex h-full w-full flex-col bg-white text-black group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-[#e6e6e6] group-data-[variant=floating]:shadow"
-          },
-          n
-        )
-      )
-    );
-  }
-);
-X.displayName = "Sidebar";
-const Y = e.forwardRef(({ className: t, onClick: r, ...a }, i) => {
-  const { isMobile: n, open: d, openMobile: l, toggleSidebar: p } = w(), s = n ? l : d;
-  return /* @__PURE__ */ e.createElement(
-    C,
-    {
-      ref: i,
-      "data-sidebar": "trigger",
-      variant: "ghost",
-      size: "icon",
-      "data-state": s ? "open" : "closed",
-      className: o(
-        "h-9 w-9 rounded-lg border border-[#dcdcde] bg-white text-black hover:bg-[#fafafa] hover:text-black",
-        t
-      ),
-      onClick: (b) => {
-        r?.(b), p();
-      },
-      ...a
-    },
-    /* @__PURE__ */ e.createElement(R, { className: "size-4" }),
-    /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Toggle Sidebar")
-  );
-});
-Y.displayName = "SidebarTrigger";
-const J = e.forwardRef(({ className: t, ...r }, a) => {
-  const { toggleSidebar: i } = w();
-  return /* @__PURE__ */ e.createElement(
-    "button",
+import * as o from "@radix-ui/react-separator";
+import { cn as i } from "./index.es63.js";
+const l = e.forwardRef(
+  ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...m }, p) => /* @__PURE__ */ s.jsx(
+    o.Root,
     {
-      ref: a,
-      "data-sidebar": "rail",
-      "aria-label": "Toggle Sidebar",
-      tabIndex: -1,
-      onClick: i,
-      title: "Toggle Sidebar",
-      className: o(
-        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
-        "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
-        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
-        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
-        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
-        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
-        t
+      ref: p,
+      decorative: t,
+      orientation: r,
+      className: i(
+        "shrink-0 bg-border",
+        r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        a
       ),
-      ...r
+      ...m
     }
-  );
-});
-J.displayName = "SidebarRail";
-const Q = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  "main",
-  {
-    ref: a,
-    className: o(
-      "relative flex w-full flex-1 flex-col bg-background",
-      "lg:peer-data-[variant=inset]:m-2 lg:peer-data-[variant=inset]:ml-0 lg:peer-data-[variant=inset]:rounded-xl lg:peer-data-[variant=inset]:shadow",
-      t
-    ),
-    ...r
-  }
-));
-Q.displayName = "SidebarInset";
-const Z = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  I,
-  {
-    ref: a,
-    "data-sidebar": "input",
-    className: o(
-      "h-10 w-full rounded-lg border-[#e6e6e6] bg-white text-black placeholder:text-[#adacb0] shadow-none focus-visible:ring-2 focus-visible:ring-[#26453f]",
-      t
-    ),
-    ...r
-  }
-));
-Z.displayName = "SidebarInput";
-const ee = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    ref: a,
-    "data-sidebar": "header",
-    className: o(
-      "flex flex-col gap-4 px-5 py-5 group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-4 group-data-[collapsible=icon]:py-4",
-      t
-    ),
-    ...r
-  }
-));
-ee.displayName = "SidebarHeader";
-const ae = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    ref: a,
-    "data-sidebar": "footer",
-    className: o(
-      "flex flex-col gap-3 px-5 py-5 group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-4 group-data-[collapsible=icon]:py-4",
-      t
-    ),
-    ...r
-  }
-));
-ae.displayName = "SidebarFooter";
-const te = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  _,
-  {
-    ref: a,
-    "data-sidebar": "separator",
-    className: o("mx-0 w-full bg-[#e6e6e6]", t),
-    ...r
-  }
-));
-te.displayName = "SidebarSeparator";
-const re = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    ref: a,
-    "data-sidebar": "content",
-    className: o(
-      "flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
-      t
-    ),
-    ...r
-  }
-));
-re.displayName = "SidebarContent";
-const ie = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    ref: a,
-    "data-sidebar": "group",
-    className: o(
-      "relative flex w-full min-w-0 flex-col gap-2 px-5 py-5 group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-4",
-      t
-    ),
-    ...r
-  }
-));
-ie.displayName = "SidebarGroup";
-const oe = e.forwardRef(({ className: t, asChild: r = !1, ...a }, i) => {
-  const n = r ? h : "div";
-  return /* @__PURE__ */ e.createElement(
-    n,
-    {
-      ref: i,
-      "data-sidebar": "group-label",
-      className: o(
-        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium uppercase tracking-wide text-[#adacb0] outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
-        t
-      ),
-      ...a
-    }
-  );
-});
-oe.displayName = "SidebarGroupLabel";
-const ne = e.forwardRef(({ className: t, asChild: r = !1, ...a }, i) => {
-  const n = r ? h : "button";
-  return /* @__PURE__ */ e.createElement(
-    n,
-    {
-      ref: i,
-      "data-sidebar": "group-action",
-      className: o(
-        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 after:lg:hidden",
-        "group-data-[collapsible=icon]:hidden",
-        t
-      ),
-      ...a
-    }
-  );
-});
-ne.displayName = "SidebarGroupAction";
-const de = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    ref: a,
-    "data-sidebar": "group-content",
-    className: o("w-full text-sm", t),
-    ...r
-  }
-));
-de.displayName = "SidebarGroupContent";
-const se = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  "ul",
-  {
-    ref: a,
-    "data-sidebar": "menu",
-    className: o("flex w-full min-w-0 flex-col gap-2", t),
-    ...r
-  }
-));
-se.displayName = "SidebarMenu";
-const le = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  "li",
-  {
-    ref: a,
-    "data-sidebar": "menu-item",
-    className: o("group/menu-item relative", t),
-    ...r
-  }
-));
-le.displayName = "SidebarMenuItem";
-const ce = M(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-[4px] border border-transparent bg-white p-2 text-left text-sm font-normal text-[#7f7d83] outline-none ring-sidebar-ring transition-[background-color,border-color,color,width,height,padding] hover:border-[#f1f1f1] hover:bg-[#fafafa] hover:text-black focus-visible:ring-2 focus-visible:ring-[#26453f] active:border-[#f1f1f1] active:bg-[#fafafa] active:text-black disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:border-[#f1f1f1] data-[active=true]:bg-[#fafafa] data-[active=true]:font-medium data-[active=true]:text-black data-[state=open]:border-[#f1f1f1] data-[state=open]:bg-[#fafafa] data-[state=open]:text-black group-data-[collapsible=icon]:!size-10 group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!p-0 group-data-[collapsible=icon]:[&>span:last-child]:hidden [&>span:last-child]:truncate [&>svg]:size-5 [&>svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "",
-        outline: "border-[#e6e6e6] text-black hover:border-[#dcdcde] hover:bg-[#fafafa]"
-      },
-      size: {
-        default: "h-10 text-sm",
-        sm: "h-9 text-xs",
-        lg: "h-11 text-sm"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), be = e.forwardRef(
-  ({
-    asChild: t = !1,
-    isActive: r = !1,
-    variant: a = "default",
-    size: i = "default",
-    tooltip: n,
-    className: d,
-    ...l
-  }, p) => {
-    const s = t ? h : "button", { isMobile: b, state: u } = w(), m = /* @__PURE__ */ e.createElement(
-      s,
-      {
-        ref: p,
-        "data-sidebar": "menu-button",
-        "data-size": i,
-        "data-active": r,
-        className: o(ce({ variant: a, size: i }), d),
-        ...l
-      }
-    );
-    return n ? (typeof n == "string" && (n = {
-      children: n
-    }), /* @__PURE__ */ e.createElement(D, null, /* @__PURE__ */ e.createElement(L, { asChild: !0 }, m), /* @__PURE__ */ e.createElement(
-      G,
-      {
-        side: "right",
-        align: "center",
-        hidden: u !== "collapsed" || b,
-        ...n
-      }
-    ))) : m;
-  }
+  )
 );
-be.displayName = "SidebarMenuButton";
-const ue = e.forwardRef(({ className: t, asChild: r = !1, showOnHover: a = !1, ...i }, n) => {
-  const d = r ? h : "button";
-  return /* @__PURE__ */ e.createElement(
-    d,
-    {
-      ref: n,
-      "data-sidebar": "menu-action",
-      className: o(
-        "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 after:lg:hidden",
-        "peer-data-[size=sm]/menu-button:top-1",
-        "peer-data-[size=default]/menu-button:top-1.5",
-        "peer-data-[size=lg]/menu-button:top-2.5",
-        "group-data-[collapsible=icon]:hidden",
-        a && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground lg:opacity-0",
-        t
-      ),
-      ...i
-    }
-  );
-});
-ue.displayName = "SidebarMenuAction";
-const fe = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    ref: a,
-    "data-sidebar": "menu-badge",
-    className: o(
-      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
-      "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
-      "peer-data-[size=sm]/menu-button:top-1",
-      "peer-data-[size=default]/menu-button:top-1.5",
-      "peer-data-[size=lg]/menu-button:top-2.5",
-      "group-data-[collapsible=icon]:hidden",
-      t
-    ),
-    ...r
-  }
-));
-fe.displayName = "SidebarMenuBadge";
-const pe = e.forwardRef(({ className: t, showIcon: r = !1, ...a }, i) => {
-  const n = e.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
-  return /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      ref: i,
-      "data-sidebar": "menu-skeleton",
-      className: o("flex h-8 items-center gap-2 rounded-md px-2", t),
-      ...a
-    },
-    r && /* @__PURE__ */ e.createElement(
-      E,
-      {
-        className: "size-4 rounded-md",
-        "data-sidebar": "menu-skeleton-icon"
-      }
-    ),
-    /* @__PURE__ */ e.createElement(
-      E,
-      {
-        className: "h-4 max-w-[--skeleton-width] flex-1",
-        "data-sidebar": "menu-skeleton-text",
-        style: {
-          "--skeleton-width": n
-        }
-      }
-    )
-  );
-});
-pe.displayName = "SidebarMenuSkeleton";
-const me = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
-  "ul",
-  {
-    ref: a,
-    "data-sidebar": "menu-sub",
-    className: o(
-      "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
-      "group-data-[collapsible=icon]:hidden",
-      t
-    ),
-    ...r
-  }
-));
-me.displayName = "SidebarMenuSub";
-const ge = e.forwardRef(({ ...t }, r) => /* @__PURE__ */ e.createElement("li", { ref: r, ...t }));
-ge.displayName = "SidebarMenuSubItem";
-const he = e.forwardRef(({ asChild: t = !1, size: r = "md", isActive: a, className: i, ...n }, d) => {
-  const l = t ? h : "a";
-  return /* @__PURE__ */ e.createElement(
-    l,
-    {
-      ref: d,
-      "data-sidebar": "menu-sub-button",
-      "data-size": r,
-      "data-active": a,
-      className: o(
-        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
-        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
-        r === "sm" && "text-xs",
-        r === "md" && "text-sm",
-        "group-data-[collapsible=icon]:hidden",
-        i
-      ),
-      ...n
-    }
-  );
-});
-he.displayName = "SidebarMenuSubButton";
+l.displayName = o.Root.displayName;
 export {
-  X as Sidebar,
-  re as SidebarContent,
-  ae as SidebarFooter,
-  ie as SidebarGroup,
-  ne as SidebarGroupAction,
-  de as SidebarGroupContent,
-  oe as SidebarGroupLabel,
-  ee as SidebarHeader,
-  Z as SidebarInput,
-  Q as SidebarInset,
-  se as SidebarMenu,
-  ue as SidebarMenuAction,
-  fe as SidebarMenuBadge,
-  be as SidebarMenuButton,
-  le as SidebarMenuItem,
-  pe as SidebarMenuSkeleton,
-  me as SidebarMenuSub,
-  he as SidebarMenuSubButton,
-  ge as SidebarMenuSubItem,
-  U as SidebarProvider,
-  J as SidebarRail,
-  te as SidebarSeparator,
-  Y as SidebarTrigger,
-  w as useSidebar
+  l as Separator
 };
 //# sourceMappingURL=index.es48.js.map