@logicplanes/kaeso-ui 0.4.3 → 0.4.5

package/dist/chunks/json-view-Dqd2TDkc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"json-view-Dqd2TDkc.js","names":["_Fragment","__icon_Tick02Icon","__icon_Copy01Icon","__icon_ArrowRight01Icon","cn","useUiText","Icon","useCopy","Fragment$1","KAESO_JSON_VIEW_VARIANTS","KAESO_JSON_VIEW_DEFAULT_VARIANTS","Mark","query","text","i","Scalar","v","CopyPath","t","copied","e","copy","path","Tick02Icon","Copy01Icon","Node","initialOpen","open","setOpen","useState","depth","isObj","value","entries","keyLabel","name","comma","last","o","c","ArrowRight01Icon","k","JsonView","surface","className","defaultDepth"],"sources":["../../src/components/code-block/json-view.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Tick02Icon as __icon_Tick02Icon, Copy01Icon as __icon_Copy01Icon, ArrowRight01Icon as __icon_ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon } from \"../icon/icon.js\";\nimport { useCopy } from \"../../hooks/use-copy.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_JSON_VIEW_VARIANTS = {\n  surface: {\n    well: { classes: \"rounded-well bg-fill-1 p-16\" },\n    plain: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_JSON_VIEW_DEFAULT_VARIANTS = { surface: \"well\" } as const;\n\ntype Json = string | number | boolean | null | Json[] | { [k: string]: Json };\n\nexport interface JsonViewProps {\n  value: unknown;\n  defaultDepth?: number | undefined;\n  query?: string | undefined;\n  surface?: keyof typeof KAESO_JSON_VIEW_VARIANTS.surface | undefined;\n  className?: string | undefined;\n}\n\nfunction Mark({ text, query }: { text: string; query?: string | undefined }) {\n  if (!query) return <>{text}</>;\n  const i = text.toLowerCase().indexOf(query.toLowerCase());\n  if (i < 0) return <>{text}</>;\n  return (\n    <>\n      {text.slice(0, i)}\n      <mark className=\"rounded-cell bg-warning-tint text-inherit ring-mark\">{text.slice(i, i + query.length)}</mark>\n      {text.slice(i + query.length)}\n    </>\n  );\n}\n\nfunction Scalar({ v, query }: { v: Json; query?: string | undefined }) {\n  if (v === null) return <span className=\"font-semibold text-fg\">null</span>;\n  if (typeof v === \"boolean\") return <span className=\"font-semibold text-fg\">{String(v)}</span>;\n  if (typeof v === \"number\") return <span className=\"text-warning-text tabular\">{v}</span>;\n  return (\n    <span className=\"break-all text-info-text\">\n      \"<Mark text={String(v)} query={query} />\"\n    </span>\n  );\n}\n\nfunction CopyPath({ path }: { path: string }) {\n  const { copied, copy } = useCopy();\n  const t = useUiText();\n  return (\n    <button\n      type=\"button\"\n      aria-label={copied ? t(\"jsonView.pathCopied\", \"Path copied\") : t(\"jsonView.copyPath\", \"Copy path {path}\", { path })}\n      onClick={(e) => {\n        e.stopPropagation();\n        void copy(path);\n      }}\n      className=\"relative ml-8 inline-flex size-20 items-center justify-center rounded-pill text-fg-tertiary tap-target opacity-0 transition-control group-hover/row:opacity-100 coarse:opacity-100 hover:bg-fill-2 hover:text-fg focus-visible:opacity-100\"\n    >\n      <Icon icon={copied ? __icon_Tick02Icon : __icon_Copy01Icon} size=\"xs\" />\n    </button>\n  );\n}\n\nfunction Node({\n  name,\n  value,\n  path,\n  depth,\n  open: initialOpen,\n  query,\n  last,\n}: {\n  name?: string | number | undefined;\n  value: Json;\n  path: string;\n  depth: number;\n  open: number;\n  query?: string | undefined;\n  last: boolean;\n}) {\n  const [open, setOpen] = useState(depth < initialOpen);\n  const t = useUiText();\n  const isObj = value !== null && typeof value === \"object\";\n  const entries: [string | number, Json][] = isObj ? (Array.isArray(value) ? value.map((v, i) => [i, v]) : Object.entries(value)) : [];\n  const keyLabel: ReactNode =\n    name === undefined ? null : typeof name === \"number\" ? (\n      <span className=\"text-fg-tertiary tabular\">{name}: </span>\n    ) : (\n      <span className=\"text-fg\">\n        \"<Mark text={name} query={query} />\"<span className=\"text-fg-tertiary\">: </span>\n      </span>\n    );\n  const comma = last ? \"\" : \",\";\n  if (!isObj) {\n    return (\n      <div className=\"group/row flex min-h-20 items-start pl-20\" style={{ paddingLeft: depth * 16 + 20 }}>\n        <span>\n          {keyLabel}\n          <Scalar v={value} query={query} />\n          <span className=\"text-fg-tertiary\">{comma}</span>\n        </span>\n        {path && <CopyPath path={path} />}\n      </div>\n    );\n  }\n  const [o, c] = Array.isArray(value) ? [\"[\", \"]\"] : [\"{\", \"}\"];\n  return (\n    <div>\n      <div className=\"group/row flex min-h-24 items-center\" style={{ paddingLeft: depth * 16 }}>\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          aria-label={\n            path\n              ? open\n                ? t(\"jsonView.collapsePath\", \"Collapse {path}\", { path })\n                : t(\"jsonView.expandPath\", \"Expand {path}\", { path })\n              : open\n                ? t(\"jsonView.collapse\", \"Collapse\")\n                : t(\"jsonView.expand\", \"Expand\")\n          }\n          onClick={() => setOpen(!open)}\n          className=\"-ml-4 inline-flex size-24 cursor-pointer items-center justify-center rounded-pill text-fg-tertiary hover:bg-fill-2 hover:text-fg focus-ring\"\n        >\n          <Icon icon={__icon_ArrowRight01Icon} size=\"xs\" className={cn(\"transition-transform duration-180\", open && \"rotate-90\")} />\n        </button>\n        <span>\n          {keyLabel}\n          <span className=\"text-fg-tertiary\">{o}</span>\n          {!open && (\n            <button type=\"button\" onClick={() => setOpen(true)} className=\"mx-4 cursor-pointer rounded-code px-4 text-fg-tertiary hover:bg-fill-2\">\n              {Array.isArray(value)\n                ? t(\"jsonView.items\", \"{count, plural, one {{n} item} other {{n} items}}\", { count: entries.length, n: String(entries.length) })\n                : t(\"jsonView.keys\", \"{count, plural, one {{n} key} other {{n} keys}}\", { count: entries.length, n: String(entries.length) })}\n            </button>\n          )}\n          {!open && (\n            <span className=\"text-fg-tertiary\">\n              {c}\n              {comma}\n            </span>\n          )}\n        </span>\n        {path && <CopyPath path={path} />}\n      </div>\n      {open && (\n        <>\n          {entries.map(([k, v], i) => (\n            <Node\n              key={k}\n              name={k}\n              value={v}\n              path={typeof k === \"number\" ? `${path}[${k}]` : path ? `${path}.${k}` : String(k)}\n              depth={depth + 1}\n              open={initialOpen}\n              query={query}\n              last={i === entries.length - 1}\n            />\n          ))}\n          <div className=\"min-h-20 text-fg-tertiary\" style={{ paddingLeft: depth * 16 + 20 }}>\n            {c}\n            {comma}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport const JsonView = /* @__PURE__ */ forwardRef<HTMLDivElement, JsonViewProps>(function JsonView({ value, defaultDepth = 2, query, surface = \"well\", className }, ref) {\n  const t = useUiText();\n  return (\n    <div\n      ref={ref}\n      tabIndex={0}\n      role=\"region\"\n      aria-label={t(\"jsonView.label\", \"JSON\")}\n      className={cn(\n        \"mono overflow-x-auto text-small focus-ring-inset leading-code text-fg scrollbar-quiet\",\n        KAESO_JSON_VIEW_VARIANTS.surface[surface].classes,\n        className,\n      )}\n    >\n      <Node value={value as Json} path=\"\" depth={0} open={defaultDepth} query={query} last />\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") JsonView.displayName = \"JsonView\";\n"],"mappings":"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"}

