@logicplanes/kaeso-ui 0.4.1 → 0.4.2

package/dist/components/command-palette.js

@@ -1,10 +1,10 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { r as t } from "../chunks/portal-context-BBbzDKmY.js";
 import { i as n } from "../chunks/context-BELWW79w.js";
-import { t as r } from "../chunks/icon-D5uD_mnL.js";
-import { i, r as a } from "../chunks/kbd-9A9rX60U.js";
-import { t as o } from "../chunks/command-list-CzMbdtJs.js";
+import { t as r } from "../chunks/icon-D7ja-_Yk.js";
+import { i, r as a } from "../chunks/kbd-BF1vKXJf.js";
+import { t as o } from "../chunks/command-list-0RR4DpUe.js";
 import { a as s, i as c, r as l, t as u } from "../chunks/resize-motion-DS3rIIqy.js";
 import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
@@ -16,12 +16,12 @@ function C(e, t) {
 	let n = [e.label, ...e.keywords ?? []].join(" ").toLowerCase();
 	return +!!t.toLowerCase().split(/\s+/).every((e) => n.includes(e));
 }
-function w({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange: f, close: b, inline: x, defaultQuery: S = "", query: w }) {
-	let T = n(), E = c ?? T("commandPalette.placeholder", "Search or run a command"), [D, O] = h(S), k = w ?? D, A = (e) => {
-		O(e), f?.(e);
-	}, [j, M] = h([]), N = m(null), [P, F] = h(null), I = d((e) => F(x ? null : e?.parentElement ?? null), [x]);
-	u(P);
-	let L = j[j.length - 1], R = L ? L.groups : t, z = R.some((e) => e.loading), B = p(() => new Map(R.flatMap((e) => e.items.map((e) => [e.id, e]))), [R]), V = p(() => R.map((t, n) => ({
+function w({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange: f, close: b, inline: x, defaultQuery: S = "", query: w, counts: T }) {
+	let E = n(), D = c ?? E("commandPalette.placeholder", "Search or run a command"), [O, k] = h(S), A = w ?? O, j = (e) => {
+		k(e), f?.(e);
+	}, [M, N] = h([]), P = m(null), [F, I] = h(null), L = d((e) => I(x ? null : e?.parentElement ?? null), [x]);
+	u(F);
+	let R = M[M.length - 1], z = R ? R.groups : t, B = z.some((e) => e.loading), V = p(() => new Map(z.flatMap((e) => e.items.map((e) => [e.id, e]))), [z]), H = p(() => z.map((t, n) => ({
 		id: `${n}:${t.label ?? ""}`,
 		...t.label ? { label: t.label } : {},
 		...t.loading ? { loading: !0 } : {},
@@ -53,40 +53,41 @@ function w({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange
 				})
 			] })
 		}))
-	})), [R]);
+	})), [z]);
 	return /* @__PURE__ */ _("div", {
-		ref: I,
+		ref: L,
 		className: e("relative flex palette-limits min-h-0 flex-col overflow-hidden", x ? "w-640 rounded-palette bg-raised shadow-dialog" : "flex-1"),
 		children: /* @__PURE__ */ _(o, {
-			ref: N,
-			groups: V,
-			"aria-label": T("commandPalette.results", "Results"),
+			ref: P,
+			groups: H,
+			"aria-label": E("commandPalette.results", "Results"),
 			size: "lg",
 			height: "fill",
 			escapeClears: !1,
 			match: C,
+			counts: T,
 			inputProps: { "data-palette-input": "" },
 			autoFocus: !0,
-			query: k,
-			onQueryChange: A,
+			query: A,
+			onQueryChange: j,
 			onSelect: (e) => {
-				let t = B.get(e);
+				let t = V.get(e);
 				if (!t) return;
 				let n = t.children;
-				n ? (M((e) => [...e, {
+				n ? (N((e) => [...e, {
 					title: t.label,
 					groups: n
-				}]), A(""), N.current?.focus()) : (t.onSelect?.(), b());
+				}]), j(""), P.current?.focus()) : (t.onSelect?.(), b());
 			},
-			loading: z,
-			placeholder: E,
-			emptyText: l ?? T("commandPalette.noResults", "No results"),
-			searchPrefix: L && /* @__PURE__ */ _("span", {
+			loading: B,
+			placeholder: D,
+			emptyText: l ?? E("commandPalette.noResults", "No results"),
+			searchPrefix: R && /* @__PURE__ */ _("span", {
 				className: "inline-flex h-24 shrink-0 items-center rounded-pill bg-fill-2 px-10 text-caption font-medium text-fg",
-				children: L.title
+				children: R.title
 			}),
 			onInputKeyDown: (e) => {
-				e.key === "Backspace" && !k && j.length && (e.preventDefault(), M((e) => e.slice(0, -1)));
+				e.key === "Backspace" && !A && M.length && (e.preventDefault(), N((e) => e.slice(0, -1)));
 			},
 			footer: s && /* @__PURE__ */ v("div", {
 				className: "flex h-40 shrink-0 items-center gap-16 px-16 text-caption font-medium text-fg-tertiary hairline-t",
@@ -97,7 +98,7 @@ function w({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange
 							/* @__PURE__ */ _(a, { children: "up" }),
 							/* @__PURE__ */ _(a, { children: "down" }),
 							" ",
-							T("commandPalette.toNavigate", "to navigate")
+							E("commandPalette.toNavigate", "to navigate")
 						]
 					}),
 					/* @__PURE__ */ v("span", {
@@ -105,15 +106,15 @@ function w({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange
 						children: [
 							/* @__PURE__ */ _(a, { children: "enter" }),
 							" ",
-							T("commandPalette.toOpen", "to open")
+							E("commandPalette.toOpen", "to open")
 						]
 					}),
-					j.length > 0 && /* @__PURE__ */ v("span", {
+					M.length > 0 && /* @__PURE__ */ v("span", {
 						className: "inline-flex items-center gap-6",
 						children: [
 							/* @__PURE__ */ _(a, { children: "backspace" }),
 							" ",
-							T("commandPalette.toGoBack", "to go back")
+							E("commandPalette.toGoBack", "to go back")
 						]
 					}),
 					/* @__PURE__ */ v("span", {
@@ -121,7 +122,7 @@ function w({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange
 						children: [
 							/* @__PURE__ */ _(a, { children: "esc" }),
 							" ",
-							T("commandPalette.toClose", "to close")
+							E("commandPalette.toClose", "to close")
 						]
 					})
 				]

package/dist/components/command-palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette.js","names":["_Fragment","__icon_ArrowRight01Icon","BaseDialog","cn","usePortalContainer","useUiText","Icon","Kbd","CommandList","useRestoreFocus","useScopedDialog","useOpenSession","useResizeMotion","Fragment$1","KAESO_COMMAND_PALETTE_VARIANTS","KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS","matches","hay","item","w","Palette","placeholderProp","controlledQuery","t","placeholder","ownQuery","setOwnQuery","useState","defaultQuery","query","setQuery","next","onQueryChange","pages","setPages","input","useRef","box","setBox","boxRef","useCallback","inline","el","page","source","groups","loading","g","byId","useMemo","i","listGroups","gi","active","KbdSequence","ArrowRight01Icon","id","children","p","close","emptyText","keyHints","CommandPalette","props","inner","setInner","isOpen","open","setOpen","o","onOpenChange","toggle","useEffect","hotkey","onKey","focus","container","settled","session","Dialog"],"sources":["../../src/components/command-palette/command-palette.tsx"],"sourcesContent":["import { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { useCallback, useEffect, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useRestoreFocus } from \"../../utils/restore-focus.js\";\nimport { useOpenSession, useScopedDialog } from \"../../utils/dialog-scope.js\";\nimport { ArrowRight01Icon as __icon_ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { KbdSequence, Kbd } from \"../kbd/kbd.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { useResizeMotion } from \"../../utils/resize-motion.js\";\nimport { CommandList, type CommandListGroup, type CommandListItem, type CommandListRowState } from \"../command-list/command-list.js\";\n\nexport const KAESO_COMMAND_PALETTE_VARIANTS = {\n  size: {\n    md: { classes: \"w-640\" },\n  },\n} as const;\nexport const KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface CommandItem {\n  id: string;\n  label: string;\n  icon?: IconData | undefined;\n  hint?: string | undefined;\n  shortcut?: string[] | string[][] | undefined;\n  keywords?: string[] | undefined;\n  onSelect?: (() => void) | undefined;\n  children?: CommandGroup[] | undefined;\n}\n\nexport interface CommandGroup {\n  label?: string | undefined;\n  items: CommandItem[];\n  loading?: boolean | undefined;\n}\n\nexport interface CommandPaletteProps {\n  open?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  groups: CommandGroup[];\n  placeholder?: string | undefined;\n  emptyText?: ReactNode | undefined;\n  onQueryChange?: ((query: string) => void) | undefined;\n  hotkey?: boolean | undefined;\n  keyHints?: boolean | undefined;\n  inline?: boolean | undefined;\n  defaultQuery?: string | undefined;\n  query?: string | undefined;\n}\n\nfunction matches(item: CommandListItem, q: string) {\n  const hay = [item.label, ...(item.keywords ?? [])].join(\" \").toLowerCase();\n  return q\n    .toLowerCase()\n    .split(/\\s+/)\n    .every((w) => hay.includes(w))\n    ? 1\n    : 0;\n}\n\nfunction Palette({\n  groups,\n  keyHints,\n  placeholder: placeholderProp,\n  emptyText,\n  onQueryChange,\n  close,\n  inline,\n  defaultQuery = \"\",\n  query: controlledQuery,\n}: CommandPaletteProps & { close: () => void }) {\n  const t = useUiText();\n  const placeholder = placeholderProp ?? t(\"commandPalette.placeholder\", \"Search or run a command\");\n  const [ownQuery, setOwnQuery] = useState(defaultQuery);\n  const query = controlledQuery ?? ownQuery;\n  const setQuery = (next: string) => {\n    setOwnQuery(next);\n    onQueryChange?.(next);\n  };\n  const [pages, setPages] = useState<{ title: string; groups: CommandGroup[] }[]>([]);\n  const input = useRef<HTMLInputElement>(null);\n  const [box, setBox] = useState<HTMLElement | null>(null);\n  const boxRef = useCallback((el: HTMLElement | null) => setBox(inline ? null : (el?.parentElement ?? null)), [inline]);\n  useResizeMotion(box);\n  const page = pages[pages.length - 1];\n  const source = page ? page.groups : groups;\n  const loading = source.some((g) => g.loading);\n  const byId = useMemo(() => new Map(source.flatMap((g) => g.items.map((i) => [i.id, i] as const))), [source]);\n  const listGroups = useMemo<CommandListGroup[]>(\n    () =>\n      source.map((g, gi) => ({\n        id: `${gi}:${g.label ?? \"\"}`,\n        ...(g.label ? { label: g.label } : {}),\n        ...(g.loading ? { loading: true } : {}),\n        items: g.items.map((item) => ({\n          value: item.id,\n          label: item.label,\n          keywords: [item.hint ?? \"\", ...(item.keywords ?? [])],\n          render: ({ active }: CommandListRowState) => (\n            <>\n              {item.icon && <Icon icon={item.icon} size=\"sm\" className={active ? \"text-fg\" : \"text-fg-secondary\"} />}\n              <span className=\"min-w-0 truncate\">{item.label}</span>\n              {item.hint && (\n                <span className={cn(\"min-w-0 truncate text-body font-regular\", active ? \"text-fg-secondary\" : \"text-fg-tertiary\")}>{item.hint}</span>\n              )}\n              <span className=\"ml-auto flex shrink-0 items-center gap-8\">\n                {item.shortcut && <KbdSequence keys={item.shortcut} />}\n                {item.children && <Icon icon={__icon_ArrowRight01Icon} size=\"sm\" className=\"text-fg-tertiary\" />}\n              </span>\n            </>\n          ),\n        })),\n      })),\n    [source],\n  );\n\n  const select = (id: string) => {\n    const item = byId.get(id);\n    if (!item) return;\n    const children = item.children;\n    if (children) {\n      setPages((p) => [...p, { title: item.label, groups: children }]);\n      setQuery(\"\");\n      input.current?.focus();\n      return;\n    }\n    item.onSelect?.();\n    close();\n  };\n\n  return (\n    <div\n      ref={boxRef}\n      className={cn(\"relative flex palette-limits min-h-0 flex-col overflow-hidden\", inline ? \"w-640 rounded-palette bg-raised shadow-dialog\" : \"flex-1\")}\n    >\n      <CommandList\n        ref={input}\n        groups={listGroups}\n        aria-label={t(\"commandPalette.results\", \"Results\")}\n        size=\"lg\"\n        height=\"fill\"\n        escapeClears={false}\n        match={matches}\n        inputProps={{ \"data-palette-input\": \"\" }}\n        autoFocus\n        query={query}\n        onQueryChange={setQuery}\n        onSelect={select}\n        loading={loading}\n        placeholder={placeholder}\n        emptyText={emptyText ?? t(\"commandPalette.noResults\", \"No results\")}\n        searchPrefix={\n          page && <span className=\"inline-flex h-24 shrink-0 items-center rounded-pill bg-fill-2 px-10 text-caption font-medium text-fg\">{page.title}</span>\n        }\n        onInputKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n          if (e.key === \"Backspace\" && !query && pages.length) {\n            e.preventDefault();\n            setPages((p) => p.slice(0, -1));\n          }\n        }}\n        footer={\n          keyHints && (\n            <div className=\"flex h-40 shrink-0 items-center gap-16 px-16 text-caption font-medium text-fg-tertiary hairline-t\">\n              <span className=\"inline-flex items-center gap-6\">\n                <Kbd>up</Kbd>\n                <Kbd>down</Kbd> {t(\"commandPalette.toNavigate\", \"to navigate\")}\n              </span>\n              <span className=\"inline-flex items-center gap-6\">\n                <Kbd>enter</Kbd> {t(\"commandPalette.toOpen\", \"to open\")}\n              </span>\n              {pages.length > 0 && (\n                <span className=\"inline-flex items-center gap-6\">\n                  <Kbd>backspace</Kbd> {t(\"commandPalette.toGoBack\", \"to go back\")}\n                </span>\n              )}\n              <span className=\"ml-auto inline-flex items-center gap-6\">\n                <Kbd>esc</Kbd> {t(\"commandPalette.toClose\", \"to close\")}\n              </span>\n            </div>\n          )\n        }\n      />\n    </div>\n  );\n}\n\nexport function CommandPalette(props: CommandPaletteProps) {\n  const { open, onOpenChange, hotkey = true, inline } = props;\n  const [inner, setInner] = useState(false);\n  const isOpen = open ?? inner;\n  const setOpen = (o: boolean) => {\n    if (open === undefined) setInner(o);\n    onOpenChange?.(o);\n  };\n  const toggle = useRef(() => setOpen(!isOpen));\n  toggle.current = () => setOpen(!isOpen);\n  useEffect(() => {\n    if (!hotkey || inline) return;\n    const onKey = (e: globalThis.KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === \"k\") {\n        e.preventDefault();\n        toggle.current();\n      }\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [hotkey, inline]);\n  const focus = useRestoreFocus(isOpen);\n  const t = useUiText();\n  const container = usePortalContainer();\n  const settled = useScopedDialog(inline ? false : isOpen);\n  const session = useOpenSession(isOpen);\n  if (inline) return <Palette {...props} close={() => undefined} />;\n  return (\n    <BaseDialog.Root open={isOpen} onOpenChange={(o: boolean) => setOpen(o)} onOpenChangeComplete={settled}>\n      <BaseDialog.Portal container={container}>\n        <BaseDialog.Backdrop className=\"fixed inset-0 z-50 bg-overlay backdrop-motion\" />\n        <BaseDialog.Viewport className=\"fixed inset-0 z-50 flex items-start justify-center px-16 pt-palette\">\n          <BaseDialog.Popup\n            aria-label={t(\"commandPalette.label\", \"Command palette\")}\n            initialFocus={focus.initialFocus}\n            finalFocus={focus.finalFocus}\n            className=\"flex w-640 max-w-full flex-col overflow-hidden rounded-palette bg-raised text-fg shadow-dialog outline-none dialog-motion\"\n          >\n            <Palette key={session} {...props} close={() => setOpen(false)} />\n          </BaseDialog.Popup>\n        </BaseDialog.Viewport>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") CommandPalette.displayName = \"CommandPalette\";\n"],"mappings":"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"}
+{"version":3,"file":"command-palette.js","names":["_Fragment","__icon_ArrowRight01Icon","BaseDialog","cn","usePortalContainer","useUiText","Icon","Kbd","CommandList","useRestoreFocus","useScopedDialog","useOpenSession","useResizeMotion","Fragment$1","KAESO_COMMAND_PALETTE_VARIANTS","KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS","matches","hay","item","w","Palette","placeholderProp","controlledQuery","t","placeholder","ownQuery","setOwnQuery","useState","defaultQuery","query","setQuery","next","onQueryChange","pages","setPages","input","useRef","box","setBox","boxRef","useCallback","inline","el","page","source","groups","loading","g","byId","useMemo","i","listGroups","gi","active","KbdSequence","ArrowRight01Icon","id","children","p","close","emptyText","keyHints","CommandPalette","props","inner","setInner","isOpen","open","setOpen","o","onOpenChange","toggle","useEffect","hotkey","onKey","focus","container","settled","session","Dialog"],"sources":["../../src/components/command-palette/command-palette.tsx"],"sourcesContent":["import { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { useCallback, useEffect, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useRestoreFocus } from \"../../utils/restore-focus.js\";\nimport { useOpenSession, useScopedDialog } from \"../../utils/dialog-scope.js\";\nimport { ArrowRight01Icon as __icon_ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { KbdSequence, Kbd } from \"../kbd/kbd.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { useResizeMotion } from \"../../utils/resize-motion.js\";\nimport { CommandList, type CommandListGroup, type CommandListItem, type CommandListRowState } from \"../command-list/command-list.js\";\n\nexport const KAESO_COMMAND_PALETTE_VARIANTS = {\n  size: {\n    md: { classes: \"w-640\" },\n  },\n} as const;\nexport const KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface CommandItem {\n  id: string;\n  label: string;\n  icon?: IconData | undefined;\n  hint?: string | undefined;\n  shortcut?: string[] | string[][] | undefined;\n  keywords?: string[] | undefined;\n  onSelect?: (() => void) | undefined;\n  children?: CommandGroup[] | undefined;\n}\n\nexport interface CommandGroup {\n  label?: string | undefined;\n  items: CommandItem[];\n  loading?: boolean | undefined;\n}\n\nexport interface CommandPaletteProps {\n  open?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  groups: CommandGroup[];\n  placeholder?: string | undefined;\n  emptyText?: ReactNode | undefined;\n  onQueryChange?: ((query: string) => void) | undefined;\n  hotkey?: boolean | undefined;\n  keyHints?: boolean | undefined;\n  inline?: boolean | undefined;\n  defaultQuery?: string | undefined;\n  query?: string | undefined;\n  counts?: boolean | undefined;\n}\n\nfunction matches(item: CommandListItem, q: string) {\n  const hay = [item.label, ...(item.keywords ?? [])].join(\" \").toLowerCase();\n  return q\n    .toLowerCase()\n    .split(/\\s+/)\n    .every((w) => hay.includes(w))\n    ? 1\n    : 0;\n}\n\nfunction Palette({\n  groups,\n  keyHints,\n  placeholder: placeholderProp,\n  emptyText,\n  onQueryChange,\n  close,\n  inline,\n  defaultQuery = \"\",\n  query: controlledQuery,\n  counts,\n}: CommandPaletteProps & { close: () => void }) {\n  const t = useUiText();\n  const placeholder = placeholderProp ?? t(\"commandPalette.placeholder\", \"Search or run a command\");\n  const [ownQuery, setOwnQuery] = useState(defaultQuery);\n  const query = controlledQuery ?? ownQuery;\n  const setQuery = (next: string) => {\n    setOwnQuery(next);\n    onQueryChange?.(next);\n  };\n  const [pages, setPages] = useState<{ title: string; groups: CommandGroup[] }[]>([]);\n  const input = useRef<HTMLInputElement>(null);\n  const [box, setBox] = useState<HTMLElement | null>(null);\n  const boxRef = useCallback((el: HTMLElement | null) => setBox(inline ? null : (el?.parentElement ?? null)), [inline]);\n  useResizeMotion(box);\n  const page = pages[pages.length - 1];\n  const source = page ? page.groups : groups;\n  const loading = source.some((g) => g.loading);\n  const byId = useMemo(() => new Map(source.flatMap((g) => g.items.map((i) => [i.id, i] as const))), [source]);\n  const listGroups = useMemo<CommandListGroup[]>(\n    () =>\n      source.map((g, gi) => ({\n        id: `${gi}:${g.label ?? \"\"}`,\n        ...(g.label ? { label: g.label } : {}),\n        ...(g.loading ? { loading: true } : {}),\n        items: g.items.map((item) => ({\n          value: item.id,\n          label: item.label,\n          keywords: [item.hint ?? \"\", ...(item.keywords ?? [])],\n          render: ({ active }: CommandListRowState) => (\n            <>\n              {item.icon && <Icon icon={item.icon} size=\"sm\" className={active ? \"text-fg\" : \"text-fg-secondary\"} />}\n              <span className=\"min-w-0 truncate\">{item.label}</span>\n              {item.hint && (\n                <span className={cn(\"min-w-0 truncate text-body font-regular\", active ? \"text-fg-secondary\" : \"text-fg-tertiary\")}>{item.hint}</span>\n              )}\n              <span className=\"ml-auto flex shrink-0 items-center gap-8\">\n                {item.shortcut && <KbdSequence keys={item.shortcut} />}\n                {item.children && <Icon icon={__icon_ArrowRight01Icon} size=\"sm\" className=\"text-fg-tertiary\" />}\n              </span>\n            </>\n          ),\n        })),\n      })),\n    [source],\n  );\n\n  const select = (id: string) => {\n    const item = byId.get(id);\n    if (!item) return;\n    const children = item.children;\n    if (children) {\n      setPages((p) => [...p, { title: item.label, groups: children }]);\n      setQuery(\"\");\n      input.current?.focus();\n      return;\n    }\n    item.onSelect?.();\n    close();\n  };\n\n  return (\n    <div\n      ref={boxRef}\n      className={cn(\"relative flex palette-limits min-h-0 flex-col overflow-hidden\", inline ? \"w-640 rounded-palette bg-raised shadow-dialog\" : \"flex-1\")}\n    >\n      <CommandList\n        ref={input}\n        groups={listGroups}\n        aria-label={t(\"commandPalette.results\", \"Results\")}\n        size=\"lg\"\n        height=\"fill\"\n        escapeClears={false}\n        match={matches}\n        counts={counts}\n        inputProps={{ \"data-palette-input\": \"\" }}\n        autoFocus\n        query={query}\n        onQueryChange={setQuery}\n        onSelect={select}\n        loading={loading}\n        placeholder={placeholder}\n        emptyText={emptyText ?? t(\"commandPalette.noResults\", \"No results\")}\n        searchPrefix={\n          page && <span className=\"inline-flex h-24 shrink-0 items-center rounded-pill bg-fill-2 px-10 text-caption font-medium text-fg\">{page.title}</span>\n        }\n        onInputKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n          if (e.key === \"Backspace\" && !query && pages.length) {\n            e.preventDefault();\n            setPages((p) => p.slice(0, -1));\n          }\n        }}\n        footer={\n          keyHints && (\n            <div className=\"flex h-40 shrink-0 items-center gap-16 px-16 text-caption font-medium text-fg-tertiary hairline-t\">\n              <span className=\"inline-flex items-center gap-6\">\n                <Kbd>up</Kbd>\n                <Kbd>down</Kbd> {t(\"commandPalette.toNavigate\", \"to navigate\")}\n              </span>\n              <span className=\"inline-flex items-center gap-6\">\n                <Kbd>enter</Kbd> {t(\"commandPalette.toOpen\", \"to open\")}\n              </span>\n              {pages.length > 0 && (\n                <span className=\"inline-flex items-center gap-6\">\n                  <Kbd>backspace</Kbd> {t(\"commandPalette.toGoBack\", \"to go back\")}\n                </span>\n              )}\n              <span className=\"ml-auto inline-flex items-center gap-6\">\n                <Kbd>esc</Kbd> {t(\"commandPalette.toClose\", \"to close\")}\n              </span>\n            </div>\n          )\n        }\n      />\n    </div>\n  );\n}\n\nexport function CommandPalette(props: CommandPaletteProps) {\n  const { open, onOpenChange, hotkey = true, inline } = props;\n  const [inner, setInner] = useState(false);\n  const isOpen = open ?? inner;\n  const setOpen = (o: boolean) => {\n    if (open === undefined) setInner(o);\n    onOpenChange?.(o);\n  };\n  const toggle = useRef(() => setOpen(!isOpen));\n  toggle.current = () => setOpen(!isOpen);\n  useEffect(() => {\n    if (!hotkey || inline) return;\n    const onKey = (e: globalThis.KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === \"k\") {\n        e.preventDefault();\n        toggle.current();\n      }\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [hotkey, inline]);\n  const focus = useRestoreFocus(isOpen);\n  const t = useUiText();\n  const container = usePortalContainer();\n  const settled = useScopedDialog(inline ? false : isOpen);\n  const session = useOpenSession(isOpen);\n  if (inline) return <Palette {...props} close={() => undefined} />;\n  return (\n    <BaseDialog.Root open={isOpen} onOpenChange={(o: boolean) => setOpen(o)} onOpenChangeComplete={settled}>\n      <BaseDialog.Portal container={container}>\n        <BaseDialog.Backdrop className=\"fixed inset-0 z-50 bg-overlay backdrop-motion\" />\n        <BaseDialog.Viewport className=\"fixed inset-0 z-50 flex items-start justify-center px-16 pt-palette\">\n          <BaseDialog.Popup\n            aria-label={t(\"commandPalette.label\", \"Command palette\")}\n            initialFocus={focus.initialFocus}\n            finalFocus={focus.finalFocus}\n            className=\"flex w-640 max-w-full flex-col overflow-hidden rounded-palette bg-raised text-fg shadow-dialog outline-none dialog-motion\"\n          >\n            <Palette key={session} {...props} close={() => setOpen(false)} />\n          </BaseDialog.Popup>\n        </BaseDialog.Viewport>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") CommandPalette.displayName = \"CommandPalette\";\n"],"mappings":"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"}

package/dist/components/copy-button.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as ClipboardText, n as CopyButton, r as InlineCopyText, i as KAESO_CLIPBOARD_TEXT_DEFAULT_VARIANTS, a as KAESO_CLIPBOARD_TEXT_VARIANTS, o as KAESO_COPY_BUTTON_DEFAULT_VARIANTS, s as KAESO_COPY_BUTTON_VARIANTS } from "../chunks/copy-button-Cdea0wKl.js";
+export { t as ClipboardText, n as CopyButton, r as InlineCopyText, i as KAESO_CLIPBOARD_TEXT_DEFAULT_VARIANTS, a as KAESO_CLIPBOARD_TEXT_VARIANTS, o as KAESO_COPY_BUTTON_DEFAULT_VARIANTS, s as KAESO_COPY_BUTTON_VARIANTS } from "../chunks/copy-button-7-irieJw.js";

package/dist/components/data-table.js

@@ -1,20 +1,20 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { i as t, r as n } from "../chunks/inset-BnBj8NJV.js";
 import { i as r } from "../chunks/context-BELWW79w.js";
 import { formatDate as i, formatDuration as a, formatNumber as o, formatRelative as s, formatTokens as c, formatUSD as l } from "../format.js";
-import { t as ee } from "../chunks/icon-D5uD_mnL.js";
-import { r as u } from "../chunks/tooltip-CRApbLF6.js";
+import { t as ee } from "../chunks/icon-D7ja-_Yk.js";
+import { r as u } from "../chunks/tooltip-BMQ9BtPp.js";
 import { t as te } from "../chunks/observe-resize-DhxhmoyB.js";
-import { r as ne } from "../chunks/text-hFc6TDp9.js";
-import { n as re } from "../chunks/button-9q66Ta23.js";
-import { n as d } from "../chunks/checkbox-C_DrNA2N.js";
-import { t as f } from "../chunks/menu-Cjg4RggA.js";
-import { r as ie } from "../chunks/skeleton-Cu74kGJA.js";
-import { r as ae } from "../chunks/pagination-BStrMDqM.js";
-import { t as p } from "../chunks/empty-By1qTJr6.js";
-import { i as m } from "../chunks/status-dot-u4Izk-uC.js";
-import { t as oe } from "../chunks/avatar-HnvBUoe5.js";
+import { r as ne } from "../chunks/text-DCGGNqTM.js";
+import { n as re } from "../chunks/button-Dzu7_csE.js";
+import { n as d } from "../chunks/checkbox-CDfC6E-M.js";
+import { t as f } from "../chunks/menu-fl_QQb38.js";
+import { r as ie } from "../chunks/skeleton-Dcz57Zyp.js";
+import { r as ae } from "../chunks/pagination-BaY8jdli.js";
+import { t as p } from "../chunks/empty-DvhyMXQq.js";
+import { i as m } from "../chunks/status-dot-QJTF0Yv4.js";
+import { t as oe } from "../chunks/avatar-CWbdwbJv.js";
 import { t as se } from "../chunks/scroll-parent-WXvzQcUo.js";
 import { t as ce } from "../chunks/tone-CWpsHPb6.js";
 import { t as le } from "../chunks/use-scroll-margin-DfdTc_5D.js";

package/dist/components/date-picker.js

@@ -1,12 +1,12 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { t } from "../chunks/use-controllable-B5Fd12Bx.js";
 import { i as n, n as r } from "../chunks/context-BELWW79w.js";
 import { formatDate as i, formatDateRange as a } from "../format.js";
-import { t as o } from "../chunks/icon-D5uD_mnL.js";
-import { c as s, s as c } from "../chunks/tooltip-CRApbLF6.js";
-import { a as l, o as u, s as d } from "../chunks/field-DfITT6Jm.js";
-import { i as f, n as p } from "../chunks/input-group-Dgdb0JpZ.js";
+import { t as o } from "../chunks/icon-D7ja-_Yk.js";
+import { c as s, s as c } from "../chunks/tooltip-BMQ9BtPp.js";
+import { a as l, o as u, s as d } from "../chunks/field-TviMvYa2.js";
+import { i as f, n as p } from "../chunks/input-group-CUSNsQjQ.js";
 import { n as m, r as h } from "../chunks/popover-root-D3q89WNF.js";
 import { r as g, t as _ } from "../chunks/hidden-description-B2zSmLcn.js";
 import { t as v } from "../chunks/when-idle-Cy3pinqO.js";
@@ -18,7 +18,7 @@ var M = { size: {
 	sm: { classes: "h-32 pl-10 pr-12 gap-6 text-body" },
 	md: { classes: "h-36 pl-14 pr-16 gap-8 text-body" },
 	lg: { classes: "h-40 pl-16 pr-18 gap-8 text-body" }
-} }, N = { size: "md" }, P = /* @__PURE__ */ c(() => import("../chunks/date-popup-NytWvSNh.js"), { base: () => import.meta.url }), F = /* @__PURE__ */ c(() => import("../chunks/range-popup-BCov1iPe.js"), { base: () => import.meta.url }), I = () => s(P), L = () => s(F);
+} }, N = { size: "md" }, P = /* @__PURE__ */ c(() => import("../chunks/date-popup-RQkqhko4.js"), { base: () => import.meta.url }), F = /* @__PURE__ */ c(() => import("../chunks/range-popup-CkhsK3wI.js"), { base: () => import.meta.url }), I = () => s(P), L = () => s(F);
 function R(e) {
 	let [t, n] = E(!1), [, r] = w((e) => e + 1, 0), i = !!e.current(), a = t && !i;
 	x(() => {

package/dist/components/dialog.js

@@ -1,8 +1,8 @@
 "use client";
 import { i as e } from "../chunks/context-BELWW79w.js";
-import { n as t } from "../chunks/button-9q66Ta23.js";
+import { n as t } from "../chunks/button-Dzu7_csE.js";
 import { n } from "../chunks/resize-motion-DS3rIIqy.js";
-import { a as r, c as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "../chunks/dialog-BZCVFmGF.js";
+import { a as r, c as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "../chunks/dialog-DQ9vZ7vr.js";
 import { Fragment as p, useEffect as m, useId as h, useLayoutEffect as g, useMemo as _, useRef as v, useState as y } from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/dialog/step-dialog.tsx

package/dist/components/display-options.js

@@ -1,14 +1,14 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { t } from "../chunks/dev-CR1p7gCm.js";
 import { i as n, r } from "../chunks/context-BELWW79w.js";
-import { t as i } from "../chunks/icon-D5uD_mnL.js";
-import { t as a } from "../chunks/icon-button-C7Du4pvb.js";
-import { a as o } from "../chunks/tag-CqSk8F7M.js";
-import { r as s } from "../chunks/switch-CbU9m9gi.js";
-import { r as c } from "../chunks/segmented-DRLDN8EW.js";
-import { r as l } from "../chunks/select-eFTHLeYG.js";
-import { i as u } from "../chunks/popover-CgLt_4yG.js";
+import { t as i } from "../chunks/icon-D7ja-_Yk.js";
+import { t as a } from "../chunks/icon-button-CPYR21Sz.js";
+import { a as o } from "../chunks/tag-DNdX1XRR.js";
+import { r as s } from "../chunks/switch-b-VkStWj.js";
+import { r as c } from "../chunks/segmented-C97zvDR1.js";
+import { r as l } from "../chunks/select-x4XVsdCI.js";
+import { i as u } from "../chunks/popover-CFMwaeIP.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { SlidersHorizontalIcon as p, ViewOffSlashIcon as m } from "@hugeicons/core-free-icons";
 //#region src/components/display-options/display-options.tsx

package/dist/components/empty.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as Empty, n as KAESO_EMPTY_DEFAULT_VARIANTS, r as KAESO_EMPTY_VARIANTS } from "../chunks/empty-By1qTJr6.js";
+export { t as Empty, n as KAESO_EMPTY_DEFAULT_VARIANTS, r as KAESO_EMPTY_VARIANTS } from "../chunks/empty-DvhyMXQq.js";

package/dist/components/field.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as Field, n as Fieldset, r as KAESO_FIELD_DEFAULT_VARIANTS, i as KAESO_FIELD_VARIANTS, a as useField, o as useFieldControl, s as withField } from "../chunks/field-DfITT6Jm.js";
+export { t as Field, n as Fieldset, r as KAESO_FIELD_DEFAULT_VARIANTS, i as KAESO_FIELD_VARIANTS, a as useField, o as useFieldControl, s as withField } from "../chunks/field-TviMvYa2.js";

package/dist/components/figure.js

@@ -0,0 +1,60 @@
+"use client";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
+import { t } from "../chunks/observe-resize-DhxhmoyB.js";
+import { r as n } from "../chunks/scroll-area-D8MD7Vpo.js";
+import { forwardRef as r, useLayoutEffect as i, useRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/figure/figure.tsx
+var c = { surface: {
+	well: { classes: "rounded-well bg-fill-1" },
+	plain: { classes: "" }
+} }, l = { surface: "well" }, u = [
+	"pointerdown",
+	"wheel",
+	"keydown"
+];
+function d(e) {
+	let n = a(null);
+	return i(() => {
+		let r = n.current, i = r?.parentElement;
+		if (!r || !i) return;
+		let a = !1, o = () => {
+			a = !0;
+		}, s = () => {
+			let t = i.scrollWidth - i.clientWidth;
+			a || (i.scrollLeft = Math.min(t, Math.max(0, e * i.scrollWidth - i.clientWidth / 2)));
+		};
+		s();
+		for (let e of u) i.addEventListener(e, o, { passive: !0 });
+		let c = t([i, r], s);
+		return () => {
+			c();
+			for (let e of u) i.removeEventListener(e, o);
+		};
+	}, [e]), n;
+}
+var f = /* @__PURE__ */ r(function({ children: t, label: r, caption: i, surface: a = "well", focus: l = .5, className: u }, f) {
+	let p = d(l);
+	return /* @__PURE__ */ s("figure", {
+		ref: f,
+		className: e("flex min-w-0 flex-col gap-12", u),
+		children: [/* @__PURE__ */ o(n, {
+			orientation: "horizontal",
+			"aria-label": r,
+			className: c.surface[a].classes,
+			children: /* @__PURE__ */ o("div", {
+				ref: p,
+				className: "mx-auto flex w-fit min-w-full justify-center p-16 sm:p-24",
+				children: t
+			})
+		}), i && /* @__PURE__ */ o("figcaption", {
+			className: "text-center text-small text-pretty text-fg-secondary",
+			children: i
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "Figure");
+//#endregion
+export { f as Figure, l as KAESO_FIGURE_DEFAULT_VARIANTS, c as KAESO_FIGURE_VARIANTS };
+
+//# sourceMappingURL=figure.js.map

package/dist/components/figure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"figure.js","names":["cn","ScrollArea","KAESO_FIGURE_VARIANTS","KAESO_FIGURE_DEFAULT_VARIANTS","TOUCHED","useFocused","content","useRef","useLayoutEffect","inner","viewport","touched","touch","centre","room","focus","name","stop","observeResize","Figure","className","label","surface","caption"],"sources":["../../src/components/figure/figure.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { observeResize } from \"../../utils/observe-resize.js\";\nimport { ScrollArea } from \"../scroll-area/scroll-area.js\";\n\nexport const KAESO_FIGURE_VARIANTS = {\n  surface: {\n    well: { classes: \"rounded-well bg-fill-1\" },\n    plain: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_FIGURE_DEFAULT_VARIANTS = { surface: \"well\" } as const;\n\nexport interface FigureProps {\n  children: ReactNode;\n  label: string;\n  caption?: ReactNode | undefined;\n  surface?: keyof typeof KAESO_FIGURE_VARIANTS.surface | undefined;\n  focus?: number | undefined;\n  className?: string | undefined;\n}\n\nconst TOUCHED = [\"pointerdown\", \"wheel\", \"keydown\"] as const;\n\nfunction useFocused(focus: number) {\n  const content = useRef<HTMLDivElement>(null);\n  useLayoutEffect(() => {\n    const inner = content.current;\n    const viewport = inner?.parentElement;\n    if (!inner || !viewport) return;\n    let touched = false;\n    const touch = () => {\n      touched = true;\n    };\n    const centre = () => {\n      const room = viewport.scrollWidth - viewport.clientWidth;\n      if (!touched) viewport.scrollLeft = Math.min(room, Math.max(0, focus * viewport.scrollWidth - viewport.clientWidth / 2));\n    };\n    centre();\n    for (const name of TOUCHED) viewport.addEventListener(name, touch, { passive: true });\n    const stop = observeResize([viewport, inner], centre);\n    return () => {\n      stop();\n      for (const name of TOUCHED) viewport.removeEventListener(name, touch);\n    };\n  }, [focus]);\n  return content;\n}\n\nexport const Figure = /* @__PURE__ */ forwardRef<HTMLElement, FigureProps>(function Figure({ children, label, caption, surface = \"well\", focus = 0.5, className }, ref) {\n  const content = useFocused(focus);\n  return (\n    <figure ref={ref} className={cn(\"flex min-w-0 flex-col gap-12\", className)}>\n      <ScrollArea orientation=\"horizontal\" aria-label={label} className={KAESO_FIGURE_VARIANTS.surface[surface].classes}>\n        <div ref={content} className=\"mx-auto flex w-fit min-w-full justify-center p-16 sm:p-24\">\n          {children}\n        </div>\n      </ScrollArea>\n      {caption && <figcaption className=\"text-center text-small text-pretty text-fg-secondary\">{caption}</figcaption>}\n    </figure>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Figure.displayName = \"Figure\";\n"],"mappings":";;;;;;;AAKA,IAAaE,IAAwB,EACnC,SAAS;CACP,MAAM,EAAE,SAAS,yBAAyB;CAC1C,OAAO,EAAE,SAAS,GAAG;AACvB,EACF,GACaC,IAAgC,EAAE,SAAS,OAAO,GAWzDC,IAAU;CAAC;CAAe;CAAS;AAAS;AAElD,SAASC,EAAW,GAAe;CACjC,IAAMC,IAAUC,EAAuB,IAAI;CAqB3C,OApBAC,QAAsB;EACpB,IAAMC,IAAQH,EAAQ,SAChBI,IAAWD,GAAO;EACxB,IAAI,CAACA,KAAS,CAACC,GAAU;EACzB,IAAIC,IAAU,IACRC,UAAc;GAClB,IAAU;EACZ,GACMC,UAAe;GACnB,IAAMC,IAAOJ,EAAS,cAAcA,EAAS;GAC7C,AAAKC,MAAS,EAAS,aAAa,KAAK,IAAIG,GAAM,KAAK,IAAI,GAAGC,IAAQL,EAAS,cAAcA,EAAS,cAAc,CAAC,CAAC;EACzH;EACA,EAAO;EACP,KAAK,IAAMM,KAAQZ,GAAS,EAAS,iBAAiBY,GAAMJ,GAAO,EAAE,SAAS,GAAK,CAAC;EACpF,IAAMK,IAAOC,EAAc,CAACR,GAAUD,CAAK,GAAGI,CAAM;EACpD,aAAa;GACX,EAAK;GACL,KAAK,IAAMG,KAAQZ,GAAS,EAAS,oBAAoBY,GAAMJ,CAAK;EACtE;CACF,GAAG,CAACG,CAAK,CAAC,GACHT;AACT;AAEA,IAAaa,IAAyB,kBAAqC,SAAgB,EAAE,aAAU,UAAO,YAAS,aAAU,QAAQ,WAAQ,IAAK,gBAAa,GAAK;CACtK,IAAMb,IAAUD,EAAWU,CAAK;CAChC,OACE,kBAAC,UAAD;EAAa;EAAK,WAAWf,EAAG,gCAAgCoB,CAAS;EAAzE,UAAA,CACE,kBAACnB,GAAD;GAAY,aAAY;GAAa,cAAYoB;GAAO,WAAWnB,EAAsB,QAAQoB,EAAQ,CAAC;GACxG,UAAA,kBAAC,OAAD;IAAK,KAAKhB;IAAS,WAAU;IAC1B;GACE,CAAA;EACK,CAAA,GACXiB,KAAW,kBAAC,cAAD;GAAY,WAAU;GAAwD,UAAAA;EAAoB,CAAA,CACxG;;AAEZ,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc"}

package/dist/components/filter-chip.js

@@ -1,10 +1,10 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { i as t, r as n } from "../chunks/context-BELWW79w.js";
-import { t as r } from "../chunks/icon-D5uD_mnL.js";
-import { i } from "../chunks/menu-Cjg4RggA.js";
-import { t as a } from "../chunks/command-list-CzMbdtJs.js";
-import { r as o } from "../chunks/picker-popover-BerQAEBT.js";
+import { t as r } from "../chunks/icon-D7ja-_Yk.js";
+import { i } from "../chunks/menu-fl_QQb38.js";
+import { t as a } from "../chunks/command-list-0RR4DpUe.js";
+import { r as o } from "../chunks/picker-popover-DShea4b8.js";
 import { forwardRef as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { Cancel01Icon as m } from "@hugeicons/core-free-icons";

package/dist/components/filter-row.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { i as t } from "../chunks/inset-BnBj8NJV.js";
 import { i as n } from "../chunks/context-BELWW79w.js";
 import { t as r } from "../chunks/arrow-focus-BcySmwwU.js";

package/dist/components/flow.js

@@ -1,7 +1,7 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
-import { t as n } from "../chunks/icon-D5uD_mnL.js";
+import { t as n } from "../chunks/icon-D7ja-_Yk.js";
 import { t as r } from "../chunks/observe-resize-DhxhmoyB.js";
 import { forwardRef as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/components/heading.js

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

package/dist/components/icon-button.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as IconButton, n as KAESO_ICON_BUTTON_DEFAULT_VARIANTS, r as KAESO_ICON_BUTTON_VARIANTS } from "../chunks/icon-button-C7Du4pvb.js";
+export { t as IconButton, n as KAESO_ICON_BUTTON_DEFAULT_VARIANTS, r as KAESO_ICON_BUTTON_VARIANTS } from "../chunks/icon-button-CPYR21Sz.js";

package/dist/components/icon.js

@@ -1,4 +1,4 @@
 "use client";
-import { n as e, r as t, t as n } from "../chunks/icon-D5uD_mnL.js";
+import { n as e, r as t, t as n } from "../chunks/icon-D7ja-_Yk.js";
 import { t as r } from "../chunks/icon-CBzvyEqC.js";
 export { n as Icon, e as KAESO_ICON_DEFAULT_VARIANTS, t as KAESO_ICON_VARIANTS, r as icons };

package/dist/components/input.js

@@ -1,12 +1,12 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
-import { r as n } from "../chunks/tooltip-CRApbLF6.js";
-import { a as r, o as i, s as a } from "../chunks/field-DfITT6Jm.js";
-import { a as o, i as s, n as c, r as l, t as u } from "../chunks/input-group-Dgdb0JpZ.js";
-import { i as d, n as f, r as p, t as m } from "../chunks/input-B6Docqrk.js";
-import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C } from "../chunks/textarea-17Ftvph_.js";
-import { a as w } from "../chunks/tag-CqSk8F7M.js";
+import { r as n } from "../chunks/tooltip-BMQ9BtPp.js";
+import { a as r, o as i, s as a } from "../chunks/field-TviMvYa2.js";
+import { a as o, i as s, n as c, r as l, t as u } from "../chunks/input-group-CUSNsQjQ.js";
+import { i as d, n as f, r as p, t as m } from "../chunks/input-TyLIaQ5k.js";
+import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C } from "../chunks/textarea-CT2S2JVM.js";
+import { a as w } from "../chunks/tag-DNdX1XRR.js";
 import { forwardRef as T, useId as E, useRef as D, useState as O } from "react";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";
 import { ViewIcon as j, ViewOffSlashIcon as M } from "@hugeicons/core-free-icons";

package/dist/components/kaeso/conversation.js

@@ -1,18 +1,18 @@
 "use client";
-import { t as e } from "../../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../../chunks/cn-Dj6sRgkF.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
-import { t as n } from "../../chunks/icon-D5uD_mnL.js";
-import { r } from "../../chunks/link-CtII7u3h.js";
-import { t as i } from "../../chunks/banner-CvYgPwCc.js";
-import { t as a } from "../../chunks/json-view-DCTMY_j4.js";
-import { t as o } from "../../chunks/badge-CM8ahjDR.js";
-import { n as s } from "../../chunks/collapsible-CtQNJn9b.js";
+import { t as n } from "../../chunks/icon-D7ja-_Yk.js";
+import { r } from "../../chunks/link-B2I55xg9.js";
+import { t as i } from "../../chunks/banner-Cb8OWnqJ.js";
+import { t as a } from "../../chunks/json-view-Dqd2TDkc.js";
+import { t as o } from "../../chunks/badge-C2KtxCLB.js";
+import { n as s } from "../../chunks/collapsible-CKrCX_T9.js";
 import { t as c } from "../../chunks/safe-href-G5DBNVwm.js";
 import { Suspense as l, forwardRef as u, lazy as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { Image01Icon as m, Pdf01Icon as h, ToolsIcon as g } from "@hugeicons/core-free-icons";
 //#region src/components/kaeso/conversation.tsx
-var _ = /* @__PURE__ */ d(() => import("../../chunks/markdown-CwVQ0niB.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), v = { density: {
+var _ = /* @__PURE__ */ d(() => import("../../chunks/markdown-BEgwZFlu.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), v = { density: {
 	default: { classes: "gap-24" },
 	compact: { classes: "gap-16" }
 } }, y = { density: "default" };

package/dist/components/kaeso/identity.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as CapabilityIcons, n as KAESO_IDENTITY_DEFAULT_VARIANTS, r as KAESO_IDENTITY_VARIANTS, i as KeyDisplay, a as ModelLabel, o as ProviderBadge, s as ProviderCard, c as RequestTimeline, l as StatusCode, u as providerName } from "../../chunks/identity-BcVQd-7H.js";
+export { t as CapabilityIcons, n as KAESO_IDENTITY_DEFAULT_VARIANTS, r as KAESO_IDENTITY_VARIANTS, i as KeyDisplay, a as ModelLabel, o as ProviderBadge, s as ProviderCard, c as RequestTimeline, l as StatusCode, u as providerName } from "../../chunks/identity-DPuTkMsa.js";

package/dist/components/kaeso/moments.js

@@ -1,11 +1,11 @@
 "use client";
-import { t as e } from "../../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../../chunks/cn-Dj6sRgkF.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
-import { t as n } from "../../chunks/icon-D5uD_mnL.js";
-import { n as r } from "../../chunks/button-9q66Ta23.js";
+import { t as n } from "../../chunks/icon-D7ja-_Yk.js";
+import { n as r } from "../../chunks/button-Dzu7_csE.js";
 import { t as i } from "../../chunks/use-copy-Dm2ncvMX.js";
-import { t as a } from "../../chunks/copy-button-Cdea0wKl.js";
-import { t as o } from "../../chunks/code-block-mEH6Sy3h.js";
+import { t as a } from "../../chunks/copy-button-7-irieJw.js";
+import { t as o } from "../../chunks/code-block-U5fCqwgC.js";
 import { forwardRef as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Alert02Icon as u, Copy01Icon as d, Tick02Icon as f } from "@hugeicons/core-free-icons";

package/dist/components/kaeso/rights.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, n as KAESO_RIGHTS_MATRIX_VARIANTS, r as RightsMatrix } from "../../chunks/rights-UVngOX_4.js";
+export { t as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, n as KAESO_RIGHTS_MATRIX_VARIANTS, r as RightsMatrix } from "../../chunks/rights-BlQx9C_j.js";

package/dist/components/kaeso/usage.js

@@ -1,11 +1,11 @@
 "use client";
-import { t as e } from "../../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../../chunks/cn-Dj6sRgkF.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
 import { formatNumber as n, formatTokens as r } from "../../format.js";
-import { t as i } from "../../chunks/icon-D5uD_mnL.js";
-import { a } from "../../chunks/meter-VrC2J2GF.js";
-import { t as o } from "../../chunks/badge-CM8ahjDR.js";
-import { C as s, c, l } from "../../chunks/core-FtMDNELx.js";
+import { t as i } from "../../chunks/icon-D7ja-_Yk.js";
+import { a } from "../../chunks/meter-Bj4N3Xuh.js";
+import { t as o } from "../../chunks/badge-C2KtxCLB.js";
+import { C as s, c, l } from "../../chunks/core-Bl9NrBLS.js";
 import { forwardRef as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Layers01Icon as p, LeftToRightListBulletIcon as m, Wallet01Icon as h } from "@hugeicons/core-free-icons";

package/dist/components/kaeso.js

@@ -1,18 +1,18 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { i as t, r as n } from "../chunks/context-BELWW79w.js";
-import { r } from "../chunks/tooltip-CRApbLF6.js";
-import { a as i, o as a, s as o } from "../chunks/field-DfITT6Jm.js";
-import { a as s } from "../chunks/radio-07Muf4cX.js";
-import { r as c } from "../chunks/select-eFTHLeYG.js";
-import { t as l } from "../chunks/command-list-CzMbdtJs.js";
-import { i as u, r as d } from "../chunks/picker-popover-BerQAEBT.js";
-import { t as f } from "../chunks/badge-CM8ahjDR.js";
-import { a as p, c as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x, u as S } from "../chunks/identity-BcVQd-7H.js";
+import { r } from "../chunks/tooltip-BMQ9BtPp.js";
+import { a as i, o as a, s as o } from "../chunks/field-TviMvYa2.js";
+import { a as s } from "../chunks/radio-Yl0nO-Sj.js";
+import { r as c } from "../chunks/select-x4XVsdCI.js";
+import { t as l } from "../chunks/command-list-0RR4DpUe.js";
+import { i as u, r as d } from "../chunks/picker-popover-DShea4b8.js";
+import { t as f } from "../chunks/badge-C2KtxCLB.js";
+import { a as p, c as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x, u as S } from "../chunks/identity-DPuTkMsa.js";
 import { EnvironmentSnippet as C, KAESO_MOMENTS_DEFAULT_VARIANTS as w, KAESO_MOMENTS_VARIANTS as T, SecretReveal as E, sdkSnippets as D } from "./kaeso/moments.js";
 import { KAESO_USAGE_DEFAULT_VARIANTS as O, KAESO_USAGE_VARIANTS as k, LimitMeter as A, UsageBreakdown as j } from "./kaeso/usage.js";
 import { ConversationView as M, KAESO_CONVERSATION_DEFAULT_VARIANTS as N, KAESO_CONVERSATION_VARIANTS as P } from "./kaeso/conversation.js";
-import { a as F, i as I, n as L, r as R, t as z } from "../chunks/rights-UVngOX_4.js";
+import { a as F, i as I, n as L, r as R, t as z } from "../chunks/rights-BlQx9C_j.js";
 import { Fragment as B, forwardRef as V, useId as H, useMemo as U, useState as ee } from "react";
 import { jsx as W, jsxs as G } from "react/jsx-runtime";
 import { RadioGroup as te } from "@base-ui/react/radio-group";

package/dist/components/kbd.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_KBD_DEFAULT_VARIANTS, n as KAESO_KBD_VARIANTS, r as Kbd, i as KbdSequence, a as keyLabel } from "../chunks/kbd-9A9rX60U.js";
+export { t as KAESO_KBD_DEFAULT_VARIANTS, n as KAESO_KBD_VARIANTS, r as Kbd, i as KbdSequence, a as keyLabel } from "../chunks/kbd-BF1vKXJf.js";

package/dist/components/key-value.js

@@ -1,8 +1,8 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
-import { r as t } from "../chunks/tooltip-CRApbLF6.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
+import { r as t } from "../chunks/tooltip-BMQ9BtPp.js";
 import { t as n } from "../chunks/use-truncated-CW0hByYt.js";
-import { n as r } from "../chunks/copy-button-Cdea0wKl.js";
+import { n as r } from "../chunks/copy-button-7-irieJw.js";
 import { forwardRef as i, useRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/key-value/key-value.tsx