@devalok/shilp-sutra 0.18.0 → 0.18.2

package/dist/_chunks/sidebar.js

@@ -1,606 +0,0 @@
-"use client";
-import { jsx as s, jsxs as h, Fragment as G } from "react/jsx-runtime";
-import { bb as k, S as w } from "./primitives.js";
-import { ag as z } from "./vendor-utils.js";
-import { IconLayoutSidebarLeftCollapse as q } from "@tabler/icons-react";
-import { useIsMobile as L } from "../hooks/use-mobile.js";
-import { m as j, s as H } from "./motion2.js";
-import { c as i } from "./utils.js";
-import { B as K } from "./button.js";
-import * as B from "react";
-import { createContext as F, forwardRef as o, useState as _, useCallback as C, useEffect as V, useMemo as E, useContext as P } from "react";
-import { u as $ } from "./form.js";
-import { m as T } from "./motion.js";
-import { Sheet as W, SheetContent as U } from "../ui/sheet.js";
-import { Skeleton as I } from "../ui/skeleton.js";
-import { T as X, a as Y, b as J, c as Q } from "./tooltip.js";
-const Z = z([
-  "flex w-full font-sans",
-  "bg-surface-3 text-surface-fg",
-  "border border-surface-border rounded-ds-md",
-  "placeholder:text-surface-fg-subtle",
-  "hover:bg-surface-4",
-  "transition-colors duration-fast-01",
-  "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent-7 focus-visible:border-surface-border",
-  "disabled:cursor-not-allowed disabled:opacity-action-disabled",
-  "read-only:bg-surface-2 read-only:cursor-default"
-], {
-  variants: {
-    size: {
-      sm: "h-ds-sm text-ds-sm px-ds-03",
-      md: "h-ds-md text-ds-md px-ds-04",
-      lg: "h-ds-lg text-ds-md px-ds-05"
-    }
-  },
-  defaultVariants: { size: "md" }
-}), R = B.forwardRef(({ className: a, type: e, state: t, size: d, startIcon: r, endIcon: n, ...c }, p) => {
-  const l = $(), u = t ?? (l.state === "helper" ? void 0 : l.state), f = c["aria-describedby"] ?? l.helperTextId, v = c["aria-required"] ?? l.required, g = s(T.input, { type: e, className: i(Z({ size: d }), r && "pl-ds-07", n && "pr-ds-07", u === "error" && "border-error-7 focus-visible:ring-error-7", u === "warning" && "border-warning-7 focus-visible:ring-warning-7", u === "success" && "border-success-7 focus-visible:ring-success-7", a), "aria-invalid": u === "error" || void 0, "aria-describedby": f, "aria-required": v || void 0, ref: p, ...j(c) });
-  return !r && !n ? g : h("div", { className: "relative flex items-center w-full", children: [r && s("span", { className: "absolute left-ds-03 flex items-center text-surface-fg-muted pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: r }), g, n && s("span", { className: "absolute right-ds-03 flex items-center text-surface-fg-muted pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: n })] });
-});
-R.displayName = "Input";
-const D = B.forwardRef(({ className: a, orientation: e = "horizontal", decorative: t = !0, ...d }, r) => s(k, { ref: r, decorative: t, orientation: e, className: i("shrink-0 bg-surface-border", e === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", a), ...d }));
-D.displayName = k.displayName;
-const ee = "sidebar:state", ae = 60 * 60 * 24 * 7, te = "16rem", se = "18rem", re = "3rem", ie = "b", A = F(null);
-function N() {
-  const a = P(A);
-  if (!a)
-    throw new Error("useSidebar must be used within a SidebarProvider.");
-  return a;
-}
-const de = o(
-  ({
-    defaultOpen: a = !0,
-    open: e,
-    onOpenChange: t,
-    className: d,
-    style: r,
-    children: n,
-    ...c
-  }, p) => {
-    const l = L(), [u, f] = _(!1), [v, g] = _(a), x = e ?? v, S = C(
-      (m) => {
-        const b = typeof m == "function" ? m(x) : m;
-        t ? t(b) : g(b), document.cookie = `${ee}=${b}; path=/; max-age=${ae}`;
-      },
-      [t, x]
-    ), y = C(() => l ? f((m) => !m) : S((m) => !m), [l, S, f]);
-    V(() => {
-      const m = (b) => {
-        b.key === ie && (b.metaKey || b.ctrlKey) && (b.preventDefault(), y());
-      };
-      return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
-    }, [y]);
-    const M = x ? "expanded" : "collapsed", O = E(
-      () => ({
-        state: M,
-        open: x,
-        setOpen: S,
-        isMobile: l,
-        openMobile: u,
-        setOpenMobile: f,
-        toggleSidebar: y
-      }),
-      [
-        M,
-        x,
-        S,
-        l,
-        u,
-        f,
-        y
-      ]
-    );
-    return /* @__PURE__ */ s(A.Provider, { value: O, children: /* @__PURE__ */ s(X, { delayDuration: 0, children: /* @__PURE__ */ s(
-      "div",
-      {
-        style: {
-          "--sidebar-width": te,
-          "--sidebar-width-icon": re,
-          ...r
-        },
-        className: i(
-          "group/sidebar-wrapper flex min-h-svh has-[[data-variant=inset]]:bg-surface-1",
-          d
-        ),
-        ref: p,
-        ...c,
-        children: n
-      }
-    ) }) });
-  }
-);
-de.displayName = "SidebarProvider";
-const oe = o(
-  ({
-    side: a = "left",
-    variant: e = "sidebar",
-    collapsible: t = "offcanvas",
-    className: d,
-    children: r,
-    ...n
-  }, c) => {
-    const { isMobile: p, state: l, openMobile: u, setOpenMobile: f } = N();
-    return t === "none" ? /* @__PURE__ */ s(
-      "div",
-      {
-        className: i(
-          "flex h-full w-[--sidebar-width] flex-col bg-surface-1 text-surface-fg",
-          d
-        ),
-        ref: c,
-        ...n,
-        children: r
-      }
-    ) : p ? /* @__PURE__ */ s(W, { open: u, onOpenChange: f, ...n, children: /* @__PURE__ */ s(
-      U,
-      {
-        "data-sidebar": "sidebar",
-        "data-mobile": "true",
-        className: "w-[--sidebar-width] bg-surface-1 p-0 text-surface-fg [&>button]:hidden",
-        style: {
-          "--sidebar-width": se
-        },
-        side: a,
-        children: /* @__PURE__ */ s("div", { className: "flex h-full w-full flex-col", children: r })
-      }
-    ) }) : /* @__PURE__ */ h(
-      "div",
-      {
-        ref: c,
-        className: "group peer hidden text-surface-fg md:block",
-        "data-state": l,
-        "data-collapsible": l === "collapsed" ? t : "",
-        "data-variant": e,
-        "data-side": a,
-        children: [
-          /* @__PURE__ */ s(
-            "div",
-            {
-              className: i(
-                "relative h-svh w-[--sidebar-width] bg-transparent transition-[width] duration-moderate-02 ease-linear",
-                "group-data-[collapsible=offcanvas]:w-0",
-                "group-data-[side=right]:rotate-180",
-                e === "floating" || e === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
-              )
-            }
-          ),
-          /* @__PURE__ */ s(
-            "div",
-            {
-              className: i(
-                "fixed inset-y-0 z-raised hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-moderate-02 ease-linear md:flex",
-                a === "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)]",
-                e === "floating" || e === "inset" ? "p-ds-03 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=right]:border-l",
-                d
-              ),
-              ...n,
-              children: /* @__PURE__ */ s(
-                "div",
-                {
-                  "data-sidebar": "sidebar",
-                  className: "flex h-full w-full flex-col bg-surface-1 group-data-[variant=floating]:rounded-ds-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-surface-border group-data-[variant=floating]:shadow",
-                  children: r
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-oe.displayName = "Sidebar";
-const ne = o(({ className: a, onClick: e, ...t }, d) => {
-  const { toggleSidebar: r } = N();
-  return /* @__PURE__ */ h(
-    K,
-    {
-      ref: d,
-      "data-sidebar": "trigger",
-      variant: "ghost",
-      size: "icon-md",
-      className: i("h-ds-xs-plus w-ds-xs-plus", a),
-      onClick: (n) => {
-        e == null || e(n), r();
-      },
-      ...t,
-      children: [
-        /* @__PURE__ */ s(q, {}),
-        /* @__PURE__ */ s("span", { className: "sr-only", children: "Toggle Sidebar" })
-      ]
-    }
-  );
-});
-ne.displayName = "SidebarTrigger";
-const le = o(
-  ({ className: a, ...e }, t) => {
-    const { toggleSidebar: d } = N();
-    return /* @__PURE__ */ s(
-      "button",
-      {
-        ref: t,
-        "data-sidebar": "rail",
-        "aria-label": "Toggle Sidebar",
-        tabIndex: -1,
-        onClick: d,
-        title: "Toggle Sidebar",
-        className: i(
-          "hover:after:bg-surface-border-strong absolute inset-y-0 z-raised hidden w-4 -translate-x-1/2 transition-colors ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] 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-surface-2",
-          "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
-          "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
-          a
-        ),
-        ...e
-      }
-    );
-  }
-);
-le.displayName = "SidebarRail";
-const ce = o(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(
-    "main",
-    {
-      ref: t,
-      className: i(
-        "relative flex min-h-svh flex-1 flex-col bg-surface-1",
-        "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-ds-03 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-ds-03 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-ds-xl md:peer-data-[variant=inset]:shadow",
-        a
-      ),
-      ...e
-    }
-  )
-);
-ce.displayName = "SidebarInset";
-const ue = o(({ className: a, ...e }, t) => /* @__PURE__ */ s(
-  R,
-  {
-    ref: t,
-    "data-sidebar": "input",
-    className: i(
-      "h-ds-sm w-full bg-surface-1 shadow-none focus-visible:ring-2 focus-visible:ring-accent-9",
-      a
-    ),
-    ...e
-  }
-));
-ue.displayName = "SidebarInput";
-const fe = o(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: t,
-      "data-sidebar": "header",
-      className: i("flex flex-col gap-ds-03 p-ds-03", a),
-      ...e
-    }
-  )
-);
-fe.displayName = "SidebarHeader";
-const me = o(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: t,
-      "data-sidebar": "footer",
-      className: i("flex flex-col gap-ds-03 p-ds-03", a),
-      ...e
-    }
-  )
-);
-me.displayName = "SidebarFooter";
-const be = o(({ className: a, ...e }, t) => /* @__PURE__ */ s(
-  D,
-  {
-    ref: t,
-    "data-sidebar": "separator",
-    className: i(
-      "bg-surface-border mx-ds-03 w-auto",
-      a
-    ),
-    ...e
-  }
-));
-be.displayName = "SidebarSeparator";
-const pe = o(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: t,
-      "data-sidebar": "content",
-      className: i(
-        "flex min-h-0 flex-1 flex-col gap-ds-03 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
-        a
-      ),
-      ...e
-    }
-  )
-);
-pe.displayName = "SidebarContent";
-const ge = o(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: t,
-      "data-sidebar": "group",
-      className: i("relative flex w-full min-w-0 flex-col p-ds-03", a),
-      ...e
-    }
-  )
-);
-ge.displayName = "SidebarGroup";
-const he = o(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ s(
-  e ? w : "div",
-  {
-    ref: d,
-    "data-sidebar": "group-label",
-    className: i(
-      "flex h-ds-sm shrink-0 items-center rounded-ds-md px-ds-03 text-ds-sm font-medium text-surface-fg-muted outline-none ring-accent-9 transition-[margin,opa] duration-moderate-02 ease-linear focus-visible:ring-2 [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
-      "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
-      a
-    ),
-    ...t
-  }
-));
-he.displayName = "SidebarGroupLabel";
-const ve = o(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ s(
-  e ? w : "button",
-  {
-    ref: d,
-    "data-sidebar": "group-action",
-    className: i(
-      "hover:bg-surface-2 absolute right-ds-04 top-ds-04 flex aspect-square w-5 items-center justify-center rounded-ds-md p-0 text-surface-fg outline-none ring-accent-9 transition-transform hover:text-surface-fg focus-visible:ring-2 [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
-      "after:absolute after:-inset-2 after:md:hidden",
-      "group-data-[collapsible=icon]:hidden",
-      a
-    ),
-    ...t
-  }
-));
-ve.displayName = "SidebarGroupAction";
-const xe = o(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: t,
-      "data-sidebar": "group-content",
-      className: i("w-full text-ds-md", a),
-      ...e
-    }
-  )
-);
-xe.displayName = "SidebarGroupContent";
-const we = o(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(
-    "ul",
-    {
-      ref: t,
-      "data-sidebar": "menu",
-      className: i("flex w-full min-w-0 flex-col gap-ds-02", a),
-      ...e
-    }
-  )
-);
-we.displayName = "SidebarMenu";
-const Se = o(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(
-    "li",
-    {
-      ref: t,
-      "data-sidebar": "menu-item",
-      className: i("group/menu-item relative", a),
-      ...e
-    }
-  )
-);
-Se.displayName = "SidebarMenuItem";
-const ye = z(
-  "peer/menu-button hover:bg-surface-2 active:bg-accent-2 data-[active=true]:bg-accent-2 data-[state=open]:hover:bg-surface-2 flex w-full items-center gap-ds-03 overflow-hidden rounded-ds-md p-ds-03 text-left outline-none ring-accent-9 transition-[width,height,padding] hover:text-surface-fg focus-visible:ring-2 active:text-surface-fg disabled:pointer-events-none disabled:opacity-action-disabled group-has-[[data-sidebar=menu-action]]/menu-item:pr-ds-07 aria-disabled:pointer-events-none aria-disabled:opacity-action-disabled data-[active=true]:font-medium data-[active=true]:text-surface-fg data-[state=open]:hover:text-surface-fg group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-ds-03 [&>span:last-child]:truncate [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "hover:bg-surface-2 hover:text-surface-fg",
-        outline: "hover:bg-surface-2 bg-surface-1 shadow-[0_0_0_1px_var(--color-surface-border)] hover:text-surface-fg hover:shadow-[0_0_0_1px_var(--color-surface-border-strong)]"
-      },
-      size: {
-        md: "h-ds-sm text-ds-md",
-        sm: "h-ds-xs-plus text-ds-sm",
-        lg: "h-ds-lg text-ds-md group-data-[collapsible=icon]:!p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md"
-    }
-  }
-), Ne = o(
-  ({
-    asChild: a = !1,
-    isActive: e = !1,
-    variant: t = "default",
-    size: d = "md",
-    tooltip: r,
-    className: n,
-    children: c,
-    ...p
-  }, l) => {
-    const u = a ? w : "button", { isMobile: f, state: v } = N(), g = /* @__PURE__ */ s(
-      u,
-      {
-        ref: l,
-        "data-sidebar": "menu-button",
-        "data-size": d,
-        "data-active": e,
-        className: i(ye({ variant: t, size: d }), !a && "relative", n),
-        ...p,
-        children: a ? c : /* @__PURE__ */ h(G, { children: [
-          e && /* @__PURE__ */ s(
-            T.span,
-            {
-              layoutId: "sidebar-active-indicator",
-              className: "absolute inset-0 rounded-ds-md bg-accent-2",
-              transition: H.smooth
-            }
-          ),
-          /* @__PURE__ */ s("span", { className: "relative z-[1] flex w-full items-center gap-[inherit]", children: c })
-        ] })
-      }
-    );
-    return r ? (typeof r == "string" && (r = {
-      children: r
-    }), /* @__PURE__ */ h(Y, { children: [
-      /* @__PURE__ */ s(J, { asChild: !0, children: g }),
-      /* @__PURE__ */ s(
-        Q,
-        {
-          side: "right",
-          align: "center",
-          hidden: v !== "collapsed" || f,
-          ...r
-        }
-      )
-    ] })) : g;
-  }
-);
-Ne.displayName = "SidebarMenuButton";
-const Me = o(({ className: a, asChild: e = !1, showOnHover: t = !1, ...d }, r) => /* @__PURE__ */ s(
-  e ? w : "button",
-  {
-    ref: r,
-    "data-sidebar": "menu-action",
-    className: i(
-      "hover:bg-surface-2 absolute right-ds-02 top-ds-02b flex aspect-square w-5 items-center justify-center rounded-ds-md p-0 text-surface-fg outline-none ring-accent-9 transition-transform hover:text-surface-fg focus-visible:ring-2 peer-hover/menu-button:text-surface-fg [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
-      "after:absolute after:-inset-2 after:md:hidden",
-      "peer-data-[size=sm]/menu-button:top-1",
-      "peer-data-[size=md]/menu-button:top-ds-02b",
-      "peer-data-[size=lg]/menu-button:top-ds-03",
-      "group-data-[collapsible=icon]:hidden",
-      t && "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-surface-fg md:opacity-0",
-      a
-    ),
-    ...d
-  }
-));
-Me.displayName = "SidebarMenuAction";
-const _e = o(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: t,
-      "data-sidebar": "menu-badge",
-      className: i(
-        "pointer-events-none absolute right-ds-02 flex h-5 min-w-5 select-none items-center justify-center rounded-ds-md px-ds-02 text-ds-sm font-medium tabular-nums text-surface-fg",
-        "peer-hover/menu-button:text-surface-fg peer-data-[active=true]/menu-button:text-surface-fg",
-        "peer-data-[size=sm]/menu-button:top-1",
-        "peer-data-[size=md]/menu-button:top-ds-02b",
-        "peer-data-[size=lg]/menu-button:top-ds-03",
-        "group-data-[collapsible=icon]:hidden",
-        a
-      ),
-      ...e
-    }
-  )
-);
-_e.displayName = "SidebarMenuBadge";
-const Ce = o(({ className: a, showIcon: e = !1, ...t }, d) => {
-  const r = E(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      ref: d,
-      "data-sidebar": "menu-skeleton",
-      className: i("flex h-ds-sm items-center gap-ds-03 rounded-ds-md px-ds-03", a),
-      ...t,
-      children: [
-        e && /* @__PURE__ */ s(
-          I,
-          {
-            className: "h-ico-sm w-ico-sm rounded-ds-md",
-            "data-sidebar": "menu-skeleton-icon"
-          }
-        ),
-        /* @__PURE__ */ s(
-          I,
-          {
-            className: "h-4 max-w-[--skeleton-width] flex-1",
-            "data-sidebar": "menu-skeleton-text",
-            style: {
-              "--skeleton-width": r
-            }
-          }
-        )
-      ]
-    }
-  );
-});
-Ce.displayName = "SidebarMenuSkeleton";
-const Ie = o(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(
-    "ul",
-    {
-      ref: t,
-      "data-sidebar": "menu-sub",
-      className: i(
-        "mx-ds-04 flex min-w-0 translate-x-px flex-col gap-ds-02 border-l border-surface-border px-ds-03 py-ds-01",
-        "group-data-[collapsible=icon]:hidden",
-        a
-      ),
-      ...e
-    }
-  )
-);
-Ie.displayName = "SidebarMenuSub";
-const ke = o(
-  ({ ...a }, e) => /* @__PURE__ */ s("li", { ref: e, ...a })
-);
-ke.displayName = "SidebarMenuSubItem";
-const ze = o(({ asChild: a = !1, size: e = "md", isActive: t, className: d, ...r }, n) => /* @__PURE__ */ s(
-  a ? w : "a",
-  {
-    ref: n,
-    "data-sidebar": "menu-sub-button",
-    "data-size": e,
-    "data-active": t,
-    className: i(
-      "hover:bg-surface-2 active:bg-accent-2 flex h-ds-xs-plus min-w-0 -translate-x-px items-center gap-ds-03 overflow-hidden rounded-ds-md px-ds-03 text-surface-fg outline-none ring-accent-9 hover:text-surface-fg focus-visible:ring-2 active:text-surface-fg disabled:pointer-events-none disabled:opacity-action-disabled aria-disabled:pointer-events-none aria-disabled:opacity-action-disabled [&>span:last-child]:truncate [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0 [&>svg]:text-surface-fg",
-      "data-[active=true]:bg-accent-2 data-[active=true]:text-surface-fg",
-      e === "sm" && "text-ds-sm",
-      e === "md" && "text-ds-md",
-      "group-data-[collapsible=icon]:hidden",
-      d
-    ),
-    ...r
-  }
-));
-ze.displayName = "SidebarMenuSubButton";
-export {
-  R as I,
-  oe as S,
-  fe as a,
-  be as b,
-  pe as c,
-  ge as d,
-  he as e,
-  ve as f,
-  xe as g,
-  we as h,
-  me as i,
-  Se as j,
-  Ne as k,
-  _e as l,
-  Ie as m,
-  ke as n,
-  ze as o,
-  ne as p,
-  D as q,
-  ue as r,
-  ce as s,
-  Me as t,
-  Ce as u,
-  de as v,
-  le as w,
-  Z as x,
-  N as y
-};