package/dist/chunks/kbd-BF1vKXJf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kbd-BF1vKXJf.js","names":["cn","useUiText","KAESO_KBD_VARIANTS","KAESO_KBD_DEFAULT_VARIANTS","isMac","subscribePlatform","useMac","useSyncExternalStore","modifiers","ctrl","t","option","keyLabel","englishText","m","key","mac","Kbd","props","label","children","tone","className","KbdSequence","steps","keys","Fragment","i","chord","k"],"sources":["../../src/components/kbd/kbd.tsx"],"sourcesContent":["import { forwardRef, Fragment, useSyncExternalStore, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { englishText, useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_KBD_VARIANTS = {\n  tone: {\n    default: { classes: \"bg-fill-1 text-fg-secondary shadow-ring\" },\n    onInk: { classes: \"bg-on-ink/15 text-on-ink/80 shadow-none\" },\n  },\n} as const;\nexport const KAESO_KBD_DEFAULT_VARIANTS = { tone: \"default\" } as const;\n\nconst isMac = () => typeof navigator !== \"undefined\" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent);\nconst subscribePlatform = () => () => undefined;\nconst useMac = () => useSyncExternalStore(subscribePlatform, isMac, () => false);\n\nfunction modifiers(t: UiText): Record<string, [mac: string, other: string, name: string]> {\n  const ctrl = t(\"kbd.ctrl\", \"Ctrl\");\n  const option = t(\"kbd.optionName\", \"Option\");\n  return {\n    mod: [\"⌘\", ctrl, t(\"kbd.commandName\", \"Command\")],\n    cmd: [\"⌘\", ctrl, t(\"kbd.commandName\", \"Command\")],\n    ctrl: [\"⌃\", ctrl, t(\"kbd.controlName\", \"Control\")],\n    alt: [\"⌥\", \"Alt\", option],\n    option: [\"⌥\", \"Alt\", option],\n    shift: [\"⇧\", t(\"kbd.shift\", \"Shift\"), t(\"kbd.shiftName\", \"Shift\")],\n    enter: [\"↵\", \"Enter\", t(\"kbd.enterName\", \"Enter\")],\n    esc: [\"esc\", \"Esc\", t(\"kbd.escapeName\", \"Escape\")],\n    backspace: [\"⌫\", t(\"kbd.backspace\", \"Backspace\"), t(\"kbd.backspaceName\", \"Backspace\")],\n    up: [\"↑\", \"↑\", t(\"kbd.upName\", \"Up\")],\n    down: [\"↓\", \"↓\", t(\"kbd.downName\", \"Down\")],\n    left: [\"←\", \"←\", t(\"kbd.leftName\", \"Left\")],\n    right: [\"→\", \"→\", t(\"kbd.rightName\", \"Right\")],\n    tab: [\"⇥\", \"Tab\", t(\"kbd.tabName\", \"Tab\")],\n  };\n}\n\nexport function keyLabel(key: string, t: UiText = englishText, mac: boolean = isMac()): { visual: string; spoken: string } {\n  const m = modifiers(t)[key.toLowerCase()];\n  if (!m) return { visual: key.length === 1 ? key.toUpperCase() : key, spoken: key };\n  return { visual: mac ? m[0] : m[1], spoken: m[2] };\n}\n\nexport interface KbdProps extends HTMLAttributes<HTMLElement> {\n  children: ReactNode;\n  tone?: keyof typeof KAESO_KBD_VARIANTS.tone | undefined;\n}\n\nexport const Kbd = /* @__PURE__ */ forwardRef<HTMLElement, KbdProps>(function Kbd({ children, tone = \"default\", className, ...props }, ref) {\n  const t = useUiText();\n  const mac = useMac();\n  const label = typeof children === \"string\" ? keyLabel(children, t, mac) : null;\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        \"inline-flex h-20 min-w-20 shrink-0 items-center justify-center rounded-kbd px-5 font-sans text-micro font-medium tabular\",\n        KAESO_KBD_VARIANTS.tone[tone].classes,\n        className,\n      )}\n      {...(label && label.spoken !== label.visual ? { \"aria-label\": label.spoken, title: label.spoken } : {})}\n      {...props}\n    >\n      {label ? label.visual : children}\n    </kbd>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Kbd.displayName = \"Kbd\";\n\nexport interface KbdSequenceProps extends HTMLAttributes<HTMLSpanElement> {\n  keys: string[][] | string[];\n  tone?: keyof typeof KAESO_KBD_VARIANTS.tone | undefined;\n}\n\nexport const KbdSequence = /* @__PURE__ */ forwardRef<HTMLSpanElement, KbdSequenceProps>(function KbdSequence({ keys, tone = \"default\", className, ...props }, ref) {\n  const t = useUiText();\n  const steps: string[][] = keys.length > 0 && Array.isArray(keys[0]) ? (keys as string[][]) : [keys as string[]];\n  return (\n    <span ref={ref} className={cn(\"inline-flex items-center gap-4 align-middle\", className)} {...props}>\n      {steps.map((chord, i) => (\n        <Fragment key={i}>\n          {i > 0 && <span className={cn(\"text-caption font-medium\", tone === \"onInk\" ? \"text-on-ink/70\" : \"text-fg-secondary\")}>{t(\"kbd.then\", \"then\")}</span>}\n          <span className=\"inline-flex items-center gap-2\">\n            {chord.map((k) => (\n              <Kbd key={k} tone={tone}>\n                {k}\n              </Kbd>\n            ))}\n          </span>\n        </Fragment>\n      ))}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") KbdSequence.displayName = \"KbdSequence\";\n"],"mappings":"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"}

package/dist/chunks/link-KWI7PevW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-KWI7PevW.js","names":["__icon_ArrowUpRight01Icon","cn","isExternalHref","useLinkComponent","useUiText","Icon","KAESO_LINK_VARIANTS","KAESO_LINK_DEFAULT_VARIANTS","Link","props","LinkComp","t","isExternal","external","href","variant","className","children","ArrowUpRight01Icon"],"sources":["../../src/components/link/link.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { isExternalHref, useLinkComponent } from \"../../utils/link-provider.js\";\nimport { Icon } from \"../icon/icon.js\";\nimport { ArrowUpRight01Icon as __icon_ArrowUpRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_LINK_VARIANTS = {\n  variant: {\n    inline: {\n      classes: \"text-inherit underline decoration-line-strong decoration-1 underline-offset-3 hover:decoration-current\",\n    },\n    quiet: {\n      classes: \"text-fg-secondary no-underline hover:text-fg\",\n    },\n    standalone: {\n      classes: \"font-medium text-fg no-underline hover:underline hover:decoration-line-strong hover:underline-offset-3\",\n    },\n    heading: {\n      classes: \"group/heading text-inherit no-underline\",\n    },\n    card: {\n      classes: \"mx-0 flex flex-col gap-4 rounded-well bg-fill-1 px-16 py-12 text-fg no-underline hover:bg-fill-2\",\n    },\n  },\n} as const;\nexport const KAESO_LINK_DEFAULT_VARIANTS = { variant: \"inline\" } as const;\n\nexport interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"href\"> {\n  href: string;\n  variant?: keyof typeof KAESO_LINK_VARIANTS.variant | undefined;\n  external?: boolean | undefined;\n  children: ReactNode;\n}\n\nexport const Link = /* @__PURE__ */ forwardRef<HTMLAnchorElement, LinkProps>(function Link({ href, variant = \"inline\", external, className, children, ...props }, ref) {\n  const LinkComp = useLinkComponent();\n  const t = useUiText();\n  const isExternal = external ?? isExternalHref(href);\n  return (\n    <LinkComp\n      ref={ref}\n      href={href}\n      className={cn(\n        \"relative -mx-2 box-decoration-clone rounded-code px-2 transition-control focus-ring tap-target\",\n        KAESO_LINK_VARIANTS.variant[variant].classes,\n        className,\n      )}\n      {...(isExternal ? { target: \"_blank\", rel: \"noopener noreferrer\" } : {})}\n      {...props}\n    >\n      {children}\n      {variant === \"heading\" && (\n        <span\n          aria-hidden=\"true\"\n          className=\"ml-8 inline-block text-fg-tertiary opacity-0 transition-control group-hover/heading:opacity-100 group-focus-visible/heading:opacity-100\"\n        >\n          #\n        </span>\n      )}\n      {isExternal && (\n        <span aria-hidden=\"true\" className=\"whitespace-nowrap\">\n          {\"\\u2060\"}\n          <Icon icon={__icon_ArrowUpRight01Icon} size=\"xs\" className=\"ml-2 inline-block align-middle\" />\n        </span>\n      )}\n      {isExternal && <span className=\"sr-only\">{t(\"link.opensInNewTab\", \" (opens in a new tab)\")}</span>}\n    </LinkComp>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Link.displayName = \"Link\";\n"],"mappings":";;;;;;;;;AAOA,IAAaM,IAAsB,EACjC,SAAS;CACP,QAAQ,EACN,SAAS,yGACX;CACA,OAAO,EACL,SAAS,+CACX;CACA,YAAY,EACV,SAAS,yGACX;CACA,SAAS,EACP,SAAS,0CACX;CACA,MAAM,EACJ,SAAS,mGACX;AACF,EACF,GACaC,IAA8B,EAAE,SAAS,SAAS,GASlDC,IAAuB,kBAAyC,SAAc,EAAE,SAAM,aAAU,UAAU,aAAU,cAAW,aAAU,GAAGC,KAAS,GAAK;CACrK,IAAMC,IAAWP,EAAiB,GAC5BQ,IAAIP,EAAU,GACdQ,IAAaC,KAAYX,EAAeY,CAAI;CAClD,OACE,kBAACJ,GAAD;EACO;EACC;EACN,WAAWT,EACT,kGACAK,EAAoB,QAAQS,EAAQ,CAAC,SACrCC,CACF;EACA,GAAKJ,IAAa;GAAE,QAAQ;GAAU,KAAK;EAAsB,IAAI,CAAC;EACtE,GAAIH;EATN,UAAA;GAWGQ;GACAF,MAAY,aACX,kBAAC,QAAD;IACE,eAAY;IACZ,WAAU;IACX,UAAA;GAEK,CAAA;GAEPH,KACC,kBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;IAAnC,UAAA,CACG,KACD,kBAACP,GAAD;KAAM,MAAML;KAA2B,MAAK;KAAK,WAAU;IAAkC,CAAA,CACzF;;GAEPY,KAAc,kBAAC,QAAD;IAAM,WAAU;IAAW,UAAAD,EAAE,sBAAsB,uBAAuB;GAAQ,CAAA;EACzF;;AAEd,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc"}

