@devalok/shilp-sutra 0.34.0 → 0.36.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Devalok Design & Strategy Studios
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Devalok Design & Strategy Studios
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/_chunks/badge-group.js

@@ -1,251 +1,311 @@
 "use client";
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import * as R from "react";
-import { cn as a } from "../ui/lib/utils.js";
-import { IconCheck as D, IconX as E } from "@tabler/icons-react";
-import { a as I } from "./vendor-utils.js";
-import { springs as O } from "../ui/lib/motion.js";
-import { S as T } from "./primitives.js";
-import { Icon as N } from "../ui/icon.js";
-import { BadgeIndicator as q } from "../ui/badge-indicator.js";
-import { u as X, A as _, m as F } from "./framer.js";
-const $ = {
-  default: { bg: "bg-surface-raised-hover", fg: "text-surface-fg-muted", border: "border-surface-border-strong", solid: "bg-neutral-5", solidFg: "text-surface-fg" },
-  accent: { bg: "bg-accent-3", fg: "text-accent-11", border: "border-accent-7", solid: "bg-accent-9", solidFg: "text-accent-fg" },
-  error: { bg: "bg-error-3", fg: "text-error-11", border: "border-error-7", solid: "bg-error-9", solidFg: "text-error-fg" },
-  success: { bg: "bg-success-3", fg: "text-success-11", border: "border-success-7", solid: "bg-success-9", solidFg: "text-success-fg" },
-  warning: { bg: "bg-warning-3", fg: "text-warning-11", border: "border-warning-7", solid: "bg-warning-9", solidFg: "text-warning-fg" },
-  info: { bg: "bg-info-3", fg: "text-info-11", border: "border-info-7", solid: "bg-info-9", solidFg: "text-info-fg" },
-  neutral: { bg: "bg-surface-raised-hover", fg: "text-surface-fg-muted", border: "border-surface-border-strong", solid: "bg-neutral-5", solidFg: "text-surface-fg" },
-  teal: { bg: "bg-category-teal-3", fg: "text-category-teal-11", border: "border-category-teal-7", solid: "bg-category-teal-9", solidFg: "text-white" },
-  amber: { bg: "bg-category-amber-3", fg: "text-category-amber-11", border: "border-category-amber-7", solid: "bg-category-amber-9", solidFg: "text-white" },
-  slate: { bg: "bg-category-slate-3", fg: "text-category-slate-11", border: "border-category-slate-7", solid: "bg-category-slate-9", solidFg: "text-white" },
-  indigo: { bg: "bg-category-indigo-3", fg: "text-category-indigo-11", border: "border-category-indigo-7", solid: "bg-category-indigo-9", solidFg: "text-white" },
-  cyan: { bg: "bg-category-cyan-3", fg: "text-category-cyan-11", border: "border-category-cyan-7", solid: "bg-category-cyan-9", solidFg: "text-white" },
-  orange: { bg: "bg-category-orange-3", fg: "text-category-orange-11", border: "border-category-orange-7", solid: "bg-category-orange-9", solidFg: "text-white" },
-  emerald: { bg: "bg-category-emerald-3", fg: "text-category-emerald-11", border: "border-category-emerald-7", solid: "bg-category-emerald-9", solidFg: "text-white" }
+import { Hn as e } from "./primitives.js";
+import { a as t, c as n, n as r } from "./framer.js";
+import { durations as i, springs as a } from "../ui/lib/motion.js";
+import { t as o } from "./vendor-utils.js";
+import { cn as s } from "../ui/lib/utils.js";
+import { Icon as c } from "../ui/icon.js";
+import { BadgeIndicator as l } from "../ui/badge-indicator.js";
+import * as u from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { IconCheck as p, IconX as m } from "@tabler/icons-react";
+//#region src/ui/badge.tsx
+var h = {
+	default: {
+		bg: "bg-surface-raised-hover",
+		fg: "text-surface-fg-muted",
+		border: "border-surface-border-strong",
+		solid: "bg-neutral-5",
+		solidFg: "text-surface-fg"
+	},
+	accent: {
+		bg: "bg-accent-3",
+		fg: "text-accent-11",
+		border: "border-accent-7",
+		solid: "bg-accent-9",
+		solidFg: "text-accent-fg"
+	},
+	error: {
+		bg: "bg-error-3",
+		fg: "text-error-11",
+		border: "border-error-7",
+		solid: "bg-error-9",
+		solidFg: "text-error-fg"
+	},
+	success: {
+		bg: "bg-success-3",
+		fg: "text-success-11",
+		border: "border-success-7",
+		solid: "bg-success-9",
+		solidFg: "text-success-fg"
+	},
+	warning: {
+		bg: "bg-warning-3",
+		fg: "text-warning-11",
+		border: "border-warning-7",
+		solid: "bg-warning-9",
+		solidFg: "text-warning-fg"
+	},
+	info: {
+		bg: "bg-info-3",
+		fg: "text-info-11",
+		border: "border-info-7",
+		solid: "bg-info-9",
+		solidFg: "text-info-fg"
+	},
+	neutral: {
+		bg: "bg-surface-raised-hover",
+		fg: "text-surface-fg-muted",
+		border: "border-surface-border-strong",
+		solid: "bg-neutral-5",
+		solidFg: "text-surface-fg"
+	},
+	teal: {
+		bg: "bg-category-teal-3",
+		fg: "text-category-teal-11",
+		border: "border-category-teal-7",
+		solid: "bg-category-teal-9",
+		solidFg: "text-white"
+	},
+	amber: {
+		bg: "bg-category-amber-3",
+		fg: "text-category-amber-11",
+		border: "border-category-amber-7",
+		solid: "bg-category-amber-9",
+		solidFg: "text-white"
+	},
+	slate: {
+		bg: "bg-category-slate-3",
+		fg: "text-category-slate-11",
+		border: "border-category-slate-7",
+		solid: "bg-category-slate-9",
+		solidFg: "text-white"
+	},
+	indigo: {
+		bg: "bg-category-indigo-3",
+		fg: "text-category-indigo-11",
+		border: "border-category-indigo-7",
+		solid: "bg-category-indigo-9",
+		solidFg: "text-white"
+	},
+	cyan: {
+		bg: "bg-category-cyan-3",
+		fg: "text-category-cyan-11",
+		border: "border-category-cyan-7",
+		solid: "bg-category-cyan-9",
+		solidFg: "text-white"
+	},
+	orange: {
+		bg: "bg-category-orange-3",
+		fg: "text-category-orange-11",
+		border: "border-category-orange-7",
+		solid: "bg-category-orange-9",
+		solidFg: "text-white"
+	},
+	emerald: {
+		bg: "bg-category-emerald-3",
+		fg: "text-category-emerald-11",
+		border: "border-category-emerald-7",
+		solid: "bg-category-emerald-9",
+		solidFg: "text-white"
+	}
 };
-function H(n, d) {
-  if (d === "custom") return "";
-  const e = $[d];
-  switch (n) {
-    case "subtle":
-      return a(e.bg, e.fg, e.border);
-    case "solid":
-      return a(e.solid, e.solidFg, "border-transparent");
-    case "outline":
-      return a("bg-transparent", e.fg, e.border);
-    case "soft":
-      return a(e.bg, e.fg, "border-transparent");
-  }
+function g(e, t) {
+	if (t === "custom") return "";
+	let n = h[t];
+	switch (e) {
+		case "subtle": return s(n.bg, n.fg, n.border);
+		case "solid": return s(n.solid, n.solidFg, "border-transparent");
+		case "outline": return s("bg-transparent", n.fg, n.border);
+		case "soft": return s(n.bg, n.fg, "border-transparent");
+	}
 }
-const J = I(
-  "relative inline-flex items-center rounded-full font-sans font-medium overflow-hidden isolate transition-[color,background-color,border-color,padding] duration-fast-02 ease-productive-standard select-none [&>span:not([data-grain])]:relative [&>span:not([data-grain])]:z-[2]",
-  {
-    variants: {
-      variant: {
-        subtle: "border",
-        solid: "border border-transparent",
-        outline: "border",
-        soft: "border border-transparent"
-      },
-      size: {
-        xs: "h-4 px-1.5 text-[10px] gap-1",
-        sm: "h-5 px-2 text-ds-xs gap-1",
-        md: "h-6 px-2.5 text-ds-xs gap-1.5",
-        lg: "h-7 px-3 text-ds-sm gap-1.5"
-      }
-    },
-    defaultVariants: {
-      variant: "subtle",
-      size: "md"
-    }
-  }
-), z = {
-  xs: "[&>svg]:h-2.5 [&>svg]:w-2.5",
-  sm: "[&>svg]:h-3 [&>svg]:w-3",
-  md: "[&>svg]:h-3 [&>svg]:w-3",
-  lg: "[&>svg]:h-3.5 [&>svg]:w-3.5"
-}, Q = {
-  xs: "pl-1",
-  sm: "pl-1.5",
-  md: "pl-2",
-  lg: "pl-2.5"
-}, U = {
-  xs: "pr-0.5",
-  sm: "pr-1",
-  md: "pr-1",
-  lg: "pr-1.5"
-}, S = R.forwardRef(
-  ({
-    className: n,
-    variant: d,
-    color: e,
-    size: h,
-    asChild: x,
-    startIcon: s,
-    endIcon: i,
-    dot: g,
-    onDismiss: t,
-    onClick: r,
-    selected: l,
-    disabled: p,
-    maxWidth: y,
-    truncate: A,
-    circle: j,
-    children: b,
-    style: G,
-    ...w
-  }, K) => {
-    const k = X(), u = d ?? "subtle", C = e ?? "default", f = h ?? "md", m = x ? T : r && t ? "div" : r ? "button" : "span", M = C === "custom" ? {
-      ...u === "subtle" && {
-        backgroundColor: "color-mix(in oklch, var(--badge-color) 15%, transparent)",
-        color: "var(--badge-color)",
-        borderColor: "color-mix(in oklch, var(--badge-color) 40%, transparent)"
-      },
-      ...u === "solid" && {
-        backgroundColor: "var(--badge-color)",
-        color: "var(--badge-fg-color, white)",
-        borderColor: "transparent"
-      },
-      ...u === "outline" && {
-        backgroundColor: "transparent",
-        color: "var(--badge-color)",
-        borderColor: "color-mix(in oklch, var(--badge-color) 50%, transparent)"
-      },
-      ...u === "soft" && {
-        backgroundColor: "color-mix(in oklch, var(--badge-color) 12%, transparent)",
-        color: "var(--badge-color)",
-        borderColor: "transparent"
-      }
-    } : void 0, L = r && t ? (c) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), p || r(c)), w.onKeyDown?.(c);
-    } : w.onKeyDown, P = !!(g || s || r && l && !s && !g), V = !!(t || i);
-    return /* @__PURE__ */ v(
-      m,
-      {
-        ref: K,
-        className: a(
-          J({ variant: u, size: f }),
-          H(u, C),
-          P && Q[f],
-          V && U[f],
-          r && "cursor-pointer hover:brightness-[0.97] focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 transition-[color,background-color,border-color,transform,filter] duration-moderate-01 ease-productive-exit hover:duration-fast-02 hover:ease-productive-entrance active:scale-[0.95] active:brightness-[0.92] active:duration-[0ms]",
-          l && "ring-1 ring-current/20 transition-shadow duration-fast-02",
-          p && "opacity-action-disabled pointer-events-none saturate-[0.3]",
-          j && "justify-center px-0 aspect-square",
-          n
-        ),
-        style: { ...G, ...M, ...y ? { maxWidth: y } : void 0 },
-        onClick: p ? void 0 : r,
-        onKeyDown: L,
-        ...m === "button" && { type: "button" },
-        ...m === "button" && p ? { disabled: !0 } : {},
-        ...m === "div" && r ? { role: "button", tabIndex: 0 } : {},
-        ...w,
-        children: [
-          /* @__PURE__ */ o(_, { children: g && /* @__PURE__ */ v(
-            F.span,
-            {
-              initial: { scale: 0 },
-              animate: { scale: 1 },
-              exit: { scale: 0 },
-              transition: O.snappy,
-              className: "relative inline-flex h-1.5 w-1.5 shrink-0",
-              "aria-hidden": "true",
-              children: [
-                /* @__PURE__ */ o(
-                  F.span,
-                  {
-                    className: "absolute inset-0 rounded-full bg-current",
-                    animate: k ? void 0 : { scale: [1, 2.5], opacity: [0.35, 0] },
-                    transition: k ? { duration: 0 } : { repeat: 1 / 0, repeatDelay: 0.3, duration: 1.2, ease: [0, 0, 0.58, 1] }
-                  }
-                ),
-                /* @__PURE__ */ o("span", { className: "relative h-1.5 w-1.5 rounded-full bg-current" })
-              ]
-            },
-            "dot"
-          ) }),
-          r && !s && !g && /* @__PURE__ */ o(
-            F.span,
-            {
-              initial: !1,
-              animate: l ? { opacity: 1, scale: 1, width: "auto", marginRight: 0 } : { opacity: 0, scale: 0.5, width: 0, marginRight: -4 },
-              transition: { type: "tween", duration: 0.15, ease: [0.2, 0, 0.38, 0.9] },
-              className: "inline-flex shrink-0 overflow-hidden",
-              "aria-hidden": !l,
-              children: /* @__PURE__ */ o(N, { icon: D, size: "xs" })
-            }
-          ),
-          s && /* @__PURE__ */ o("span", { className: a("shrink-0", z[f]), children: s }),
-          A || y ? /* @__PURE__ */ o(
-            "span",
-            {
-              className: "truncate",
-              title: typeof b == "string" ? b : void 0,
-              children: b
-            }
-          ) : b,
-          i && /* @__PURE__ */ o("span", { className: a("shrink-0", z[f]), children: i }),
-          t && /* @__PURE__ */ o(
-            "button",
-            {
-              type: "button",
-              onClick: (c) => {
-                c.stopPropagation(), t();
-              },
-              className: a(
-                "shrink-0 rounded-full text-current/60 hover:text-current hover:bg-current/10 transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent-9",
-                f === "xs" ? "p-0 -mr-0.5 min-w-[16px] min-h-[16px]" : "p-px"
-              ),
-              "aria-label": `Remove ${typeof b == "string" ? b : ""}`.trim() || "Remove",
-              children: /* @__PURE__ */ o(N, { icon: E, size: "xs" })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-S.displayName = "Badge";
-const W = Object.assign(S, {
-  Indicator: q,
-  Group: B
-}), Y = {
-  tight: "gap-1",
-  default: "gap-1.5",
-  loose: "gap-2"
+var _ = o("relative inline-flex items-center rounded-full font-sans font-medium overflow-hidden isolate transition-[color,background-color,border-color,padding] duration-fast-02 ease-productive-standard select-none [&>span:not([data-grain])]:relative [&>span:not([data-grain])]:z-[2]", {
+	variants: {
+		variant: {
+			subtle: "border",
+			solid: "border border-transparent",
+			outline: "border",
+			soft: "border border-transparent"
+		},
+		size: {
+			xs: "h-4 px-ds-02b text-ds-xs gap-ds-02",
+			sm: "h-5 px-ds-03 text-ds-xs gap-ds-02",
+			md: "h-6 px-2.5 text-ds-xs gap-ds-02b",
+			lg: "h-7 px-ds-04 text-ds-sm gap-ds-02b"
+		}
+	},
+	defaultVariants: {
+		variant: "subtle",
+		size: "md"
+	}
+}), v = {
+	xs: "[&>svg]:h-2.5 [&>svg]:w-2.5",
+	sm: "[&>svg]:h-3 [&>svg]:w-3",
+	md: "[&>svg]:h-3 [&>svg]:w-3",
+	lg: "[&>svg]:h-3.5 [&>svg]:w-3.5"
+}, y = {
+	xs: "pl-ds-02",
+	sm: "pl-ds-02b",
+	md: "pl-ds-03",
+	lg: "pl-2.5"
+}, b = {
+	xs: "pr-ds-01",
+	sm: "pr-ds-02",
+	md: "pr-ds-02",
+	lg: "pr-ds-02b"
+}, x = u.forwardRef(({ className: o, variant: l, color: u, size: h, asChild: x, startIcon: S, endIcon: C, dot: w, onDismiss: T, onClick: E, selected: D, disabled: O, maxWidth: k, truncate: A, circle: j, children: M, style: N, ...P }, F) => {
+	let I = r(), L = l ?? "subtle", R = u ?? "default", z = h ?? "md", B = x ? e : E && T ? "div" : E ? "button" : "span", V = R === "custom" ? {
+		...L === "subtle" && {
+			backgroundColor: "color-mix(in oklch, var(--badge-color) 15%, transparent)",
+			color: "var(--badge-color)",
+			borderColor: "color-mix(in oklch, var(--badge-color) 40%, transparent)"
+		},
+		...L === "solid" && {
+			backgroundColor: "var(--badge-color)",
+			color: "var(--badge-fg-color, white)",
+			borderColor: "transparent"
+		},
+		...L === "outline" && {
+			backgroundColor: "transparent",
+			color: "var(--badge-color)",
+			borderColor: "color-mix(in oklch, var(--badge-color) 50%, transparent)"
+		},
+		...L === "soft" && {
+			backgroundColor: "color-mix(in oklch, var(--badge-color) 12%, transparent)",
+			color: "var(--badge-color)",
+			borderColor: "transparent"
+		}
+	} : void 0, H = E && T ? (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), O || E(e)), P.onKeyDown?.(e);
+	} : P.onKeyDown, U = !!(w || S || E && D && !S && !w), W = !!(T || C);
+	return /* @__PURE__ */ f(B, {
+		ref: F,
+		className: s(_({
+			variant: L,
+			size: z
+		}), g(L, R), U && y[z], W && b[z], E && "cursor-pointer hover:brightness-[0.97] focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 transition-[color,background-color,border-color,transform,filter] duration-moderate-01 ease-productive-exit hover:duration-fast-02 hover:ease-productive-entrance active:scale-[0.95] active:brightness-[0.92] active:duration-[0ms]", D && "ring-1 ring-current/20 transition-shadow duration-fast-02", O && "opacity-action-disabled pointer-events-none saturate-[0.3]", j && "justify-center px-0 aspect-square", o),
+		style: {
+			...N,
+			...V,
+			...k ? { maxWidth: k } : void 0
+		},
+		onClick: O ? void 0 : E,
+		onKeyDown: H,
+		...B === "button" && { type: "button" },
+		...B === "button" && O ? { disabled: !0 } : {},
+		...B === "div" && E ? {
+			role: "button",
+			tabIndex: 0
+		} : {},
+		...P,
+		children: [
+			/* @__PURE__ */ d(n, { children: w && /* @__PURE__ */ f(t.span, {
+				initial: { scale: 0 },
+				animate: { scale: 1 },
+				exit: { scale: 0 },
+				transition: a.snappy,
+				className: "relative inline-flex h-1.5 w-1.5 shrink-0",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ d(t.span, {
+					className: "absolute inset-0 rounded-full bg-current",
+					animate: I ? void 0 : {
+						scale: [1, 2.5],
+						opacity: [.35, 0]
+					},
+					transition: I ? { duration: 0 } : {
+						repeat: Infinity,
+						repeatDelay: .3,
+						duration: 1.2,
+						ease: [
+							0,
+							0,
+							.58,
+							1
+						]
+					}
+				}), /* @__PURE__ */ d("span", { className: "relative h-1.5 w-1.5 rounded-full bg-current" })]
+			}, "dot") }),
+			E && !S && !w && /* @__PURE__ */ d(t.span, {
+				initial: !1,
+				animate: D ? {
+					opacity: 1,
+					scale: 1,
+					width: "auto",
+					marginRight: 0
+				} : {
+					opacity: 0,
+					scale: .5,
+					width: 0,
+					marginRight: -4
+				},
+				transition: {
+					type: "tween",
+					duration: i.moderate01,
+					ease: [
+						.2,
+						0,
+						.38,
+						.9
+					]
+				},
+				className: "inline-flex shrink-0 overflow-hidden",
+				"aria-hidden": !D,
+				children: /* @__PURE__ */ d(c, {
+					icon: p,
+					size: "xs"
+				})
+			}),
+			S && /* @__PURE__ */ d("span", {
+				className: s("shrink-0", v[z]),
+				children: S
+			}),
+			A || k ? /* @__PURE__ */ d("span", {
+				className: "truncate",
+				title: typeof M == "string" ? M : void 0,
+				children: M
+			}) : M,
+			C && /* @__PURE__ */ d("span", {
+				className: s("shrink-0", v[z]),
+				children: C
+			}),
+			T && /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation(), T();
+				},
+				className: s("shrink-0 rounded-full text-current/60 hover:text-current hover:bg-current/10 transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent-9", z === "xs" ? "p-0 -mr-0.5 min-w-[16px] min-h-[16px]" : "p-px"),
+				"aria-label": `Remove ${typeof M == "string" ? M : ""}`.trim() || "Remove",
+				children: /* @__PURE__ */ d(c, {
+					icon: m,
+					size: "xs"
+				})
+			})
+		]
+	});
+});
+x.displayName = "Badge";
+var S = Object.assign(x, {
+	Indicator: l,
+	Group: w
+}), C = {
+	tight: "gap-1",
+	default: "gap-1.5",
+	loose: "gap-2"
 };
-function B({
-  max: n,
-  gap: d = "default",
-  size: e,
-  onOverflowClick: h,
-  className: x,
-  children: s
-}) {
-  const i = R.Children.toArray(s), g = i.length, t = n !== void 0 && g > n, r = t ? i.slice(0, n) : i, l = t ? g - n : 0;
-  return /* @__PURE__ */ v("div", { className: a("flex flex-wrap items-center", Y[d], x), children: [
-    r,
-    t && /* @__PURE__ */ v(
-      W,
-      {
-        variant: "outline",
-        color: "neutral",
-        size: e ?? "sm",
-        onClick: h,
-        children: [
-          "+",
-          l
-        ]
-      }
-    )
-  ] });
+function w({ max: e, gap: t = "default", size: n, onOverflowClick: r, className: i, children: a }) {
+	let o = u.Children.toArray(a), c = o.length, l = e !== void 0 && c > e, d = l ? o.slice(0, e) : o, p = l ? c - e : 0;
+	return /* @__PURE__ */ f("div", {
+		className: s("flex flex-wrap items-center", C[t], i),
+		children: [d, l && /* @__PURE__ */ f(S, {
+			variant: "outline",
+			color: "neutral",
+			size: n ?? "sm",
+			onClick: r,
+			children: ["+", p]
+		})]
+	});
 }
-B.displayName = "BadgeGroup";
-export {
-  W as B,
-  B as a,
-  J as b
-};
+w.displayName = "BadgeGroup";
+//#endregion
+export { S as n, _ as r, w as t };