package/dist/_chunks/spinner.js

@@ -1,64 +0,0 @@
-"use client";
-import { jsxs as M, jsx as t } from "react/jsx-runtime";
-import * as g from "react";
-import { c as $ } from "./utils.js";
-import { u as v, m as l, A as L } from "./motion.js";
-const C = {
-  sm: "h-ico-sm w-ico-sm",
-  md: "h-ico-md w-ico-md",
-  lg: "h-ico-lg w-ico-lg"
-}, N = { sm: 3, md: 3, lg: 4 }, K = { sm: 1.8, md: 2, lg: 2.5 }, o = 10, e = 2 * Math.PI * o, T = {
-  spinning: "Loading...",
-  success: "Complete",
-  error: "Error"
-}, F = {
-  spinning: "var(--color-accent-9)",
-  success: "var(--color-success-9)",
-  error: "var(--color-error-9)"
-}, P = "M7 12.5l3 3 7-7", b = "M8 8l8 8M16 8l-8 8", j = "M5 12.5l4 4 10-10", U = "M6 6l12 12M18 6l-12 12", B = g.forwardRef(({ size: m = "md", state: n = "spinning", variant: O = "filled", delay: d = 0, onComplete: i, className: E }, I) => {
-  const a = v(), [_, x] = g.useState(d === 0);
-  if (g.useEffect(() => {
-    if (d <= 0) {
-      x(!0);
-      return;
-    }
-    const W = setTimeout(() => x(!0), d);
-    return () => clearTimeout(W);
-  }, [d]), !_)
-    return null;
-  const s = N[m], u = K[m], h = n === "spinning", c = n === "success" || n === "error", r = O === "filled", p = F[n], f = r ? "white" : "currentColor", A = r ? P : j, R = r ? b : U, y = 0.4, w = 0.3, S = 0.25, k = r ? 0.5 : 0.35, D = 0.35;
-  return M("span", { ref: I, role: "status", className: $("inline-flex", E), children: [M("svg", { className: C[m], viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [a ? !(c && !r) && t("circle", { cx: "12", cy: "12", r: o, stroke: "var(--color-surface-border)", strokeWidth: s, fill: "none" }) : t(l.circle, { cx: "12", cy: "12", r: o, stroke: "var(--color-surface-border)", strokeWidth: s, fill: "none", animate: { opacity: c && !r ? 0 : 1 }, transition: { duration: 0.2, delay: c && !r ? y : 0 } }), a ? t("circle", { cx: "12", cy: "12", r: o, stroke: p, strokeWidth: s, fill: "none", strokeLinecap: "round", strokeDasharray: h ? `${e * 0.75} ${e * 0.25}` : `${e} 0`, style: {
-    transformOrigin: "center",
-    transform: h ? "rotate(-90deg)" : void 0,
-    opacity: c && !r ? 0 : 1
-  } }) : t(l.circle, { cx: "12", cy: "12", r: o, stroke: p, strokeWidth: s, fill: "none", strokeLinecap: "round", style: { transformOrigin: "center" }, animate: h ? {
-    rotate: [0, 360],
-    strokeDasharray: [
-      `${e * 0.1} ${e * 0.9}`,
-      `${e * 0.75} ${e * 0.25}`,
-      `${e * 0.1} ${e * 0.9}`
-    ]
-  } : {
-    rotate: 0,
-    strokeDasharray: `${e} 0`,
-    // In bare mode, fade out the arc after it completes
-    ...!r && { opacity: 0 }
-  }, transition: h ? {
-    rotate: { duration: 1, repeat: 1 / 0, ease: "linear" },
-    strokeDasharray: { duration: 1.5, repeat: 1 / 0, ease: "easeInOut" }
-  } : {
-    rotate: { duration: 0.3, ease: "easeOut" },
-    strokeDasharray: { duration: y, ease: "easeInOut" },
-    ...!r && { opacity: { duration: 0.2, delay: y } }
-  } }), t(L, { children: c && r && (a ? t("circle", { cx: "12", cy: "12", r: o + s / 2, fill: p, stroke: "none" }, "fill-static") : t(l.circle, { cx: "12", cy: "12", r: o + s / 2, fill: p, stroke: "none", initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { duration: S, delay: w, ease: "easeOut" }, style: { transformOrigin: "center" } }, "fill")) }), t(L, { children: n === "success" && (a ? t("path", { d: A, stroke: f, strokeWidth: u, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }, "check-static") : t(l.path, { d: A, stroke: f, strokeWidth: u, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", initial: { pathLength: 0, opacity: 0 }, animate: { pathLength: 1, opacity: 1 }, transition: {
-    pathLength: { duration: D, ease: "easeOut", delay: k },
-    opacity: { duration: 0.1, delay: k }
-  }, onAnimationComplete: () => i == null ? void 0 : i() }, "check")) }), t(L, { children: n === "error" && (a ? t("path", { d: R, stroke: f, strokeWidth: u, strokeLinecap: "round", fill: "none" }, "x-static") : t(l.path, { d: R, stroke: f, strokeWidth: u, strokeLinecap: "round", fill: "none", initial: { pathLength: 0, opacity: 0 }, animate: { pathLength: 1, opacity: 1 }, transition: {
-    pathLength: { duration: D, ease: "easeOut", delay: k },
-    opacity: { duration: 0.1, delay: k }
-  }, onAnimationComplete: () => i == null ? void 0 : i() }, "x")) })] }), t("span", { className: "sr-only", children: T[n] })] });
-});
-B.displayName = "Spinner";
-export {
-  B as S
-};