package/dist/chunks/list-M1csq-d4.js

@@ -1,494 +0,0 @@
-"use client";
-import { t as e } from "./cn-Dj6sRgkF.js";
-import { r as t } from "./portal-context-BBbzDKmY.js";
-import { a as n, i as r } from "./inset-BUzyXLK4.js";
-import { i } from "./context-BELWW79w.js";
-import { t as a } from "./icon-D7ja-_Yk.js";
-import { c as o, d as s } from "./tooltip-OcwO0VUT.js";
-import { r as c } from "./text-CIXH8rmT.js";
-import { t as l } from "./icon-button-CrdF_eMG.js";
-import { n as u } from "./use-layout-width-CbSDbRb0.js";
-import { r as d } from "./skeleton-Dcz57Zyp.js";
-import { t as f } from "./scroll-parent-WXvzQcUo.js";
-import { forwardRef as p, useCallback as m, useEffect as h, useLayoutEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { Add01Icon as S, Cancel01Icon as C } from "@hugeicons/core-free-icons";
-import { createPortal as w } from "react-dom";
-//#region src/components/list/row-checkbox.tsx
-var T = /* @__PURE__ */ o(() => import("./checkbox-CQjwCPkc.js").then((e) => e.c), { base: () => import.meta.url });
-function E({ checked: t, onToggle: n, "aria-label": r }) {
-	let [i, a] = s(T, !0), [o, c] = y(!1), [l, u] = y(!1);
-	return h(() => {
-		if (!l) return;
-		let e, t = () => {
-			e = setTimeout(() => u(!1));
-		};
-		return window.addEventListener("pointerup", t, !0), window.addEventListener("pointercancel", t, !0), () => {
-			clearTimeout(e), window.removeEventListener("pointerup", t, !0), window.removeEventListener("pointercancel", t, !0);
-		};
-	}, [l]), i && !o && !l ? /* @__PURE__ */ b(i.CheckboxBox, {
-		checked: t,
-		onCheckedChange: n,
-		"aria-label": r
-	}) : /* @__PURE__ */ b("span", {
-		role: "checkbox",
-		"aria-checked": t,
-		"aria-label": r,
-		onPointerEnter: () => {
-			c(!0), a();
-		},
-		onPointerLeave: () => c(!1),
-		onPointerDown: () => u(!0),
-		onClick: () => {
-			n(), c(!1), u(!1);
-		},
-		className: "relative -m-3 inline-flex size-24 shrink-0 cursor-pointer items-center justify-center rounded-checkbox",
-		children: /* @__PURE__ */ b("span", {
-			"aria-hidden": !0,
-			className: e("flex size-18 items-center justify-center rounded-checkbox", t ? "bg-ink" : "bg-raised shadow-selector")
-		})
-	});
-}
-//#endregion
-//#region src/components/list/list.tsx
-var ee = /* @__PURE__ */ o(() => import("./virtual-rows-CC_kc2PR.js"), { base: () => import.meta.url }), D = { density: {
-	default: { classes: "h-44" },
-	compact: { classes: "h-36" }
-} }, O = { density: "default" }, k = {
-	48: "w-48",
-	64: "w-64",
-	80: "w-80",
-	96: "w-96",
-	120: "w-120"
-}, A = 520, j = "a[href], button, input, select, textarea, [tabindex], [contenteditable=true]", te = "input:not([type=checkbox]):not([type=radio]), textarea, select, [contenteditable=true]";
-function M(e) {
-	for (let t of e.querySelectorAll("[role=row]")) {
-		let e = t.querySelector("[data-index]");
-		if (e) for (let n of t.querySelectorAll(j)) n !== e && n.getAttribute("tabindex") !== "-1" && n.setAttribute("tabindex", "-1");
-	}
-}
-var N = /* @__PURE__ */ p(function({ items: t, groups: r, onOpen: i, selectable: a, selected: o, onSelectedChange: c, idWidth: l, density: d = "default", wrapSubtitle: p = !1, virtualizeAbove: h = 100, selectionActions: S, selectionBar: C = !0, loading: w, empty: T, className: E, "aria-label": D, "data-force-row": O }, k) {
-	let N = n(), [L, ie] = y(/* @__PURE__ */ new Set()), R = o ?? L, z = m((e) => {
-		o || ie(e), c?.(e);
-	}, [o, c]), [B, ae] = y(() => new Set((r ?? []).filter((e) => e.defaultCollapsed).map((e) => e.id))), [V, H] = y(-1), [oe, U] = y(null), W = v(null), G = u(W), K = !!G && G < A, q = _(() => {
-		let e = (e) => e.flatMap((e) => [{
-			kind: "row",
-			item: e,
-			depth: 0,
-			lastChild: !1,
-			key: e.id
-		}, ...(e.children ?? []).map((e, t, n) => ({
-			kind: "row",
-			item: e,
-			depth: 1,
-			lastChild: t === n.length - 1,
-			key: e.id
-		}))]);
-		return r ? r.flatMap((t) => [{
-			kind: "header",
-			group: t,
-			key: `h-${t.id}`
-		}, ...B.has(t.id) ? [] : e(t.items)]) : e(t ?? []);
-	}, [
-		t,
-		r,
-		B
-	]), se = q.findIndex((e) => e.kind === "row"), J = r ? r.every((e) => e.items.length === 0) : (t ?? []).length === 0, Y = q.length > h, X = (e) => q[e]?.kind === "header" ? e === 0 ? 36 : 52 : K ? 64 : d === "compact" ? 36 : 44, [ce, Z] = s(ee, Y), Q = ce?.VirtualRows, le = v(null);
-	V >= q.length && H(-1);
-	let ue = V >= 0 ? V : q.length ? 0 : -1, de = (e) => {
-		H(e), Y && le.current?.(e);
-		let t = () => W.current?.querySelector(`[data-index="${e}"]`), n = t();
-		n ? n.focus() : requestAnimationFrame(() => t()?.focus());
-	}, fe = v(!!Q);
-	g(() => {
-		Q && !fe.current && V >= 0 && document.activeElement === document.body && W.current?.querySelector(`[data-index="${V}"]`)?.focus(), fe.current = !!Q;
-	}), g(() => {
-		let e = W.current;
-		if (!e) return;
-		M(e);
-		let t = new MutationObserver(() => M(e));
-		return t.observe(e, {
-			subtree: !0,
-			childList: !0,
-			attributes: !0,
-			attributeFilter: ["tabindex"]
-		}), () => t.disconnect();
-	}, []);
-	let pe = (e) => {
-		let t = new Set(R);
-		t.has(e) ? t.delete(e) : t.add(e), z(t);
-	}, me = (e) => e.flatMap((e) => e.kind === "row" && !e.item.disabled ? [e.item.id] : []), he = (e) => {
-		let t = e.target;
-		if (e.defaultPrevented || !e.currentTarget.contains(t) || t.closest(te)) return;
-		let n = t.closest("[role=row]"), r = n?.querySelector("[data-index]");
-		if (!n || !r) return;
-		let o = Number(r.dataset.index), s = t === r, c = q[o], l = c?.kind === "row" ? c.item : void 0;
-		if (e.altKey) return;
-		if (e.metaKey || e.ctrlKey) {
-			e.key.toLowerCase() === "a" && a && !e.shiftKey && (e.preventDefault(), z(new Set(me(q))));
-			return;
-		}
-		let u = (t) => {
-			if (e.preventDefault(), e.shiftKey && a) {
-				let e = oe ?? o;
-				U(e);
-				let n = new Set(R);
-				me(q.slice(Math.min(e, t), Math.max(e, t) + 1)).forEach((e) => n.add(e)), z(n);
-			} else U(null);
-			de(t);
-		}, d = () => [...n.querySelectorAll(j)].filter((e) => e !== r && !e.closest("[role=checkbox], [aria-hidden=true], [hidden]") && !e.matches(":disabled, input[type=checkbox]"));
-		if (e.key === "ArrowDown" || e.key === "j" && !e.shiftKey) u(Math.min(q.length - 1, o + 1));
-		else if (e.key === "ArrowUp" || e.key === "k" && !e.shiftKey) u(Math.max(0, o - 1));
-		else if (e.key === "Home") u(0);
-		else if (e.key === "End") u(q.length - 1);
-		else if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
-			let n = d(), i = s ? -1 : n.indexOf(t), a = e.key === "ArrowRight" ? n[i + 1] : i > 0 ? n[i - 1] : i === 0 ? r : void 0;
-			if (!a) return;
-			e.preventDefault(), a.focus();
-		} else if (e.key === "Escape" && !s) e.preventDefault(), r.focus();
-		else if (!s || !l || e.shiftKey) return;
-		else (e.key === " " || e.key === "x") && a ? (e.preventDefault(), l.disabled || pe(l.id)) : e.key === "Enter" ? (e.preventDefault(), l.disabled || i?.(l)) : e.key === "Escape" && a && R.size && z(/* @__PURE__ */ new Set());
-	}, ge = R.size > 0, $ = (e, t) => e.kind === "header" ? /* @__PURE__ */ b(F, {
-		title: e.group.title,
-		glyph: e.group.glyph,
-		count: e.group.count ?? e.group.items.length,
-		collapsed: B.has(e.group.id),
-		onToggle: () => {
-			let t = new Set(B);
-			t.has(e.group.id) ? t.delete(e.group.id) : t.add(e.group.id), ae(t);
-		},
-		onAdd: e.group.onAdd,
-		addLabel: e.group.addLabel,
-		indent: !!a,
-		first: t === 0,
-		index: t,
-		active: t === ue,
-		onFocus: () => H(t)
-	}, e.key) : /* @__PURE__ */ b(P, {
-		index: t,
-		item: e.item,
-		depth: e.depth,
-		lastChild: e.lastChild,
-		idWidth: l,
-		density: d,
-		wrapSubtitle: p,
-		narrow: K,
-		active: t === ue,
-		selected: R.has(e.item.id),
-		selectable: !!a,
-		selecting: ge,
-		onSelect: () => pe(e.item.id),
-		onOpen: () => i?.(e.item),
-		onFocus: () => H(t),
-		...O && t === se ? { "data-force": O } : {}
-	}, e.key);
-	return /* @__PURE__ */ x("div", {
-		ref: (e) => {
-			W.current = e, typeof k == "function" ? k(e) : k && (k.current = e);
-		},
-		role: "grid",
-		"aria-label": D,
-		"aria-rowcount": q.length || void 0,
-		"aria-multiselectable": a || void 0,
-		"aria-busy": w || void 0,
-		onKeyDown: (e) => {
-			Z(), he(e);
-		},
-		onPointerEnter: Z,
-		onPointerDown: Z,
-		onFocus: Z,
-		onWheel: Z,
-		className: e("relative flex flex-col outline-none", N && "overflow-hidden rounded-group bg-raised shadow-xs", E),
-		children: [w && (J || q.length === 0) ? /* @__PURE__ */ b(re, { density: d }) : J && T ? /* @__PURE__ */ b("div", {
-			role: "row",
-			children: /* @__PURE__ */ b("div", {
-				role: "gridcell",
-				children: T
-			})
-		}) : Y && Q ? /* @__PURE__ */ b(Q, {
-			count: q.length,
-			estimateSize: X,
-			getScrollElement: () => f(W.current),
-			scrollTo: le,
-			row: (e) => $(q[e], e),
-			measure: K
-		}) : Y ? /* @__PURE__ */ b(ne, {
-			count: q.length,
-			estimateSize: X,
-			row: (e) => $(q[e], e)
-		}) : q.map($), a && ge && C && /* @__PURE__ */ b(I, {
-			count: R.size,
-			onClear: () => z(/* @__PURE__ */ new Set()),
-			children: S
-		})]
-	});
-});
-process.env.NODE_ENV !== "production" && (N.displayName = "List");
-function ne({ count: e, estimateSize: t, row: n }) {
-	let r = typeof window > "u" ? 1024 : window.innerHeight, i = [], a = 0, o = 12;
-	for (let s = 0; s < e; s++) {
-		if (a >= r && o-- <= 0) {
-			for (let n = s; n < e; n++) a += t(n);
-			break;
-		}
-		i.push(/* @__PURE__ */ b("div", {
-			role: "presentation",
-			className: "absolute top-0 left-0 w-full",
-			style: { transform: `translateY(${Math.round(a)}px)` },
-			children: n(s)
-		}, s)), a += t(s);
-	}
-	return /* @__PURE__ */ b("div", {
-		role: "presentation",
-		className: "relative w-full",
-		style: { height: a },
-		children: i
-	});
-}
-function re({ density: t }) {
-	let n = r();
-	return /* @__PURE__ */ b("div", {
-		role: "presentation",
-		children: [
-			62,
-			48,
-			70,
-			54,
-			40,
-			58
-		].map((r, i) => /* @__PURE__ */ b("div", {
-			role: "presentation",
-			className: n ? "px-0" : "px-24",
-			children: /* @__PURE__ */ x("div", {
-				className: e("flex items-center gap-12 px-12", D.density[t].classes),
-				children: [
-					/* @__PURE__ */ b(d, {
-						shape: "line",
-						className: "min-w-0",
-						style: { width: `${r}%` }
-					}),
-					/* @__PURE__ */ b("span", { className: "flex-1" }),
-					/* @__PURE__ */ b(d, {
-						shape: "line",
-						className: "w-64 shrink-0"
-					})
-				]
-			})
-		}, i))
-	});
-}
-var P = /* @__PURE__ */ p(function({ item: t, index: a, depth: o = 0, lastChild: s, idWidth: l, density: u = "default", wrapSubtitle: d = !1, narrow: f = !1, active: p, selected: m, selectable: h, selecting: g, onSelect: _, onOpen: v, onFocus: y, "data-force": S }, C) {
-	let w = n(), T = r(), ee = i(), O = f && !!(t.meta || t.date), A = (w || O) && !!t.subtitle, j = A && d;
-	return /* @__PURE__ */ b("div", {
-		role: "row",
-		"aria-rowindex": a === void 0 ? void 0 : a + 1,
-		className: w ? e("px-0", a !== void 0 && a > 0 && "hairline-t") : T ? "px-0" : "px-24",
-		children: /* @__PURE__ */ x("div", {
-			ref: C,
-			role: "gridcell",
-			"aria-selected": h ? !!m : void 0,
-			"aria-disabled": t.disabled || void 0,
-			"data-index": a,
-			"data-row": "",
-			tabIndex: p === !1 ? -1 : 0,
-			onFocus: y,
-			onClick: (e) => {
-				e.currentTarget.contains(e.target) && !e.target.closest("button, a, [role=checkbox]") && (g && h ? _?.() : v?.());
-			},
-			...S ? { "data-force": S } : {},
-			className: e("group/row relative flex cursor-pointer items-center gap-12 text-body transition-control focus-ring-inset select-none", w ? "rounded-none px-20" : "rounded-item px-12", O || j ? "min-h-56 py-8" : A ? "h-56" : w && u === "default" ? "h-48" : D.density[u].classes, "hover:bg-fill-1 hover:controls-on-fill", m && "bg-fill-2 controls-on-fill hover:bg-fill-2", t.disabled && "pointer-events-none text-fg-disabled"),
-			children: [
-				h && /* @__PURE__ */ b("span", {
-					className: e("flex shrink-0 transition-control", g || m ? "opacity-100" : "opacity-0 group-hover/row:opacity-100 group-focus-visible/row:opacity-100 coarse:opacity-100"),
-					onClick: (e) => e.stopPropagation(),
-					children: /* @__PURE__ */ b(E, {
-						checked: !!m,
-						onToggle: () => _?.(),
-						"aria-label": ee("list.selectItem", "Select {name}", { name: t.textValue ?? (typeof t.title == "string" ? t.title : t.id) })
-					})
-				}),
-				o === 1 && /* @__PURE__ */ x("span", {
-					"aria-hidden": !0,
-					className: "relative -ml-4 h-full w-16 shrink-0",
-					children: [/* @__PURE__ */ b("span", { className: e("absolute left-6 w-1 bg-line-strong", s ? "top-0 h-1/2" : "inset-y-0") }), /* @__PURE__ */ b("span", { className: "absolute top-1/2 left-6 h-1 w-10 bg-line-strong" })]
-				}),
-				t.glyph && /* @__PURE__ */ b("span", {
-					className: "flex size-16 shrink-0 items-center justify-center",
-					children: t.glyph
-				}),
-				t.leading && /* @__PURE__ */ b("span", {
-					className: "-mr-4 flex shrink-0",
-					children: t.leading
-				}),
-				t.displayId && /* @__PURE__ */ b("span", {
-					className: e("shrink-0 truncate mono text-small text-fg-tertiary tabular", m && "text-fg-secondary", l && k[l]),
-					children: t.displayId
-				}),
-				/* @__PURE__ */ x("span", {
-					className: e("flex min-w-0 flex-1", O ? "flex-col items-start gap-4" : "contents"),
-					children: [/* @__PURE__ */ x("span", {
-						className: e("flex min-w-0", O ? "w-full" : "flex-1", A ? "flex-col items-start gap-2" : "items-baseline gap-8"),
-						children: [typeof t.title == "string" ? /* @__PURE__ */ b(c, {
-							truncate: !0,
-							weight: "medium",
-							className: e("min-w-0 shrink", A && "max-w-full"),
-							children: t.title
-						}) : /* @__PURE__ */ b("span", {
-							className: e("min-w-0 truncate font-medium text-fg", A && "max-w-full"),
-							children: t.title
-						}), t.subtitle && /* @__PURE__ */ b("span", {
-							className: e("min-w-0 text-fg-secondary", j ? "text-pretty" : "truncate", A ? "max-w-full text-small" : "flex-1 basis-0"),
-							children: t.subtitle
-						})]
-					}), O && /* @__PURE__ */ x("span", {
-						className: "flex min-w-0 flex-wrap items-center gap-x-8 gap-y-4",
-						children: [t.meta && /* @__PURE__ */ b("span", {
-							className: "contents",
-							children: t.meta
-						}), t.date && /* @__PURE__ */ b("span", {
-							className: "text-small whitespace-nowrap text-fg-secondary tabular",
-							children: t.date
-						})]
-					})]
-				}),
-				O && t.actions && /* @__PURE__ */ b("span", {
-					className: "flex shrink-0 items-center gap-2",
-					children: t.actions
-				}),
-				!O && (t.meta || t.actions) && /* @__PURE__ */ x("span", {
-					className: "relative flex shrink-0 items-center gap-6",
-					children: [/* @__PURE__ */ b("span", {
-						className: e("flex items-center gap-6", t.actions && "transition-control group-hover/row:opacity-0 group-focus-within/row:opacity-0"),
-						children: t.meta
-					}), t.actions && /* @__PURE__ */ b("span", {
-						className: e("flex items-center gap-2 opacity-0 transition-control group-hover/row:opacity-100 group-focus-within/row:opacity-100 coarse:opacity-100", t.meta && "absolute inset-y-0 right-0 coarse:static"),
-						children: t.actions
-					})]
-				}),
-				!O && t.date && /* @__PURE__ */ b("span", {
-					className: "min-w-80 shrink-0 text-right text-small whitespace-nowrap text-fg-secondary tabular",
-					children: t.date
-				}),
-				t.avatar && /* @__PURE__ */ b("span", {
-					className: "flex shrink-0",
-					children: t.avatar
-				})
-			]
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (P.displayName = "ListRow");
-var F = /* @__PURE__ */ p(function({ title: t, glyph: a, count: o, collapsed: s, onToggle: c, onAdd: u, addLabel: d, indent: f, first: p, index: m, active: h, onFocus: g }, _) {
-	let v = n(), y = r(), C = i();
-	return /* @__PURE__ */ b("div", {
-		ref: _,
-		role: "row",
-		"aria-rowindex": m === void 0 ? void 0 : m + 1,
-		onFocus: g,
-		className: v ? e("group/gh bg-fill-1", !p && "hairline-t") : e("group/gh pt-16 first:pt-0", y ? "px-0" : "px-24"),
-		children: /* @__PURE__ */ x("div", {
-			role: "gridcell",
-			className: e("flex h-36 items-center gap-4", v && "pr-12 pl-8"),
-			children: [
-				f && !v && /* @__PURE__ */ b("span", {
-					"aria-hidden": !0,
-					className: "mr-8 w-18 shrink-0"
-				}),
-				/* @__PURE__ */ x("button", {
-					type: "button",
-					"aria-expanded": !s,
-					"data-index": m,
-					tabIndex: h === !1 ? -1 : 0,
-					onClick: c,
-					className: "relative flex h-28 min-w-0 cursor-pointer items-center gap-8 rounded-pill px-12 text-small transition-control hover:bg-fill-1 focus-ring tap-target",
-					children: [
-						a && /* @__PURE__ */ b("span", {
-							className: "flex size-16 items-center justify-center",
-							children: a
-						}),
-						/* @__PURE__ */ b("span", {
-							className: "truncate font-medium text-fg-secondary",
-							children: t
-						}),
-						o !== void 0 && /* @__PURE__ */ b("span", {
-							className: "text-fg-tertiary tabular",
-							children: o
-						}),
-						/* @__PURE__ */ b("svg", {
-							viewBox: "0 0 8 8",
-							"aria-hidden": !0,
-							className: e("size-8 text-fg-tertiary transition-transform duration-180", !s && "rotate-90"),
-							children: /* @__PURE__ */ b("path", {
-								d: "M2.5 1.5 5.5 4l-3 2.5z",
-								fill: "currentColor"
-							})
-						})
-					]
-				}),
-				/* @__PURE__ */ b("span", { className: "flex-1" }),
-				u && /* @__PURE__ */ b("span", {
-					className: "flex opacity-0 transition-control group-hover/gh:opacity-100 group-focus-within/gh:opacity-100 coarse:opacity-100",
-					children: /* @__PURE__ */ b(l, {
-						icon: S,
-						"aria-label": d ?? C("list.add", "Add"),
-						size: "xs",
-						onClick: u
-					})
-				})
-			]
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (F.displayName = "GroupHeader");
-var I = /* @__PURE__ */ p(function({ count: e, onClear: n, children: r }, o) {
-	let s = t(), c = i();
-	return typeof document > "u" ? null : w(/* @__PURE__ */ b("div", {
-		ref: o,
-		role: "region",
-		"aria-label": c("list.selection", "Selection"),
-		className: "pointer-events-none fixed right-0 bottom-24 left-0 z-50 flex justify-center px-16",
-		children: /* @__PURE__ */ x("div", {
-			className: "pointer-events-auto flex min-h-44 items-center gap-4 rounded-pill bg-toast py-6 pr-6 pl-16 text-body font-medium text-toast-fg shadow-toast popup-motion",
-			children: [
-				/* @__PURE__ */ b("span", {
-					className: "pr-8 tabular",
-					children: c("list.selected", "{count} selected", { count: String(e) })
-				}),
-				/* @__PURE__ */ b("span", {
-					className: "mr-4 h-20 w-1 bg-toast-action",
-					"aria-hidden": !0
-				}),
-				r,
-				/* @__PURE__ */ b("button", {
-					type: "button",
-					onClick: n,
-					"aria-label": c("list.clearSelection", "Clear selection"),
-					className: "inline-flex size-32 cursor-pointer items-center justify-center rounded-pill text-toast-fg-secondary transition-control hover:bg-toast-action hover:text-toast-fg focus-ring",
-					children: /* @__PURE__ */ b(a, {
-						icon: C,
-						size: "sm"
-					})
-				})
-			]
-		})
-	}), s ?? document.body);
-});
-process.env.NODE_ENV !== "production" && (I.displayName = "SelectionBar");
-var L = /* @__PURE__ */ p(function({ children: t, onClick: n, icon: r, danger: i }, o) {
-	return /* @__PURE__ */ x("button", {
-		ref: o,
-		type: "button",
-		onClick: n,
-		className: e("inline-flex h-32 cursor-pointer items-center gap-6 rounded-pill px-12 text-body font-medium transition-control hover:bg-toast-action focus-ring", i ? "text-toast-danger" : "text-toast-fg", r && "pl-10"),
-		children: [r && /* @__PURE__ */ b(a, {
-			icon: r,
-			size: "sm",
-			className: i ? void 0 : "text-toast-fg-secondary"
-		}), t]
-	});
-});
-process.env.NODE_ENV !== "production" && (L.displayName = "SelectionAction");
-//#endregion
-export { P as a, N as i, O as n, L as o, D as r, I as s, F as t };
-
-//# sourceMappingURL=list-M1csq-d4.js.map