@devalok/shilp-sutra 0.8.4 → 0.9.1

package/dist/_chunks/sidebar.js

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

package/dist/_chunks/spinner.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import * as n from "react";
+import { c as l } from "./utils.js";
+const c = n.createContext({});
+function v() {
+  return n.useContext(c);
+}
+const h = n.forwardRef(({ className: s, variant: e, color: r, size: t, orientation: a = "horizontal", children: d, ...u }, m) => {
+  const f = n.useMemo(() => ({ variant: e, color: r, size: t }), [e, r, t]);
+  return o(c.Provider, { value: f, children: o("div", { ref: m, role: "group", className: l("inline-flex", a === "horizontal" ? [
+    "flex-row",
+    "[&>*:not(:first-child)]:rounded-l-none",
+    "[&>*:not(:last-child)]:rounded-r-none",
+    "[&>*:not(:first-child)]:-ml-px"
+  ] : [
+    "flex-col",
+    "[&>*:not(:first-child)]:rounded-t-none",
+    "[&>*:not(:last-child)]:rounded-b-none",
+    "[&>*:not(:first-child)]:-mt-px"
+  ], s), ...u, children: d }) });
+});
+h.displayName = "ButtonGroup";
+const p = {
+  sm: "h-ico-sm w-ico-sm",
+  md: "h-ico-md w-ico-md",
+  lg: "h-ico-lg w-ico-lg"
+}, x = n.forwardRef(({ size: s = "md", className: e, ...r }, t) => i("span", { role: "status", children: [i("svg", { ref: t, className: l("animate-spin motion-reduce:animate-none", p[s], e), viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: [o("circle", { cx: "12", cy: "12", r: "10", stroke: "var(--color-border-subtle)", strokeWidth: "4", fill: "none" }), o("path", { d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z", fill: "var(--color-interactive)" })] }), o("span", { className: "sr-only", children: "Loading..." })] }));
+x.displayName = "Spinner";
+export {
+  h as B,
+  x as S,
+  v as u
+};