@devalok/shilp-sutra 0.36.1 → 0.37.0-next.0

package/dist/ui/split-button.d.ts

@@ -41,5 +41,5 @@ export interface SplitButtonProps {
 }
 declare const SplitButton: React.ForwardRefExoticComponent<SplitButtonProps & React.RefAttributes<HTMLDivElement>>;
 export { SplitButton };
-export type { SplitButtonVariant, SplitButtonColor, SplitButtonSize };
+export type { SplitButtonColor, SplitButtonSize, SplitButtonVariant };
 //# sourceMappingURL=split-button.d.ts.map

package/dist/ui/split-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"split-button.d.ts","sourceRoot":"","sources":["../../src/ui/split-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEnG,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAMzC,KAAK,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AACtD,KAAK,gBAAgB,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;AACjF,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE7E,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,yCAAyC;IACzC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACzD,2DAA2D;IAC3D,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,uBAAuB;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,wBAAwB;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,oBAAoB;IACpB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,sEAAsE;IACtE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC9B,qEAAqE;IACrE,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA2FD,QAAA,MAAM,WAAW,yFAwNhB,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"split-button.d.ts","sourceRoot":"","sources":["../../src/ui/split-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6C,KAAK,SAAS,EAAQ,MAAM,kBAAkB,CAAA;AAClG,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAMzC,KAAK,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AACtD,KAAK,gBAAgB,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;AACjF,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE7E,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,yCAAyC;IACzC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACzD,2DAA2D;IAC3D,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,uBAAuB;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,wBAAwB;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,oBAAoB;IACpB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,sEAAsE;IACtE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC9B,qEAAqE;IACrE,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA2FD,QAAA,MAAM,WAAW,yFAwNhB,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAC,kBAAkB,EAAE,CAAA"}

package/dist/ui/split-button.js

@@ -1,10 +1,10 @@
 "use client";
 import { cn as e, ln as t, mn as n, pn as r, un as i } from "../_chunks/primitives.js";
-import { a, c as o } from "../_chunks/framer.js";
-import { durations as s } from "./lib/motion.js";
-import { cn as c } from "./lib/utils.js";
-import * as l from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { durations as a } from "./lib/motion.js";
+import { cn as o } from "./lib/utils.js";
+import * as s from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { AnimatePresence as d, motion as f } from "framer-motion";
 //#region src/ui/split-button.tsx
 var p = {
 	solid: {
@@ -101,14 +101,14 @@ function b(e) {
 	return t[e] ?? t.accent;
 }
 function x({ className: e }) {
-	return /* @__PURE__ */ d("svg", {
+	return /* @__PURE__ */ l("svg", {
 		width: "12",
 		height: "12",
 		viewBox: "0 0 12 12",
 		fill: "none",
 		className: e,
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ d("path", {
+		children: /* @__PURE__ */ l("path", {
 			d: "M3 4.5L6 7.5L9 4.5",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
@@ -117,11 +117,11 @@ function x({ className: e }) {
 		})
 	});
 }
-var S = l.forwardRef(function({ children: S, onClick: C, dropdownContent: w, open: T, onOpenChange: E, variant: D = "solid", color: O = "accent", size: k = "md", disabled: A = !1, "aria-label": j, dropdownLabel: M = "More options", dropdownIcon: N, triggerSide: P = "right", placement: F = "top-end", triggerWidth: I, className: L }, R) {
-	let [z, B] = l.useState(!1), V = T !== void 0, H = V ? T : z, U = l.useRef(null), W = l.useRef(null), G = l.useId(), K = l.useCallback((e) => {
+var S = s.forwardRef(function({ children: S, onClick: C, dropdownContent: w, open: T, onOpenChange: E, variant: D = "solid", color: O = "accent", size: k = "md", disabled: A = !1, "aria-label": j, dropdownLabel: M = "More options", dropdownIcon: N, triggerSide: P = "right", placement: F = "top-end", triggerWidth: I, className: L }, R) {
+	let [z, B] = s.useState(!1), V = T !== void 0, H = V ? T : z, U = s.useRef(null), W = s.useRef(null), G = s.useId(), K = s.useCallback((e) => {
 		E && E(e), V || B(e);
 	}, [E, V]);
-	l.useEffect(() => {
+	s.useEffect(() => {
 		if (!H || !U.current || !W.current) return;
 		let a = U.current, o = W.current;
 		return e(a, o, () => {
@@ -143,14 +143,14 @@ var S = l.forwardRef(function({ children: S, onClick: C, dropdownContent: w, ope
 				});
 			});
 		});
-	}, [H, F]), l.useEffect(() => {
+	}, [H, F]), s.useEffect(() => {
 		if (!H) return;
 		let e = (e) => {
 			let t = e.target;
 			U.current?.contains(t) || W.current?.contains(t) || K(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [H, K]), l.useEffect(() => {
+	}, [H, K]), s.useEffect(() => {
 		if (!H) return;
 		let e = (e) => {
 			e.key === "Escape" && K(!1);
@@ -158,16 +158,16 @@ var S = l.forwardRef(function({ children: S, onClick: C, dropdownContent: w, ope
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [H, K]);
 	let q = y(D, O), J = p[D][O] ?? p[D].accent, Y = I == null ? void 0 : { width: typeof I == "number" ? `${I}px` : I };
-	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
 		ref: R,
 		role: "group",
 		"aria-label": j ?? void 0,
-		className: c("relative inline-flex", L),
-		children: /* @__PURE__ */ f("div", {
+		className: o("relative inline-flex", L),
+		children: /* @__PURE__ */ u("div", {
 			ref: U,
-			className: c("inline-flex items-stretch overflow-hidden", v[k], D === "solid" && "shadow-raised", D === "outline" && `border ${b(O)}`),
+			className: o("inline-flex items-stretch overflow-hidden", v[k], D === "solid" && "shadow-raised", D === "outline" && `border ${b(O)}`),
 			children: [
-				P === "left" && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("button", {
+				P === "left" && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
 					type: "button",
 					onClick: () => K(!H),
 					disabled: A,
@@ -175,19 +175,19 @@ var S = l.forwardRef(function({ children: S, onClick: C, dropdownContent: w, ope
 					"aria-haspopup": "menu",
 					"aria-expanded": H,
 					"aria-controls": H ? G : void 0,
-					className: c("inline-flex items-center justify-center select-none", "transition-colors duration-fast-01 ease-productive-standard", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset", "disabled:pointer-events-none disabled:opacity-action-disabled", q, m[k], _[k]),
+					className: o("inline-flex items-center justify-center select-none", "transition-colors duration-fast-01 ease-productive-standard", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset", "disabled:pointer-events-none disabled:opacity-action-disabled", q, m[k], _[k]),
 					style: Y,
-					children: N ?? /* @__PURE__ */ d(x, {})
-				}), /* @__PURE__ */ d("div", { className: c("w-px self-stretch", J) })] }),
-				/* @__PURE__ */ d("button", {
+					children: N ?? /* @__PURE__ */ l(x, {})
+				}), /* @__PURE__ */ l("div", { className: o("w-px self-stretch", J) })] }),
+				/* @__PURE__ */ l("button", {
 					type: "button",
 					onClick: C,
 					disabled: A,
 					"aria-label": j,
-					className: c("inline-flex items-center justify-center font-semibold select-none whitespace-nowrap", "transition-[colors,transform] duration-fast-01 ease-productive-standard", "active:scale-[0.97]", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset", "disabled:pointer-events-none disabled:opacity-action-disabled", q, m[k], h[k], g[k]),
+					className: o("inline-flex items-center justify-center font-semibold select-none whitespace-nowrap", "transition-[colors,transform] duration-fast-01 ease-productive-standard", "active:scale-[0.97]", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset", "disabled:pointer-events-none disabled:opacity-action-disabled", q, m[k], h[k], g[k]),
 					children: S
 				}),
-				P === "right" && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { className: c("w-px self-stretch", J) }), /* @__PURE__ */ d("button", {
+				P === "right" && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", { className: o("w-px self-stretch", J) }), /* @__PURE__ */ l("button", {
 					type: "button",
 					onClick: () => K(!H),
 					disabled: A,
@@ -195,13 +195,13 @@ var S = l.forwardRef(function({ children: S, onClick: C, dropdownContent: w, ope
 					"aria-haspopup": "menu",
 					"aria-expanded": H,
 					"aria-controls": H ? G : void 0,
-					className: c("inline-flex items-center justify-center select-none", "transition-colors duration-fast-01 ease-productive-standard", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset", "disabled:pointer-events-none disabled:opacity-action-disabled", q, m[k], _[k]),
+					className: o("inline-flex items-center justify-center select-none", "transition-colors duration-fast-01 ease-productive-standard", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset", "disabled:pointer-events-none disabled:opacity-action-disabled", q, m[k], _[k]),
 					style: Y,
-					children: N ?? /* @__PURE__ */ d(x, {})
+					children: N ?? /* @__PURE__ */ l(x, {})
 				})] })
 			]
 		})
-	}), /* @__PURE__ */ d(o, { children: H && w && /* @__PURE__ */ d("div", {
+	}), /* @__PURE__ */ l(d, { children: H && w && /* @__PURE__ */ l("div", {
 		ref: W,
 		id: G,
 		role: "menu",
@@ -210,7 +210,7 @@ var S = l.forwardRef(function({ children: S, onClick: C, dropdownContent: w, ope
 			top: 0,
 			left: 0
 		},
-		children: /* @__PURE__ */ d(a.div, {
+		children: /* @__PURE__ */ l(f.div, {
 			initial: {
 				opacity: 0,
 				scale: .95
@@ -223,7 +223,7 @@ var S = l.forwardRef(function({ children: S, onClick: C, dropdownContent: w, ope
 				opacity: 0,
 				scale: .95
 			},
-			transition: { duration: s.moderate01 },
+			transition: { duration: a.moderate01 },
 			className: "rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating",
 			children: w
 		})

package/dist/ui/split-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-button.js","names":[],"sources":["../../src/ui/split-button.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { computePosition, flip, offset, shift, autoUpdate, type Placement } from '@floating-ui/dom'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { type VariantProps } from 'class-variance-authority'\nimport { buttonVariants } from './button'\nimport { cn } from './lib/utils'\nimport { durations } from './lib/motion'\n\n// ── Types ───────────────────────────────────────────────────────\n\ntype SplitButtonVariant = 'solid' | 'soft' | 'outline'\ntype SplitButtonColor = NonNullable<VariantProps<typeof buttonVariants>['color']>\ntype SplitButtonSize = 'xs' | 'sm' | 'md' | 'icon-xs' | 'icon-sm' | 'icon-md'\n\nexport interface SplitButtonProps {\n  /** Primary action content (left side). */\n  children: React.ReactNode\n  /** Primary click handler (left side). */\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void\n  /** Content rendered inside the floating dropdown panel. */\n  dropdownContent?: React.ReactNode\n  /** Controlled open state. */\n  open?: boolean\n  /** Called when open state changes. Uncontrolled if omitted. */\n  onOpenChange?: (open: boolean) => void\n  /** @default 'solid' */\n  variant?: SplitButtonVariant\n  /** @default 'accent' */\n  color?: SplitButtonColor\n  /** @default 'md' */\n  size?: SplitButtonSize\n  /** Disable both halves. */\n  disabled?: boolean\n  /** aria-label for the primary button. */\n  'aria-label'?: string\n  /** aria-label for the dropdown trigger. @default 'More options' */\n  dropdownLabel?: string\n  /** Custom icon for the dropdown trigger. Defaults to chevron-down. */\n  dropdownIcon?: React.ReactNode\n  /** Which side the dropdown trigger sits on. @default 'right' */\n  triggerSide?: 'left' | 'right'\n  /** Preferred placement for the dropdown panel. @default 'top-end' */\n  placement?: Placement\n  /** Width of the trigger (chevron) half. @default 'auto' */\n  triggerWidth?: number | string\n  className?: string\n}\n\n// ── Styling maps ────────────────────────────────────────────────\n\nconst dividerColor: Record<SplitButtonVariant, Record<string, string>> = {\n  solid: {\n    accent: 'bg-accent-11/20', error: 'bg-error-11/20', success: 'bg-success-11/20',\n    warning: 'bg-warning-11/20', neutral: 'bg-neutral-8/30',\n  },\n  soft: {\n    accent: 'bg-accent-6', error: 'bg-error-6', success: 'bg-success-6',\n    warning: 'bg-warning-6', neutral: 'bg-surface-border',\n  },\n  outline: {\n    accent: 'bg-accent-7', error: 'bg-error-7', success: 'bg-success-7',\n    warning: 'bg-warning-7', neutral: 'bg-surface-border-strong',\n  },\n}\n\nconst heightClass: Record<SplitButtonSize, string> = {\n  xs: 'h-ds-xs-plus', sm: 'h-ds-sm', md: 'h-ds-md',\n  'icon-xs': 'h-ds-xs-plus', 'icon-sm': 'h-ds-sm', 'icon-md': 'h-ds-md',\n}\n\nconst textClass: Record<SplitButtonSize, string> = {\n  xs: 'text-ds-sm', sm: 'text-ds-sm', md: 'text-ds-md',\n  'icon-xs': 'text-ds-sm', 'icon-sm': 'text-ds-sm', 'icon-md': 'text-ds-md',\n}\n\nconst primaryPadding: Record<SplitButtonSize, string> = {\n  xs: 'px-ds-03 gap-1', sm: 'px-ds-04 gap-1.5', md: 'px-ds-05 gap-2',\n  'icon-xs': 'px-ds-02', 'icon-sm': 'px-ds-03', 'icon-md': 'px-ds-04',\n}\n\nconst triggerPadding: Record<SplitButtonSize, string> = {\n  xs: 'px-ds-02', sm: 'px-ds-02', md: 'px-ds-03',\n  'icon-xs': 'px-ds-01', 'icon-sm': 'px-ds-02', 'icon-md': 'px-ds-02',\n}\n\nconst radiusClass: Record<SplitButtonSize, string> = {\n  xs: 'rounded-ds-md', sm: 'rounded-ds-md', md: 'rounded-ds-lg',\n  'icon-xs': 'rounded-ds-sm', 'icon-sm': 'rounded-ds-md', 'icon-md': 'rounded-ds-md',\n}\n\nfunction getHalfClasses(variant: SplitButtonVariant, color: string): string {\n  const map: Record<SplitButtonVariant, Record<string, string>> = {\n    solid: {\n      accent: 'bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-11',\n      error: 'bg-error-9 text-error-fg hover:bg-error-10 active:bg-error-11',\n      success: 'bg-success-9 text-success-fg hover:bg-success-10 active:bg-success-11',\n      warning: 'bg-warning-9 text-warning-fg hover:bg-warning-10 active:bg-warning-11',\n      neutral: 'bg-neutral-5 text-surface-fg hover:bg-neutral-7 active:bg-neutral-8',\n    },\n    soft: {\n      accent: 'bg-accent-3 text-accent-11 hover:bg-accent-4 active:bg-accent-5',\n      error: 'bg-error-3 text-error-11 hover:bg-error-4 active:bg-error-5',\n      success: 'bg-success-3 text-success-11 hover:bg-success-4 active:bg-success-5',\n      warning: 'bg-warning-3 text-warning-11 hover:bg-warning-4 active:bg-warning-5',\n      neutral: 'bg-surface-raised-hover text-surface-fg-muted hover:bg-surface-raised-active active:bg-neutral-5',\n    },\n    outline: {\n      accent: 'bg-transparent text-accent-11 hover:bg-accent-3 active:bg-accent-4',\n      error: 'bg-transparent text-error-11 hover:bg-error-3 active:bg-error-4',\n      success: 'bg-transparent text-success-11 hover:bg-success-3 active:bg-success-4',\n      warning: 'bg-transparent text-warning-11 hover:bg-warning-3 active:bg-warning-4',\n      neutral: 'bg-transparent text-surface-fg hover:bg-surface-raised-hover active:bg-surface-raised-active',\n    },\n  }\n  return map[variant][color] ?? map[variant].accent\n}\n\nfunction getOutlineBorderColor(color: string): string {\n  const map: Record<string, string> = {\n    accent: 'border-accent-7', error: 'border-error-7', success: 'border-success-7',\n    warning: 'border-warning-7', neutral: 'border-surface-border-strong',\n  }\n  return map[color] ?? map.accent\n}\n\n// ── Chevron SVG ─────────────────────────────────────────────────\n\nfunction ChevronDown({ className }: { className?: string }) {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" className={className} aria-hidden=\"true\">\n      <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\n// ── Component ───────────────────────────────────────────────────\n\nconst SplitButton = React.forwardRef<HTMLDivElement, SplitButtonProps>(\n  function SplitButton(\n    {\n      children,\n      onClick,\n      dropdownContent,\n      open: openProp,\n      onOpenChange,\n      variant = 'solid',\n      color = 'accent',\n      size = 'md',\n      disabled = false,\n      'aria-label': ariaLabel,\n      dropdownLabel = 'More options',\n      dropdownIcon,\n      triggerSide = 'right',\n      placement: placementProp = 'top-end',\n      triggerWidth,\n      className,\n    },\n    ref,\n  ) {\n    const [internalOpen, setInternalOpen] = React.useState(false)\n    const isControlled = openProp !== undefined\n    const isOpen = isControlled ? openProp : internalOpen\n\n    const anchorRef = React.useRef<HTMLDivElement>(null)\n    const floatingRef = React.useRef<HTMLDivElement>(null)\n    const menuId = React.useId()\n\n    const setOpen = React.useCallback(\n      (value: boolean) => {\n        if (onOpenChange) onOpenChange(value)\n        if (!isControlled) setInternalOpen(value)\n      },\n      [onOpenChange, isControlled],\n    )\n\n    // ── Floating UI positioning ──\n    React.useEffect(() => {\n      if (!isOpen || !anchorRef.current || !floatingRef.current) return\n\n      const anchor = anchorRef.current\n      const floating = floatingRef.current\n\n      const update = () => {\n        computePosition(anchor, floating, {\n          placement: placementProp,\n          middleware: [\n            offset(8),\n            flip({ fallbackPlacements: ['bottom-end', 'top-start', 'bottom-start'] }),\n            shift({ padding: 8 }),\n          ],\n        }).then(({ x, y }) => {\n          Object.assign(floating.style, { left: `${x}px`, top: `${y}px` })\n        })\n      }\n\n      const cleanup = autoUpdate(anchor, floating, update)\n      return cleanup\n    }, [isOpen, placementProp])\n\n    // ── Close on outside click ──\n    React.useEffect(() => {\n      if (!isOpen) return\n      const handleClick = (e: MouseEvent) => {\n        const target = e.target as Node\n        if (\n          anchorRef.current?.contains(target) ||\n          floatingRef.current?.contains(target)\n        ) return\n        setOpen(false)\n      }\n      document.addEventListener('mousedown', handleClick)\n      return () => document.removeEventListener('mousedown', handleClick)\n    }, [isOpen, setOpen])\n\n    // ── Close on Escape ──\n    React.useEffect(() => {\n      if (!isOpen) return\n      const handleKey = (e: KeyboardEvent) => {\n        if (e.key === 'Escape') setOpen(false)\n      }\n      document.addEventListener('keydown', handleKey)\n      return () => document.removeEventListener('keydown', handleKey)\n    }, [isOpen, setOpen])\n\n    const halfClasses = getHalfClasses(variant, color)\n    const divider = dividerColor[variant][color] ?? dividerColor[variant].accent\n\n    const triggerStyle = triggerWidth != null\n      ? { width: typeof triggerWidth === 'number' ? `${triggerWidth}px` : triggerWidth }\n      : undefined\n\n    return (\n      <>\n        {/* Button group */}\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-label={ariaLabel ?? undefined}\n          className={cn('relative inline-flex', className)}\n        >\n          <div\n            ref={anchorRef}\n            className={cn(\n              'inline-flex items-stretch overflow-hidden',\n              radiusClass[size],\n              variant === 'solid' && 'shadow-raised',\n              variant === 'outline' && `border ${getOutlineBorderColor(color)}`,\n            )}\n          >\n            {triggerSide === 'left' && (\n              <>\n                {/* Dropdown trigger (left) */}\n                <button\n                  type=\"button\"\n                  onClick={() => setOpen(!isOpen)}\n                  disabled={disabled}\n                  aria-label={dropdownLabel}\n                  aria-haspopup=\"menu\"\n                  aria-expanded={isOpen}\n                  aria-controls={isOpen ? menuId : undefined}\n                  className={cn(\n                    'inline-flex items-center justify-center select-none',\n                    'transition-colors duration-fast-01 ease-productive-standard',\n                    'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset',\n                    'disabled:pointer-events-none disabled:opacity-action-disabled',\n                    halfClasses,\n                    heightClass[size],\n                    triggerPadding[size],\n                  )}\n                  style={triggerStyle}\n                >\n                  {dropdownIcon ?? <ChevronDown />}\n                </button>\n                <div className={cn('w-px self-stretch', divider)} />\n              </>\n            )}\n\n            {/* Primary action */}\n            <button\n              type=\"button\"\n              onClick={onClick}\n              disabled={disabled}\n              aria-label={ariaLabel}\n              className={cn(\n                'inline-flex items-center justify-center font-semibold select-none whitespace-nowrap',\n                'transition-[colors,transform] duration-fast-01 ease-productive-standard',\n                'active:scale-[0.97]',\n                'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset',\n                'disabled:pointer-events-none disabled:opacity-action-disabled',\n                halfClasses,\n                heightClass[size],\n                textClass[size],\n                primaryPadding[size],\n              )}\n            >\n              {children}\n            </button>\n\n            {triggerSide === 'right' && (\n              <>\n                <div className={cn('w-px self-stretch', divider)} />\n                {/* Dropdown trigger (right) */}\n                <button\n                  type=\"button\"\n                  onClick={() => setOpen(!isOpen)}\n                  disabled={disabled}\n                  aria-label={dropdownLabel}\n                  aria-haspopup=\"menu\"\n                  aria-expanded={isOpen}\n                  aria-controls={isOpen ? menuId : undefined}\n                  className={cn(\n                    'inline-flex items-center justify-center select-none',\n                    'transition-colors duration-fast-01 ease-productive-standard',\n                    'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset',\n                    'disabled:pointer-events-none disabled:opacity-action-disabled',\n                    halfClasses,\n                    heightClass[size],\n                    triggerPadding[size],\n                  )}\n                  style={triggerStyle}\n                >\n                  {dropdownIcon ?? <ChevronDown />}\n                </button>\n              </>\n            )}\n          </div>\n        </div>\n\n        {/* Floating dropdown panel */}\n        <AnimatePresence>\n          {isOpen && dropdownContent && (\n            <div\n              ref={floatingRef}\n              id={menuId}\n              role=\"menu\"\n              className=\"fixed z-popover\"\n              style={{ top: 0, left: 0 }}\n            >\n              <motion.div\n                initial={{ opacity: 0, scale: 0.95 }}\n                animate={{ opacity: 1, scale: 1 }}\n                exit={{ opacity: 0, scale: 0.95 }}\n                transition={{ duration: durations.moderate01 }}\n                className=\"rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating\"\n              >\n                {dropdownContent}\n              </motion.div>\n            </div>\n          )}\n        </AnimatePresence>\n      </>\n    )\n  },\n)\n\nSplitButton.displayName = 'SplitButton'\n\nexport { SplitButton }\nexport type { SplitButtonVariant, SplitButtonColor, SplitButtonSize }\n"],"mappings":"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"}
+{"version":3,"file":"split-button.js","names":[],"sources":["../../src/ui/split-button.tsx"],"sourcesContent":["'use client'\n\nimport { autoUpdate, computePosition, flip, offset, type Placement,shift } from '@floating-ui/dom'\nimport { type VariantProps } from 'class-variance-authority'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { buttonVariants } from './button'\nimport { durations } from './lib/motion'\nimport { cn } from './lib/utils'\n\n// ── Types ───────────────────────────────────────────────────────\n\ntype SplitButtonVariant = 'solid' | 'soft' | 'outline'\ntype SplitButtonColor = NonNullable<VariantProps<typeof buttonVariants>['color']>\ntype SplitButtonSize = 'xs' | 'sm' | 'md' | 'icon-xs' | 'icon-sm' | 'icon-md'\n\nexport interface SplitButtonProps {\n  /** Primary action content (left side). */\n  children: React.ReactNode\n  /** Primary click handler (left side). */\n  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void\n  /** Content rendered inside the floating dropdown panel. */\n  dropdownContent?: React.ReactNode\n  /** Controlled open state. */\n  open?: boolean\n  /** Called when open state changes. Uncontrolled if omitted. */\n  onOpenChange?: (open: boolean) => void\n  /** @default 'solid' */\n  variant?: SplitButtonVariant\n  /** @default 'accent' */\n  color?: SplitButtonColor\n  /** @default 'md' */\n  size?: SplitButtonSize\n  /** Disable both halves. */\n  disabled?: boolean\n  /** aria-label for the primary button. */\n  'aria-label'?: string\n  /** aria-label for the dropdown trigger. @default 'More options' */\n  dropdownLabel?: string\n  /** Custom icon for the dropdown trigger. Defaults to chevron-down. */\n  dropdownIcon?: React.ReactNode\n  /** Which side the dropdown trigger sits on. @default 'right' */\n  triggerSide?: 'left' | 'right'\n  /** Preferred placement for the dropdown panel. @default 'top-end' */\n  placement?: Placement\n  /** Width of the trigger (chevron) half. @default 'auto' */\n  triggerWidth?: number | string\n  className?: string\n}\n\n// ── Styling maps ────────────────────────────────────────────────\n\nconst dividerColor: Record<SplitButtonVariant, Record<string, string>> = {\n  solid: {\n    accent: 'bg-accent-11/20', error: 'bg-error-11/20', success: 'bg-success-11/20',\n    warning: 'bg-warning-11/20', neutral: 'bg-neutral-8/30',\n  },\n  soft: {\n    accent: 'bg-accent-6', error: 'bg-error-6', success: 'bg-success-6',\n    warning: 'bg-warning-6', neutral: 'bg-surface-border',\n  },\n  outline: {\n    accent: 'bg-accent-7', error: 'bg-error-7', success: 'bg-success-7',\n    warning: 'bg-warning-7', neutral: 'bg-surface-border-strong',\n  },\n}\n\nconst heightClass: Record<SplitButtonSize, string> = {\n  xs: 'h-ds-xs-plus', sm: 'h-ds-sm', md: 'h-ds-md',\n  'icon-xs': 'h-ds-xs-plus', 'icon-sm': 'h-ds-sm', 'icon-md': 'h-ds-md',\n}\n\nconst textClass: Record<SplitButtonSize, string> = {\n  xs: 'text-ds-sm', sm: 'text-ds-sm', md: 'text-ds-md',\n  'icon-xs': 'text-ds-sm', 'icon-sm': 'text-ds-sm', 'icon-md': 'text-ds-md',\n}\n\nconst primaryPadding: Record<SplitButtonSize, string> = {\n  xs: 'px-ds-03 gap-1', sm: 'px-ds-04 gap-1.5', md: 'px-ds-05 gap-2',\n  'icon-xs': 'px-ds-02', 'icon-sm': 'px-ds-03', 'icon-md': 'px-ds-04',\n}\n\nconst triggerPadding: Record<SplitButtonSize, string> = {\n  xs: 'px-ds-02', sm: 'px-ds-02', md: 'px-ds-03',\n  'icon-xs': 'px-ds-01', 'icon-sm': 'px-ds-02', 'icon-md': 'px-ds-02',\n}\n\nconst radiusClass: Record<SplitButtonSize, string> = {\n  xs: 'rounded-ds-md', sm: 'rounded-ds-md', md: 'rounded-ds-lg',\n  'icon-xs': 'rounded-ds-sm', 'icon-sm': 'rounded-ds-md', 'icon-md': 'rounded-ds-md',\n}\n\nfunction getHalfClasses(variant: SplitButtonVariant, color: string): string {\n  const map: Record<SplitButtonVariant, Record<string, string>> = {\n    solid: {\n      accent: 'bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-11',\n      error: 'bg-error-9 text-error-fg hover:bg-error-10 active:bg-error-11',\n      success: 'bg-success-9 text-success-fg hover:bg-success-10 active:bg-success-11',\n      warning: 'bg-warning-9 text-warning-fg hover:bg-warning-10 active:bg-warning-11',\n      neutral: 'bg-neutral-5 text-surface-fg hover:bg-neutral-7 active:bg-neutral-8',\n    },\n    soft: {\n      accent: 'bg-accent-3 text-accent-11 hover:bg-accent-4 active:bg-accent-5',\n      error: 'bg-error-3 text-error-11 hover:bg-error-4 active:bg-error-5',\n      success: 'bg-success-3 text-success-11 hover:bg-success-4 active:bg-success-5',\n      warning: 'bg-warning-3 text-warning-11 hover:bg-warning-4 active:bg-warning-5',\n      neutral: 'bg-surface-raised-hover text-surface-fg-muted hover:bg-surface-raised-active active:bg-neutral-5',\n    },\n    outline: {\n      accent: 'bg-transparent text-accent-11 hover:bg-accent-3 active:bg-accent-4',\n      error: 'bg-transparent text-error-11 hover:bg-error-3 active:bg-error-4',\n      success: 'bg-transparent text-success-11 hover:bg-success-3 active:bg-success-4',\n      warning: 'bg-transparent text-warning-11 hover:bg-warning-3 active:bg-warning-4',\n      neutral: 'bg-transparent text-surface-fg hover:bg-surface-raised-hover active:bg-surface-raised-active',\n    },\n  }\n  return map[variant][color] ?? map[variant].accent\n}\n\nfunction getOutlineBorderColor(color: string): string {\n  const map: Record<string, string> = {\n    accent: 'border-accent-7', error: 'border-error-7', success: 'border-success-7',\n    warning: 'border-warning-7', neutral: 'border-surface-border-strong',\n  }\n  return map[color] ?? map.accent\n}\n\n// ── Chevron SVG ─────────────────────────────────────────────────\n\nfunction ChevronDown({ className }: { className?: string }) {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" className={className} aria-hidden=\"true\">\n      <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\n// ── Component ───────────────────────────────────────────────────\n\nconst SplitButton = React.forwardRef<HTMLDivElement, SplitButtonProps>(\n  function SplitButton(\n    {\n      children,\n      onClick,\n      dropdownContent,\n      open: openProp,\n      onOpenChange,\n      variant = 'solid',\n      color = 'accent',\n      size = 'md',\n      disabled = false,\n      'aria-label': ariaLabel,\n      dropdownLabel = 'More options',\n      dropdownIcon,\n      triggerSide = 'right',\n      placement: placementProp = 'top-end',\n      triggerWidth,\n      className,\n    },\n    ref,\n  ) {\n    const [internalOpen, setInternalOpen] = React.useState(false)\n    const isControlled = openProp !== undefined\n    const isOpen = isControlled ? openProp : internalOpen\n\n    const anchorRef = React.useRef<HTMLDivElement>(null)\n    const floatingRef = React.useRef<HTMLDivElement>(null)\n    const menuId = React.useId()\n\n    const setOpen = React.useCallback(\n      (value: boolean) => {\n        if (onOpenChange) onOpenChange(value)\n        if (!isControlled) setInternalOpen(value)\n      },\n      [onOpenChange, isControlled],\n    )\n\n    // ── Floating UI positioning ──\n    React.useEffect(() => {\n      if (!isOpen || !anchorRef.current || !floatingRef.current) return\n\n      const anchor = anchorRef.current\n      const floating = floatingRef.current\n\n      const update = () => {\n        computePosition(anchor, floating, {\n          placement: placementProp,\n          middleware: [\n            offset(8),\n            flip({ fallbackPlacements: ['bottom-end', 'top-start', 'bottom-start'] }),\n            shift({ padding: 8 }),\n          ],\n        }).then(({ x, y }) => {\n          Object.assign(floating.style, { left: `${x}px`, top: `${y}px` })\n        })\n      }\n\n      const cleanup = autoUpdate(anchor, floating, update)\n      return cleanup\n    }, [isOpen, placementProp])\n\n    // ── Close on outside click ──\n    React.useEffect(() => {\n      if (!isOpen) return\n      const handleClick = (e: MouseEvent) => {\n        const target = e.target as Node\n        if (\n          anchorRef.current?.contains(target) ||\n          floatingRef.current?.contains(target)\n        ) return\n        setOpen(false)\n      }\n      document.addEventListener('mousedown', handleClick)\n      return () => document.removeEventListener('mousedown', handleClick)\n    }, [isOpen, setOpen])\n\n    // ── Close on Escape ──\n    React.useEffect(() => {\n      if (!isOpen) return\n      const handleKey = (e: KeyboardEvent) => {\n        if (e.key === 'Escape') setOpen(false)\n      }\n      document.addEventListener('keydown', handleKey)\n      return () => document.removeEventListener('keydown', handleKey)\n    }, [isOpen, setOpen])\n\n    const halfClasses = getHalfClasses(variant, color)\n    const divider = dividerColor[variant][color] ?? dividerColor[variant].accent\n\n    const triggerStyle = triggerWidth != null\n      ? { width: typeof triggerWidth === 'number' ? `${triggerWidth}px` : triggerWidth }\n      : undefined\n\n    return (\n      <>\n        {/* Button group */}\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-label={ariaLabel ?? undefined}\n          className={cn('relative inline-flex', className)}\n        >\n          <div\n            ref={anchorRef}\n            className={cn(\n              'inline-flex items-stretch overflow-hidden',\n              radiusClass[size],\n              variant === 'solid' && 'shadow-raised',\n              variant === 'outline' && `border ${getOutlineBorderColor(color)}`,\n            )}\n          >\n            {triggerSide === 'left' && (\n              <>\n                {/* Dropdown trigger (left) */}\n                <button\n                  type=\"button\"\n                  onClick={() => setOpen(!isOpen)}\n                  disabled={disabled}\n                  aria-label={dropdownLabel}\n                  aria-haspopup=\"menu\"\n                  aria-expanded={isOpen}\n                  aria-controls={isOpen ? menuId : undefined}\n                  className={cn(\n                    'inline-flex items-center justify-center select-none',\n                    'transition-colors duration-fast-01 ease-productive-standard',\n                    'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset',\n                    'disabled:pointer-events-none disabled:opacity-action-disabled',\n                    halfClasses,\n                    heightClass[size],\n                    triggerPadding[size],\n                  )}\n                  style={triggerStyle}\n                >\n                  {dropdownIcon ?? <ChevronDown />}\n                </button>\n                <div className={cn('w-px self-stretch', divider)} />\n              </>\n            )}\n\n            {/* Primary action */}\n            <button\n              type=\"button\"\n              onClick={onClick}\n              disabled={disabled}\n              aria-label={ariaLabel}\n              className={cn(\n                'inline-flex items-center justify-center font-semibold select-none whitespace-nowrap',\n                'transition-[colors,transform] duration-fast-01 ease-productive-standard',\n                'active:scale-[0.97]',\n                'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset',\n                'disabled:pointer-events-none disabled:opacity-action-disabled',\n                halfClasses,\n                heightClass[size],\n                textClass[size],\n                primaryPadding[size],\n              )}\n            >\n              {children}\n            </button>\n\n            {triggerSide === 'right' && (\n              <>\n                <div className={cn('w-px self-stretch', divider)} />\n                {/* Dropdown trigger (right) */}\n                <button\n                  type=\"button\"\n                  onClick={() => setOpen(!isOpen)}\n                  disabled={disabled}\n                  aria-label={dropdownLabel}\n                  aria-haspopup=\"menu\"\n                  aria-expanded={isOpen}\n                  aria-controls={isOpen ? menuId : undefined}\n                  className={cn(\n                    'inline-flex items-center justify-center select-none',\n                    'transition-colors duration-fast-01 ease-productive-standard',\n                    'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset',\n                    'disabled:pointer-events-none disabled:opacity-action-disabled',\n                    halfClasses,\n                    heightClass[size],\n                    triggerPadding[size],\n                  )}\n                  style={triggerStyle}\n                >\n                  {dropdownIcon ?? <ChevronDown />}\n                </button>\n              </>\n            )}\n          </div>\n        </div>\n\n        {/* Floating dropdown panel */}\n        <AnimatePresence>\n          {isOpen && dropdownContent && (\n            <div\n              ref={floatingRef}\n              id={menuId}\n              role=\"menu\"\n              className=\"fixed z-popover\"\n              style={{ top: 0, left: 0 }}\n            >\n              <motion.div\n                initial={{ opacity: 0, scale: 0.95 }}\n                animate={{ opacity: 1, scale: 1 }}\n                exit={{ opacity: 0, scale: 0.95 }}\n                transition={{ duration: durations.moderate01 }}\n                className=\"rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating\"\n              >\n                {dropdownContent}\n              </motion.div>\n            </div>\n          )}\n        </AnimatePresence>\n      </>\n    )\n  },\n)\n\nSplitButton.displayName = 'SplitButton'\n\nexport { SplitButton }\nexport type { SplitButtonColor, SplitButtonSize,SplitButtonVariant }\n"],"mappings":";;;;;;;;AAqDA,IAAM,IAAmE;CACvE,OAAO;EACL,QAAQ;EAAmB,OAAO;EAAkB,SAAS;EAC7D,SAAS;EAAoB,SAAS;EACvC;CACD,MAAM;EACJ,QAAQ;EAAe,OAAO;EAAc,SAAS;EACrD,SAAS;EAAgB,SAAS;EACnC;CACD,SAAS;EACP,QAAQ;EAAe,OAAO;EAAc,SAAS;EACrD,SAAS;EAAgB,SAAS;EACnC;CACF,EAEK,IAA+C;CACnD,IAAI;CAAgB,IAAI;CAAW,IAAI;CACvC,WAAW;CAAgB,WAAW;CAAW,WAAW;CAC7D,EAEK,IAA6C;CACjD,IAAI;CAAc,IAAI;CAAc,IAAI;CACxC,WAAW;CAAc,WAAW;CAAc,WAAW;CAC9D,EAEK,IAAkD;CACtD,IAAI;CAAkB,IAAI;CAAoB,IAAI;CAClD,WAAW;CAAY,WAAW;CAAY,WAAW;CAC1D,EAEK,IAAkD;CACtD,IAAI;CAAY,IAAI;CAAY,IAAI;CACpC,WAAW;CAAY,WAAW;CAAY,WAAW;CAC1D,EAEK,IAA+C;CACnD,IAAI;CAAiB,IAAI;CAAiB,IAAI;CAC9C,WAAW;CAAiB,WAAW;CAAiB,WAAW;CACpE;AAED,SAAS,EAAe,GAA6B,GAAuB;CAC1E,IAAM,IAA0D;EAC9D,OAAO;GACL,QAAQ;GACR,OAAO;GACP,SAAS;GACT,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,QAAQ;GACR,OAAO;GACP,SAAS;GACT,SAAS;GACT,SAAS;GACV;EACD,SAAS;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,SAAS;GACT,SAAS;GACV;EACF;AACD,QAAO,EAAI,GAAS,MAAU,EAAI,GAAS;;AAG7C,SAAS,EAAsB,GAAuB;CACpD,IAAM,IAA8B;EAClC,QAAQ;EAAmB,OAAO;EAAkB,SAAS;EAC7D,SAAS;EAAoB,SAAS;EACvC;AACD,QAAO,EAAI,MAAU,EAAI;;AAK3B,SAAS,EAAY,EAAE,gBAAqC;AAC1D,QACE,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAkB;EAAW,eAAY;YAC5F,kBAAC,QAAD;GAAM,GAAE;GAAqB,QAAO;GAAe,aAAY;GAAM,eAAc;GAAQ,gBAAe;GAAU,CAAA;EAChH,CAAA;;AAMV,IAAM,IAAc,EAAM,WACxB,SACE,EACE,aACA,YACA,oBACA,MAAM,GACN,iBACA,aAAU,SACV,WAAQ,UACR,UAAO,MACP,cAAW,IACX,cAAc,GACd,mBAAgB,gBAChB,iBACA,iBAAc,SACd,WAAW,IAAgB,WAC3B,iBACA,gBAEF,GACA;CACA,IAAM,CAAC,GAAc,KAAmB,EAAM,SAAS,GAAM,EACvD,IAAe,MAAa,KAAA,GAC5B,IAAS,IAAe,IAAW,GAEnC,IAAY,EAAM,OAAuB,KAAK,EAC9C,IAAc,EAAM,OAAuB,KAAK,EAChD,IAAS,EAAM,OAAO,EAEtB,IAAU,EAAM,aACnB,MAAmB;AAElB,EADI,KAAc,EAAa,EAAM,EAChC,KAAc,EAAgB,EAAM;IAE3C,CAAC,GAAc,EAAa,CAC7B;AA0CD,CAvCA,EAAM,gBAAgB;AACpB,MAAI,CAAC,KAAU,CAAC,EAAU,WAAW,CAAC,EAAY,QAAS;EAE3D,IAAM,IAAS,EAAU,SACnB,IAAW,EAAY;AAgB7B,SADgB,EAAW,GAAQ,SAbd;AACnB,KAAgB,GAAQ,GAAU;IAChC,WAAW;IACX,YAAY;KACV,EAAO,EAAE;KACT,EAAK,EAAE,oBAAoB;MAAC;MAAc;MAAa;MAAe,EAAE,CAAC;KACzE,EAAM,EAAE,SAAS,GAAG,CAAC;KACtB;IACF,CAAC,CAAC,MAAM,EAAE,MAAG,WAAQ;AACpB,WAAO,OAAO,EAAS,OAAO;KAAE,MAAM,GAAG,EAAE;KAAK,KAAK,GAAG,EAAE;KAAK,CAAC;KAChE;IAGgD;IAEnD,CAAC,GAAQ,EAAc,CAAC,EAG3B,EAAM,gBAAgB;AACpB,MAAI,CAAC,EAAQ;EACb,IAAM,KAAe,MAAkB;GACrC,IAAM,IAAS,EAAE;AAEf,KAAU,SAAS,SAAS,EAAO,IACnC,EAAY,SAAS,SAAS,EAAO,IAEvC,EAAQ,GAAM;;AAGhB,SADA,SAAS,iBAAiB,aAAa,EAAY,QACtC,SAAS,oBAAoB,aAAa,EAAY;IAClE,CAAC,GAAQ,EAAQ,CAAC,EAGrB,EAAM,gBAAgB;AACpB,MAAI,CAAC,EAAQ;EACb,IAAM,KAAa,MAAqB;AACtC,GAAI,EAAE,QAAQ,YAAU,EAAQ,GAAM;;AAGxC,SADA,SAAS,iBAAiB,WAAW,EAAU,QAClC,SAAS,oBAAoB,WAAW,EAAU;IAC9D,CAAC,GAAQ,EAAQ,CAAC;CAErB,IAAM,IAAc,EAAe,GAAS,EAAM,EAC5C,IAAU,EAAa,GAAS,MAAU,EAAa,GAAS,QAEhE,IAAe,KAAgB,OAEjC,KAAA,IADA,EAAE,OAAO,OAAO,KAAiB,WAAW,GAAG,EAAa,MAAM,GAAc;AAGpF,QACE,kBAAA,GAAA,EAAA,UAAA,CAEE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY,KAAa,KAAA;EACzB,WAAW,EAAG,wBAAwB,EAAU;YAEhD,kBAAC,OAAD;GACE,KAAK;GACL,WAAW,EACT,6CACA,EAAY,IACZ,MAAY,WAAW,iBACvB,MAAY,aAAa,UAAU,EAAsB,EAAM,GAChE;aAPH;IASG,MAAgB,UACf,kBAAA,GAAA,EAAA,UAAA,CAEE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAQ,CAAC,EAAO;KACrB;KACV,cAAY;KACZ,iBAAc;KACd,iBAAe;KACf,iBAAe,IAAS,IAAS,KAAA;KACjC,WAAW,EACT,uDACA,+DACA,0GACA,iEACA,GACA,EAAY,IACZ,EAAe,GAChB;KACD,OAAO;eAEN,KAAgB,kBAAC,GAAD,EAAe,CAAA;KACzB,CAAA,EACT,kBAAC,OAAD,EAAK,WAAW,EAAG,qBAAqB,EAAQ,EAAI,CAAA,CACnD,EAAA,CAAA;IAIL,kBAAC,UAAD;KACE,MAAK;KACI;KACC;KACV,cAAY;KACZ,WAAW,EACT,uFACA,2EACA,uBACA,0GACA,iEACA,GACA,EAAY,IACZ,EAAU,IACV,EAAe,GAChB;KAEA;KACM,CAAA;IAER,MAAgB,WACf,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAK,WAAW,EAAG,qBAAqB,EAAQ,EAAI,CAAA,EAEpD,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAQ,CAAC,EAAO;KACrB;KACV,cAAY;KACZ,iBAAc;KACd,iBAAe;KACf,iBAAe,IAAS,IAAS,KAAA;KACjC,WAAW,EACT,uDACA,+DACA,0GACA,iEACA,GACA,EAAY,IACZ,EAAe,GAChB;KACD,OAAO;eAEN,KAAgB,kBAAC,GAAD,EAAe,CAAA;KACzB,CAAA,CACR,EAAA,CAAA;IAED;;EACF,CAAA,EAGN,kBAAC,GAAD,EAAA,UACG,KAAU,KACT,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,MAAK;EACL,WAAU;EACV,OAAO;GAAE,KAAK;GAAG,MAAM;GAAG;YAE1B,kBAAC,EAAO,KAAR;GACE,SAAS;IAAE,SAAS;IAAG,OAAO;IAAM;GACpC,SAAS;IAAE,SAAS;IAAG,OAAO;IAAG;GACjC,MAAM;IAAE,SAAS;IAAG,OAAO;IAAM;GACjC,YAAY,EAAE,UAAU,EAAU,YAAY;GAC9C,WAAU;aAET;GACU,CAAA;EACT,CAAA,EAEQ,CAAA,CACjB,EAAA,CAAA;EAGR;AAED,EAAY,cAAc"}

package/dist/ui/stack.d.ts

@@ -11,5 +11,5 @@ type StackProps<T extends React.ElementType = 'div'> = {
     children?: React.ReactNode;
 } & Omit<React.ComponentPropsWithRef<T>, 'as' | 'className' | 'children'>;
 declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps<"div">, "ref"> & React.RefAttributes<HTMLElement>>;
-export { Stack, type SpacingToken, type StackProps };
+export { type SpacingToken, Stack, type StackProps };
 //# sourceMappingURL=stack.d.ts.map

package/dist/ui/stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../src/ui/stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,YAAY,GACb,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,CAAA;AAEX,KAAK,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IACrD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAA;IACxD,GAAG,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACtE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAmDzE,QAAA,MAAM,KAAK,oGAqBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,CAAA"}
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../src/ui/stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,YAAY,GACb,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,CAAA;AAEX,KAAK,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IACrD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAA;IACxD,GAAG,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACtE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAmDzE,QAAA,MAAM,KAAK,oGAqBV,CAAA;AAGD,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,CAAA"}

package/dist/ui/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","names":[],"sources":["../../src/ui/stack.tsx"],"sourcesContent":["// @server-safe\nimport * as React from 'react'\nimport { cn } from './lib/utils'\n\ntype SpacingToken =\n  | 'ds-01'\n  | 'ds-02'\n  | 'ds-02b'\n  | 'ds-03'\n  | 'ds-04'\n  | 'ds-05'\n  | 'ds-05b'\n  | 'ds-06'\n  | 'ds-07'\n  | 'ds-08'\n  | 'ds-09'\n  | 'ds-10'\n  | 'ds-11'\n  | 'ds-12'\n  | 'ds-13'\n\ntype StackProps<T extends React.ElementType = 'div'> = {\n  as?: T\n  direction?: 'vertical' | 'horizontal' | 'row' | 'column'\n  gap?: SpacingToken | number\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline'\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n  wrap?: boolean\n  className?: string\n  children?: React.ReactNode\n} & Omit<React.ComponentPropsWithRef<T>, 'as' | 'className' | 'children'>\n\nconst alignMap = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  stretch: 'items-stretch',\n  baseline: 'items-baseline',\n} as const\n\nconst justifyMap = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n} as const\n\nconst gapMap: Record<string, string> = {\n  '0': 'gap-0',\n  '1': 'gap-ds-01',\n  '2': 'gap-ds-02',\n  '3': 'gap-ds-03',\n  '4': 'gap-ds-04',\n  '5': 'gap-ds-05',\n  '6': 'gap-ds-06',\n  '7': 'gap-ds-07',\n  '8': 'gap-ds-08',\n  '9': 'gap-ds-09',\n  '10': 'gap-ds-10',\n  '11': 'gap-ds-11',\n  '12': 'gap-ds-12',\n  '13': 'gap-ds-13',\n  'ds-01': 'gap-ds-01',\n  'ds-02': 'gap-ds-02',\n  'ds-02b': 'gap-ds-02b',\n  'ds-03': 'gap-ds-03',\n  'ds-04': 'gap-ds-04',\n  'ds-05': 'gap-ds-05',\n  'ds-05b': 'gap-ds-05b',\n  'ds-06': 'gap-ds-06',\n  'ds-07': 'gap-ds-07',\n  'ds-08': 'gap-ds-08',\n  'ds-09': 'gap-ds-09',\n  'ds-10': 'gap-ds-10',\n  'ds-11': 'gap-ds-11',\n  'ds-12': 'gap-ds-12',\n  'ds-13': 'gap-ds-13',\n} as const\n\nconst Stack = React.forwardRef<HTMLElement, StackProps>(\n  ({ as, direction = 'vertical', gap, align, justify, wrap, className, children, ...props }, ref) => {\n    const Component = as || 'div'\n    return React.createElement(\n      Component,\n      {\n        ref,\n        className: cn(\n          'flex',\n          (direction === 'vertical' || direction === 'column') ? 'flex-col' : 'flex-row',\n          gap != null && gapMap[String(gap)],\n          align && alignMap[align],\n          justify && justifyMap[justify],\n          wrap && 'flex-wrap',\n          className,\n        ),\n        ...props,\n      },\n      children,\n    )\n  },\n)\nStack.displayName = 'Stack'\n\nexport { Stack, type SpacingToken, type StackProps }\n"],"mappings":";;;AAgCA,IAAM,IAAW;CACf,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,UAAU;CACX,EAEK,IAAa;CACjB,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,QAAQ;CACR,QAAQ;CACT,EAEK,IAAiC;CACrC,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,IAAM;CACN,IAAM;CACN,IAAM;CACN,IAAM;CACN,SAAS;CACT,SAAS;CACT,UAAU;CACV,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACV,EAEK,IAAQ,EAAM,YACjB,EAAE,OAAI,eAAY,YAAY,QAAK,UAAO,YAAS,SAAM,cAAW,aAAU,GAAG,KAAS,MAAQ;CACjG,IAAM,IAAY,KAAM;AACxB,QAAO,EAAM,cACX,GACA;EACE;EACA,WAAW,EACT,QACC,MAAc,cAAc,MAAc,WAAY,aAAa,YACpE,KAAO,QAAQ,EAAO,OAAO,EAAI,GACjC,KAAS,EAAS,IAClB,KAAW,EAAW,IACtB,KAAQ,aACR,EACD;EACD,GAAG;EACJ,EACD,EACD;EAEJ;AACD,EAAM,cAAc"}
+{"version":3,"file":"stack.js","names":[],"sources":["../../src/ui/stack.tsx"],"sourcesContent":["// @server-safe\nimport * as React from 'react'\n\nimport { cn } from './lib/utils'\n\ntype SpacingToken =\n  | 'ds-01'\n  | 'ds-02'\n  | 'ds-02b'\n  | 'ds-03'\n  | 'ds-04'\n  | 'ds-05'\n  | 'ds-05b'\n  | 'ds-06'\n  | 'ds-07'\n  | 'ds-08'\n  | 'ds-09'\n  | 'ds-10'\n  | 'ds-11'\n  | 'ds-12'\n  | 'ds-13'\n\ntype StackProps<T extends React.ElementType = 'div'> = {\n  as?: T\n  direction?: 'vertical' | 'horizontal' | 'row' | 'column'\n  gap?: SpacingToken | number\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline'\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n  wrap?: boolean\n  className?: string\n  children?: React.ReactNode\n} & Omit<React.ComponentPropsWithRef<T>, 'as' | 'className' | 'children'>\n\nconst alignMap = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  stretch: 'items-stretch',\n  baseline: 'items-baseline',\n} as const\n\nconst justifyMap = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n} as const\n\nconst gapMap: Record<string, string> = {\n  '0': 'gap-0',\n  '1': 'gap-ds-01',\n  '2': 'gap-ds-02',\n  '3': 'gap-ds-03',\n  '4': 'gap-ds-04',\n  '5': 'gap-ds-05',\n  '6': 'gap-ds-06',\n  '7': 'gap-ds-07',\n  '8': 'gap-ds-08',\n  '9': 'gap-ds-09',\n  '10': 'gap-ds-10',\n  '11': 'gap-ds-11',\n  '12': 'gap-ds-12',\n  '13': 'gap-ds-13',\n  'ds-01': 'gap-ds-01',\n  'ds-02': 'gap-ds-02',\n  'ds-02b': 'gap-ds-02b',\n  'ds-03': 'gap-ds-03',\n  'ds-04': 'gap-ds-04',\n  'ds-05': 'gap-ds-05',\n  'ds-05b': 'gap-ds-05b',\n  'ds-06': 'gap-ds-06',\n  'ds-07': 'gap-ds-07',\n  'ds-08': 'gap-ds-08',\n  'ds-09': 'gap-ds-09',\n  'ds-10': 'gap-ds-10',\n  'ds-11': 'gap-ds-11',\n  'ds-12': 'gap-ds-12',\n  'ds-13': 'gap-ds-13',\n} as const\n\nconst Stack = React.forwardRef<HTMLElement, StackProps>(\n  ({ as, direction = 'vertical', gap, align, justify, wrap, className, children, ...props }, ref) => {\n    const Component = as || 'div'\n    return React.createElement(\n      Component,\n      {\n        ref,\n        className: cn(\n          'flex',\n          (direction === 'vertical' || direction === 'column') ? 'flex-col' : 'flex-row',\n          gap != null && gapMap[String(gap)],\n          align && alignMap[align],\n          justify && justifyMap[justify],\n          wrap && 'flex-wrap',\n          className,\n        ),\n        ...props,\n      },\n      children,\n    )\n  },\n)\nStack.displayName = 'Stack'\n\nexport { type SpacingToken, Stack, type StackProps }\n"],"mappings":";;;AAiCA,IAAM,IAAW;CACf,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,UAAU;CACX,EAEK,IAAa;CACjB,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,QAAQ;CACR,QAAQ;CACT,EAEK,IAAiC;CACrC,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,GAAK;CACL,IAAM;CACN,IAAM;CACN,IAAM;CACN,IAAM;CACN,SAAS;CACT,SAAS;CACT,UAAU;CACV,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACV,EAEK,IAAQ,EAAM,YACjB,EAAE,OAAI,eAAY,YAAY,QAAK,UAAO,YAAS,SAAM,cAAW,aAAU,GAAG,KAAS,MAAQ;CACjG,IAAM,IAAY,KAAM;AACxB,QAAO,EAAM,cACX,GACA;EACE;EACA,WAAW,EACT,QACC,MAAc,cAAc,MAAc,WAAY,aAAa,YACpE,KAAO,QAAQ,EAAO,OAAO,EAAI,GACjC,KAAS,EAAS,IAClB,KAAW,EAAW,IACtB,KAAQ,aACR,EACD;EACD,GAAG;EACJ,EACD,EACD;EAEJ;AACD,EAAM,cAAc"}

package/dist/ui/stat-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../src/ui/stat-card.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;KACrC,CAAA;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC7D,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAuGD,QAAA,MAAM,QAAQ,sFA0Nb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../src/ui/stat-card.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;KACrC,CAAA;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC7D,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAuGD,QAAA,MAAM,QAAQ,sFA0Nb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/ui/stat-card.js

@@ -1,12 +1,12 @@
 "use client";
-import { a as e } from "../_chunks/framer.js";
-import { springs as t, tweens as n } from "./lib/motion.js";
-import { cn as r } from "./lib/utils.js";
-import { Icon as i } from "./icon.js";
-import { n as a } from "../_chunks/link-context.js";
-import * as o from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { IconMinus as u, IconTrendingDown as d, IconTrendingUp as f } from "@tabler/icons-react";
+import { springs as e, tweens as t } from "./lib/motion.js";
+import { cn as n } from "./lib/utils.js";
+import { Icon as r } from "./icon.js";
+import { n as i } from "../_chunks/link-context.js";
+import * as a from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { IconMinus as l, IconTrendingDown as u, IconTrendingUp as d } from "@tabler/icons-react";
+import { motion as f } from "framer-motion";
 //#region src/ui/stat-card.tsx
 var p = {
 	default: "border-l-accent-9",
@@ -25,40 +25,40 @@ function m(e, t, n) {
 	}).join(" ");
 }
 function h({ data: e, colorClass: t }) {
-	let n = o.useId(), i = o.useRef(null), [a, s] = o.useState(0), u = m(e, 80, 32);
-	if (o.useEffect(() => {
-		i.current && s(i.current.getTotalLength());
+	let r = a.useId(), i = a.useRef(null), [o, l] = a.useState(0), u = m(e, 80, 32);
+	if (a.useEffect(() => {
+		i.current && l(i.current.getTotalLength());
 	}, [u]), !u) return null;
 	let d = `${u} L${80 .toFixed(1)},${32 .toFixed(1)} L0,${32 .toFixed(1)} Z`;
-	return /* @__PURE__ */ l("div", {
-		className: r("w-20 h-8", t),
+	return /* @__PURE__ */ c("div", {
+		className: n("w-20 h-8", t),
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ l("svg", {
+		children: [/* @__PURE__ */ c("svg", {
 			viewBox: "0 0 80 32",
 			className: "w-full h-full overflow-visible",
 			preserveAspectRatio: "none",
 			children: [
-				/* @__PURE__ */ c("defs", { children: /* @__PURE__ */ l("linearGradient", {
-					id: `sparkline-fill-${n}`,
+				/* @__PURE__ */ s("defs", { children: /* @__PURE__ */ c("linearGradient", {
+					id: `sparkline-fill-${r}`,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
-					children: [/* @__PURE__ */ c("stop", {
+					children: [/* @__PURE__ */ s("stop", {
 						offset: "0%",
 						stopColor: "currentColor",
 						stopOpacity: "0.1"
-					}), /* @__PURE__ */ c("stop", {
+					}), /* @__PURE__ */ s("stop", {
 						offset: "100%",
 						stopColor: "currentColor",
 						stopOpacity: "0"
 					})]
 				}) }),
-				/* @__PURE__ */ c("path", {
+				/* @__PURE__ */ s("path", {
 					d,
-					fill: `url(#sparkline-fill-${n})`
+					fill: `url(#sparkline-fill-${r})`
 				}),
-				/* @__PURE__ */ c("path", {
+				/* @__PURE__ */ s("path", {
 					ref: i,
 					d: u,
 					fill: "none",
@@ -67,58 +67,58 @@ function h({ data: e, colorClass: t }) {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					style: {
-						opacity: a === 0 ? 0 : 1,
-						strokeDasharray: a,
-						strokeDashoffset: a,
-						animation: a > 0 ? `sparkline-draw-${n.replace(/:/g, "")} 1s ease-out forwards` : "none"
+						opacity: o === 0 ? 0 : 1,
+						strokeDasharray: o,
+						strokeDashoffset: o,
+						animation: o > 0 ? `sparkline-draw-${r.replace(/:/g, "")} 1s ease-out forwards` : "none"
 					}
 				})
 			]
-		}), a > 0 && /* @__PURE__ */ c("style", { children: `@keyframes sparkline-draw-${n.replace(/:/g, "")} { to { stroke-dashoffset: 0; } }` })]
+		}), o > 0 && /* @__PURE__ */ s("style", { children: `@keyframes sparkline-draw-${r.replace(/:/g, "")} { to { stroke-dashoffset: 0; } }` })]
 	});
 }
 function g({ progress: e, label: t }) {
-	let n = Math.max(0, Math.min(100, e)), i = n >= 90 ? "bg-success-9" : n >= 70 ? "bg-warning-9" : "bg-accent-9";
-	return /* @__PURE__ */ c("div", {
+	let r = Math.max(0, Math.min(100, e)), i = r >= 90 ? "bg-success-9" : r >= 70 ? "bg-warning-9" : "bg-accent-9";
+	return /* @__PURE__ */ s("div", {
 		className: "h-1 w-full rounded-ds-full bg-surface-raised mt-ds-04",
 		role: "progressbar",
 		"aria-label": `${t} progress`,
-		"aria-valuenow": n,
+		"aria-valuenow": r,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
-		children: /* @__PURE__ */ c("div", {
-			className: r("h-full rounded-ds-full transition-[width] duration-moderate-02 ease-productive-standard", i),
-			style: { width: `${n}%` }
+		children: /* @__PURE__ */ s("div", {
+			className: n("h-full rounded-ds-full transition-[width] duration-moderate-02 ease-productive-standard", i),
+			style: { width: `${r}%` }
 		})
 	});
 }
-var _ = o.forwardRef(({ className: o, label: m, title: _, value: v, prefix: y, suffix: b, delta: x, icon: S, loading: C, comparisonLabel: w, secondaryLabel: T, progress: E, accent: D, sparkline: O, onClick: k, href: A, footer: j, ...M }, N) => {
-	let P = a(), F = _ ?? m ?? "", I = !!(k || A), L = I && !M["aria-label"] ? `View ${F}` : M["aria-label"];
-	if (C) return /* @__PURE__ */ l("div", {
+var _ = a.forwardRef(({ className: a, label: m, title: _, value: v, prefix: y, suffix: b, delta: x, icon: S, loading: C, comparisonLabel: w, secondaryLabel: T, progress: E, accent: D, sparkline: O, onClick: k, href: A, footer: j, ...M }, N) => {
+	let P = i(), F = _ ?? m ?? "", I = !!(k || A), L = I && !M["aria-label"] ? `View ${F}` : M["aria-label"];
+	if (C) return /* @__PURE__ */ c("div", {
 		ref: N,
-		className: r("rounded-ds-lg border border-surface-border bg-surface-raised shadow-raised p-ds-05b", D && `border-l-[3px] ${p[D]}`, o),
+		className: n("rounded-ds-lg border border-surface-border bg-surface-raised shadow-raised p-ds-05b", D && `border-l-[3px] ${p[D]}`, a),
 		...M,
 		children: [
-			/* @__PURE__ */ c("div", { className: "h-ds-04 w-24 rounded-ds-sm bg-skeleton-base animate-pulse mb-ds-05" }),
-			/* @__PURE__ */ c("div", { className: "h-ds-sm w-32 rounded-ds-md bg-skeleton-base animate-pulse mb-ds-03" }),
-			/* @__PURE__ */ c("div", { className: "h-3 w-16 rounded-ds-sm bg-skeleton-base animate-pulse" })
+			/* @__PURE__ */ s("div", { className: "h-ds-04 w-24 rounded-ds-sm bg-skeleton-base animate-pulse mb-ds-05" }),
+			/* @__PURE__ */ s("div", { className: "h-ds-sm w-32 rounded-ds-md bg-skeleton-base animate-pulse mb-ds-03" }),
+			/* @__PURE__ */ s("div", { className: "h-3 w-16 rounded-ds-sm bg-skeleton-base animate-pulse" })
 		]
 	});
-	let R = x?.direction === "up" ? f : x?.direction === "down" ? d : u, z = x?.direction === "up" ? "text-success-11" : x?.direction === "down" ? "text-error-11" : "text-surface-fg-muted", B = x?.direction === "up" ? "text-success-11" : x?.direction === "down" ? "text-error-11" : "text-accent-11", V = /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ l("div", {
+	let R = x?.direction === "up" ? d : x?.direction === "down" ? u : l, z = x?.direction === "up" ? "text-success-11" : x?.direction === "down" ? "text-error-11" : "text-surface-fg-muted", B = x?.direction === "up" ? "text-success-11" : x?.direction === "down" ? "text-error-11" : "text-accent-11", V = /* @__PURE__ */ c(o, { children: [
+		/* @__PURE__ */ c("div", {
 			className: "flex items-center justify-between mb-ds-04",
-			children: [/* @__PURE__ */ c(e.p, {
+			children: [/* @__PURE__ */ s(f.p, {
 				className: "text-ds-md font-medium text-surface-fg-muted",
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
-				transition: n.fade,
+				transition: t.fade,
 				children: F
-			}), /* @__PURE__ */ l("div", {
+			}), /* @__PURE__ */ c("div", {
 				className: "flex items-center gap-ds-03",
-				children: [O && O.length >= 2 && /* @__PURE__ */ c(h, {
+				children: [O && O.length >= 2 && /* @__PURE__ */ s(h, {
 					data: O,
 					colorClass: B
-				}), S && /* @__PURE__ */ c(e.span, {
+				}), S && /* @__PURE__ */ s(f.span, {
 					className: "text-surface-fg-muted",
 					initial: {
 						opacity: 0,
@@ -128,18 +128,18 @@ var _ = o.forwardRef(({ className: o, label: m, title: _, value: v, prefix: y, s
 						opacity: 1,
 						scale: 1
 					},
-					transition: t.snappy,
+					transition: e.snappy,
 					"aria-hidden": "true",
-					children: typeof S == "function" ? /* @__PURE__ */ c(i, {
+					children: typeof S == "function" ? /* @__PURE__ */ s(r, {
 						icon: S,
 						size: "lg"
 					}) : S
 				})]
 			})]
 		}),
-		/* @__PURE__ */ c("div", {
+		/* @__PURE__ */ s("div", {
 			className: "overflow-hidden",
-			children: /* @__PURE__ */ l(e.p, {
+			children: /* @__PURE__ */ c(f.p, {
 				className: "inline-block text-ds-3xl font-semibold text-surface-fg",
 				initial: {
 					opacity: 0,
@@ -149,47 +149,47 @@ var _ = o.forwardRef(({ className: o, label: m, title: _, value: v, prefix: y, s
 					opacity: 1,
 					y: 0
 				},
-				transition: t.smooth,
+				transition: e.smooth,
 				children: [
-					y && /* @__PURE__ */ c("span", {
+					y && /* @__PURE__ */ s("span", {
 						className: "text-surface-fg-muted text-ds-lg",
 						children: y
 					}),
-					/* @__PURE__ */ c("span", {
+					/* @__PURE__ */ s("span", {
 						className: "tabular-nums",
 						children: v
 					}),
-					b && /* @__PURE__ */ c("span", {
+					b && /* @__PURE__ */ s("span", {
 						className: "text-surface-fg-muted text-ds-lg",
 						children: b
 					})
 				]
 			})
 		}),
-		T && /* @__PURE__ */ c(e.p, {
+		T && /* @__PURE__ */ s(f.p, {
 			className: "text-ds-sm text-surface-fg-subtle mt-ds-01",
 			initial: { opacity: 0 },
 			animate: { opacity: 1 },
 			transition: {
-				...n.fade,
+				...t.fade,
 				delay: .1
 			},
 			children: T
 		}),
-		E != null && /* @__PURE__ */ c(e.div, {
+		E != null && /* @__PURE__ */ s(f.div, {
 			initial: { opacity: 0 },
 			animate: { opacity: 1 },
 			transition: {
-				...n.fade,
+				...t.fade,
 				delay: .15
 			},
-			children: /* @__PURE__ */ c(g, {
+			children: /* @__PURE__ */ s(g, {
 				progress: E,
 				label: F
 			})
 		}),
-		x && /* @__PURE__ */ l(e.div, {
-			className: r("mt-ds-03 flex items-center gap-ds-02 text-ds-sm font-medium", z),
+		x && /* @__PURE__ */ c(f.div, {
+			className: n("mt-ds-03 flex items-center gap-ds-02 text-ds-sm font-medium", z),
 			initial: {
 				opacity: 0,
 				y: 8
@@ -199,11 +199,11 @@ var _ = o.forwardRef(({ className: o, label: m, title: _, value: v, prefix: y, s
 				y: 0
 			},
 			transition: {
-				...t.smooth,
+				...e.smooth,
 				delay: .2
 			},
 			children: [
-				/* @__PURE__ */ c(e.span, {
+				/* @__PURE__ */ s(f.span, {
 					className: "inline-flex",
 					initial: {
 						opacity: .5,
@@ -213,39 +213,39 @@ var _ = o.forwardRef(({ className: o, label: m, title: _, value: v, prefix: y, s
 						opacity: 1,
 						scale: 1
 					},
-					transition: t.bouncy,
-					children: /* @__PURE__ */ c(i, {
+					transition: e.bouncy,
+					children: /* @__PURE__ */ s(r, {
 						icon: R,
 						size: "sm"
 					})
 				}),
-				/* @__PURE__ */ c("span", { children: x.value }),
-				w && /* @__PURE__ */ c("span", {
+				/* @__PURE__ */ s("span", { children: x.value }),
+				w && /* @__PURE__ */ s("span", {
 					className: "text-surface-fg-subtle font-normal",
 					children: w
 				})
 			]
 		}),
-		j && /* @__PURE__ */ c(e.div, {
+		j && /* @__PURE__ */ s(f.div, {
 			className: "mt-ds-04 pt-ds-04 border-t border-surface-border text-ds-sm",
 			initial: { opacity: 0 },
 			animate: { opacity: 1 },
 			transition: {
-				...n.fade,
+				...t.fade,
 				delay: .25
 			},
 			children: j
 		})
-	] }), H = r("rounded-ds-lg border border-surface-border bg-surface-raised shadow-raised p-ds-05b", D && `border-l-[3px] ${p[D]}`, I && "cursor-pointer hover:shadow-raised-hover hover:border-surface-border-strong transition-[box-shadow,border-color] duration-fast-02 ease-productive-standard group", o);
-	return A ? /* @__PURE__ */ c(P, {
+	] }), H = n("rounded-ds-lg border border-surface-border bg-surface-raised shadow-raised p-ds-05b", D && `border-l-[3px] ${p[D]}`, I && "cursor-pointer hover:shadow-raised-hover hover:border-surface-border-strong transition-[box-shadow,border-color] duration-fast-02 ease-productive-standard group", a);
+	return A ? /* @__PURE__ */ s(P, {
 		ref: N,
 		href: A,
 		onClick: k,
-		className: r(H, "block no-underline"),
+		className: n(H, "block no-underline"),
 		"aria-label": L,
 		...M,
 		children: V
-	}) : /* @__PURE__ */ c("div", {
+	}) : /* @__PURE__ */ s("div", {
 		ref: N,
 		className: H,
 		onClick: k,