@logicplanes/kaeso-ui 0.4.4 → 0.4.6

package/dist/chunks/menu-DEmBfdPm.js

@@ -1,450 +0,0 @@
-"use client";
-import { i as e, o as t, s as n, t as r } from "./styles-CVJU9t9v.js";
-import { t as i } from "./cn-Dj6sRgkF.js";
-import { r as a } from "./link-provider-cvl8lSTT.js";
-import { n as o, r as s } from "./portal-context-BBbzDKmY.js";
-import { t as c } from "./icon-D7ja-_Yk.js";
-import { i as l } from "./kbd-BF1vKXJf.js";
-import { n as u, t as d } from "./use-layout-width-CbSDbRb0.js";
-import { createContext as f, forwardRef as p, useCallback as m, useContext as h, useRef as g } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { ArrowRight01Icon as b, ArrowUpRight01Icon as x, Tick02Icon as S } from "@hugeicons/core-free-icons";
-import { Menu as C } from "@base-ui/react/menu";
-import { ContextMenu as w } from "@base-ui/react/context-menu";
-import { Menubar as T } from "@base-ui/react/menubar";
-//#region src/components/menu/menu.tsx
-var E = {
-	item: {
-		default: { classes: "" },
-		danger: { classes: r }
-	},
-	width: {
-		auto: { classes: "" },
-		trigger: { classes: "w-anchor" }
-	},
-	description: {
-		secondary: { classes: "text-fg-secondary" },
-		danger: { classes: "text-danger-text" }
-	}
-}, D = {
-	item: "default",
-	width: "auto",
-	description: "secondary"
-}, O = { current: null }, k = /* @__PURE__ */ f(null);
-function A({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !1, children: i }) {
-	let a = g(null);
-	return /* @__PURE__ */ v(C.Root, {
-		...e === void 0 ? {} : { open: e },
-		...t === void 0 ? {} : { defaultOpen: t },
-		...n ? { onOpenChange: (e) => n(e) } : {},
-		modal: r,
-		children: /* @__PURE__ */ v(k.Provider, {
-			value: a,
-			children: i
-		})
-	});
-}
-process.env.NODE_ENV !== "production" && (A.displayName = "Menu");
-function j({ children: e, openOnHover: t }) {
-	let n = h(k), r = m((e) => {
-		n && (n.current = e);
-	}, [n]);
-	return /* @__PURE__ */ v(C.Trigger, {
-		ref: r,
-		render: e,
-		...t ? { openOnHover: t } : {}
-	});
-}
-process.env.NODE_ENV !== "production" && (j.displayName = "Menu.Trigger");
-function M(e, t) {
-	return function(n) {
-		let { role: r, id: a, "aria-labelledby": o, "aria-orientation": s, children: c, className: l, ...u } = n;
-		return /* @__PURE__ */ v("div", {
-			...u,
-			className: i(l, "overflow-hidden p-0"),
-			children: /* @__PURE__ */ y("div", {
-				tabIndex: 0,
-				className: "flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-contain rounded-menu p-6 focus-ring-inset scrollbar-quiet",
-				children: [
-					/* @__PURE__ */ v("div", {
-						className: "mb-6 px-10 pt-6 pb-10 hairline-b",
-						children: e
-					}),
-					/* @__PURE__ */ v("div", {
-						role: r,
-						id: a,
-						"aria-labelledby": o,
-						"aria-orientation": s,
-						className: "flex flex-col",
-						children: c
-					}),
-					t && /* @__PURE__ */ v("div", {
-						className: "px-10 pt-6 pb-4 text-caption text-fg-tertiary",
-						children: t
-					})
-				]
-			})
-		});
-	};
-}
-var N = /* @__PURE__ */ p(function({ children: e, side: n = "bottom", align: r = "start", sideOffset: a = 6, width: c = "auto", className: l, header: f, footer: p }, m) {
-	let _ = h(k), b = u(_ ?? O, c === "trigger" && !!_), x = g(null);
-	return /* @__PURE__ */ v(C.Portal, {
-		container: s(),
-		children: /* @__PURE__ */ v(C.Positioner, {
-			positionMethod: "fixed",
-			collisionBoundary: o(),
-			side: n,
-			align: r,
-			sideOffset: a,
-			collisionPadding: 8,
-			className: "z-50 outline-none",
-			children: /* @__PURE__ */ y(C.Popup, {
-				ref: (e) => {
-					x.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
-				},
-				finalFocus: () => {
-					let e = document.activeElement;
-					return e && e !== document.body && !x.current?.contains(e) ? !1 : !_?.current?.isConnected || _.current;
-				},
-				tabIndex: 0,
-				className: i(t, E.width[c].classes, l),
-				style: c === "trigger" ? d(b) : void 0,
-				...f ? { render: M(f, p) } : {},
-				children: [e, !f && p && /* @__PURE__ */ v("div", {
-					className: "px-10 pt-6 pb-4 text-caption text-fg-tertiary",
-					children: p
-				})]
-			})
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (N.displayName = "Menu.Content");
-function P({ icon: e, leading: t, description: n, descriptionTone: r = "secondary", shortcut: a, hint: o, children: s, danger: u }) {
-	return /* @__PURE__ */ y(_, { children: [
-		t ? /* @__PURE__ */ v("span", {
-			className: i("flex size-16 shrink-0 items-center justify-center", n && "self-start mt-10"),
-			children: t
-		}) : e && /* @__PURE__ */ v(c, {
-			icon: e,
-			size: "sm",
-			className: i(u ? "text-danger-text" : "text-fg-secondary group-data-highlighted/item:text-fg group-data-disabled/item:text-fg-disabled", n && "self-start mt-10")
-		}),
-		n ? /* @__PURE__ */ y("span", {
-			className: "flex min-w-0 flex-1 flex-col gap-2 py-8",
-			children: [/* @__PURE__ */ v("span", {
-				className: "truncate",
-				children: s
-			}), /* @__PURE__ */ v("span", {
-				className: i("text-small font-regular whitespace-normal", E.description[r].classes),
-				children: n
-			})]
-		}) : /* @__PURE__ */ v("span", {
-			className: "min-w-0 flex-1 truncate",
-			children: s
-		}),
-		(a || o) && /* @__PURE__ */ y("span", {
-			className: "ml-auto flex shrink-0 items-center gap-4 pl-16 text-caption font-medium text-fg-tertiary tabular group-data-highlighted/item:text-fg-secondary",
-			children: [o, a && /* @__PURE__ */ v(l, { keys: a })]
-		})
-	] });
-}
-var F = /* @__PURE__ */ p(function({ children: t, icon: n, leading: r, description: a, descriptionTone: o, shortcut: s, hint: c, variant: l = "default", disabled: u, onClick: d, closeOnClick: f, className: p, "data-force": m }, h) {
-	return /* @__PURE__ */ v(C.Item, {
-		ref: h,
-		...u ? { disabled: u } : {},
-		...d ? { onClick: d } : {},
-		...f === void 0 ? {} : { closeOnClick: f },
-		...m ? { "data-force": m } : {},
-		className: i(e, E.item[l].classes, p),
-		children: /* @__PURE__ */ v(P, {
-			icon: n,
-			leading: r,
-			description: a,
-			descriptionTone: o,
-			shortcut: s,
-			hint: c,
-			danger: l === "danger",
-			children: t
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (F.displayName = "Menu.Item");
-var I = /* @__PURE__ */ p(function({ children: t, href: n, external: r, icon: o, leading: s, description: l, descriptionTone: u, shortcut: d, hint: f, className: p }, m) {
-	let h = a();
-	return /* @__PURE__ */ v(C.LinkItem, {
-		ref: m,
-		href: n,
-		...r ? {
-			target: "_blank",
-			rel: "noopener noreferrer"
-		} : { render: /* @__PURE__ */ v(h, { href: n }) },
-		className: i(e, "no-underline", p),
-		children: /* @__PURE__ */ v(P, {
-			icon: o,
-			leading: s,
-			description: l,
-			descriptionTone: u,
-			shortcut: d,
-			hint: f ?? (r ? /* @__PURE__ */ v(c, {
-				icon: x,
-				size: "xs"
-			}) : void 0),
-			children: t
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (I.displayName = "Menu.LinkItem");
-var L = /* @__PURE__ */ p(function({ children: t, icon: n, leading: r, description: a, descriptionTone: o, shortcut: s, hint: l, checked: u, defaultChecked: d, onCheckedChange: f, disabled: p, closeOnClick: m = !1, className: h }, g) {
-	return /* @__PURE__ */ y(C.CheckboxItem, {
-		ref: g,
-		...u === void 0 ? {} : { checked: u },
-		...d === void 0 ? {} : { defaultChecked: d },
-		...f ? { onCheckedChange: (e) => f(e) } : {},
-		...p ? { disabled: p } : {},
-		closeOnClick: m,
-		className: i(e, h),
-		children: [/* @__PURE__ */ v(P, {
-			icon: n,
-			leading: r,
-			description: a,
-			descriptionTone: o,
-			shortcut: s,
-			hint: l,
-			children: t
-		}), /* @__PURE__ */ v(C.CheckboxItemIndicator, {
-			keepMounted: !0,
-			className: "flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-checked:opacity-100",
-			children: /* @__PURE__ */ v(c, {
-				icon: S,
-				size: "sm"
-			})
-		})]
-	});
-});
-process.env.NODE_ENV !== "production" && (L.displayName = "Menu.CheckboxItem");
-var R = /* @__PURE__ */ p(function({ value: e, defaultValue: t, onValueChange: n, children: r }, i) {
-	return /* @__PURE__ */ v(C.RadioGroup, {
-		ref: i,
-		...e === void 0 ? {} : { value: e },
-		...t === void 0 ? {} : { defaultValue: t },
-		...n ? { onValueChange: (e) => n(String(e)) } : {},
-		children: r
-	});
-});
-process.env.NODE_ENV !== "production" && (R.displayName = "Menu.RadioGroup");
-var z = /* @__PURE__ */ p(function({ children: t, value: n, icon: r, leading: a, description: o, descriptionTone: s, shortcut: l, hint: u, disabled: d, closeOnClick: f, className: p }, m) {
-	return /* @__PURE__ */ y(C.RadioItem, {
-		ref: m,
-		value: n,
-		...d ? { disabled: d } : {},
-		...f === void 0 ? {} : { closeOnClick: f },
-		className: i(e, p),
-		children: [/* @__PURE__ */ v(P, {
-			icon: r,
-			leading: a,
-			description: o,
-			descriptionTone: s,
-			shortcut: l,
-			hint: u,
-			children: t
-		}), /* @__PURE__ */ v(C.RadioItemIndicator, {
-			keepMounted: !0,
-			className: "flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-checked:opacity-100",
-			children: /* @__PURE__ */ v(c, {
-				icon: S,
-				size: "sm"
-			})
-		})]
-	});
-});
-process.env.NODE_ENV !== "production" && (z.displayName = "Menu.RadioItem");
-var B = /* @__PURE__ */ p(function({ label: e, children: t }, n) {
-	return /* @__PURE__ */ y(C.Group, {
-		ref: n,
-		className: "flex flex-col",
-		children: [e && /* @__PURE__ */ v(C.GroupLabel, {
-			className: "flex h-28 items-center px-10 text-caption font-medium text-fg-secondary",
-			children: e
-		}), t]
-	});
-});
-process.env.NODE_ENV !== "production" && (B.displayName = "Menu.Group");
-var V = /* @__PURE__ */ p(function(e, t) {
-	return /* @__PURE__ */ v("div", {
-		ref: t,
-		role: "separator",
-		"aria-orientation": "horizontal",
-		className: n
-	});
-});
-process.env.NODE_ENV !== "production" && (V.displayName = "Menu.Separator");
-var H = /* @__PURE__ */ p(function({ avatar: e, name: t, email: n }, r) {
-	return /* @__PURE__ */ y("div", {
-		ref: r,
-		className: "flex min-w-0 items-center gap-10 px-10 pt-8 pb-10",
-		children: [e, /* @__PURE__ */ y("div", {
-			className: "flex min-w-0 flex-col",
-			children: [/* @__PURE__ */ v("span", {
-				className: "truncate text-body font-semibold text-fg",
-				children: t
-			}), n && /* @__PURE__ */ v("span", {
-				className: "truncate text-caption font-regular text-fg-secondary",
-				children: n
-			})]
-		})]
-	});
-});
-process.env.NODE_ENV !== "production" && (H.displayName = "Menu.Header");
-function U({ children: e, open: t, onOpenChange: n }) {
-	let r = g(null);
-	return /* @__PURE__ */ v(C.SubmenuRoot, {
-		...t === void 0 ? {} : { open: t },
-		...n ? { onOpenChange: (e) => n(e) } : {},
-		children: /* @__PURE__ */ v(k.Provider, {
-			value: r,
-			children: e
-		})
-	});
-}
-process.env.NODE_ENV !== "production" && (U.displayName = "Menu.Sub");
-var W = /* @__PURE__ */ p(function({ children: t, icon: n, leading: r, description: a, descriptionTone: o, hint: s, disabled: l, className: u }, d) {
-	let f = h(k), p = m((e) => {
-		f && (f.current = e), typeof d == "function" ? d(e) : d && (d.current = e);
-	}, [f, d]);
-	return /* @__PURE__ */ y(C.SubmenuTrigger, {
-		ref: p,
-		...l ? { disabled: l } : {},
-		className: i(e, "open:bg-fill-1", u),
-		children: [/* @__PURE__ */ v(P, {
-			icon: n,
-			leading: r,
-			description: a,
-			descriptionTone: o,
-			hint: s,
-			children: t
-		}), /* @__PURE__ */ v(c, {
-			icon: b,
-			size: "sm",
-			className: "-mr-2 text-fg-tertiary"
-		})]
-	});
-});
-process.env.NODE_ENV !== "production" && (W.displayName = "Menu.SubTrigger");
-var G = /* @__PURE__ */ p(function(e, t) {
-	return /* @__PURE__ */ v(N, {
-		ref: t,
-		side: "right",
-		align: "start",
-		sideOffset: 2,
-		...e
-	});
-});
-process.env.NODE_ENV !== "production" && (G.displayName = "Menu.SubContent");
-var K = /* @__PURE__ */ Object.assign(A, {
-	Trigger: j,
-	Content: N,
-	Item: F,
-	LinkItem: I,
-	CheckboxItem: L,
-	RadioGroup: R,
-	RadioItem: z,
-	Group: B,
-	Separator: V,
-	Header: H,
-	Sub: U,
-	SubTrigger: W,
-	SubContent: G
-}), q = {}, J = {};
-function Y({ children: e, onOpenChange: t }) {
-	return /* @__PURE__ */ v(w.Root, {
-		...t ? { onOpenChange: (e) => t(e) } : {},
-		children: e
-	});
-}
-process.env.NODE_ENV !== "production" && (Y.displayName = "ContextMenu");
-var X = /* @__PURE__ */ p(function({ children: e, className: t }, n) {
-	return /* @__PURE__ */ v(w.Trigger, {
-		ref: n,
-		className: t,
-		children: e
-	});
-});
-process.env.NODE_ENV !== "production" && (X.displayName = "ContextMenu.Trigger");
-var Z = /* @__PURE__ */ p(function({ children: e, className: n, header: r, footer: a, width: c = "auto" }, l) {
-	return /* @__PURE__ */ v(w.Portal, {
-		container: s(),
-		children: /* @__PURE__ */ v(w.Positioner, {
-			positionMethod: "fixed",
-			collisionBoundary: o(),
-			collisionPadding: 8,
-			className: "z-50 outline-none",
-			children: /* @__PURE__ */ y(w.Popup, {
-				ref: l,
-				tabIndex: 0,
-				className: i(t, E.width[c].classes, n),
-				children: [
-					r && /* @__PURE__ */ v("div", {
-						className: "mb-6 px-10 pt-6 pb-10 hairline-b",
-						children: r
-					}),
-					e,
-					a && /* @__PURE__ */ v("div", {
-						className: "px-10 pt-6 pb-4 text-caption text-fg-tertiary",
-						children: a
-					})
-				]
-			})
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (Z.displayName = "ContextMenu.Content");
-var ee = /* @__PURE__ */ Object.assign(Y, {
-	Trigger: X,
-	Content: Z,
-	Item: F,
-	LinkItem: I,
-	CheckboxItem: L,
-	RadioGroup: R,
-	RadioItem: z,
-	Group: B,
-	Separator: V,
-	Sub: U,
-	SubTrigger: W,
-	SubContent: G
-}), te = {}, ne = {}, Q = /* @__PURE__ */ p(function({ children: e, className: t, "aria-label": n }, r) {
-	return /* @__PURE__ */ v(T, {
-		ref: r,
-		className: i("inline-flex items-center gap-2", t),
-		...n ? { "aria-label": n } : {},
-		children: e
-	});
-});
-process.env.NODE_ENV !== "production" && (Q.displayName = "Menubar");
-var $ = /* @__PURE__ */ p(function({ children: e, className: t, "data-force": n }, r) {
-	return /* @__PURE__ */ v(C.Trigger, {
-		ref: r,
-		...n ? { "data-force": n } : {},
-		className: i("inline-flex h-32 cursor-pointer items-center rounded-pill px-12 text-body font-medium text-fg material-ghost transition-control focus-ring", t),
-		children: e
-	});
-});
-process.env.NODE_ENV !== "production" && ($.displayName = "Menubar.Trigger");
-var re = /* @__PURE__ */ Object.assign(Q, {
-	Menu: A,
-	Trigger: $,
-	Content: N,
-	Item: F,
-	CheckboxItem: L,
-	RadioGroup: R,
-	RadioItem: z,
-	Group: B,
-	Separator: V,
-	Sub: U,
-	SubTrigger: W,
-	SubContent: G
-});
-//#endregion
-export { te as a, K as c, ne as i, re as l, J as n, D as o, q as r, E as s, ee as t };
-
-//# sourceMappingURL=menu-DEmBfdPm.js.map

package/dist/chunks/menu-DEmBfdPm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-DEmBfdPm.js","names":["BaseMenu","_Fragment","__icon_ArrowUpRight01Icon","__icon_Tick02Icon","__icon_ArrowRight01Icon","Menu","BaseContextMenu","ContextMenu","Menubar","BaseMenubar","MENU_ITEM","MENU_POPUP","MENU_SEPARATOR","MENU_DANGER","cn","useLinkComponent","pageBoundary","usePortalContainer","Icon","KbdSequence","useLayoutWidth","anchorWidthStyle","Fragment$1","KAESO_MENU_VARIANTS","KAESO_MENU_DEFAULT_VARIANTS","NO_TRIGGER","TriggerContext","Root","trigger","useRef","Menu","open","defaultOpen","onOpenChange","o","Trigger","useContext","setTrigger","useCallback","el","children","openOnHover","framed","labelledBy","orientation","rest","props","className","header","footer","Content","triggerWidth","width","popup","ref","at","ItemContent","leading","description","icon","danger","descriptionTone","shortcut","hint","Item","force","disabled","onClick","closeOnClick","variant","LinkItem","LinkComp","external","ArrowUpRight01Icon","CheckboxItem","checked","defaultChecked","onCheckedChange","c","Tick02Icon","RadioGroup","value","defaultValue","onValueChange","v","RadioItem","Group","label","Separator","Header","avatar","name","email","Sub","SubTrigger","setRef","ArrowRight01Icon","SubContent","Menu$1","KAESO_CONTEXT_MENU_VARIANTS","KAESO_CONTEXT_MENU_DEFAULT_VARIANTS","ContextRoot","ContextMenu","ContextTrigger","ContextContent","ContextMenu$1","KAESO_MENUBAR_VARIANTS","KAESO_MENUBAR_DEFAULT_VARIANTS","MenubarRoot","ariaLabel","Menubar","MenubarTrigger","Menubar$1"],"sources":["../../src/components/menu/menu.tsx"],"sourcesContent":["import { pageBoundary, usePortalContainer } from \"../../utils/portal-context.js\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useRef,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n} from \"react\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { ContextMenu as BaseContextMenu } from \"@base-ui/react/context-menu\";\nimport { Menubar as BaseMenubar } from \"@base-ui/react/menubar\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useLinkComponent } from \"../../utils/link-provider.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { KbdSequence } from \"../kbd/kbd.js\";\nimport { ArrowUpRight01Icon as __icon_ArrowUpRight01Icon, Tick02Icon as __icon_Tick02Icon, ArrowRight01Icon as __icon_ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { anchorWidthStyle, useLayoutWidth } from \"../../hooks/use-layout-width.js\";\nimport { MENU_DANGER, MENU_HINT, MENU_ICON, MENU_ITEM, MENU_LABEL, MENU_POPUP, MENU_SEPARATOR } from \"./styles.js\";\n\nexport const KAESO_MENU_VARIANTS = {\n  item: {\n    default: { classes: \"\" },\n    danger: { classes: MENU_DANGER },\n  },\n  width: {\n    auto: { classes: \"\" },\n    trigger: { classes: \"w-anchor\" },\n  },\n  description: {\n    secondary: { classes: \"text-fg-secondary\" },\n    danger: { classes: \"text-danger-text\" },\n  },\n} as const;\nexport const KAESO_MENU_DEFAULT_VARIANTS = { item: \"default\", width: \"auto\", description: \"secondary\" } as const;\n\ntype Side = \"top\" | \"bottom\" | \"left\" | \"right\";\ntype Align = \"start\" | \"center\" | \"end\";\n\nexport interface MenuProps {\n  children: ReactNode;\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  modal?: boolean | undefined;\n}\n\nconst NO_TRIGGER: RefObject<HTMLElement | null> = { current: null };\nconst TriggerContext = /* @__PURE__ */ createContext<RefObject<HTMLElement | null> | null>(null);\n\nfunction Root({ open, defaultOpen, onOpenChange, modal = false, children }: MenuProps) {\n  const trigger = useRef<HTMLElement | null>(null);\n  return (\n    <BaseMenu.Root\n      {...(open !== undefined ? { open } : {})}\n      {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      modal={modal}\n    >\n      <TriggerContext.Provider value={trigger}>{children}</TriggerContext.Provider>\n    </BaseMenu.Root>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"Menu\";\n\nfunction Trigger({ children, openOnHover }: { children: ReactElement; openOnHover?: boolean | undefined }) {\n  const trigger = useContext(TriggerContext);\n  const setTrigger = useCallback(\n    (el: HTMLElement | null) => {\n      if (trigger) trigger.current = el;\n    },\n    [trigger],\n  );\n  return <BaseMenu.Trigger ref={setTrigger} render={children} {...(openOnHover ? { openOnHover } : {})} />;\n}\nif (process.env.NODE_ENV !== \"production\") Trigger.displayName = \"Menu.Trigger\";\n\nexport interface MenuContentProps {\n  children: ReactNode;\n  side?: Side | undefined;\n  align?: Align | undefined;\n  sideOffset?: number | undefined;\n  width?: keyof typeof KAESO_MENU_VARIANTS.width | undefined;\n  className?: string | undefined;\n  header?: ReactNode | undefined;\n  footer?: ReactNode | undefined;\n}\n\nfunction framed(header: ReactNode, footer: ReactNode) {\n  return function framedMenuPopup(props: HTMLAttributes<HTMLDivElement> & { ref?: Ref<HTMLDivElement> | undefined }) {\n    const { role, id, \"aria-labelledby\": labelledBy, \"aria-orientation\": orientation, children, className, ...rest } = props;\n    return (\n      <div {...rest} className={cn(className, \"overflow-hidden p-0\")}>\n        <div tabIndex={0} className=\"flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-contain rounded-menu p-6 focus-ring-inset scrollbar-quiet\">\n          <div className=\"mb-6 px-10 pt-6 pb-10 hairline-b\">{header}</div>\n          <div role={role} id={id} aria-labelledby={labelledBy} aria-orientation={orientation} className=\"flex flex-col\">\n            {children}\n          </div>\n          {footer && <div className=\"px-10 pt-6 pb-4 text-caption text-fg-tertiary\">{footer}</div>}\n        </div>\n      </div>\n    );\n  };\n}\n\nconst Content = /* @__PURE__ */ forwardRef<HTMLDivElement, MenuContentProps>(function MenuContent(\n  { children, side = \"bottom\", align = \"start\", sideOffset = 6, width = \"auto\", className, header, footer },\n  ref,\n) {\n  const trigger = useContext(TriggerContext);\n  const triggerWidth = useLayoutWidth(trigger ?? NO_TRIGGER, width === \"trigger\" && !!trigger);\n  const popup = useRef<HTMLDivElement | null>(null);\n  return (\n    <BaseMenu.Portal container={usePortalContainer()}>\n      <BaseMenu.Positioner\n        positionMethod=\"fixed\"\n        collisionBoundary={pageBoundary()}\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        collisionPadding={8}\n        className=\"z-50 outline-none\"\n      >\n        <BaseMenu.Popup\n          ref={(el) => {\n            popup.current = el;\n            if (typeof ref === \"function\") ref(el);\n            else if (ref) ref.current = el;\n          }}\n          finalFocus={() => {\n            const at = document.activeElement;\n            if (at && at !== document.body && !popup.current?.contains(at)) return false;\n            return trigger?.current?.isConnected ? trigger.current : true;\n          }}\n          tabIndex={0}\n          className={cn(MENU_POPUP, KAESO_MENU_VARIANTS.width[width].classes, className)}\n          style={width === \"trigger\" ? anchorWidthStyle(triggerWidth) : undefined}\n          {...(header ? { render: framed(header, footer) } : {})}\n        >\n          {children}\n          {!header && footer && <div className=\"px-10 pt-6 pb-4 text-caption text-fg-tertiary\">{footer}</div>}\n        </BaseMenu.Popup>\n      </BaseMenu.Positioner>\n    </BaseMenu.Portal>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Content.displayName = \"Menu.Content\";\n\nexport interface MenuItemProps {\n  children: ReactNode;\n  icon?: IconData | undefined;\n  leading?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  descriptionTone?: keyof typeof KAESO_MENU_VARIANTS.description | undefined;\n  shortcut?: string[] | string[][] | undefined;\n  hint?: ReactNode | undefined;\n  variant?: keyof typeof KAESO_MENU_VARIANTS.item | undefined;\n  disabled?: boolean | undefined;\n  onClick?: (() => void) | undefined;\n  closeOnClick?: boolean | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nfunction ItemContent({\n  icon,\n  leading,\n  description,\n  descriptionTone = \"secondary\",\n  shortcut,\n  hint,\n  children,\n  danger,\n}: Pick<MenuItemProps, \"icon\" | \"leading\" | \"description\" | \"descriptionTone\" | \"shortcut\" | \"hint\" | \"children\"> & { danger?: boolean | undefined }) {\n  return (\n    <>\n      {leading ? (\n        <span className={cn(\"flex size-16 shrink-0 items-center justify-center\", description && \"self-start mt-10\")}>{leading}</span>\n      ) : (\n        icon && <Icon icon={icon} size=\"sm\" className={cn(danger ? \"text-danger-text\" : MENU_ICON, description && \"self-start mt-10\")} />\n      )}\n      {description ? (\n        <span className=\"flex min-w-0 flex-1 flex-col gap-2 py-8\">\n          <span className=\"truncate\">{children}</span>\n          <span className={cn(\"text-small font-regular whitespace-normal\", KAESO_MENU_VARIANTS.description[descriptionTone].classes)}>{description}</span>\n        </span>\n      ) : (\n        <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n      )}\n      {(shortcut || hint) && (\n        <span className={MENU_HINT}>\n          {hint}\n          {shortcut && <KbdSequence keys={shortcut} />}\n        </span>\n      )}\n    </>\n  );\n}\n\nconst Item = /* @__PURE__ */ forwardRef<HTMLDivElement, MenuItemProps>(function MenuItem(\n  {\n    children,\n    icon,\n    leading,\n    description,\n    descriptionTone,\n    shortcut,\n    hint,\n    variant = \"default\",\n    disabled,\n    onClick,\n    closeOnClick,\n    className,\n    \"data-force\": force,\n  },\n  ref,\n) {\n  return (\n    <BaseMenu.Item\n      ref={ref}\n      {...(disabled ? { disabled } : {})}\n      {...(onClick ? { onClick } : {})}\n      {...(closeOnClick !== undefined ? { closeOnClick } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(MENU_ITEM, KAESO_MENU_VARIANTS.item[variant].classes, className)}\n    >\n      <ItemContent\n        icon={icon}\n        leading={leading}\n        description={description}\n        descriptionTone={descriptionTone}\n        shortcut={shortcut}\n        hint={hint}\n        danger={variant === \"danger\"}\n      >\n        {children}\n      </ItemContent>\n    </BaseMenu.Item>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Item.displayName = \"Menu.Item\";\n\nexport interface MenuLinkItemProps extends Pick<\n  MenuItemProps,\n  \"icon\" | \"leading\" | \"description\" | \"descriptionTone\" | \"shortcut\" | \"hint\" | \"children\" | \"className\"\n> {\n  href: string;\n  external?: boolean | undefined;\n}\n\nconst LinkItem = /* @__PURE__ */ forwardRef<HTMLAnchorElement, MenuLinkItemProps>(function MenuLinkItem(\n  { children, href, external, icon, leading, description, descriptionTone, shortcut, hint, className },\n  ref,\n) {\n  const LinkComp = useLinkComponent();\n  return (\n    <BaseMenu.LinkItem\n      ref={ref}\n      href={href}\n      {...(external ? { target: \"_blank\", rel: \"noopener noreferrer\" } : { render: <LinkComp href={href} /> })}\n      className={cn(MENU_ITEM, \"no-underline\", className)}\n    >\n      <ItemContent\n        icon={icon}\n        leading={leading}\n        description={description}\n        descriptionTone={descriptionTone}\n        shortcut={shortcut}\n        hint={hint ?? (external ? <Icon icon={__icon_ArrowUpRight01Icon} size=\"xs\" /> : undefined)}\n      >\n        {children}\n      </ItemContent>\n    </BaseMenu.LinkItem>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") LinkItem.displayName = \"Menu.LinkItem\";\n\nexport interface MenuCheckboxItemProps extends Omit<MenuItemProps, \"variant\" | \"onClick\"> {\n  checked?: boolean | undefined;\n  defaultChecked?: boolean | undefined;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n}\n\nconst CheckboxItem = /* @__PURE__ */ forwardRef<HTMLDivElement, MenuCheckboxItemProps>(function MenuCheckboxItem(\n  {\n    children,\n    icon,\n    leading,\n    description,\n    descriptionTone,\n    shortcut,\n    hint,\n    checked,\n    defaultChecked,\n    onCheckedChange,\n    disabled,\n    closeOnClick = false,\n    className,\n  },\n  ref,\n) {\n  return (\n    <BaseMenu.CheckboxItem\n      ref={ref}\n      {...(checked !== undefined ? { checked } : {})}\n      {...(defaultChecked !== undefined ? { defaultChecked } : {})}\n      {...(onCheckedChange ? { onCheckedChange: (c: boolean) => onCheckedChange(c) } : {})}\n      {...(disabled ? { disabled } : {})}\n      closeOnClick={closeOnClick}\n      className={cn(MENU_ITEM, className)}\n    >\n      <ItemContent icon={icon} leading={leading} description={description} descriptionTone={descriptionTone} shortcut={shortcut} hint={hint}>\n        {children}\n      </ItemContent>\n      <BaseMenu.CheckboxItemIndicator keepMounted className=\"flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-checked:opacity-100\">\n        <Icon icon={__icon_Tick02Icon} size=\"sm\" />\n      </BaseMenu.CheckboxItemIndicator>\n    </BaseMenu.CheckboxItem>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") CheckboxItem.displayName = \"Menu.CheckboxItem\";\n\nconst RadioGroup = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  { value?: string | undefined; defaultValue?: string | undefined; onValueChange?: ((v: string) => void) | undefined; children: ReactNode }\n>(function MenuRadioGroup({ value, defaultValue, onValueChange, children }, ref) {\n  return (\n    <BaseMenu.RadioGroup\n      ref={ref}\n      {...(value !== undefined ? { value } : {})}\n      {...(defaultValue !== undefined ? { defaultValue } : {})}\n      {...(onValueChange ? { onValueChange: (v: unknown) => onValueChange(String(v)) } : {})}\n    >\n      {children}\n    </BaseMenu.RadioGroup>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") RadioGroup.displayName = \"Menu.RadioGroup\";\n\nconst RadioItem = /* @__PURE__ */ forwardRef<HTMLDivElement, Omit<MenuItemProps, \"variant\"> & { value: string }>(function MenuRadioItem(\n  { children, value, icon, leading, description, descriptionTone, shortcut, hint, disabled, closeOnClick, className },\n  ref,\n) {\n  return (\n    <BaseMenu.RadioItem\n      ref={ref}\n      value={value}\n      {...(disabled ? { disabled } : {})}\n      {...(closeOnClick !== undefined ? { closeOnClick } : {})}\n      className={cn(MENU_ITEM, className)}\n    >\n      <ItemContent icon={icon} leading={leading} description={description} descriptionTone={descriptionTone} shortcut={shortcut} hint={hint}>\n        {children}\n      </ItemContent>\n      <BaseMenu.RadioItemIndicator keepMounted className=\"flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-checked:opacity-100\">\n        <Icon icon={__icon_Tick02Icon} size=\"sm\" />\n      </BaseMenu.RadioItemIndicator>\n    </BaseMenu.RadioItem>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") RadioItem.displayName = \"Menu.RadioItem\";\n\nconst Group = /* @__PURE__ */ forwardRef<HTMLDivElement, { label?: ReactNode | undefined; children: ReactNode }>(function MenuGroup({ label, children }, ref) {\n  return (\n    <BaseMenu.Group ref={ref} className=\"flex flex-col\">\n      {label && <BaseMenu.GroupLabel className={MENU_LABEL}>{label}</BaseMenu.GroupLabel>}\n      {children}\n    </BaseMenu.Group>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Group.displayName = \"Menu.Group\";\n\nconst Separator = /* @__PURE__ */ forwardRef<HTMLDivElement>(function MenuSeparator(_props, ref) {\n  return <div ref={ref} role=\"separator\" aria-orientation=\"horizontal\" className={MENU_SEPARATOR} />;\n});\nif (process.env.NODE_ENV !== \"production\") Separator.displayName = \"Menu.Separator\";\n\nconst Header = /* @__PURE__ */ forwardRef<HTMLDivElement, { avatar?: ReactNode | undefined; name: ReactNode; email?: ReactNode | undefined }>(function MenuHeader(\n  { avatar, name, email },\n  ref,\n) {\n  return (\n    <div ref={ref} className=\"flex min-w-0 items-center gap-10 px-10 pt-8 pb-10\">\n      {avatar}\n      <div className=\"flex min-w-0 flex-col\">\n        <span className=\"truncate text-body font-semibold text-fg\">{name}</span>\n        {email && <span className=\"truncate text-caption font-regular text-fg-secondary\">{email}</span>}\n      </div>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Header.displayName = \"Menu.Header\";\n\nfunction Sub({ children, open, onOpenChange }: { children: ReactNode; open?: boolean | undefined; onOpenChange?: ((o: boolean) => void) | undefined }) {\n  const trigger = useRef<HTMLElement | null>(null);\n  return (\n    <BaseMenu.SubmenuRoot {...(open !== undefined ? { open } : {})} {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}>\n      <TriggerContext.Provider value={trigger}>{children}</TriggerContext.Provider>\n    </BaseMenu.SubmenuRoot>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") Sub.displayName = \"Menu.Sub\";\n\nconst SubTrigger = /* @__PURE__ */ forwardRef<HTMLDivElement, Omit<MenuItemProps, \"shortcut\" | \"variant\" | \"onClick\">>(function MenuSubTrigger(\n  { children, icon, leading, description, descriptionTone, hint, disabled, className },\n  ref,\n) {\n  const trigger = useContext(TriggerContext);\n  const setRef = useCallback(\n    (el: HTMLDivElement | null) => {\n      if (trigger) trigger.current = el;\n      if (typeof ref === \"function\") ref(el);\n      else if (ref) ref.current = el;\n    },\n    [trigger, ref],\n  );\n  return (\n    <BaseMenu.SubmenuTrigger ref={setRef} {...(disabled ? { disabled } : {})} className={cn(MENU_ITEM, \"open:bg-fill-1\", className)}>\n      <ItemContent icon={icon} leading={leading} description={description} descriptionTone={descriptionTone} hint={hint}>\n        {children}\n      </ItemContent>\n      <Icon icon={__icon_ArrowRight01Icon} size=\"sm\" className=\"-mr-2 text-fg-tertiary\" />\n    </BaseMenu.SubmenuTrigger>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SubTrigger.displayName = \"Menu.SubTrigger\";\n\nconst SubContent = /* @__PURE__ */ forwardRef<HTMLDivElement, Omit<MenuContentProps, \"side\" | \"align\">>(function MenuSubContent(props, ref) {\n  return <Content ref={ref} side=\"right\" align=\"start\" sideOffset={2} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") SubContent.displayName = \"Menu.SubContent\";\n\nexport const Menu = /* @__PURE__ */ Object.assign(Root, {\n  Trigger,\n  Content,\n  Item,\n  LinkItem,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  Group,\n  Separator,\n  Header,\n  Sub,\n  SubTrigger,\n  SubContent,\n});\n\nexport const KAESO_CONTEXT_MENU_VARIANTS = {} as const;\nexport const KAESO_CONTEXT_MENU_DEFAULT_VARIANTS = {} as const;\n\nfunction ContextRoot({ children, onOpenChange }: { children: ReactNode; onOpenChange?: ((open: boolean) => void) | undefined }) {\n  return <BaseContextMenu.Root {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}>{children}</BaseContextMenu.Root>;\n}\nif (process.env.NODE_ENV !== \"production\") ContextRoot.displayName = \"ContextMenu\";\nconst ContextTrigger = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; className?: string | undefined }>(function ContextMenuTrigger(\n  { children, className },\n  ref,\n) {\n  return (\n    <BaseContextMenu.Trigger ref={ref} className={className}>\n      {children}\n    </BaseContextMenu.Trigger>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ContextTrigger.displayName = \"ContextMenu.Trigger\";\nconst ContextContent = /* @__PURE__ */ forwardRef<HTMLDivElement, Omit<MenuContentProps, \"side\" | \"align\" | \"sideOffset\">>(function ContextMenuContent(\n  { children, className, header, footer, width = \"auto\" },\n  ref,\n) {\n  return (\n    <BaseContextMenu.Portal container={usePortalContainer()}>\n      <BaseContextMenu.Positioner positionMethod=\"fixed\" collisionBoundary={pageBoundary()} collisionPadding={8} className=\"z-50 outline-none\">\n        <BaseContextMenu.Popup ref={ref} tabIndex={0} className={cn(MENU_POPUP, KAESO_MENU_VARIANTS.width[width].classes, className)}>\n          {header && <div className=\"mb-6 px-10 pt-6 pb-10 hairline-b\">{header}</div>}\n          {children}\n          {footer && <div className=\"px-10 pt-6 pb-4 text-caption text-fg-tertiary\">{footer}</div>}\n        </BaseContextMenu.Popup>\n      </BaseContextMenu.Positioner>\n    </BaseContextMenu.Portal>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ContextContent.displayName = \"ContextMenu.Content\";\nexport const ContextMenu = /* @__PURE__ */ Object.assign(ContextRoot, {\n  Trigger: ContextTrigger,\n  Content: ContextContent,\n  Item,\n  LinkItem,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  Group,\n  Separator,\n  Sub,\n  SubTrigger,\n  SubContent,\n});\n\nexport const KAESO_MENUBAR_VARIANTS = {} as const;\nexport const KAESO_MENUBAR_DEFAULT_VARIANTS = {} as const;\n\nconst MenubarRoot = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; className?: string | undefined; \"aria-label\"?: string | undefined }>(function Menubar(\n  { children, className, \"aria-label\": ariaLabel },\n  ref,\n) {\n  return (\n    <BaseMenubar ref={ref} className={cn(\"inline-flex items-center gap-2\", className)} {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}>\n      {children}\n    </BaseMenubar>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") MenubarRoot.displayName = \"Menubar\";\nconst MenubarTrigger = /* @__PURE__ */ forwardRef<HTMLButtonElement, { children: ReactNode; className?: string | undefined; \"data-force\"?: string | undefined }>(\n  function MenubarTrigger({ children, className, \"data-force\": force }, ref) {\n    return (\n      <BaseMenu.Trigger\n        ref={ref}\n        {...(force ? { \"data-force\": force } : {})}\n        className={cn(\n          \"inline-flex h-32 cursor-pointer items-center rounded-pill px-12 text-body font-medium text-fg material-ghost transition-control focus-ring\",\n          className,\n        )}\n      >\n        {children}\n      </BaseMenu.Trigger>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") MenubarTrigger.displayName = \"Menubar.Trigger\";\nexport const Menubar = /* @__PURE__ */ Object.assign(MenubarRoot, {\n  Menu: Root,\n  Trigger: MenubarTrigger,\n  Content,\n  Item,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  Group,\n  Separator,\n  Sub,\n  SubTrigger,\n  SubContent,\n});\n"],"mappings":"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"}

package/dist/chunks/meter-Bj4N3Xuh.js

@@ -1,84 +0,0 @@
-"use client";
-import { t as e } from "./cn-Dj6sRgkF.js";
-import { forwardRef as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/meter/meter.tsx
-var i = { tone: {
-	auto: { classes: "" },
-	neutral: { classes: "bg-fg-secondary" }
-} }, a = { tone: "auto" };
-function o(e, t = []) {
-	return e >= 1 ? "bg-danger" : e >= (t.length ? Math.min(...t) : .8) ? "bg-warning" : "bg-viz-1";
-}
-var s = /* @__PURE__ */ t(function({ value: t, label: a, valueLabel: s, caption: c, thresholds: l = [], tone: u = "auto", leading: d, trailing: f, className: p, "aria-label": m }, h) {
-	let g = Math.max(0, Math.min(1, t)), _ = Math.round(t * 100);
-	return /* @__PURE__ */ r("div", {
-		ref: h,
-		className: e("flex flex-col gap-8", p),
-		children: [
-			(a || s) && /* @__PURE__ */ r("div", {
-				className: "flex items-baseline justify-between gap-12",
-				children: [/* @__PURE__ */ r("span", {
-					className: "flex min-w-0 items-center gap-8 text-body font-medium text-fg",
-					children: [
-						d,
-						/* @__PURE__ */ n("span", {
-							className: "truncate",
-							children: a
-						}),
-						f
-					]
-				}), s && /* @__PURE__ */ n("span", {
-					className: "shrink-0 text-body text-fg-secondary tabular",
-					children: s
-				})]
-			}),
-			/* @__PURE__ */ r("div", {
-				role: "meter",
-				"aria-valuemin": 0,
-				"aria-valuemax": Math.max(100, _),
-				"aria-valuenow": _,
-				"aria-label": m ?? (typeof a == "string" ? a : void 0),
-				...typeof s == "string" ? { "aria-valuetext": s } : {},
-				className: "relative h-6 overflow-hidden rounded-pill bg-fill-3",
-				children: [/* @__PURE__ */ n("div", {
-					className: e("h-full rounded-pill width-motion", u === "auto" ? o(t, l) : i.tone.neutral.classes),
-					style: { width: `${g * 100}%` }
-				}), l.map((e) => /* @__PURE__ */ n("span", {
-					"aria-hidden": !0,
-					className: "absolute top-0 h-full w-2 bg-panel",
-					style: { left: `${e * 100}%` }
-				}, e))]
-			}),
-			c && /* @__PURE__ */ n("span", {
-				className: "text-caption font-medium text-fg-tertiary",
-				children: c
-			})
-		]
-	});
-});
-process.env.NODE_ENV !== "production" && (s.displayName = "Meter");
-var c = { kind: {
-	determinate: { classes: "h-6 rounded-pill bg-fill-3" },
-	indeterminate: { classes: "h-2 bg-transparent" }
-} }, l = { kind: "determinate" }, u = /* @__PURE__ */ t(function({ value: t, className: r, "aria-label": i }, a) {
-	let o = t === void 0;
-	return /* @__PURE__ */ n("div", {
-		ref: a,
-		role: "progressbar",
-		"aria-label": i,
-		"aria-valuemin": 0,
-		"aria-valuemax": 100,
-		...o ? {} : { "aria-valuenow": Math.round(t * 100) },
-		className: e("relative w-full overflow-hidden", c.kind[o ? "indeterminate" : "determinate"].classes, r),
-		children: o ? /* @__PURE__ */ n("span", { className: "absolute inset-y-0 left-0 w-1/3 animate-indeterminate rounded-pill bg-fg-tertiary" }) : /* @__PURE__ */ n("span", {
-			className: "block h-full rounded-pill bg-ink width-motion",
-			style: { width: `${Math.max(0, Math.min(1, t)) * 100}%` }
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (u.displayName = "Progress");
-//#endregion
-export { s as a, c as i, i as n, u as o, l as r, o as s, a as t };
-
-//# sourceMappingURL=meter-Bj4N3Xuh.js.map

package/dist/chunks/meter-Bj4N3Xuh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meter-Bj4N3Xuh.js","names":["cn","KAESO_METER_VARIANTS","KAESO_METER_DEFAULT_VARIANTS","meterColor","value","thresholds","Meter","ariaLabel","pct","now","className","label","valueLabel","leading","trailing","tone","t","caption","KAESO_PROGRESS_VARIANTS","KAESO_PROGRESS_DEFAULT_VARIANTS","Progress","indeterminate"],"sources":["../../src/components/meter/meter.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_METER_VARIANTS = {\n  tone: {\n    auto: { classes: \"\" },\n    neutral: { classes: \"bg-fg-secondary\" },\n  },\n} as const;\nexport const KAESO_METER_DEFAULT_VARIANTS = { tone: \"auto\" } as const;\n\nexport interface MeterProps {\n  value: number;\n  label?: ReactNode | undefined;\n  valueLabel?: ReactNode | undefined;\n  caption?: ReactNode | undefined;\n  thresholds?: number[] | undefined;\n  tone?: keyof typeof KAESO_METER_VARIANTS.tone | undefined;\n  leading?: ReactNode | undefined;\n  trailing?: ReactNode | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n}\n\nexport function meterColor(value: number, thresholds: number[] = []) {\n  if (value >= 1) return \"bg-danger\";\n  const first = thresholds.length ? Math.min(...thresholds) : 0.8;\n  return value >= first ? \"bg-warning\" : \"bg-viz-1\";\n}\n\nexport const Meter = /* @__PURE__ */ forwardRef<HTMLDivElement, MeterProps>(function Meter(\n  { value, label, valueLabel, caption, thresholds = [], tone = \"auto\", leading, trailing, className, \"aria-label\": ariaLabel },\n  ref,\n) {\n  const pct = Math.max(0, Math.min(1, value));\n  const now = Math.round(value * 100);\n  return (\n    <div ref={ref} className={cn(\"flex flex-col gap-8\", className)}>\n      {(label || valueLabel) && (\n        <div className=\"flex items-baseline justify-between gap-12\">\n          <span className=\"flex min-w-0 items-center gap-8 text-body font-medium text-fg\">\n            {leading}\n            <span className=\"truncate\">{label}</span>\n            {trailing}\n          </span>\n          {valueLabel && <span className=\"shrink-0 text-body text-fg-secondary tabular\">{valueLabel}</span>}\n        </div>\n      )}\n      <div\n        role=\"meter\"\n        aria-valuemin={0}\n        aria-valuemax={Math.max(100, now)}\n        aria-valuenow={now}\n        aria-label={ariaLabel ?? (typeof label === \"string\" ? label : undefined)}\n        {...(typeof valueLabel === \"string\" ? { \"aria-valuetext\": valueLabel } : {})}\n        className=\"relative h-6 overflow-hidden rounded-pill bg-fill-3\"\n      >\n        <div\n          className={cn(\"h-full rounded-pill width-motion\", tone === \"auto\" ? meterColor(value, thresholds) : KAESO_METER_VARIANTS.tone.neutral.classes)}\n          style={{ width: `${pct * 100}%` }}\n        />\n        {thresholds.map((t) => (\n          <span key={t} aria-hidden className=\"absolute top-0 h-full w-2 bg-panel\" style={{ left: `${t * 100}%` }} />\n        ))}\n      </div>\n      {caption && <span className=\"text-caption font-medium text-fg-tertiary\">{caption}</span>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Meter.displayName = \"Meter\";\n\nexport const KAESO_PROGRESS_VARIANTS = {\n  kind: {\n    determinate: { classes: \"h-6 rounded-pill bg-fill-3\" },\n    indeterminate: { classes: \"h-2 bg-transparent\" },\n  },\n} as const;\nexport const KAESO_PROGRESS_DEFAULT_VARIANTS = { kind: \"determinate\" } as const;\n\nexport interface ProgressProps {\n  value?: number | undefined;\n  \"aria-label\": string;\n  className?: string | undefined;\n}\n\nexport const Progress = /* @__PURE__ */ forwardRef<HTMLDivElement, ProgressProps>(function Progress({ value, className, \"aria-label\": ariaLabel }, ref) {\n  const indeterminate = value === undefined;\n  return (\n    <div\n      ref={ref}\n      role=\"progressbar\"\n      aria-label={ariaLabel}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      {...(!indeterminate ? { \"aria-valuenow\": Math.round(value * 100) } : {})}\n      className={cn(\"relative w-full overflow-hidden\", KAESO_PROGRESS_VARIANTS.kind[indeterminate ? \"indeterminate\" : \"determinate\"].classes, className)}\n    >\n      {indeterminate ? (\n        <span className=\"absolute inset-y-0 left-0 w-1/3 animate-indeterminate rounded-pill bg-fg-tertiary\" />\n      ) : (\n        <span className=\"block h-full rounded-pill bg-ink width-motion\" style={{ width: `${Math.max(0, Math.min(1, value)) * 100}%` }} />\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Progress.displayName = \"Progress\";\n"],"mappings":";;;;;AAGA,IAAaC,IAAuB,EAClC,MAAM;CACJ,MAAM,EAAE,SAAS,GAAG;CACpB,SAAS,EAAE,SAAS,kBAAkB;AACxC,EACF,GACaC,IAA+B,EAAE,MAAM,OAAO;AAe3D,SAAgBC,EAAW,GAAe,IAAuB,CAAC,GAAG;CAGnE,OAFIC,KAAS,IAAU,cAEhBA,MADOC,EAAW,SAAS,KAAK,IAAI,GAAGA,CAAU,IAAI,MACpC,eAAe;AACzC;AAEA,IAAaC,IAAwB,kBAAuC,SAC1E,EAAE,UAAO,UAAO,eAAY,YAAS,gBAAa,CAAC,GAAG,UAAO,QAAQ,YAAS,aAAU,cAAW,cAAcC,KACjH,GACA;CACA,IAAMC,IAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGJ,CAAK,CAAC,GACpCK,IAAM,KAAK,MAAML,IAAQ,GAAG;CAClC,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWJ,EAAG,uBAAuBU,CAAS;EAA7D,UAAA;IACIC,KAASC,MACT,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA;MACGC;MACD,kBAAC,QAAD;OAAM,WAAU;OAAY,UAAAF;MAAY,CAAA;MACvCG;KACG;IACL,CAAA,GAAAF,KAAc,kBAAC,QAAD;KAAM,WAAU;KAAgD,UAAAA;IAAiB,CAAA,CAC7F;;GAEP,kBAAC,OAAD;IACE,MAAK;IACL,iBAAe;IACf,iBAAe,KAAK,IAAI,KAAKH,CAAG;IAChC,iBAAeA;IACf,cAAYF,MAAc,OAAOI,KAAU,WAAWA,IAAQ,KAAA;IAC9D,GAAK,OAAOC,KAAe,WAAW,EAAE,kBAAkBA,EAAW,IAAI,CAAC;IAC1E,WAAU;IAPZ,UAAA,CASE,kBAAC,OAAD;KACE,WAAWZ,EAAG,oCAAoCe,MAAS,SAASZ,EAAWC,GAAOC,CAAU,IAAIJ,EAAqB,KAAK,QAAQ,OAAO;KAC7I,OAAO,EAAE,OAAO,GAAGO,IAAM,IAAI,GAAG;IACjC,CAAA,GACAH,EAAW,KAAK,MACf,kBAAC,QAAD;KAAc,eAAA;KAAY,WAAU;KAAqC,OAAO,EAAE,MAAM,GAAGW,IAAI,IAAI,GAAG;IAAI,GAA/FA,CAA+F,CAC3G,CACE;;GACJC,KAAW,kBAAC,QAAD;IAAM,WAAU;IAA6C,UAAAA;GAAc,CAAA;EACpF;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAE/D,IAAaC,IAA0B,EACrC,MAAM;CACJ,aAAa,EAAE,SAAS,6BAA6B;CACrD,eAAe,EAAE,SAAS,qBAAqB;AACjD,EACF,GACaC,IAAkC,EAAE,MAAM,cAAc,GAQxDC,IAA2B,kBAA0C,SAAkB,EAAE,UAAO,cAAW,cAAcb,KAAa,GAAK;CACtJ,IAAMc,IAAgBjB,MAAU,KAAA;CAChC,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAYG;EACZ,iBAAe;EACf,iBAAe;EACf,GAAMc,IAA+D,CAAC,IAAhD,EAAE,iBAAiB,KAAK,MAAMjB,IAAQ,GAAG,EAAE;EACjE,WAAWJ,EAAG,mCAAmCkB,EAAwB,KAAKG,IAAgB,kBAAkB,cAAc,CAAC,SAASX,CAAS;EAEhJ,UAAAW,IACC,kBAAC,QAAD,EAAM,WAAU,oFAAqF,CAAA,IAErG,kBAAC,QAAD;GAAM,WAAU;GAAgD,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGjB,CAAK,CAAC,IAAI,IAAI,GAAG;EAAI,CAAA;CAE/H,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc"}