@logicplanes/kaeso-ui 0.1.0 → 0.2.1

package/dist/components/sheet.js

@@ -3,14 +3,14 @@ import { t as e } from "../chunks/cn-CidVUKMm.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-Bw67oKtx.js";
-import { t as a } from "../chunks/restore-focus-Cap1Q-R3.js";
-import { forwardRef as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Cancel01Icon as u } from "@hugeicons/core-free-icons";
-import { Dialog as d } from "@base-ui/react/dialog";
+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";
 //#region src/components/sheet/sheet.tsx
-var f = {
+var g = {
 	size: {
 		sm: { classes: "w-480" },
 		md: { classes: "w-640" },
@@ -21,74 +21,79 @@ var f = {
 		left: { classes: "top-8 bottom-8 left-8 sheet-limits-x" },
 		bottom: { classes: "right-8 bottom-8 left-8 sheet-limits-y" }
 	}
-}, p = {
+}, _ = {
 	size: "sm",
 	side: "right"
 };
-function m({ title: e, subtitle: t, actions: n, children: a, footer: o, inline: f, onOpenChange: p }) {
-	let m = f ? "h2" : d.Title, h = r(), g = /* @__PURE__ */ c(i, {
-		icon: u,
-		"aria-label": h("sheet.close", "Close"),
+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"),
 		tooltip: !1,
-		...f && p ? { onClick: () => p(!1) } : {}
+		...c && g ? { onClick: () => g(!1) } : {}
 	});
-	return /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ l("div", {
+	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",
 			children: [
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ p("div", {
 					className: "flex min-w-0 flex-1 flex-col",
-					children: [/* @__PURE__ */ c(m, {
+					children: [/* @__PURE__ */ f(v, {
 						className: "truncate text-title-sm font-semibold text-fg",
 						children: e
-					}), t && /* @__PURE__ */ c("span", {
+					}), t && /* @__PURE__ */ f("span", {
 						className: "truncate mono text-small text-fg-secondary",
 						children: t
 					})]
 				}),
 				n,
-				f ? g : /* @__PURE__ */ c(d.Close, { render: g })
+				c ? w : /* @__PURE__ */ f(h.Close, { render: w })
 			]
 		}),
-		/* @__PURE__ */ c("div", {
+		/* @__PURE__ */ f("div", {
+			"data-dialog-body": "",
 			className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-24 py-20 scrollbar-quiet",
 			children: a
 		}),
-		o && /* @__PURE__ */ c("div", {
+		o && /* @__PURE__ */ f("div", {
 			className: "flex shrink-0 flex-wrap items-center justify-end gap-8 px-24 py-16 hairline-t",
 			children: o
 		})
 	] });
 }
-var h = /* @__PURE__ */ o(function(r, i) {
-	let { open: o, defaultOpen: s, onOpenChange: u, trigger: p, size: h = "sm", side: g = "right", modal: _ = !0, inline: v } = r, y = e("flex flex-col overflow-hidden rounded-sheet bg-raised text-fg shadow-dialog outline-none", g !== "bottom" && f.size[h].classes), b = a(o, () => _), x = t();
-	return v ? /* @__PURE__ */ c("div", {
+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", {
 		ref: i,
-		className: e(y, "h-560"),
-		children: /* @__PURE__ */ c(m, { ...r })
-	}) : /* @__PURE__ */ l(d.Root, {
-		...o === void 0 ? {} : { open: o },
-		...s === void 0 ? {} : { defaultOpen: s },
-		...u ? { onOpenChange: (e) => u(e) } : {},
+		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: _,
-		children: [p && /* @__PURE__ */ c(d.Trigger, { render: p }), /* @__PURE__ */ l(d.Portal, {
-			container: x,
-			children: [_ && /* @__PURE__ */ c(d.Backdrop, { className: "fixed inset-0 z-40 bg-overlay opacity-50 backdrop-motion" }), /* @__PURE__ */ c(d.Popup, {
+		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, {
 				ref: i,
-				"data-side": g,
-				initialFocus: b.initialFocus,
-				finalFocus: b.finalFocus,
-				className: e("fixed z-40 sheet-motion", y, f.side[g].classes, !_ && g !== "bottom" && "sheet-inspector"),
-				children: /* @__PURE__ */ c(n, {
+				"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, {
 					inset: !1,
-					children: /* @__PURE__ */ c(m, { ...r })
+					children: /* @__PURE__ */ f(v, { ...r })
 				})
 			})]
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (h.displayName = "Sheet");
+process.env.NODE_ENV !== "production" && (y.displayName = "Sheet");
 //#endregion
-export { p as KAESO_SHEET_DEFAULT_VARIANTS, f as KAESO_SHEET_VARIANTS, h as Sheet };
+export { _ as KAESO_SHEET_DEFAULT_VARIANTS, g as KAESO_SHEET_VARIANTS, y 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","useRestoreFocus","Fragment$1","KAESO_SHEET_VARIANTS","KAESO_SHEET_DEFAULT_VARIANTS","Frame","Title","inline","Dialog","t","close","Cancel01Icon","onOpenChange","title","subtitle","actions","footer","Sheet","props","box","side","size","focus","open","modal","container","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, 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 { Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { useUiText } from \"../../i18n/context.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 }: SheetProps) {\n  const Title = inline ? \"h2\" : BaseDialog.Title;\n  const t = useUiText();\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 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 className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain px-24 py-20 scrollbar-quiet\">{children}</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  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    >\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":";;;;;;;;;;;;AAUA,IAAaU,IAAuB;CAClC,MAAM;EACJ,IAAI,EAAE,SAAS,QAAQ;EACvB,IAAI,EAAE,SAAS,QAAQ;EACvB,IAAI,EAAE,SAAS,QAAQ;CACzB;CACA,MAAM;EACJ,OAAO,EAAE,SAAS,wCAAwC;EAC1D,MAAM,EAAE,SAAS,uCAAuC;EACxD,QAAQ,EAAE,SAAS,yCAAyC;CAC9D;AACF,GACaC,IAA+B;CAAE,MAAM;CAAM,MAAM;AAAQ;AAkBxE,SAASC,EAAM,EAAE,UAAO,aAAU,YAAS,aAAU,WAAQ,WAAQ,mBAA4B;CAC/F,IAAMC,IAAQC,IAAS,OAAOd,EAAW,OACnCgB,IAAIV,EAAU,GACdW,IACJ,kBAACV,GAAD;EACE,MAAMN;EACN,cAAYe,EAAE,eAAe,OAAO;EACpC,SAAS;EACT,GAAKF,KAAUK,IAAe,EAAE,eAAeA,EAAa,EAAK,EAAE,IAAI,CAAC;CACzE,CAAA;CAEH,OACE,kBAAAjB,GAAA,EAAA,UAAA;EACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAACW,GAAD;MAAO,WAAU;MAAgD,UAAAO;KAAa,CAAA,GAC7EC,KAAY,kBAAC,QAAD;MAAM,WAAU;MAA8C,UAAAA;KAAe,CAAA,CACvF;;IACJC;IACAR,IAASG,IAAQ,kBAACjB,EAAW,OAAZ,EAAkB,QAAQiB,EAAQ,CAAA;GACjD;;EACL,kBAAC,OAAD;GAAK,WAAU;GAAiF;EAAc,CAAA;EAC7GM,KAAU,kBAAC,OAAD;GAAK,WAAU;GAAiF,UAAAA;EAAY,CAAA;CACvH,EAAA,CAAA;AAEN;AAEA,IAAaC,IAAwB,kBAAuC,SAAe,GAAO,GAAK;CACrG,IAAM,EAAE,SAAM,gBAAa,iBAAc,YAAS,UAAO,MAAM,UAAO,SAAS,WAAQ,IAAM,cAAWC,GAClGC,IAAMvB,EACV,4FACAwB,MAAS,YAAYjB,EAAqB,KAAKkB,EAAK,CAAC,OACvD,GACMC,IAAQrB,EAAgBsB,SAAYC,CAAK,GACzCC,IAAY5B,EAAmB;CAOrC,OANIU,IAEA,kBAAC,OAAD;EAAU;EAAK,WAAWX,EAAGuB,GAAK,OAAO;EACvC,UAAA,kBAACd,GAAD,EAAO,GAAIa,EAAQ,CAAA;CAChB,CAAA,IAGP,kBAACzB,EAAW,MAAZ;EACE,GAAK8B,MAAS,KAAA,IAAuB,CAAC,IAAZ,EAAE,QAAK;EACjC,GAAKG,MAAgB,KAAA,IAA8B,CAAC,IAAnB,EAAE,eAAY;EAC/C,GAAKd,IAAe,EAAE,eAAe,MAAeA,EAAae,CAAC,EAAE,IAAI,CAAC;EAClE;EAJT,UAAA,CAMGC,KAAW,kBAACnC,EAAW,SAAZ,EAAoB,QAAQmC,EAAU,CAAA,GAClD,kBAACnC,EAAW,QAAZ;GAA8B;GAA9B,UAAA,CACG+B,KAAS,kBAAC/B,EAAW,UAAZ,EAAqB,WAAU,2DAA4D,CAAA,GACrG,kBAACA,EAAW,OAAZ;IACO;IACL,aAAW2B;IACX,cAAcE,EAAM;IACpB,YAAYA,EAAM;IAClB,WAAW1B,EAAG,2BAA2BuB,GAAKhB,EAAqB,KAAKiB,EAAK,CAAC,SAAS,CAACI,KAASJ,MAAS,YAAY,iBAAiB;IAEvI,UAAA,kBAACtB,GAAD;KAAc,OAAO;KACnB,UAAA,kBAACO,GAAD,EAAO,GAAIa,EAAQ,CAAA;IACP,CAAA;GACE,CAAA,CACD;EACJ,CAAA,CAAA;;AAErB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc"}
+{"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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"}

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-C4fL_KMm.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-5IA18LuP.js";

package/dist/components/stat.js

@@ -1,52 +1,53 @@
 "use client";
 import { t as e } from "../chunks/cn-CidVUKMm.js";
 import { i as t, r as n } from "../chunks/context-BELWW79w.js";
-import { t as r } from "../chunks/badge-Dkyhs0_j.js";
-import { Sparkline as i } from "./charts/sparkline.js";
-import { Children as a, cloneElement as o, createContext as s, forwardRef as c, isValidElement as l, useContext as u, useLayoutEffect as d, useRef as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+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";
 //#region src/components/stat/stat.tsx
-var g = { size: {
+var _ = { size: {
 	md: { classes: "text-metric" },
 	sm: { classes: "text-title" }
-} }, _ = { size: "md" }, v = /* @__PURE__ */ c(function({ value: t, unit: n, delta: i, size: a = "md", className: o }, s) {
-	return /* @__PURE__ */ h("div", {
+} }, v = { size: "md" }, y = /* @__PURE__ */ l(function({ value: t, unit: n, delta: r, size: a = "md", className: o }, s) {
+	return /* @__PURE__ */ g("div", {
 		ref: s,
 		className: e("flex min-w-0 flex-wrap items-baseline gap-x-8 gap-y-4", o),
 		children: [
-			/* @__PURE__ */ m("span", {
-				className: e("font-semibold text-fg tabular", g.size[a].classes),
+			/* @__PURE__ */ h("span", {
+				className: e("font-semibold text-fg tabular", _.size[a].classes),
 				children: t
 			}),
-			n && /* @__PURE__ */ m("span", {
+			n && /* @__PURE__ */ h("span", {
 				className: "text-body-lg font-regular text-fg-secondary",
 				children: n
 			}),
-			i && /* @__PURE__ */ m(r, {
-				tone: i.tone ?? "neutral",
+			r && /* @__PURE__ */ h(i, {
+				tone: r.tone ?? "neutral",
 				className: "self-center",
-				children: i.label
+				children: r.label
 			})
 		]
 	});
 });
-process.env.NODE_ENV !== "production" && (v.displayName = "Stat");
-var y = /* @__PURE__ */ c(function({ children: t, className: n }, r) {
-	return /* @__PURE__ */ m("div", {
+process.env.NODE_ENV !== "production" && (y.displayName = "Stat");
+var b = /* @__PURE__ */ l(function({ children: t, className: n }, r) {
+	return /* @__PURE__ */ h("div", {
 		ref: r,
 		className: e("flex flex-wrap items-baseline gap-x-48 gap-y-16", n),
 		children: t
 	});
 });
-process.env.NODE_ENV !== "production" && (y.displayName = "MetricRow");
-var b = (e, t, n) => {
+process.env.NODE_ENV !== "production" && (b.displayName = "MetricRow");
+var x = (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 })}`;
-}, x = [
+}, S = [
 	{
 		classes: "text-title-lg",
 		px: 28
@@ -59,65 +60,65 @@ var b = (e, t, n) => {
 		classes: "text-title-sm",
 		px: 17
 	}
-], S = /* @__PURE__ */ s(0), C = /* @__PURE__ */ c(function({ label: a, value: o, change: s, detail: c, trend: l, trendColor: d, className: f }, p) {
-	let g = t(), _ = n(), v = s && s.value !== 0 ? s.value > 0 == ((s.better ?? "up") === "up") : void 0, y = x[u(S)] ?? x[0];
-	return /* @__PURE__ */ h("div", {
+], 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,
 		role: "listitem",
 		className: e("flex min-w-0 flex-col bg-raised px-20 pt-16", l ? "pb-12" : "pb-16", f),
 		children: [
-			/* @__PURE__ */ m("span", {
+			/* @__PURE__ */ h("span", {
 				className: "text-small font-medium text-fg-secondary",
-				children: a
+				children: r
 			}),
-			/* @__PURE__ */ m("span", {
+			/* @__PURE__ */ h("span", {
 				className: "mt-6 flex h-34 min-w-0 items-center",
-				children: /* @__PURE__ */ m("span", {
+				children: /* @__PURE__ */ h("span", {
 					"data-stat-value": y.px,
 					className: e("max-w-full truncate font-semibold text-fg tabular", y.classes),
 					children: o
 				})
 			}),
-			/* @__PURE__ */ h("span", {
+			/* @__PURE__ */ g("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__ */ m("span", {
+				children: [s && Number.isFinite(s.value) && /* @__PURE__ */ h("span", {
 					className: "flex h-20 shrink-0 items-center",
-					children: /* @__PURE__ */ m(r, {
+					children: /* @__PURE__ */ h(i, {
 						tone: v === void 0 ? "neutral" : v ? "success" : "danger",
 						className: "shrink-0 tabular",
-						children: b(s.value, g, _)
+						children: x(s.value, m, _)
 					})
-				}), c && /* @__PURE__ */ m("span", {
+				}), c && /* @__PURE__ */ h("span", {
 					className: "min-w-0",
 					children: c
 				})]
 			}),
-			l && /* @__PURE__ */ m("span", {
+			l && /* @__PURE__ */ h("span", {
 				className: "mt-auto h-40 shrink-0 pt-8",
-				children: l.length > 1 && /* @__PURE__ */ m(i, {
+				children: l.length > 1 && /* @__PURE__ */ h(a, {
 					values: l,
 					fluid: !0,
-					...d ? { color: d } : {},
-					"aria-label": typeof a == "string" ? g("statTile.trendPerDay", "{label} per day", { label: a }) : g("statTile.trend", "Trend")
+					...u ? { color: u } : {},
+					"aria-label": typeof r == "string" ? m("statTile.trendPerDay", "{label} per day", { label: r }) : m("statTile.trend", "Trend")
 				})
 			})
 		]
 	});
 });
-process.env.NODE_ENV !== "production" && (C.displayName = "StatTile");
-var w = {
+process.env.NODE_ENV !== "production" && (w.displayName = "StatTile");
+var T = {
 	1: "grid-cols-1",
 	2: "grid-cols-2"
-}, T = {
+}, E = {
 	3: "lg:grid-cols-3",
 	4: "lg:grid-cols-4"
-}, E = { 2: "col-span-2" }, D = {
+}, D = { 2: "col-span-2" }, O = {
 	1: "lg:col-span-1",
 	2: "lg:col-span-2",
 	3: "lg:col-span-3",
 	4: "lg:col-span-4"
-}, O = 40, k = 1, A = 1.03;
-function j(e, t) {
+}, k = 40, A = 1, j = 1.03;
+function M(e, t) {
 	let n = e <= 2 ? Math.max(e, 1) : t ? Math.min(e, 4) : 2, r = e - 1;
 	return {
 		cols: n,
@@ -128,12 +129,12 @@ function j(e, t) {
 		}[e % 4] ?? 1 : e % 2 == 1 ? 2 : 1)
 	};
 }
-var M = 160;
-function N(e, t, n) {
-	let r = x[0].px, i = ({ cols: n, spans: i }) => {
-		let a = (t - (n - 1) * k) / n, o = i.map((e) => a * e + (e - 1) * k - O);
-		return x.findIndex((t) => e.every((e, n) => e * t.px * A / r <= (o[n] ?? 0)));
-	}, a = j(e.length, n), o = a.cols > 2 && (t - (a.cols - 1) * k) / a.cols < M, s = i(o ? j(e.length, !1) : a);
+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);
 	if (s >= 0 || e.length < 2) return {
 		step: Math.max(s, 0),
 		single: !1,
@@ -144,52 +145,50 @@ function N(e, t, n) {
 		spans: e.map(() => 1)
 	});
 	return {
-		step: c >= 0 ? c : x.length - 1,
+		step: c >= 0 ? c : S.length - 1,
 		single: !0,
 		two: !1
 	};
 }
-var P = /* @__PURE__ */ c(function({ children: t, className: n, ...r }, i) {
-	let s = a.toArray(t).filter(l), c = s.length, u = f(null), [h, g] = p({
+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({
 		step: 0,
 		single: !1,
 		two: !1
-	}), _ = f(() => {});
-	_.current = () => {
-		let e = u.current;
+	}), v = p(() => {});
+	v.current = () => {
+		let e = d.current;
 		if (!e || !e.clientWidth) return;
-		let t = [...e.querySelectorAll("[data-stat-value]")].map((e) => e.scrollWidth * x[0].px / (Number(e.dataset.statValue) || x[0].px)), n = typeof window.matchMedia == "function" && window.matchMedia("(min-width: 1024px)").matches, r = N(t, e.clientWidth, n);
-		g((e) => e.step === r.step && e.single === r.single && e.two === r.two ? e : r);
-	}, d(() => _.current()), d(() => {
-		let e = u.current;
+		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;
 		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => _.current());
-		t.observe(e);
-		for (let n of e.querySelectorAll("[data-stat-value]")) t.observe(n);
-		return document.fonts?.ready.then(() => _.current()), () => t.disconnect();
-	}, [c]);
-	let v = j(c, !1), y = j(c, !0), b = (t) => {
-		let n = v.spans[t] ?? 1, r = y.spans[t] ?? 1;
-		return e(E[n], !h.two && r !== n && D[r]) || void 0;
+		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 n = y.spans[t] ?? 1, r = b.spans[t] ?? 1;
+		return e(D[n], !g.two && r !== n && O[r]) || void 0;
 	};
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ h("div", {
 		ref: (e) => {
-			u.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+			d.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", h.single ? "grid-cols-1" : h.two ? "grid-cols-2" : e(w[v.cols], y.cols !== v.cols && T[y.cols]), n),
-		...r,
-		children: /* @__PURE__ */ m(S.Provider, {
-			value: h.step,
-			children: s.map((t, n) => {
-				let r = h.single ? void 0 : b(n);
-				return r ? o(t, { className: e(t.props.className, r) }) : t;
+		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),
+		...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;
 			})
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (P.displayName = "StatGrid");
+process.env.NODE_ENV !== "production" && (F.displayName = "StatGrid");
 //#endregion
-export { _ as KAESO_STAT_DEFAULT_VARIANTS, g as KAESO_STAT_VARIANTS, y as MetricRow, x as STAT_VALUE_STEPS, v as Stat, P as StatGrid, C as StatTile, N as statGridFit, j as statGridLayout };
+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 };
 
 //# sourceMappingURL=stat.js.map

package/dist/components/stat.js.map

@@ -1 +1 @@
-{"version":3,"file":"stat.js","names":["cn","useUiText","useLocale","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","ro","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 { 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 ro = new ResizeObserver(() => measure.current());\n      ro.observe(el);\n      for (const v of el.querySelectorAll(\"[data-stat-value]\")) ro.observe(v);\n      void document.fonts?.ready.then(() => measure.current());\n      return () => ro.disconnect();\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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"}
+{"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":"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"}

package/dist/components/switch.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_SWITCH_DEFAULT_VARIANTS, n as KAESO_SWITCH_VARIANTS, r as Switch } from "../chunks/switch-CztLhA8F.js";
+export { t as KAESO_SWITCH_DEFAULT_VARIANTS, n as KAESO_SWITCH_VARIANTS, r as Switch } from "../chunks/switch-XMY_CQE-.js";

package/dist/components/tag.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_TAG_DEFAULT_VARIANTS, n as KAESO_TAG_VARIANTS, r as Pill, i as TAG_DOT, a as Tag } from "../chunks/tag-BsmQ1xPj.js";
+export { t as KAESO_TAG_DEFAULT_VARIANTS, n as KAESO_TAG_VARIANTS, r as Pill, i as TAG_DOT, a as Tag } from "../chunks/tag-Dg89uYpV.js";

package/dist/components/text.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_TEXT_DEFAULT_VARIANTS, n as KAESO_TEXT_VARIANTS, r as Text } from "../chunks/text-BPglS3vq.js";
+export { t as KAESO_TEXT_DEFAULT_VARIANTS, n as KAESO_TEXT_VARIANTS, r as Text } from "../chunks/text--5MKh2G4.js";

package/dist/components/theme-image.js

@@ -0,0 +1,38 @@
+"use client";
+import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/theme-image/theme-image.tsx
+var i = { theme: {
+	light: { classes: "theme-light-only" },
+	dark: { classes: "theme-dark-only" }
+} }, a = {}, o = /* @__PURE__ */ t(function({ light: t, dark: a, alt: o, width: s, height: c, className: l, "aria-describedby": u }, d) {
+	let f = {
+		alt: o,
+		loading: "lazy",
+		decoding: "async",
+		...s && c ? {
+			width: s,
+			height: c
+		} : {},
+		...u ? { "aria-describedby": u } : {}
+	};
+	return /* @__PURE__ */ r("span", {
+		ref: d,
+		className: e("block max-w-full", l),
+		children: [/* @__PURE__ */ n("img", {
+			src: t,
+			...f,
+			className: e("h-auto max-w-full", i.theme.light.classes)
+		}), /* @__PURE__ */ n("img", {
+			src: a,
+			...f,
+			className: e("h-auto max-w-full", i.theme.dark.classes)
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "ThemeImage");
+//#endregion
+export { a as KAESO_THEME_IMAGE_DEFAULT_VARIANTS, i as KAESO_THEME_IMAGE_VARIANTS, o as ThemeImage };
+
+//# sourceMappingURL=theme-image.js.map

package/dist/components/theme-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-image.js","names":["cn","KAESO_THEME_IMAGE_VARIANTS","KAESO_THEME_IMAGE_DEFAULT_VARIANTS","ThemeImage","describedBy","shared","width","height","className","light","dark"],"sources":["../../src/components/theme-image/theme-image.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_THEME_IMAGE_VARIANTS = {\n  theme: {\n    light: { classes: \"theme-light-only\" },\n    dark: { classes: \"theme-dark-only\" },\n  },\n} as const;\nexport const KAESO_THEME_IMAGE_DEFAULT_VARIANTS = {} as const;\n\nexport interface ThemeImageProps {\n  light: string;\n  dark: string;\n  alt: string;\n  width?: number | undefined;\n  height?: number | undefined;\n  className?: string | undefined;\n  \"aria-describedby\"?: string | undefined;\n}\n\nexport const ThemeImage = /* @__PURE__ */ forwardRef<HTMLSpanElement, ThemeImageProps>(function ThemeImage(\n  { light, dark, alt, width, height, className, \"aria-describedby\": describedBy },\n  ref,\n) {\n  const shared = {\n    alt,\n    loading: \"lazy\" as const,\n    decoding: \"async\" as const,\n    ...(width && height ? { width, height } : {}),\n    ...(describedBy ? { \"aria-describedby\": describedBy } : {}),\n  };\n  return (\n    <span ref={ref} className={cn(\"block max-w-full\", className)}>\n      <img src={light} {...shared} className={cn(\"h-auto max-w-full\", KAESO_THEME_IMAGE_VARIANTS.theme.light.classes)} />\n      <img src={dark} {...shared} className={cn(\"h-auto max-w-full\", KAESO_THEME_IMAGE_VARIANTS.theme.dark.classes)} />\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ThemeImage.displayName = \"ThemeImage\";\n"],"mappings":";;;;;AAGA,IAAaC,IAA6B,EACxC,OAAO;CACL,OAAO,EAAE,SAAS,mBAAmB;CACrC,MAAM,EAAE,SAAS,kBAAkB;AACrC,EACF,GACaC,IAAqC,CAAC,GAYtCC,IAA6B,kBAA6C,SACrF,EAAE,UAAO,SAAM,QAAK,UAAO,WAAQ,cAAW,oBAAoBC,KAClE,GACA;CACA,IAAMC,IAAS;EACb;EACA,SAAS;EACT,UAAU;EACV,GAAIC,KAASC,IAAS;GAAE;GAAO;EAAO,IAAI,CAAC;EAC3C,GAAIH,IAAc,EAAE,oBAAoBA,EAAY,IAAI,CAAC;CAC3D;CACA,OACE,kBAAC,QAAD;EAAW;EAAK,WAAWJ,EAAG,oBAAoBQ,CAAS;EAA3D,UAAA,CACE,kBAAC,OAAD;GAAK,KAAKC;GAAO,GAAIJ;GAAQ,WAAWL,EAAG,qBAAqBC,EAA2B,MAAM,MAAM,OAAO;EAAI,CAAA,GAClH,kBAAC,OAAD;GAAK,KAAKS;GAAM,GAAIL;GAAQ,WAAWL,EAAG,qBAAqBC,EAA2B,MAAM,KAAK,OAAO;EAAI,CAAA,CAC5G;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}

package/dist/components/theme-menu.js

@@ -1,8 +1,8 @@
 "use client";
 import { i as e } from "../chunks/context-BELWW79w.js";
-import { a as t } from "../chunks/theme-provider-mgUaQK7L.js";
-import { t as n } from "../chunks/icon-button-Bw67oKtx.js";
-import { i as r } from "../chunks/menu-OURWt_hD.js";
+import { a as t } from "../chunks/theme-provider-DJhORMlc.js";
+import { t as n } from "../chunks/icon-button-_x1RUphC.js";
+import { i as r } from "../chunks/menu-DyVPwgfF.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { ComputerIcon as o, Moon02Icon as s, Sun03Icon as c } from "@hugeicons/core-free-icons";
 //#region src/components/theme-menu/theme-menu.tsx