@logicplanes/kaeso-ui 0.2.1 → 0.3.0

package/dist/components/sheet.js

@@ -1,16 +1,17 @@
 "use client";
-import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { t as e } from "../chunks/cn-DUDmdLpZ.js";
 import { r as t } from "../chunks/portal-context-BBbzDKmY.js";
-import { t as n } from "../chunks/inset-BLMdxX4I.js";
-import { i as r } from "../chunks/context-BELWW79w.js";
-import { t as i } from "../chunks/icon-button-_x1RUphC.js";
-import { a, i as o, t as s } from "../chunks/resize-motion-CMaidkwe.js";
-import { forwardRef as c, useCallback as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Cancel01Icon as m } from "@hugeicons/core-free-icons";
-import { Dialog as h } from "@base-ui/react/dialog";
+import { n, t as r } from "../chunks/inset-BnBj8NJV.js";
+import { i } from "../chunks/context-BELWW79w.js";
+import { t as a } from "../chunks/icon-button-D4O4puwH.js";
+import { a as o, i as s, t as c } from "../chunks/resize-motion-BWGMchyP.js";
+import { t as l } from "../chunks/over-sheet-B8vzr_zU.js";
+import { forwardRef as u, useCallback as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Cancel01Icon as g } from "@hugeicons/core-free-icons";
+import { Dialog as _ } from "@base-ui/react/dialog";
 //#region src/components/sheet/sheet.tsx
