@logicplanes/kaeso-ui 0.1.0

package/dist/chunks/menu-OURWt_hD.js

@@ -0,0 +1,447 @@
+"use client";
+import { i as e, o as t, s as n, t as r } from "./styles-Btvg2DCf.js";
+import { t as i } from "./cn-CidVUKMm.js";
+import { r as a } from "./link-provider---9JdxTg.js";
+import { n as o, r as s } from "./portal-context-BBbzDKmY.js";
+import { t as c } from "./icon-CeNQtobn.js";
+import { i as l } from "./kbd-CBcBDvqU.js";
+import { n as u, t as d } from "./use-layout-width-DZaLOQMT.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",
+			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");
+function V() {
+	return /* @__PURE__ */ v("div", {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		className: n
+	});
+}
+process.env.NODE_ENV !== "production" && (V.displayName = "Menu.Separator");
+function H({ avatar: e, name: t, email: n }) {
+	return /* @__PURE__ */ y("div", {
+		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
+});
+function q({ children: e, onOpenChange: t }) {
+	return /* @__PURE__ */ v(w.Root, {
+		...t ? { onOpenChange: (e) => t(e) } : {},
+		children: e
+	});
+}
+process.env.NODE_ENV !== "production" && (q.displayName = "ContextMenu");
+function J({ children: e, className: t }) {
+	return /* @__PURE__ */ v(w.Trigger, {
+		className: t,
+		children: e
+	});
+}
+process.env.NODE_ENV !== "production" && (J.displayName = "ContextMenu.Trigger");
+var Y = /* @__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" && (Y.displayName = "ContextMenu.Content");
+var X = /* @__PURE__ */ Object.assign(q, {
+	Trigger: J,
+	Content: Y,
+	Item: F,
+	LinkItem: I,
+	CheckboxItem: L,
+	RadioGroup: R,
+	RadioItem: z,
+	Group: B,
+	Separator: V,
+	Sub: U,
+	SubTrigger: W,
+	SubContent: G
+});
+function Z({ children: e, className: t, "aria-label": n }) {
+	return /* @__PURE__ */ v(T, {
+		className: i("inline-flex items-center gap-2", t),
+		...n ? { "aria-label": n } : {},
+		children: e
+	});
+}
+process.env.NODE_ENV !== "production" && (Z.displayName = "Menubar");
+var Q = /* @__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" && (Q.displayName = "Menubar.Trigger");
+var $ = /* @__PURE__ */ Object.assign(Z, {
+	Menu: A,
+	Trigger: Q,
+	Content: N,
+	Item: F,
+	CheckboxItem: L,
+	RadioGroup: R,
+	RadioItem: z,
+	Group: B,
+	Separator: V,
+	Sub: U,
+	SubTrigger: W,
+	SubContent: G
+});
+//#endregion
+export { $ as a, K as i, D as n, E as r, X as t };
+
+//# sourceMappingURL=menu-OURWt_hD.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-OURWt_hD.js","names":["BaseMenu","_Fragment","__icon_ArrowUpRight01Icon","__icon_Tick02Icon","__icon_ArrowRight01Icon","Menu","BaseContextMenu","ContextMenu","BaseMenubar","Menubar","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","ContextRoot","ContextMenu","ContextTrigger","ContextContent","ContextMenu$1","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\nfunction Separator() {\n  return <div role=\"separator\" aria-orientation=\"horizontal\" className={MENU_SEPARATOR} />;\n}\nif (process.env.NODE_ENV !== \"production\") Separator.displayName = \"Menu.Separator\";\n\nfunction Header({ avatar, name, email }: { avatar?: ReactNode | undefined; name: ReactNode; email?: ReactNode | undefined }) {\n  return (\n    <div 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\nfunction ContextRoot({ children, onOpenChange }: { children: ReactNode; onOpenChange?: ((o: 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\";\nfunction ContextTrigger({ children, className }: { children: ReactNode; className?: string | undefined }) {\n  return <BaseContextMenu.Trigger className={className}>{children}</BaseContextMenu.Trigger>;\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\nfunction MenubarRoot({\n  children,\n  className,\n  \"aria-label\": ariaLabel,\n}: {\n  children: ReactNode;\n  className?: string | undefined;\n  \"aria-label\"?: string | undefined;\n}) {\n  return (\n    <BaseMenubar 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/message-BxTkh1oA.js

@@ -0,0 +1,49 @@
+//#region src/i18n/message.ts
+function e(e) {
+	let t = /* @__PURE__ */ new Map(), n = 0;
+	for (; n < e.length;) {
+		for (; n < e.length && /\s/.test(e[n] ?? "");) n++;
+		let r = "";
+		for (; n < e.length && e[n] !== "{" && !/\s/.test(e[n] ?? "");) r += e[n++];
+		for (; n < e.length && e[n] !== "{";) n++;
+		if (n >= e.length) break;
+		let i = 0, a = ++n;
+		for (; n < e.length; n++) if (e[n] === "{") i++;
+		else if (e[n] === "}") {
+			if (i === 0) break;
+			i--;
+		}
+		t.set(r, e.slice(a, n)), n++;
+	}
+	return t;
+}
+function t(n, r, i, a) {
+	if (!n.includes("{") && !(a !== void 0 && n.includes("#"))) return n;
+	let o = "", s = 0;
+	for (; s < n.length;) {
+		let c = n[s];
+		if (c === "#" && a !== void 0) {
+			o += new Intl.NumberFormat(i).format(a), s++;
+			continue;
+		}
+		if (c !== "{") {
+			o += c, s++;
+			continue;
+		}
+		let l = 0, u = s;
+		for (; u < n.length; u++) if (n[u] === "{") l++;
+		else if (n[u] === "}" && --l === 0) break;
+		let [d = "", f, ...p] = n.slice(s + 1, u).split(","), m = d.trim(), h = r?.[m];
+		if (f === void 0) o += h === void 0 ? `{${m}}` : typeof h == "number" ? new Intl.NumberFormat(i).format(h) : h;
+		else {
+			let n = e(p.join(",")), a = f.trim(), s;
+			a === "plural" && typeof h == "number" ? (s = n.get(`=${h}`) ?? n.get(new Intl.PluralRules(i).select(h)) ?? n.get("other"), o += t(s ?? "", r, i, h)) : (s = n.get(String(h)) ?? n.get("other"), o += t(s ?? "", r, i));
+		}
+		s = u + 1;
+	}
+	return o;
+}
+//#endregion
+export { t };
+
+//# sourceMappingURL=message-BxTkh1oA.js.map

package/dist/chunks/message-BxTkh1oA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-BxTkh1oA.js","names":["branches","out","i","src","key","depth","start","formatMessage","template","number","locale","j","name","kind","rest","value","values","options","type","chosen"],"sources":["../../src/i18n/message.ts"],"sourcesContent":["export type MessageValues = Record<string, string | number>;\n\nfunction branches(src: string): Map<string, string> {\n  const out = new Map<string, string>();\n  let i = 0;\n  while (i < src.length) {\n    while (i < src.length && /\\s/.test(src[i] ?? \"\")) i++;\n    let key = \"\";\n    while (i < src.length && src[i] !== \"{\" && !/\\s/.test(src[i] ?? \"\")) key += src[i++];\n    while (i < src.length && src[i] !== \"{\") i++;\n    if (i >= src.length) break;\n    let depth = 0;\n    const start = ++i;\n    for (; i < src.length; i++) {\n      if (src[i] === \"{\") depth++;\n      else if (src[i] === \"}\") {\n        if (depth === 0) break;\n        depth--;\n      }\n    }\n    out.set(key, src.slice(start, i));\n    i++;\n  }\n  return out;\n}\n\nexport function formatMessage(template: string, values: MessageValues | undefined, locale: string, number?: number): string {\n  if (!template.includes(\"{\") && !(number !== undefined && template.includes(\"#\"))) return template;\n  let out = \"\";\n  let i = 0;\n  while (i < template.length) {\n    const c = template[i];\n    if (c === \"#\" && number !== undefined) {\n      out += new Intl.NumberFormat(locale).format(number);\n      i++;\n      continue;\n    }\n    if (c !== \"{\") {\n      out += c;\n      i++;\n      continue;\n    }\n    let depth = 0;\n    let j = i;\n    for (; j < template.length; j++) {\n      if (template[j] === \"{\") depth++;\n      else if (template[j] === \"}\" && --depth === 0) break;\n    }\n    const inner = template.slice(i + 1, j);\n    const [name = \"\", kind, ...rest] = inner.split(\",\");\n    const key = name.trim();\n    const value = values?.[key];\n    if (kind === undefined) {\n      out += value === undefined ? `{${key}}` : typeof value === \"number\" ? new Intl.NumberFormat(locale).format(value) : value;\n    } else {\n      const options = branches(rest.join(\",\"));\n      const type = kind.trim();\n      let chosen: string | undefined;\n      if (type === \"plural\" && typeof value === \"number\") {\n        chosen = options.get(`=${value}`) ?? options.get(new Intl.PluralRules(locale).select(value)) ?? options.get(\"other\");\n        out += formatMessage(chosen ?? \"\", values, locale, value);\n      } else {\n        chosen = options.get(String(value)) ?? options.get(\"other\");\n        out += formatMessage(chosen ?? \"\", values, locale);\n      }\n    }\n    i = j + 1;\n  }\n  return out;\n}\n"],"mappings":";AAEA,SAASA,EAAS,GAAkC;CAClD,IAAMC,oBAAM,IAAI,IAAoB,GAChCC,IAAI;CACR,OAAOA,IAAIC,EAAI,SAAQ;EACrB,OAAOD,IAAIC,EAAI,UAAU,KAAK,KAAKA,EAAID,MAAM,EAAE,IAAG;EAClD,IAAIE,IAAM;EACV,OAAOF,IAAIC,EAAI,UAAUA,EAAID,OAAO,OAAO,CAAC,KAAK,KAAKC,EAAID,MAAM,EAAE,IAAG,KAAOC,EAAI;EAChF,OAAOD,IAAIC,EAAI,UAAUA,EAAID,OAAO,MAAK;EACzC,IAAIA,KAAKC,EAAI,QAAQ;EACrB,IAAIE,IAAQ,GACNC,IAAQ,EAAEJ;EAChB,OAAOA,IAAIC,EAAI,QAAQ,KACrB,IAAIA,EAAID,OAAO,KAAK;OACf,IAAIC,EAAID,OAAO,KAAK;GACvB,IAAIG,MAAU,GAAG;GACjB;EACF;EAGF,AADAJ,EAAI,IAAIG,GAAKD,EAAI,MAAMG,GAAOJ,CAAC,CAAC,GAChC;CACF;CACA,OAAOD;AACT;AAEA,SAAgBM,EAAc,GAAkB,GAAmC,GAAgB,GAAyB;CAC1H,IAAI,CAACC,EAAS,SAAS,GAAG,KAAK,EAAEC,MAAW,KAAA,KAAaD,EAAS,SAAS,GAAG,IAAI,OAAOA;CACzF,IAAIP,IAAM,IACNC,IAAI;CACR,OAAOA,IAAIM,EAAS,SAAQ;EAC1B,IAAM,IAAIA,EAASN;EACnB,IAAI,MAAM,OAAOO,MAAW,KAAA,GAAW;GAErC,AADA,KAAO,IAAI,KAAK,aAAaC,CAAM,CAAC,CAAC,OAAOD,CAAM,GAClD;GACA;EACF;EACA,IAAI,MAAM,KAAK;GAEb,AADA,KAAO,GACP;GACA;EACF;EACA,IAAIJ,IAAQ,GACRM,IAAIT;EACR,OAAOS,IAAIH,EAAS,QAAQ,KAC1B,IAAIA,EAASG,OAAO,KAAK;OACpB,IAAIH,EAASG,OAAO,OAAO,EAAEN,MAAU,GAAG;EAGjD,IAAM,CAACO,IAAO,IAAIC,GAAM,GAAGC,KADbN,EAAS,MAAMN,IAAI,GAAGS,CACD,CAAA,CAAM,MAAM,GAAG,GAC5CP,IAAMQ,EAAK,KAAK,GAChBG,IAAQC,IAASZ;EACvB,IAAIS,MAAS,KAAA,GACX,KAAOE,MAAU,KAAA,IAAY,IAAIX,EAAI,KAAK,OAAOW,KAAU,WAAW,IAAI,KAAK,aAAaL,CAAM,CAAC,CAAC,OAAOK,CAAK,IAAIA;OAC/G;GACL,IAAME,IAAUjB,EAASc,EAAK,KAAK,GAAG,CAAC,GACjCI,IAAOL,EAAK,KAAK,GACnBM;GACJ,AAAID,MAAS,YAAY,OAAOH,KAAU,YACxC,IAASE,EAAQ,IAAI,IAAIF,GAAO,KAAKE,EAAQ,IAAI,IAAI,KAAK,YAAYP,CAAM,CAAC,CAAC,OAAOK,CAAK,CAAC,KAAKE,EAAQ,IAAI,OAAO,GACnH,KAAOV,EAAcY,KAAU,IAAIH,GAAQN,GAAQK,CAAK,MAExD,IAASE,EAAQ,IAAI,OAAOF,CAAK,CAAC,KAAKE,EAAQ,IAAI,OAAO,GAC1D,KAAOV,EAAcY,KAAU,IAAIH,GAAQN,CAAM;EAErD;EACA,IAAIC,IAAI;CACV;CACA,OAAOV;AACT"}

package/dist/chunks/meter-DWhyzFGQ.js

@@ -0,0 +1,84 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.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-DWhyzFGQ.js.map