-var g = {
+var v = {
 	size: {
 		sm: { classes: "w-480" },
 		md: { classes: "w-640" },
@@ -21,79 +22,95 @@ var g = {
 		left: { classes: "top-8 bottom-8 left-8 sheet-limits-x" },
 		bottom: { classes: "right-8 bottom-8 left-8 sheet-limits-y" }
 	}
-}, _ = {
+}, y = {
 	size: "sm",
 	side: "right"
 };
-function v({ title: e, subtitle: t, actions: n, children: a, footer: o, inline: c, onOpenChange: g, side: _ }) {
-	let v = c ? "h2" : h.Title, y = r(), [b, x] = u(null), S = _ === "bottom", C = l((e) => x(S ? e?.parentElement ?? null : null), [S]);
-	s(b);
-	let w = /* @__PURE__ */ f(i, {
-		icon: m,
-		"aria-label": y("sheet.close", "Close"),
+function b({ title: e, subtitle: t, actions: n, children: o, footer: s, inline: l, onOpenChange: u, side: v }) {
+	let y = l ? "h2" : _.Title, b = i(), [x, S] = f(null), C = v === "bottom", w = d((e) => S(C ? e?.parentElement ?? null : null), [C]);
+	c(x);
+	let T = /* @__PURE__ */ m(a, {
+		icon: g,
+		"aria-label": b("sheet.close", "Close"),
 		tooltip: !1,
-		...c && g ? { onClick: () => g(!1) } : {}
+		...l && u ? { onClick: () => u(!1) } : {}
 	});
-	return /* @__PURE__ */ p(d, { children: [
-		/* @__PURE__ */ p("div", {
-			ref: C,
-			className: "flex h-60 shrink-0 items-center gap-12 pr-12 pl-24 hairline-b",
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ h("div", {
+			ref: w,
+			className: "flex h-60 shrink-0 items-center gap-12 px-24 hairline-b",
 			children: [
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ h("div", {
 					className: "flex min-w-0 flex-1 flex-col",
-					children: [/* @__PURE__ */ f(v, {
+					children: [/* @__PURE__ */ m(y, {
 						className: "truncate text-title-sm font-semibold text-fg",
 						children: e
-					}), t && /* @__PURE__ */ f("span", {
+					}), t && /* @__PURE__ */ m("span", {
 						className: "truncate mono text-small text-fg-secondary",
 						children: t
 					})]
 				}),
 				n,
-				c ? w : /* @__PURE__ */ f(h.Close, { render: w })
+				l ? T : /* @__PURE__ */ m(_.Close, { render: T })
 			]
 		}),
-		/* @__PURE__ */ f("div", {
+		/* @__PURE__ */ m("div", {
 			"data-dialog-body": "",
 			className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-24 py-20 scrollbar-quiet",
-			children: a
+			children: /* @__PURE__ */ m(r, { children: o })
 		}),
-		o && /* @__PURE__ */ f("div", {
+		s && /* @__PURE__ */ m("div", {
 			className: "flex shrink-0 flex-wrap items-center justify-end gap-8 px-24 py-16 hairline-t",
-			children: o
+			children: s
 		})
 	] });
 }
-var y = /* @__PURE__ */ c(function(r, i) {
-	let { open: s, defaultOpen: c, onOpenChange: l, trigger: u, size: d = "sm", side: m = "right", modal: _ = !0, inline: y } = r, b = e("flex flex-col overflow-hidden rounded-sheet bg-raised text-fg shadow-dialog outline-none", m !== "bottom" && g.size[d].classes), x = a(s, () => _), S = t(), C = o(!y && s);
-	return y ? /* @__PURE__ */ f("div", {
+function x(e) {
+	let [t, n] = f(e);
+	if (e.open !== !1 && t !== e && n(e), e.open !== !1) return e;
+	let { title: r, subtitle: i, actions: a, children: o, footer: s } = t;
+	return {
+		...e,
+		title: r,
+		subtitle: i,
+		actions: a,
+		children: o,
+		footer: s
+	};
+}
+var S = /* @__PURE__ */ u(function(r, i) {
+	let a = x(r), { open: c, defaultOpen: u, onOpenChange: d, trigger: f, size: p = "sm", side: g = "right", modal: y = !0, inline: S } = a, C = e("flex flex-col overflow-hidden rounded-sheet bg-raised text-fg shadow-dialog outline-none", g !== "bottom" && v.size[p].classes), w = o(c, () => y), T = t(), E = s(!S && c);
+	return S ? /* @__PURE__ */ m("div", {
 		ref: i,
-		className: e(b, "h-560"),
-		children: /* @__PURE__ */ f(v, { ...r })
-	}) : /* @__PURE__ */ p(h.Root, {
-		...s === void 0 ? {} : { open: s },
-		...c === void 0 ? {} : { defaultOpen: c },
-		...l ? { onOpenChange: (e) => l(e) } : {},
-		modal: _,
-		onOpenChangeComplete: C,
-		children: [u && /* @__PURE__ */ f(h.Trigger, { render: u }), /* @__PURE__ */ p(h.Portal, {
-			container: S,
-			children: [_ && /* @__PURE__ */ f(h.Backdrop, { className: "fixed inset-0 z-40 bg-overlay opacity-50 backdrop-motion" }), /* @__PURE__ */ f(h.Popup, {
+		className: e(C, "h-560"),
+		children: /* @__PURE__ */ m(b, { ...a })
+	}) : /* @__PURE__ */ h(_.Root, {
+		...c === void 0 ? {} : { open: c },
+		...u === void 0 ? {} : { defaultOpen: u },
+		...d ? { onOpenChange: (e) => d(e) } : {},
+		modal: y,
+		onOpenChangeComplete: E,
+		children: [f && /* @__PURE__ */ m(_.Trigger, { render: f }), /* @__PURE__ */ h(_.Portal, {
+			container: T,
+			children: [y && /* @__PURE__ */ m(_.Backdrop, { className: "fixed inset-0 z-40 bg-overlay opacity-50 backdrop-motion" }), /* @__PURE__ */ m(_.Popup, {
 				ref: i,
-				"data-side": m,
-				initialFocus: x.initialFocus,
-				finalFocus: x.finalFocus,
-				className: e("fixed z-40 sheet-motion", b, g.side[m].classes, !_ && m !== "bottom" && "sheet-inspector"),
-				children: /* @__PURE__ */ f(n, {
+				"data-side": g,
+				initialFocus: w.initialFocus,
+				finalFocus: w.finalFocus,
+				className: e("fixed z-40 sheet-motion", C, v.side[g].classes, !y && g !== "bottom" && "sheet-inspector"),
+				children: /* @__PURE__ */ m(n, {
 					inset: !1,
-					children: /* @__PURE__ */ f(v, { ...r })
+					children: /* @__PURE__ */ m(l, {
+						value: !y,
+						children: /* @__PURE__ */ m(b, { ...a })
+					})
 				})
 			})]
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (y.displayName = "Sheet");
+process.env.NODE_ENV !== "production" && (S.displayName = "Sheet");
 //#endregion
-export { _ as KAESO_SHEET_DEFAULT_VARIANTS, g as KAESO_SHEET_VARIANTS, y as Sheet };
+export { y as KAESO_SHEET_DEFAULT_VARIANTS, v as KAESO_SHEET_VARIANTS, S as Sheet };
 
 //# sourceMappingURL=sheet.js.map

package/dist/components/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","names":["BaseDialog","__icon_Cancel01Icon","_Fragment","cn","usePortalContainer","InsetContent","useUiText","IconButton","useScopedDialog","useResizeMotion","Fragment$1","KAESO_SHEET_VARIANTS","KAESO_SHEET_DEFAULT_VARIANTS","Frame","Title","inline","Dialog","t","box","setBox","useState","grows","side","headRef","useCallback","el","close","Cancel01Icon","onOpenChange","title","subtitle","actions","footer","Sheet","props","size","focus","useRestoreFocus","open","modal","container","settled","defaultOpen","o","trigger"],"sources":["../../src/components/sheet/sheet.tsx"],"sourcesContent":["import { InsetContent } from \"../../utils/inset.js\";\nimport { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { forwardRef, useCallback, useState, type ReactElement, type ReactNode } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useRestoreFocus } from \"../../utils/restore-focus.js\";\nimport { useScopedDialog } from \"../../utils/dialog-scope.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { useResizeMotion } from \"../../utils/resize-motion.js\";\n\nexport const KAESO_SHEET_VARIANTS = {\n  size: {\n    sm: { classes: \"w-480\" },\n    md: { classes: \"w-640\" },\n    lg: { classes: \"w-800\" },\n  },\n  side: {\n    right: { classes: \"top-8 right-8 bottom-8 sheet-limits-x\" },\n    left: { classes: \"top-8 bottom-8 left-8 sheet-limits-x\" },\n    bottom: { classes: \"right-8 bottom-8 left-8 sheet-limits-y\" },\n  },\n} as const;\nexport const KAESO_SHEET_DEFAULT_VARIANTS = { size: \"sm\", side: \"right\" } as const;\n\nexport interface SheetProps {\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  trigger?: ReactElement | undefined;\n  title: ReactNode;\n  subtitle?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  size?: keyof typeof KAESO_SHEET_VARIANTS.size | undefined;\n  side?: keyof typeof KAESO_SHEET_VARIANTS.side | undefined;\n  modal?: boolean | undefined;\n  children: ReactNode;\n  footer?: ReactNode | undefined;\n  inline?: boolean | undefined;\n}\n\nfunction Frame({ title, subtitle, actions, children, footer, inline, onOpenChange, side }: SheetProps) {\n  const Title = inline ? \"h2\" : BaseDialog.Title;\n  const t = useUiText();\n  const [box, setBox] = useState<HTMLElement | null>(null);\n  const grows = side === \"bottom\";\n  const headRef = useCallback((el: HTMLElement | null) => setBox(grows ? (el?.parentElement ?? null) : null), [grows]);\n  useResizeMotion(box);\n  const close = (\n    <IconButton\n      icon={__icon_Cancel01Icon}\n      aria-label={t(\"sheet.close\", \"Close\")}\n      tooltip={false}\n      {...(inline && onOpenChange ? { onClick: () => onOpenChange(false) } : {})}\n    />\n  );\n  return (\n    <>\n      <div ref={headRef} className=\"flex h-60 shrink-0 items-center gap-12 pr-12 pl-24 hairline-b\">\n        <div className=\"flex min-w-0 flex-1 flex-col\">\n          <Title className=\"truncate text-title-sm font-semibold text-fg\">{title}</Title>\n          {subtitle && <span className=\"truncate mono text-small text-fg-secondary\">{subtitle}</span>}\n        </div>\n        {actions}\n        {inline ? close : <BaseDialog.Close render={close} />}\n      </div>\n      <div data-dialog-body=\"\" className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain px-24 py-20 scrollbar-quiet\">\n        {children}\n      </div>\n      {footer && <div className=\"flex shrink-0 flex-wrap items-center justify-end gap-8 px-24 py-16 hairline-t\">{footer}</div>}\n    </>\n  );\n}\n\nexport const Sheet = /* @__PURE__ */ forwardRef<HTMLDivElement, SheetProps>(function Sheet(props, ref) {\n  const { open, defaultOpen, onOpenChange, trigger, size = \"sm\", side = \"right\", modal = true, inline } = props;\n  const box = cn(\n    \"flex flex-col overflow-hidden rounded-sheet bg-raised text-fg shadow-dialog outline-none\",\n    side !== \"bottom\" && KAESO_SHEET_VARIANTS.size[size].classes,\n  );\n  const focus = useRestoreFocus(open, () => modal);\n  const container = usePortalContainer();\n  const settled = useScopedDialog(inline ? false : open);\n  if (inline)\n    return (\n      <div ref={ref} className={cn(box, \"h-560\")}>\n        <Frame {...props} />\n      </div>\n    );\n  return (\n    <BaseDialog.Root\n      {...(open !== undefined ? { open } : {})}\n      {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      modal={modal}\n      onOpenChangeComplete={settled}\n    >\n      {trigger && <BaseDialog.Trigger render={trigger} />}\n      <BaseDialog.Portal container={container}>\n        {modal && <BaseDialog.Backdrop className=\"fixed inset-0 z-40 bg-overlay opacity-50 backdrop-motion\" />}\n        <BaseDialog.Popup\n          ref={ref}\n          data-side={side}\n          initialFocus={focus.initialFocus}\n          finalFocus={focus.finalFocus}\n          className={cn(\"fixed z-40 sheet-motion\", box, KAESO_SHEET_VARIANTS.side[side].classes, !modal && side !== \"bottom\" && \"sheet-inspector\")}\n        >\n          <InsetContent inset={false}>\n            <Frame {...props} />\n          </InsetContent>\n        </BaseDialog.Popup>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Sheet.displayName = \"Sheet\";\n"],"mappings":"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"}
+{"version":3,"file":"sheet.js","names":["BaseDialog","__icon_Cancel01Icon","_Fragment","cn","usePortalContainer","GutterContent","IconButton","useRestoreFocus","useScopedDialog","useResizeMotion","OverNonModalSheet","Fragment$1","KAESO_SHEET_VARIANTS","KAESO_SHEET_DEFAULT_VARIANTS","Frame","Title","inline","Dialog","t","useUiText","box","setBox","useState","grows","side","headRef","useCallback","el","close","Cancel01Icon","onOpenChange","title","subtitle","actions","footer","useShownContent","shown","setShown","props","Sheet","current","size","focus","open","modal","container","settled","defaultOpen","o","trigger","InsetContent"],"sources":["../../src/components/sheet/sheet.tsx"],"sourcesContent":["import { GutterContent, InsetContent } from \"../../utils/inset.js\";\nimport { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { forwardRef, useCallback, useState, type ReactElement, type ReactNode } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { OverNonModalSheet } from \"../../utils/over-sheet.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useRestoreFocus } from \"../../utils/restore-focus.js\";\nimport { useScopedDialog } from \"../../utils/dialog-scope.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { useResizeMotion } from \"../../utils/resize-motion.js\";\n\nexport const KAESO_SHEET_VARIANTS = {\n  size: {\n    sm: { classes: \"w-480\" },\n    md: { classes: \"w-640\" },\n    lg: { classes: \"w-800\" },\n  },\n  side: {\n    right: { classes: \"top-8 right-8 bottom-8 sheet-limits-x\" },\n    left: { classes: \"top-8 bottom-8 left-8 sheet-limits-x\" },\n    bottom: { classes: \"right-8 bottom-8 left-8 sheet-limits-y\" },\n  },\n} as const;\nexport const KAESO_SHEET_DEFAULT_VARIANTS = { size: \"sm\", side: \"right\" } as const;\n\nexport interface SheetProps {\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  trigger?: ReactElement | undefined;\n  title: ReactNode;\n  subtitle?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  size?: keyof typeof KAESO_SHEET_VARIANTS.size | undefined;\n  side?: keyof typeof KAESO_SHEET_VARIANTS.side | undefined;\n  modal?: boolean | undefined;\n  children: ReactNode;\n  footer?: ReactNode | undefined;\n  inline?: boolean | undefined;\n}\n\nfunction Frame({ title, subtitle, actions, children, footer, inline, onOpenChange, side }: SheetProps) {\n  const Title = inline ? \"h2\" : BaseDialog.Title;\n  const t = useUiText();\n  const [box, setBox] = useState<HTMLElement | null>(null);\n  const grows = side === \"bottom\";\n  const headRef = useCallback((el: HTMLElement | null) => setBox(grows ? (el?.parentElement ?? null) : null), [grows]);\n  useResizeMotion(box);\n  const close = (\n    <IconButton\n      icon={__icon_Cancel01Icon}\n      aria-label={t(\"sheet.close\", \"Close\")}\n      tooltip={false}\n      {...(inline && onOpenChange ? { onClick: () => onOpenChange(false) } : {})}\n    />\n  );\n  return (\n    <>\n      <div ref={headRef} className=\"flex h-60 shrink-0 items-center gap-12 px-24 hairline-b\">\n        <div className=\"flex min-w-0 flex-1 flex-col\">\n          <Title className=\"truncate text-title-sm font-semibold text-fg\">{title}</Title>\n          {subtitle && <span className=\"truncate mono text-small text-fg-secondary\">{subtitle}</span>}\n        </div>\n        {actions}\n        {inline ? close : <BaseDialog.Close render={close} />}\n      </div>\n      <div data-dialog-body=\"\" className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain px-24 py-20 scrollbar-quiet\">\n        <GutterContent>{children}</GutterContent>\n      </div>\n      {footer && <div className=\"flex shrink-0 flex-wrap items-center justify-end gap-8 px-24 py-16 hairline-t\">{footer}</div>}\n    </>\n  );\n}\n\nfunction useShownContent(props: SheetProps): SheetProps {\n  const [shown, setShown] = useState(props);\n  if (props.open !== false && shown !== props) setShown(props);\n  if (props.open !== false) return props;\n  const { title, subtitle, actions, children, footer } = shown;\n  return { ...props, title, subtitle, actions, children, footer };\n}\n\nexport const Sheet = /* @__PURE__ */ forwardRef<HTMLDivElement, SheetProps>(function Sheet(current, ref) {\n  const props = useShownContent(current);\n  const { open, defaultOpen, onOpenChange, trigger, size = \"sm\", side = \"right\", modal = true, inline } = props;\n  const box = cn(\n    \"flex flex-col overflow-hidden rounded-sheet bg-raised text-fg shadow-dialog outline-none\",\n    side !== \"bottom\" && KAESO_SHEET_VARIANTS.size[size].classes,\n  );\n  const focus = useRestoreFocus(open, () => modal);\n  const container = usePortalContainer();\n  const settled = useScopedDialog(inline ? false : open);\n  if (inline)\n    return (\n      <div ref={ref} className={cn(box, \"h-560\")}>\n        <Frame {...props} />\n      </div>\n    );\n  return (\n    <BaseDialog.Root\n      {...(open !== undefined ? { open } : {})}\n      {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      modal={modal}\n      onOpenChangeComplete={settled}\n    >\n      {trigger && <BaseDialog.Trigger render={trigger} />}\n      <BaseDialog.Portal container={container}>\n        {modal && <BaseDialog.Backdrop className=\"fixed inset-0 z-40 bg-overlay opacity-50 backdrop-motion\" />}\n        <BaseDialog.Popup\n          ref={ref}\n          data-side={side}\n          initialFocus={focus.initialFocus}\n          finalFocus={focus.finalFocus}\n          className={cn(\"fixed z-40 sheet-motion\", box, KAESO_SHEET_VARIANTS.side[side].classes, !modal && side !== \"bottom\" && \"sheet-inspector\")}\n        >\n          <InsetContent inset={false}>\n            <OverNonModalSheet value={!modal}>\n              <Frame {...props} />\n            </OverNonModalSheet>\n          </InsetContent>\n        </BaseDialog.Popup>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Sheet.displayName = \"Sheet\";\n"],"mappings":"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"}

package/dist/components/sidebar.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as BrandWordmark, n as KAESO_SIDEBAR_DEFAULT_VARIANTS, r as KAESO_SIDEBAR_VARIANTS, i as SIDEBAR_MAX, a as SIDEBAR_MIN, o as Sidebar, s as SidebarFloatingContext, c as SidebarSheetContext, l as useSidebar } from "../chunks/sidebar-5IA18LuP.js";
+export { t as BrandWordmark, n as KAESO_SIDEBAR_DEFAULT_VARIANTS, r as KAESO_SIDEBAR_VARIANTS, i as SIDEBAR_MAX, a as SIDEBAR_MIN, o as Sidebar, s as SidebarFloatingContext, c as SidebarSheetContext, l as useSidebar } from "../chunks/sidebar-Dey1ZfGt.js";

package/dist/components/skeleton.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SKELETON_DEFAULT_VARIANTS, n as KAESO_SKELETON_VARIANTS, r as Skeleton, i as SkeletonLine } from "../chunks/skeleton-kfuqdl1a.js";
+export { t as KAESO_SKELETON_DEFAULT_VARIANTS, n as KAESO_SKELETON_VARIANTS, r as Skeleton, i as SkeletonLine } from "../chunks/skeleton-BM797MAg.js";

package/dist/components/slider.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SLIDER_DEFAULT_VARIANTS, n as KAESO_SLIDER_VARIANTS, r as Slider } from "../chunks/slider-DbhjJ3ML.js";
+export { t as KAESO_SLIDER_DEFAULT_VARIANTS, n as KAESO_SLIDER_VARIANTS, r as Slider } from "../chunks/slider-Ds-tqY-1.js";

package/dist/components/stat.js

@@ -1,29 +1,30 @@
 "use client";
-import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { t as e } from "../chunks/cn-DUDmdLpZ.js";
 import { i as t, r as n } from "../chunks/context-BELWW79w.js";
 import { t as r } from "../chunks/observe-resize-DhxhmoyB.js";
-import { t as i } from "../chunks/badge-Dkyhs0_j.js";
-import { Sparkline as a } from "./charts/sparkline.js";
-import { Children as o, cloneElement as s, createContext as c, forwardRef as l, isValidElement as u, useContext as d, useLayoutEffect as f, useRef as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { r as i } from "../chunks/skeleton-BM797MAg.js";
+import { t as a } from "../chunks/badge-wUHlj7m3.js";
+import { Sparkline as o } from "./charts/sparkline.js";
+import { Children as s, cloneElement as c, createContext as l, forwardRef as u, isValidElement as d, useContext as f, useLayoutEffect as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/stat/stat.tsx
-var _ = { size: {
+var y = { size: {
 	md: { classes: "text-metric" },
 	sm: { classes: "text-title" }
-} }, v = { size: "md" }, y = /* @__PURE__ */ l(function({ value: t, unit: n, delta: r, size: a = "md", className: o }, s) {
-	return /* @__PURE__ */ g("div", {
+} }, b = { size: "md" }, x = /* @__PURE__ */ u(function({ value: t, unit: n, delta: r, size: i = "md", className: o }, s) {
+	return /* @__PURE__ */ v("div", {
 		ref: s,
 		className: e("flex min-w-0 flex-wrap items-baseline gap-x-8 gap-y-4", o),
 		children: [
-			/* @__PURE__ */ h("span", {
-				className: e("font-semibold text-fg tabular", _.size[a].classes),
+			/* @__PURE__ */ _("span", {
+				className: e("font-semibold text-fg tabular", y.size[i].classes),
 				children: t
 			}),
-			n && /* @__PURE__ */ h("span", {
+			n && /* @__PURE__ */ _("span", {
 				className: "text-body-lg font-regular text-fg-secondary",
 				children: n
 			}),
-			r && /* @__PURE__ */ h(i, {
+			r && /* @__PURE__ */ _(a, {
 				tone: r.tone ?? "neutral",
 				className: "self-center",
 				children: r.label
@@ -31,23 +32,23 @@ var _ = { size: {
 		]
 	});
 });
-process.env.NODE_ENV !== "production" && (y.displayName = "Stat");
-var b = /* @__PURE__ */ l(function({ children: t, className: n }, r) {
-	return /* @__PURE__ */ h("div", {
+process.env.NODE_ENV !== "production" && (x.displayName = "Stat");
+var S = /* @__PURE__ */ u(function({ children: t, className: n }, r) {
+	return /* @__PURE__ */ _("div", {
 		ref: r,
 		className: e("flex flex-wrap items-baseline gap-x-48 gap-y-16", n),
 		children: t
 	});
 });
-process.env.NODE_ENV !== "production" && (b.displayName = "MetricRow");
-var x = (e, t, n) => {
+process.env.NODE_ENV !== "production" && (S.displayName = "MetricRow");
+var C = (e, t, n) => {
 	let r = Math.abs(e) * 100, i = r >= 10 || r === 0 ? 0 : 1, a = new Intl.NumberFormat(n === "en" ? "en-US" : n, {
 		minimumFractionDigits: i,
 		maximumFractionDigits: i,
 		useGrouping: !1
 	}).format(i ? Number(r.toFixed(1)) : Math.round(r));
 	return `${e > 0 ? "↑" : e < 0 ? "↓" : ""}${t("statTile.percent", "{value}%", { value: a })}`;
-}, S = [
+}, w = [
 	{
 		classes: "text-title-lg",
 		px: 28
@@ -60,65 +61,78 @@ var x = (e, t, n) => {
 		classes: "text-title-sm",
 		px: 17
 	}
-], C = /* @__PURE__ */ c(0), w = /* @__PURE__ */ l(function({ label: r, value: o, change: s, detail: c, trend: l, trendColor: u, className: f }, p) {
-	let m = t(), _ = n(), v = s && s.value !== 0 ? s.value > 0 == ((s.better ?? "up") === "up") : void 0, y = S[d(C)] ?? S[0];
-	return /* @__PURE__ */ g("div", {
-		ref: p,
+], T = /* @__PURE__ */ l(0), E = /* @__PURE__ */ u(function({ label: r, value: s, change: c, detail: l, trend: u, trendColor: d, loading: p, className: m }, h) {
+	let y = t(), b = n(), x = c && c.value !== 0 ? c.value > 0 == ((c.better ?? "up") === "up") : void 0, S = w[f(T)] ?? w[0];
+	return /* @__PURE__ */ v("div", {
+		ref: h,
 		role: "listitem",
-		className: e("flex min-w-0 flex-col bg-raised px-20 pt-16", l ? "pb-12" : "pb-16", f),
+		"aria-busy": p || void 0,
+		className: e("flex min-w-0 flex-col bg-raised px-20 pt-16", u ? "pb-12" : "pb-16", m),
 		children: [
-			/* @__PURE__ */ h("span", {
+			/* @__PURE__ */ _("span", {
 				className: "text-small font-medium text-fg-secondary",
 				children: r
 			}),
-			/* @__PURE__ */ h("span", {
+			/* @__PURE__ */ _("span", {
 				className: "mt-6 flex h-34 min-w-0 items-center",
-				children: /* @__PURE__ */ h("span", {
-					"data-stat-value": y.px,
-					className: e("max-w-full truncate font-semibold text-fg tabular", y.classes),
-					children: o
+				children: /* @__PURE__ */ _("span", {
+					"data-stat-value": S.px,
+					className: e("max-w-full truncate font-semibold text-fg tabular", S.classes, p && "flex"),
+					children: p ? /* @__PURE__ */ _(i, {
+						shape: "line",
+						className: "h-20 w-96"
+					}) : s
 				})
 			}),
-			/* @__PURE__ */ g("span", {
+			p ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
+				className: "mt-2 flex h-20 items-center",
+				children: /* @__PURE__ */ _(i, {
+					shape: "line",
+					className: "w-120"
+				})
+			}), u && /* @__PURE__ */ _("span", {
+				className: "mt-auto h-40 shrink-0 pt-8",
+				children: /* @__PURE__ */ _(i, { className: "h-full w-full" })
+			})] }) : /* @__PURE__ */ v("span", {
 				className: "mt-2 flex min-h-20 min-w-0 flex-wrap items-center gap-x-6 gap-y-2 text-small text-fg-tertiary",
-				children: [s && Number.isFinite(s.value) && /* @__PURE__ */ h("span", {
+				children: [c && Number.isFinite(c.value) && /* @__PURE__ */ _("span", {
 					className: "flex h-20 shrink-0 items-center",
-					children: /* @__PURE__ */ h(i, {
-						tone: v === void 0 ? "neutral" : v ? "success" : "danger",
+					children: /* @__PURE__ */ _(a, {
+						tone: x === void 0 ? "neutral" : x ? "success" : "danger",
 						className: "shrink-0 tabular",
-						children: x(s.value, m, _)
+						children: C(c.value, y, b)
 					})
-				}), c && /* @__PURE__ */ h("span", {
+				}), l && /* @__PURE__ */ _("span", {
 					className: "min-w-0",
-					children: c
+					children: l
 				})]
 			}),
-			l && /* @__PURE__ */ h("span", {
+			u && !p && /* @__PURE__ */ _("span", {
 				className: "mt-auto h-40 shrink-0 pt-8",
-				children: l.length > 1 && /* @__PURE__ */ h(a, {
-					values: l,
+				children: u.length > 1 && /* @__PURE__ */ _(o, {
+					values: u,
 					fluid: !0,
-					...u ? { color: u } : {},
-					"aria-label": typeof r == "string" ? m("statTile.trendPerDay", "{label} per day", { label: r }) : m("statTile.trend", "Trend")
+					...d ? { color: d } : {},
+					"aria-label": typeof r == "string" ? y("statTile.trendPerDay", "{label} per day", { label: r }) : y("statTile.trend", "Trend")
 				})
 			})
 		]
 	});
 });
-process.env.NODE_ENV !== "production" && (w.displayName = "StatTile");
-var T = {
+process.env.NODE_ENV !== "production" && (E.displayName = "StatTile");
+var D = {
 	1: "grid-cols-1",
 	2: "grid-cols-2"
-}, E = {
+}, O = {
 	3: "lg:grid-cols-3",
 	4: "lg:grid-cols-4"
-}, D = { 2: "col-span-2" }, O = {
+}, k = { 2: "col-span-2" }, A = {
 	1: "lg:col-span-1",
 	2: "lg:col-span-2",
 	3: "lg:col-span-3",
 	4: "lg:col-span-4"
-}, k = 40, A = 1, j = 1.03;
-function M(e, t) {
+}, j = 40, M = 1, N = 1.03;
+function P(e, t) {
 	let n = e <= 2 ? Math.max(e, 1) : t ? Math.min(e, 4) : 2, r = e - 1;
 	return {
 		cols: n,
@@ -129,12 +143,12 @@ function M(e, t) {
 		}[e % 4] ?? 1 : e % 2 == 1 ? 2 : 1)
 	};
 }
-var N = 160;
-function P(e, t, n) {
-	let r = S[0].px, i = ({ cols: n, spans: i }) => {
-		let a = (t - (n - 1) * A) / n, o = i.map((e) => a * e + (e - 1) * A - k);
-		return S.findIndex((t) => e.every((e, n) => e * t.px * j / r <= (o[n] ?? 0)));
-	}, a = M(e.length, n), o = a.cols > 2 && (t - (a.cols - 1) * A) / a.cols < N, s = i(o ? M(e.length, !1) : a);
+var F = 160;
+function I(e, t, n) {
+	let r = w[0].px, i = ({ cols: n, spans: i }) => {
+		let a = (t - (n - 1) * M) / n, o = i.map((e) => a * e + (e - 1) * M - j);
+		return w.findIndex((t) => e.every((e, n) => e * t.px * N / r <= (o[n] ?? 0)));
+	}, a = P(e.length, n), o = a.cols > 2 && (t - (a.cols - 1) * M) / a.cols < F, s = i(o ? P(e.length, !1) : a);
 	if (s >= 0 || e.length < 2) return {
 		step: Math.max(s, 0),
 		single: !1,
@@ -145,50 +159,50 @@ function P(e, t, n) {
 		spans: e.map(() => 1)
 	});
 	return {
-		step: c >= 0 ? c : S.length - 1,
+		step: c >= 0 ? c : w.length - 1,
 		single: !0,
 		two: !1
 	};
 }
-var F = /* @__PURE__ */ l(function({ children: t, className: n, ...i }, a) {
-	let c = o.toArray(t).filter(u), l = c.length, d = p(null), [g, _] = m({
+var L = /* @__PURE__ */ u(function({ children: t, className: n, ...i }, a) {
+	let o = s.toArray(t).filter(d), l = o.length, u = m(null), [f, g] = h({
 		step: 0,
 		single: !1,
 		two: !1
-	}), v = p(() => {});
+	}), v = m(() => {});
 	v.current = () => {
-		let e = d.current;
+		let e = u.current;
 		if (!e || !e.clientWidth) return;
-		let t = [...e.querySelectorAll("[data-stat-value]")].map((e) => e.scrollWidth * S[0].px / (Number(e.dataset.statValue) || S[0].px)), n = typeof window.matchMedia == "function" && window.matchMedia("(min-width: 1024px)").matches, r = P(t, e.clientWidth, n);
-		_((e) => e.step === r.step && e.single === r.single && e.two === r.two ? e : r);
-	}, f(() => v.current()), f(() => {
-		let e = d.current;
+		let t = [...e.querySelectorAll("[data-stat-value]")].map((e) => e.scrollWidth * w[0].px / (Number(e.dataset.statValue) || w[0].px)), n = typeof window.matchMedia == "function" && window.matchMedia("(min-width: 1024px)").matches, r = I(t, e.clientWidth, n);
+		g((e) => e.step === r.step && e.single === r.single && e.two === r.two ? e : r);
+	}, p(() => v.current()), p(() => {
+		let e = u.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = r([e, ...e.querySelectorAll("[data-stat-value]")], () => v.current());
 		return document.fonts?.ready.then(() => v.current()), t;
 	}, [l]);
-	let y = M(l, !1), b = M(l, !0), x = (t) => {
+	let y = P(l, !1), b = P(l, !0), x = (t) => {
 		let n = y.spans[t] ?? 1, r = b.spans[t] ?? 1;
-		return e(D[n], !g.two && r !== n && O[r]) || void 0;
+		return e(k[n], !f.two && r !== n && A[r]) || void 0;
 	};
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ _("div", {
 		ref: (e) => {
-			d.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+			u.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
 		},
 		role: "list",
-		className: e("grid gap-1 overflow-hidden rounded-group bg-line-subtle shadow-xs", g.single ? "grid-cols-1" : g.two ? "grid-cols-2" : e(T[y.cols], b.cols !== y.cols && E[b.cols]), n),
+		className: e("grid gap-1 overflow-hidden rounded-group bg-line-subtle shadow-xs", f.single ? "grid-cols-1" : f.two ? "grid-cols-2" : e(D[y.cols], b.cols !== y.cols && O[b.cols]), n),
 		...i,
-		children: /* @__PURE__ */ h(C.Provider, {
-			value: g.step,
-			children: c.map((t, n) => {
-				let r = g.single ? void 0 : x(n);
-				return r ? s(t, { className: e(t.props.className, r) }) : t;
+		children: /* @__PURE__ */ _(T.Provider, {
+			value: f.step,
+			children: o.map((t, n) => {
+				let r = f.single ? void 0 : x(n);
+				return r ? c(t, { className: e(t.props.className, r) }) : t;
 			})
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (F.displayName = "StatGrid");
+process.env.NODE_ENV !== "production" && (L.displayName = "StatGrid");
 //#endregion
-export { v as KAESO_STAT_DEFAULT_VARIANTS, _ as KAESO_STAT_VARIANTS, b as MetricRow, S as STAT_VALUE_STEPS, y as Stat, F as StatGrid, w as StatTile, P as statGridFit, M as statGridLayout };
+export { b as KAESO_STAT_DEFAULT_VARIANTS, y as KAESO_STAT_VARIANTS, S as MetricRow, w as STAT_VALUE_STEPS, x as Stat, L as StatGrid, E as StatTile, I as statGridFit, P as statGridLayout };
 
 //# sourceMappingURL=stat.js.map

package/dist/components/stat.js.map

@@ -1 +1 @@
-{"version":3,"file":"stat.js","names":["cn","useUiText","useLocale","observeResize","Badge","KAESO_STAT_VARIANTS","KAESO_STAT_DEFAULT_VARIANTS","Stat","className","size","value","unit","delta","MetricRow","changeLabel","pct","v","digits","shown","locale","STAT_VALUE_STEPS","StatStepContext","StatTile","t","good","change","step","useContext","trend","label","detail","Sparkline","trendColor","GRID_COLS","LG_GRID_COLS","COL_SPAN","LG_COL_SPAN","TILE_PADDING","GAP","SLACK","statGridLayout","cols","n","wide","last","MIN_TILE","statGridFit","base","at","col","width","rooms","spans","s","needs","need","st","i","own","two","single","StatGrid","props","tiles","Children","children","isValidElement","grid","useRef","fit","setFit","useState","measure","el","next","f","useLayoutEffect","stop","narrow","span","small","large","ref","extra","cloneElement"],"sources":["../../src/components/stat/stat.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { observeResize } from \"../../utils/observe-resize.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Sparkline } from \"../charts/sparkline.js\";\nimport { useLocale, useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_STAT_VARIANTS = {\n  size: {\n    md: { classes: \"text-metric\" },\n    sm: { classes: \"text-title\" },\n  },\n} as const;\nexport const KAESO_STAT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface StatProps {\n  value: ReactNode;\n  unit?: ReactNode | undefined;\n  delta?: { label: string; tone?: \"success\" | \"danger\" | \"neutral\" | undefined } | undefined;\n  size?: keyof typeof KAESO_STAT_VARIANTS.size | undefined;\n  className?: string | undefined;\n}\n\nexport const Stat = /* @__PURE__ */ forwardRef<HTMLDivElement, StatProps>(function Stat({ value, unit, delta, size = \"md\", className }, ref) {\n  return (\n    <div ref={ref} className={cn(\"flex min-w-0 flex-wrap items-baseline gap-x-8 gap-y-4\", className)}>\n      <span className={cn(\"font-semibold text-fg tabular\", KAESO_STAT_VARIANTS.size[size].classes)}>{value}</span>\n      {unit && <span className=\"text-body-lg font-regular text-fg-secondary\">{unit}</span>}\n      {delta && (\n        <Badge tone={delta.tone ?? \"neutral\"} className=\"self-center\">\n          {delta.label}\n        </Badge>\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Stat.displayName = \"Stat\";\n\nexport const MetricRow = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; className?: string | undefined }>(function MetricRow({ children, className }, ref) {\n  return (\n    <div ref={ref} className={cn(\"flex flex-wrap items-baseline gap-x-48 gap-y-16\", className)}>\n      {children}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") MetricRow.displayName = \"MetricRow\";\n\nexport interface StatTileProps {\n  label: ReactNode;\n  value: ReactNode;\n  change?: { value: number; better?: \"up\" | \"down\" | undefined } | undefined;\n  detail?: ReactNode | undefined;\n  trend?: number[] | undefined;\n  trendColor?: string | undefined;\n  className?: string | undefined;\n}\n\nconst changeLabel = (v: number, t: UiText, locale: string) => {\n  const pct = Math.abs(v) * 100;\n  const digits = pct >= 10 || pct === 0 ? 0 : 1;\n  const shown = new Intl.NumberFormat(locale === \"en\" ? \"en-US\" : locale, {\n    minimumFractionDigits: digits,\n    maximumFractionDigits: digits,\n    useGrouping: false,\n  }).format(digits ? Number(pct.toFixed(1)) : Math.round(pct));\n  return `${v > 0 ? \"↑\" : v < 0 ? \"↓\" : \"\"}${t(\"statTile.percent\", \"{value}%\", { value: shown })}`;\n};\n\nexport const STAT_VALUE_STEPS = [\n  { classes: \"text-title-lg\", px: 28 },\n  { classes: \"text-title\", px: 20 },\n  { classes: \"text-title-sm\", px: 17 },\n] as const;\n\nconst StatStepContext = /* @__PURE__ */ createContext(0);\n\nexport const StatTile = /* @__PURE__ */ forwardRef<HTMLDivElement, StatTileProps>(function StatTile({ label, value, change, detail, trend, trendColor, className }, ref) {\n  const t = useUiText();\n  const locale = useLocale();\n  const good = change && change.value !== 0 ? change.value > 0 === ((change.better ?? \"up\") === \"up\") : undefined;\n  const step = STAT_VALUE_STEPS[useContext(StatStepContext)] ?? STAT_VALUE_STEPS[0];\n  return (\n    <div ref={ref} role=\"listitem\" className={cn(\"flex min-w-0 flex-col bg-raised px-20 pt-16\", trend ? \"pb-12\" : \"pb-16\", className)}>\n      <span className=\"text-small font-medium text-fg-secondary\">{label}</span>\n      <span className=\"mt-6 flex h-34 min-w-0 items-center\">\n        <span data-stat-value={step.px} className={cn(\"max-w-full truncate font-semibold text-fg tabular\", step.classes)}>\n          {value}\n        </span>\n      </span>\n      <span className=\"mt-2 flex min-h-20 min-w-0 flex-wrap items-center gap-x-6 gap-y-2 text-small text-fg-tertiary\">\n        {change && Number.isFinite(change.value) && (\n          <span className=\"flex h-20 shrink-0 items-center\">\n            <Badge tone={good === undefined ? \"neutral\" : good ? \"success\" : \"danger\"} className=\"shrink-0 tabular\">\n              {changeLabel(change.value, t, locale)}\n            </Badge>\n          </span>\n        )}\n        {detail && <span className=\"min-w-0\">{detail}</span>}\n      </span>\n      {trend && (\n        <span className=\"mt-auto h-40 shrink-0 pt-8\">\n          {trend.length > 1 && (\n            <Sparkline\n              values={trend}\n              fluid\n              {...(trendColor ? { color: trendColor } : {})}\n              aria-label={typeof label === \"string\" ? t(\"statTile.trendPerDay\", \"{label} per day\", { label }) : t(\"statTile.trend\", \"Trend\")}\n            />\n          )}\n        </span>\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") StatTile.displayName = \"StatTile\";\n\nconst GRID_COLS: Record<number, string> = { 1: \"grid-cols-1\", 2: \"grid-cols-2\" };\nconst LG_GRID_COLS: Record<number, string> = { 3: \"lg:grid-cols-3\", 4: \"lg:grid-cols-4\" };\nconst COL_SPAN: Record<number, string> = { 2: \"col-span-2\" };\nconst LG_COL_SPAN: Record<number, string> = { 1: \"lg:col-span-1\", 2: \"lg:col-span-2\", 3: \"lg:col-span-3\", 4: \"lg:col-span-4\" };\n\nconst TILE_PADDING = 40;\nconst GAP = 1;\nconst SLACK = 1.03;\n\nexport function statGridLayout(n: number, wide: boolean): { cols: number; spans: number[] } {\n  const cols = n <= 2 ? Math.max(n, 1) : wide ? Math.min(n, 4) : 2;\n  const last = n - 1;\n  const spans = Array.from({ length: n }, (_, i) => {\n    if (i !== last || n < 3) return 1;\n    if (n === 3) return wide ? 1 : 2;\n    return wide ? ({ 1: 4, 2: 3, 3: 2 }[n % 4] ?? 1) : n % 2 === 1 ? 2 : 1;\n  });\n  return { cols, spans };\n}\n\nconst MIN_TILE = 160;\n\nexport function statGridFit(needs: number[], width: number, wide: boolean): { step: number; single: boolean; two: boolean } {\n  const base = STAT_VALUE_STEPS[0].px;\n  const at = ({ cols, spans }: { cols: number; spans: number[] }) => {\n    const col = (width - (cols - 1) * GAP) / cols;\n    const rooms = spans.map((s) => col * s + (s - 1) * GAP - TILE_PADDING);\n    return STAT_VALUE_STEPS.findIndex((st) => needs.every((need, i) => (need * st.px * SLACK) / base <= (rooms[i] ?? 0)));\n  };\n  const own = statGridLayout(needs.length, wide);\n  const two = own.cols > 2 && (width - (own.cols - 1) * GAP) / own.cols < MIN_TILE;\n  const step = at(two ? statGridLayout(needs.length, false) : own);\n  if (step >= 0 || needs.length < 2) return { step: Math.max(step, 0), single: false, two };\n  const single = at({ cols: 1, spans: needs.map(() => 1) });\n  return { step: single >= 0 ? single : STAT_VALUE_STEPS.length - 1, single: true, two: false };\n}\n\nexport const StatGrid = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; \"aria-label\"?: string | undefined; className?: string | undefined }>(\n  function StatGrid({ children, className, ...props }, ref) {\n    const tiles = Children.toArray(children).filter(isValidElement) as ReactElement<{ className?: string | undefined }>[];\n    const n = tiles.length;\n    const grid = useRef<HTMLDivElement | null>(null);\n    const [fit, setFit] = useState({ step: 0, single: false, two: false });\n    const measure = useRef(() => {});\n    measure.current = () => {\n      const el = grid.current;\n      if (!el || !el.clientWidth) return;\n      const values = [...el.querySelectorAll<HTMLElement>(\"[data-stat-value]\")];\n      const needs = values.map((v) => (v.scrollWidth * STAT_VALUE_STEPS[0].px) / (Number(v.dataset.statValue) || STAT_VALUE_STEPS[0].px));\n      const wide = typeof window.matchMedia === \"function\" && window.matchMedia(\"(min-width: 1024px)\").matches;\n      const next = statGridFit(needs, el.clientWidth, wide);\n      setFit((f) => (f.step === next.step && f.single === next.single && f.two === next.two ? f : next));\n    };\n    useLayoutEffect(() => measure.current());\n    useLayoutEffect(() => {\n      const el = grid.current;\n      if (!el || typeof ResizeObserver === \"undefined\") return;\n      const stop = observeResize([el, ...el.querySelectorAll(\"[data-stat-value]\")], () => measure.current());\n      void document.fonts?.ready.then(() => measure.current());\n      return stop;\n    }, [n]);\n    const narrow = statGridLayout(n, false);\n    const wide = statGridLayout(n, true);\n    const span = (i: number) => {\n      const small = narrow.spans[i] ?? 1;\n      const large = wide.spans[i] ?? 1;\n      return cn(COL_SPAN[small], !fit.two && large !== small && LG_COL_SPAN[large]) || undefined;\n    };\n    return (\n      <div\n        ref={(e) => {\n          grid.current = e;\n          if (typeof ref === \"function\") ref(e);\n          else if (ref) ref.current = e;\n        }}\n        role=\"list\"\n        className={cn(\n          \"grid gap-1 overflow-hidden rounded-group bg-line-subtle shadow-xs\",\n          fit.single ? \"grid-cols-1\" : fit.two ? \"grid-cols-2\" : cn(GRID_COLS[narrow.cols], wide.cols !== narrow.cols && LG_GRID_COLS[wide.cols]),\n          className,\n        )}\n        {...props}\n      >\n        <StatStepContext.Provider value={fit.step}>\n          {tiles.map((t, i) => {\n            const extra = fit.single ? undefined : span(i);\n            return extra ? cloneElement(t, { className: cn(t.props.className, extra) }) : t;\n          })}\n        </StatStepContext.Provider>\n      </div>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") StatGrid.displayName = \"StatGrid\";\n"],"mappings":";;;;;;;;;AAmBA,IAAaK,IAAsB,EACjC,MAAM;CACJ,IAAI,EAAE,SAAS,cAAc;CAC7B,IAAI,EAAE,SAAS,aAAa;AAC9B,EACF,GACaC,IAA8B,EAAE,MAAM,KAAK,GAU3CC,IAAuB,kBAAsC,SAAc,EAAE,UAAO,SAAM,UAAO,UAAO,MAAM,gBAAa,GAAK;CAC3I,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWP,EAAG,yDAAyDQ,CAAS;EAA/F,UAAA;GACE,kBAAC,QAAD;IAAM,WAAWR,EAAG,iCAAiCK,EAAoB,KAAKI,EAAK,CAAC,OAAO;IAAI,UAAAC;GAAY,CAAA;GAC1GC,KAAQ,kBAAC,QAAD;IAAM,WAAU;IAA+C,UAAAA;GAAW,CAAA;GAClFC,KACC,kBAACR,GAAD;IAAO,MAAMQ,EAAM,QAAQ;IAAW,WAAU;IAC7C,UAAAA,EAAM;GACF,CAAA;EAEN;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAE9D,IAAaC,IAA4B,kBAAoF,SAAmB,EAAE,aAAU,gBAAa,GAAK;CAC5K,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWb,EAAG,mDAAmDQ,CAAS;EACtF;CACE,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc;AAYnE,IAAMM,KAAe,GAAW,GAAW,MAAmB;CAC5D,IAAMC,IAAM,KAAK,IAAIC,CAAC,IAAI,KACpBC,IAASF,KAAO,MAAMA,MAAQ,IAAI,IAAI,GACtCG,IAAQ,IAAI,KAAK,aAAaC,MAAW,OAAO,UAAUA,GAAQ;EACtE,uBAAuBF;EACvB,uBAAuBA;EACvB,aAAa;CACf,CAAC,CAAC,CAAC,OAAOA,IAAS,OAAOF,EAAI,QAAQ,CAAC,CAAC,IAAI,KAAK,MAAMA,CAAG,CAAC;CAC3D,OAAO,GAAGC,IAAI,IAAI,MAAMA,IAAI,IAAI,MAAM,KAAK,EAAE,oBAAoB,YAAY,EAAE,OAAOE,EAAM,CAAC;AAC/F,GAEaE,IAAmB;CAC9B;EAAE,SAAS;EAAiB,IAAI;CAAG;CACnC;EAAE,SAAS;EAAc,IAAI;CAAG;CAChC;EAAE,SAAS;EAAiB,IAAI;CAAG;AACrC,GAEMC,IAAkC,kBAAc,CAAC,GAE1CC,IAA2B,kBAA0C,SAAkB,EAAE,UAAO,UAAO,WAAQ,WAAQ,UAAO,eAAY,gBAAa,GAAK;CACvK,IAAMC,IAAItB,EAAU,GACdkB,IAASjB,EAAU,GACnBsB,IAAOC,KAAUA,EAAO,UAAU,IAAIA,EAAO,QAAQ,OAAQA,EAAO,UAAU,UAAU,QAAQ,KAAA,GAChGC,IAAON,EAAiBO,EAAWN,CAAe,MAAMD,EAAiB;CAC/E,OACE,kBAAC,OAAD;EAAU;EAAK,MAAK;EAAW,WAAWpB,EAAG,+CAA+C4B,IAAQ,UAAU,SAASpB,CAAS;EAAhI,UAAA;GACE,kBAAC,QAAD;IAAM,WAAU;IAA4C,UAAAqB;GAAY,CAAA;GACxE,kBAAC,QAAD;IAAM,WAAU;IACd,UAAA,kBAAC,QAAD;KAAM,mBAAiBH,EAAK;KAAI,WAAW1B,EAAG,qDAAqD0B,EAAK,OAAO;KAC5G,UAAAhB;IACG,CAAA;GACF,CAAA;GACN,kBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACGe,KAAU,OAAO,SAASA,EAAO,KAAK,KACrC,kBAAC,QAAD;KAAM,WAAU;KACd,UAAA,kBAACrB,GAAD;MAAO,MAAMoB,MAAS,KAAA,IAAY,YAAYA,IAAO,YAAY;MAAU,WAAU;MAClF,UAAAV,EAAYW,EAAO,OAAOF,GAAGJ,CAAM;KAC/B,CAAA;IACH,CAAA,GAEPW,KAAU,kBAAC,QAAD;KAAM,WAAU;KAAW,UAAAA;IAAa,CAAA,CAC/C;;GACLF,KACC,kBAAC,QAAD;IAAM,WAAU;IACb,UAAAA,EAAM,SAAS,KACd,kBAACG,GAAD;KACE,QAAQH;KACR,OAAA;KACA,GAAKI,IAAa,EAAE,OAAOA,EAAW,IAAI,CAAC;KAC3C,cAAY,OAAOH,KAAU,WAAWN,EAAE,wBAAwB,mBAAmB,EAAE,SAAM,CAAC,IAAIA,EAAE,kBAAkB,OAAO;IAC9H,CAAA;GAEC,CAAA;EAEL;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,IAAMU,IAAoC;CAAE,GAAG;CAAe,GAAG;AAAc,GACzEC,IAAuC;CAAE,GAAG;CAAkB,GAAG;AAAiB,GAClFC,IAAmC,EAAE,GAAG,aAAa,GACrDC,IAAsC;CAAE,GAAG;CAAiB,GAAG;CAAiB,GAAG;CAAiB,GAAG;AAAgB,GAEvHC,IAAe,IACfC,IAAM,GACNC,IAAQ;AAEd,SAAgBC,EAAe,GAAW,GAAkD;CAC1F,IAAMC,IAAOC,KAAK,IAAI,KAAK,IAAIA,GAAG,CAAC,IAAIC,IAAO,KAAK,IAAID,GAAG,CAAC,IAAI,GACzDE,IAAOF,IAAI;CAMjB,OAAO;EAAE;EAAM,OALD,MAAM,KAAK,EAAE,QAAQA,EAAE,IAAI,GAAG,MACtC,MAAME,KAAQF,IAAI,IAAU,IAC5BA,MAAM,IAAUC,IAAO,IAAI,IACxBA,IAAQ;GAAE,GAAG;GAAG,GAAG;GAAG,GAAG;EAAE,EAAED,IAAI,MAAM,IAAKA,IAAI,KAAM,IAAI,IAAI,CAExD;CAAM;AACvB;AAEA,IAAMG,IAAW;AAEjB,SAAgBC,EAAY,GAAiB,GAAe,GAAgE;CAC1H,IAAMC,IAAO3B,EAAiB,EAAE,CAAC,IAC3B4B,KAAM,EAAE,SAAM,eAA+C;EACjE,IAAMC,KAAOC,KAAST,IAAO,KAAKH,KAAOG,GACnCU,IAAQC,EAAM,KAAK,MAAMH,IAAMI,KAAKA,IAAI,KAAKf,IAAMD,CAAY;EACrE,OAAOjB,EAAiB,WAAW,MAAOkC,EAAM,OAAO,GAAM,MAAOC,IAAOC,EAAG,KAAKjB,IAASQ,MAASI,EAAMM,MAAM,EAAE,CAAC;CACtH,GACMC,IAAMlB,EAAec,EAAM,QAAQX,CAAI,GACvCgB,IAAMD,EAAI,OAAO,MAAMR,KAASQ,EAAI,OAAO,KAAKpB,KAAOoB,EAAI,OAAOb,GAClEnB,IAAOsB,EAAGW,IAAMnB,EAAec,EAAM,QAAQ,EAAK,IAAII,CAAG;CAC/D,IAAIhC,KAAQ,KAAK4B,EAAM,SAAS,GAAG,OAAO;EAAE,MAAM,KAAK,IAAI5B,GAAM,CAAC;EAAG,QAAQ;EAAO;CAAI;CACxF,IAAMkC,IAASZ,EAAG;EAAE,MAAM;EAAG,OAAOM,EAAM,UAAU,CAAC;CAAE,CAAC;CACxD,OAAO;EAAE,MAAMM,KAAU,IAAIA,IAASxC,EAAiB,SAAS;EAAG,QAAQ;EAAM,KAAK;CAAM;AAC9F;AAEA,IAAayC,IAA2B,kBACtC,SAAkB,EAAE,aAAU,cAAW,GAAGC,KAAS,GAAK;CACxD,IAAMC,IAAQC,EAAS,QAAQC,CAAQ,CAAC,CAAC,OAAOC,CAAc,GACxDxB,IAAIqB,EAAM,QACVI,IAAOC,EAA8B,IAAI,GACzC,CAACC,GAAKC,KAAUC,EAAS;EAAE,MAAM;EAAG,QAAQ;EAAO,KAAK;CAAM,CAAC,GAC/DC,IAAUJ,QAAa,CAAC,CAAC;CAW/B,AAVA,EAAQ,gBAAgB;EACtB,IAAMK,IAAKN,EAAK;EAChB,IAAI,CAACM,KAAM,CAACA,EAAG,aAAa;EAE5B,IAAMnB,IAAQ,CADE,GAAGmB,EAAG,iBAA8B,mBAAmB,CACzD,CAAA,CAAO,KAAK,MAAOzD,EAAE,cAAcI,EAAiB,EAAE,CAAC,MAAO,OAAOJ,EAAE,QAAQ,SAAS,KAAKI,EAAiB,EAAE,CAAC,GAAG,GAC5HuB,IAAO,OAAO,OAAO,cAAe,cAAc,OAAO,WAAW,qBAAqB,CAAC,CAAC,SAC3F+B,IAAO5B,EAAYQ,GAAOmB,EAAG,aAAa9B,CAAI;EACpD,GAAQ,MAAOgC,EAAE,SAASD,EAAK,QAAQC,EAAE,WAAWD,EAAK,UAAUC,EAAE,QAAQD,EAAK,MAAMC,IAAID,CAAK;CACnG,GACAE,QAAsBJ,EAAQ,QAAQ,CAAC,GACvCI,QAAsB;EACpB,IAAMH,IAAKN,EAAK;EAChB,IAAI,CAACM,KAAM,OAAO,iBAAmB,KAAa;EAClD,IAAMI,IAAO1E,EAAc,CAACsE,GAAI,GAAGA,EAAG,iBAAiB,mBAAmB,CAAC,SAASD,EAAQ,QAAQ,CAAC;EAErG,OADA,SAAc,OAAO,MAAM,WAAWA,EAAQ,QAAQ,CAAC,GAChDK;CACT,GAAG,CAACnC,CAAC,CAAC;CACN,IAAMoC,IAAStC,EAAeE,GAAG,EAAK,GAChCC,IAAOH,EAAeE,GAAG,EAAI,GAC7BqC,KAAQ,MAAc;EAC1B,IAAMC,IAAQF,EAAO,MAAMrB,MAAM,GAC3BwB,IAAQtC,EAAK,MAAMc,MAAM;EAC/B,OAAOzD,EAAGmC,EAAS6C,IAAQ,CAACX,EAAI,OAAOY,MAAUD,KAAS5C,EAAY6C,EAAM,KAAK,KAAA;CACnF;CACA,OACE,kBAAC,OAAD;EACE,MAAM,MAAM;GAEV,AADA,EAAK,UAAU,GACX,OAAOC,KAAQ,aAAYA,EAAI,CAAC,IAC3BA,MAAK,EAAI,UAAU;EAC9B;EACA,MAAK;EACL,WAAWlF,EACT,qEACAqE,EAAI,SAAS,gBAAgBA,EAAI,MAAM,gBAAgBrE,EAAGiC,EAAU6C,EAAO,OAAOnC,EAAK,SAASmC,EAAO,QAAQ5C,EAAaS,EAAK,KAAK,GACtInC,CACF;EACA,GAAIsD;EAEJ,UAAA,kBAACzC,EAAgB,UAAjB;GAA0B,OAAOgD,EAAI;GAClC,UAAAN,EAAM,KAAK,GAAG,MAAM;IACnB,IAAMoB,IAAQd,EAAI,SAAS,KAAA,IAAYU,EAAKtB,CAAC;IAC7C,OAAO0B,IAAQC,EAAa,GAAG,EAAE,WAAWpF,EAAG,EAAE,MAAM,WAAWmF,CAAK,EAAE,CAAC,IAAI;GAChF,CAAC;EACuB,CAAA;CACvB,CAAA;AAET,CACF;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc"}
+{"version":3,"file":"stat.js","names":["_Fragment","cn","useUiText","useLocale","observeResize","Skeleton","Badge","Fragment$1","KAESO_STAT_VARIANTS","KAESO_STAT_DEFAULT_VARIANTS","Stat","className","size","value","unit","delta","MetricRow","changeLabel","pct","v","digits","shown","locale","STAT_VALUE_STEPS","StatStepContext","StatTile","t","good","change","step","useContext","loading","trend","label","detail","Sparkline","trendColor","GRID_COLS","LG_GRID_COLS","COL_SPAN","LG_COL_SPAN","TILE_PADDING","GAP","SLACK","statGridLayout","cols","n","wide","last","MIN_TILE","statGridFit","base","at","col","width","rooms","spans","s","needs","need","st","i","own","two","single","StatGrid","props","tiles","Children","children","isValidElement","grid","useRef","fit","setFit","useState","measure","el","next","f","useLayoutEffect","stop","narrow","span","small","large","ref","extra","cloneElement"],"sources":["../../src/components/stat/stat.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { observeResize } from \"../../utils/observe-resize.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Sparkline } from \"../charts/sparkline.js\";\nimport { Skeleton } from \"../skeleton/skeleton.js\";\nimport { useLocale, useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_STAT_VARIANTS = {\n  size: {\n    md: { classes: \"text-metric\" },\n    sm: { classes: \"text-title\" },\n  },\n} as const;\nexport const KAESO_STAT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface StatProps {\n  value: ReactNode;\n  unit?: ReactNode | undefined;\n  delta?: { label: string; tone?: \"success\" | \"danger\" | \"neutral\" | undefined } | undefined;\n  size?: keyof typeof KAESO_STAT_VARIANTS.size | undefined;\n  className?: string | undefined;\n}\n\nexport const Stat = /* @__PURE__ */ forwardRef<HTMLDivElement, StatProps>(function Stat({ value, unit, delta, size = \"md\", className }, ref) {\n  return (\n    <div ref={ref} className={cn(\"flex min-w-0 flex-wrap items-baseline gap-x-8 gap-y-4\", className)}>\n      <span className={cn(\"font-semibold text-fg tabular\", KAESO_STAT_VARIANTS.size[size].classes)}>{value}</span>\n      {unit && <span className=\"text-body-lg font-regular text-fg-secondary\">{unit}</span>}\n      {delta && (\n        <Badge tone={delta.tone ?? \"neutral\"} className=\"self-center\">\n          {delta.label}\n        </Badge>\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Stat.displayName = \"Stat\";\n\nexport const MetricRow = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; className?: string | undefined }>(function MetricRow({ children, className }, ref) {\n  return (\n    <div ref={ref} className={cn(\"flex flex-wrap items-baseline gap-x-48 gap-y-16\", className)}>\n      {children}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") MetricRow.displayName = \"MetricRow\";\n\nexport interface StatTileProps {\n  label: ReactNode;\n  value: ReactNode;\n  change?: { value: number; better?: \"up\" | \"down\" | undefined } | undefined;\n  detail?: ReactNode | undefined;\n  trend?: number[] | undefined;\n  trendColor?: string | undefined;\n  loading?: boolean | undefined;\n  className?: string | undefined;\n}\n\nconst changeLabel = (v: number, t: UiText, locale: string) => {\n  const pct = Math.abs(v) * 100;\n  const digits = pct >= 10 || pct === 0 ? 0 : 1;\n  const shown = new Intl.NumberFormat(locale === \"en\" ? \"en-US\" : locale, {\n    minimumFractionDigits: digits,\n    maximumFractionDigits: digits,\n    useGrouping: false,\n  }).format(digits ? Number(pct.toFixed(1)) : Math.round(pct));\n  return `${v > 0 ? \"↑\" : v < 0 ? \"↓\" : \"\"}${t(\"statTile.percent\", \"{value}%\", { value: shown })}`;\n};\n\nexport const STAT_VALUE_STEPS = [\n  { classes: \"text-title-lg\", px: 28 },\n  { classes: \"text-title\", px: 20 },\n  { classes: \"text-title-sm\", px: 17 },\n] as const;\n\nconst StatStepContext = /* @__PURE__ */ createContext(0);\n\nexport const StatTile = /* @__PURE__ */ forwardRef<HTMLDivElement, StatTileProps>(function StatTile(\n  { label, value, change, detail, trend, trendColor, loading, className },\n  ref,\n) {\n  const t = useUiText();\n  const locale = useLocale();\n  const good = change && change.value !== 0 ? change.value > 0 === ((change.better ?? \"up\") === \"up\") : undefined;\n  const step = STAT_VALUE_STEPS[useContext(StatStepContext)] ?? STAT_VALUE_STEPS[0];\n  return (\n    <div\n      ref={ref}\n      role=\"listitem\"\n      aria-busy={loading || undefined}\n      className={cn(\"flex min-w-0 flex-col bg-raised px-20 pt-16\", trend ? \"pb-12\" : \"pb-16\", className)}\n    >\n      <span className=\"text-small font-medium text-fg-secondary\">{label}</span>\n      <span className=\"mt-6 flex h-34 min-w-0 items-center\">\n        <span data-stat-value={step.px} className={cn(\"max-w-full truncate font-semibold text-fg tabular\", step.classes, loading && \"flex\")}>\n          {loading ? <Skeleton shape=\"line\" className=\"h-20 w-96\" /> : value}\n        </span>\n      </span>\n      {loading ? (\n        <>\n          <span className=\"mt-2 flex h-20 items-center\">\n            <Skeleton shape=\"line\" className=\"w-120\" />\n          </span>\n          {trend && (\n            <span className=\"mt-auto h-40 shrink-0 pt-8\">\n              <Skeleton className=\"h-full w-full\" />\n            </span>\n          )}\n        </>\n      ) : (\n        <span className=\"mt-2 flex min-h-20 min-w-0 flex-wrap items-center gap-x-6 gap-y-2 text-small text-fg-tertiary\">\n          {change && Number.isFinite(change.value) && (\n            <span className=\"flex h-20 shrink-0 items-center\">\n              <Badge tone={good === undefined ? \"neutral\" : good ? \"success\" : \"danger\"} className=\"shrink-0 tabular\">\n                {changeLabel(change.value, t, locale)}\n              </Badge>\n            </span>\n          )}\n          {detail && <span className=\"min-w-0\">{detail}</span>}\n        </span>\n      )}\n      {trend && !loading && (\n        <span className=\"mt-auto h-40 shrink-0 pt-8\">\n          {trend.length > 1 && (\n            <Sparkline\n              values={trend}\n              fluid\n              {...(trendColor ? { color: trendColor } : {})}\n              aria-label={typeof label === \"string\" ? t(\"statTile.trendPerDay\", \"{label} per day\", { label }) : t(\"statTile.trend\", \"Trend\")}\n            />\n          )}\n        </span>\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") StatTile.displayName = \"StatTile\";\n\nconst GRID_COLS: Record<number, string> = { 1: \"grid-cols-1\", 2: \"grid-cols-2\" };\nconst LG_GRID_COLS: Record<number, string> = { 3: \"lg:grid-cols-3\", 4: \"lg:grid-cols-4\" };\nconst COL_SPAN: Record<number, string> = { 2: \"col-span-2\" };\nconst LG_COL_SPAN: Record<number, string> = { 1: \"lg:col-span-1\", 2: \"lg:col-span-2\", 3: \"lg:col-span-3\", 4: \"lg:col-span-4\" };\n\nconst TILE_PADDING = 40;\nconst GAP = 1;\nconst SLACK = 1.03;\n\nexport function statGridLayout(n: number, wide: boolean): { cols: number; spans: number[] } {\n  const cols = n <= 2 ? Math.max(n, 1) : wide ? Math.min(n, 4) : 2;\n  const last = n - 1;\n  const spans = Array.from({ length: n }, (_, i) => {\n    if (i !== last || n < 3) return 1;\n    if (n === 3) return wide ? 1 : 2;\n    return wide ? ({ 1: 4, 2: 3, 3: 2 }[n % 4] ?? 1) : n % 2 === 1 ? 2 : 1;\n  });\n  return { cols, spans };\n}\n\nconst MIN_TILE = 160;\n\nexport function statGridFit(needs: number[], width: number, wide: boolean): { step: number; single: boolean; two: boolean } {\n  const base = STAT_VALUE_STEPS[0].px;\n  const at = ({ cols, spans }: { cols: number; spans: number[] }) => {\n    const col = (width - (cols - 1) * GAP) / cols;\n    const rooms = spans.map((s) => col * s + (s - 1) * GAP - TILE_PADDING);\n    return STAT_VALUE_STEPS.findIndex((st) => needs.every((need, i) => (need * st.px * SLACK) / base <= (rooms[i] ?? 0)));\n  };\n  const own = statGridLayout(needs.length, wide);\n  const two = own.cols > 2 && (width - (own.cols - 1) * GAP) / own.cols < MIN_TILE;\n  const step = at(two ? statGridLayout(needs.length, false) : own);\n  if (step >= 0 || needs.length < 2) return { step: Math.max(step, 0), single: false, two };\n  const single = at({ cols: 1, spans: needs.map(() => 1) });\n  return { step: single >= 0 ? single : STAT_VALUE_STEPS.length - 1, single: true, two: false };\n}\n\nexport const StatGrid = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; \"aria-label\"?: string | undefined; className?: string | undefined }>(\n  function StatGrid({ children, className, ...props }, ref) {\n    const tiles = Children.toArray(children).filter(isValidElement) as ReactElement<{ className?: string | undefined }>[];\n    const n = tiles.length;\n    const grid = useRef<HTMLDivElement | null>(null);\n    const [fit, setFit] = useState({ step: 0, single: false, two: false });\n    const measure = useRef(() => {});\n    measure.current = () => {\n      const el = grid.current;\n      if (!el || !el.clientWidth) return;\n      const values = [...el.querySelectorAll<HTMLElement>(\"[data-stat-value]\")];\n      const needs = values.map((v) => (v.scrollWidth * STAT_VALUE_STEPS[0].px) / (Number(v.dataset.statValue) || STAT_VALUE_STEPS[0].px));\n      const wide = typeof window.matchMedia === \"function\" && window.matchMedia(\"(min-width: 1024px)\").matches;\n      const next = statGridFit(needs, el.clientWidth, wide);\n      setFit((f) => (f.step === next.step && f.single === next.single && f.two === next.two ? f : next));\n    };\n    useLayoutEffect(() => measure.current());\n    useLayoutEffect(() => {\n      const el = grid.current;\n      if (!el || typeof ResizeObserver === \"undefined\") return;\n      const stop = observeResize([el, ...el.querySelectorAll(\"[data-stat-value]\")], () => measure.current());\n      void document.fonts?.ready.then(() => measure.current());\n      return stop;\n    }, [n]);\n    const narrow = statGridLayout(n, false);\n    const wide = statGridLayout(n, true);\n    const span = (i: number) => {\n      const small = narrow.spans[i] ?? 1;\n      const large = wide.spans[i] ?? 1;\n      return cn(COL_SPAN[small], !fit.two && large !== small && LG_COL_SPAN[large]) || undefined;\n    };\n    return (\n      <div\n        ref={(e) => {\n          grid.current = e;\n          if (typeof ref === \"function\") ref(e);\n          else if (ref) ref.current = e;\n        }}\n        role=\"list\"\n        className={cn(\n          \"grid gap-1 overflow-hidden rounded-group bg-line-subtle shadow-xs\",\n          fit.single ? \"grid-cols-1\" : fit.two ? \"grid-cols-2\" : cn(GRID_COLS[narrow.cols], wide.cols !== narrow.cols && LG_GRID_COLS[wide.cols]),\n          className,\n        )}\n        {...props}\n      >\n        <StatStepContext.Provider value={fit.step}>\n          {tiles.map((t, i) => {\n            const extra = fit.single ? undefined : span(i);\n            return extra ? cloneElement(t, { className: cn(t.props.className, extra) }) : t;\n          })}\n        </StatStepContext.Provider>\n      </div>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") StatGrid.displayName = \"StatGrid\";\n"],"mappings":"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"}

package/dist/components/status-dot.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_STATUS_DOT_DEFAULT_VARIANTS, n as KAESO_STATUS_DOT_VARIANTS, r as Status, i as StatusDot } from "../chunks/status-dot-CBoQpyL4.js";
+export { t as KAESO_STATUS_DOT_DEFAULT_VARIANTS, n as KAESO_STATUS_DOT_VARIANTS, r as Status, i as StatusDot } from "../chunks/status-dot-BqVOlShY.js";

package/dist/components/surface.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { t as e } from "../chunks/cn-DUDmdLpZ.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/surface/surface.tsx

package/dist/components/swap-text.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SWAP_TEXT_DEFAULT_VARIANTS, n as KAESO_SWAP_TEXT_VARIANTS, r as SwapText } from "../chunks/swap-text-BhPI8DOf.js";
+export { t as KAESO_SWAP_TEXT_DEFAULT_VARIANTS, n as KAESO_SWAP_TEXT_VARIANTS, r as SwapText } from "../chunks/swap-text-Cica0pUr.js";