@logicplanes/kaeso-ui 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-CBcBDvqU.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":";;;;;;AAIA,IAAaE,IAAqB,EAChC,MAAM;CACJ,SAAS,EAAE,SAAS,0CAA0C;CAC9D,OAAO,EAAE,SAAS,0CAA0C;AAC9D,EACF,GACaC,IAA6B,EAAE,MAAM,UAAU,GAEtDC,UAAc,OAAO,YAAc,OAAe,kBAAkB,KAAK,UAAU,YAAY,UAAU,SAAS,GAClHC,gBAAgC,KAAA,GAChCC,UAAeC,EAAqBF,GAAmBD,SAAa,EAAK;AAE/E,SAASI,EAAU,GAAuE;CACxF,IAAMC,IAAOC,EAAE,YAAY,MAAM,GAC3BC,IAASD,EAAE,kBAAkB,QAAQ;CAC3C,OAAO;EACL,KAAK;GAAC;GAAKD;GAAMC,EAAE,mBAAmB,SAAS;EAAC;EAChD,KAAK;GAAC;GAAKD;GAAMC,EAAE,mBAAmB,SAAS;EAAC;EAChD,MAAM;GAAC;GAAKD;GAAMC,EAAE,mBAAmB,SAAS;EAAC;EACjD,KAAK;GAAC;GAAK;GAAOC;EAAM;EACxB,QAAQ;GAAC;GAAK;GAAOA;EAAM;EAC3B,OAAO;GAAC;GAAKD,EAAE,aAAa,OAAO;GAAGA,EAAE,iBAAiB,OAAO;EAAC;EACjE,OAAO;GAAC;GAAK;GAASA,EAAE,iBAAiB,OAAO;EAAC;EACjD,KAAK;GAAC;GAAO;GAAOA,EAAE,kBAAkB,QAAQ;EAAC;EACjD,WAAW;GAAC;GAAKA,EAAE,iBAAiB,WAAW;GAAGA,EAAE,qBAAqB,WAAW;EAAC;EACrF,IAAI;GAAC;GAAK;GAAKA,EAAE,cAAc,IAAI;EAAC;EACpC,MAAM;GAAC;GAAK;GAAKA,EAAE,gBAAgB,MAAM;EAAC;EAC1C,MAAM;GAAC;GAAK;GAAKA,EAAE,gBAAgB,MAAM;EAAC;EAC1C,OAAO;GAAC;GAAK;GAAKA,EAAE,iBAAiB,OAAO;EAAC;EAC7C,KAAK;GAAC;GAAK;GAAOA,EAAE,eAAe,KAAK;EAAC;CAC3C;AACF;AAEA,SAAgBE,EAAS,GAAa,IAAYC,GAAa,IAAeT,EAAM,GAAuC;CACzH,IAAMU,IAAIN,EAAU,CAAC,CAAC,CAACO,EAAI,YAAY;CAEvC,OADKD,IACE;EAAE,QAAQE,IAAMF,EAAE,KAAKA,EAAE;EAAI,QAAQA,EAAE;CAAG,IADlC;EAAE,QAAQC,EAAI,WAAW,IAAIA,EAAI,YAAY,IAAIA;EAAK,QAAQA;CAAI;AAEnF;AAOA,IAAaE,IAAsB,kBAAkC,SAAa,EAAE,aAAU,UAAO,WAAW,cAAW,GAAGC,KAAS,GAAK;CAC1I,IAAMR,IAAIT,EAAU,GACde,IAAMV,EAAO,GACba,IAAQ,OAAOC,KAAa,WAAWR,EAASQ,GAAUV,GAAGM,CAAG,IAAI;CAC1E,OACE,kBAAC,OAAD;EACO;EACL,WAAWhB,EACT,4HACAE,EAAmB,KAAKmB,EAAK,CAAC,SAC9BC,CACF;EACA,GAAKH,KAASA,EAAM,WAAWA,EAAM,SAAS;GAAE,cAAcA,EAAM;GAAQ,OAAOA,EAAM;EAAO,IAAI,CAAC;EACrG,GAAID;EAEH,UAAAC,IAAQA,EAAM,SAASC;CACrB,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAI,cAAc;AAO7D,IAAaG,IAA8B,kBAA8C,SAAqB,EAAE,SAAM,UAAO,WAAW,cAAW,GAAGL,KAAS,GAAK;CAClK,IAAMR,IAAIT,EAAU,GACduB,IAAoBC,EAAK,SAAS,KAAK,MAAM,QAAQA,EAAK,EAAE,IAAKA,IAAsB,CAACA,CAAgB;CAC9G,OACE,kBAAC,QAAD;EAAW;EAAK,WAAWzB,EAAG,+CAA+CsB,CAAS;EAAG,GAAIJ;EAC1F,UAAAM,EAAM,KAAK,GAAO,MACjB,kBAACE,GAAD,EAAA,UAAA,CACGC,IAAI,KAAK,kBAAC,QAAD;GAAM,WAAW3B,EAAG,4BAA4BqB,MAAS,UAAU,mBAAmB,mBAAmB;GAAI,UAAAX,EAAE,YAAY,MAAM;EAAQ,CAAA,GACnJ,kBAAC,QAAD;GAAM,WAAU;GACb,UAAAkB,EAAM,KAAK,MACV,kBAACX,GAAD;IAAmB;IAChB,UAAAY;GACE,GAFKA,CAEL,CACN;EACG,CAAA,CACE,EAAA,GATKF,CASL,CACX;CACG,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}

package/dist/chunks/labelled-D5udSPUI.js

@@ -0,0 +1,16 @@
+//#region src/components/radio/labelled.ts
+function e(e, t, n, r) {
+	let i = `${e}-name`, a = `${e}-description`, o = [r["aria-describedby"], n ? a : void 0].filter(Boolean).join(" ");
+	return {
+		labelId: i,
+		descriptionId: a,
+		aria: {
+			...r["aria-label"] || r["aria-labelledby"] || !t ? {} : { "aria-labelledby": i },
+			...o ? { "aria-describedby": o } : {}
+		}
+	};
+}
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=labelled-D5udSPUI.js.map

package/dist/chunks/labelled-D5udSPUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelled-D5udSPUI.js","names":["labelled","labelId","id","descriptionId","describedBy","own","description","label"],"sources":["../../src/components/radio/labelled.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport function labelled(\n  id: string,\n  label: ReactNode,\n  description: ReactNode,\n  own: { \"aria-label\"?: string | undefined; \"aria-labelledby\"?: string | undefined; \"aria-describedby\"?: string | undefined },\n) {\n  const labelId = `${id}-name`;\n  const descriptionId = `${id}-description`;\n  const describedBy = [own[\"aria-describedby\"], description ? descriptionId : undefined].filter(Boolean).join(\" \");\n  return {\n    labelId,\n    descriptionId,\n    aria: {\n      ...(own[\"aria-label\"] || own[\"aria-labelledby\"] || !label ? {} : { \"aria-labelledby\": labelId }),\n      ...(describedBy ? { \"aria-describedby\": describedBy } : {}),\n    },\n  };\n}\n"],"mappings":";AAEA,SAAgBA,EACd,GACA,GACA,GACA,GACA;CACA,IAAMC,IAAU,GAAGC,EAAG,QAChBC,IAAgB,GAAGD,EAAG,eACtBE,IAAc,CAACC,EAAI,qBAAqBC,IAAcH,IAAgB,KAAA,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAC/G,OAAO;EACL;EACA;EACA,MAAM;GACJ,GAAIE,EAAI,iBAAiBA,EAAI,sBAAsB,CAACE,IAAQ,CAAC,IAAI,EAAE,mBAAmBN,EAAQ;GAC9F,GAAIG,IAAc,EAAE,oBAAoBA,EAAY,IAAI,CAAC;EAC3D;CACF;AACF"}

package/dist/chunks/link-provider---9JdxTg.js

@@ -0,0 +1,27 @@
+"use client";
+import { createContext as e, forwardRef as t, useContext as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/utils/link-provider.tsx
+var i = /* @__PURE__ */ e(/* @__PURE__ */ t(function(e, t) {
+	return /* @__PURE__ */ r("a", {
+		ref: t,
+		...e
+	});
+}));
+function a({ component: e, children: t }) {
+	return /* @__PURE__ */ r(i.Provider, {
+		value: e,
+		children: t
+	});
+}
+process.env.NODE_ENV !== "production" && (a.displayName = "LinkProvider");
+function o() {
+	return n(i);
+}
+function s(e) {
+	return /^(?:[a-z][a-z0-9+.-]*:)?\/\//i.test(e) || e.startsWith("mailto:");
+}
+//#endregion
+export { s as n, o as r, a as t };
+
+//# sourceMappingURL=link-provider---9JdxTg.js.map

package/dist/chunks/link-provider---9JdxTg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-provider---9JdxTg.js","names":["LinkContext","props","LinkProvider","component","useLinkComponent","useContext","isExternalHref","href"],"sources":["../../src/utils/link-provider.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, type AnchorHTMLAttributes, type ComponentType, type ReactNode, type Ref } from \"react\";\n\nexport type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement> & { href: string; ref?: Ref<HTMLAnchorElement> };\nexport type LinkComponent = ComponentType<LinkComponentProps>;\n\nconst DefaultLink = /* @__PURE__ */ forwardRef<HTMLAnchorElement, LinkComponentProps>(function DefaultLink(props, ref) {\n  return <a ref={ref} {...props} />;\n});\n\nconst LinkContext = /* @__PURE__ */ createContext<LinkComponent>(DefaultLink);\n\nexport function LinkProvider({ component, children }: { component: LinkComponent; children: ReactNode }) {\n  return <LinkContext.Provider value={component}>{children}</LinkContext.Provider>;\n}\nif (process.env.NODE_ENV !== \"production\") LinkProvider.displayName = \"LinkProvider\";\n\nexport function useLinkComponent(): LinkComponent {\n  return useContext(LinkContext);\n}\n\nexport function isExternalHref(href: string): boolean {\n  return /^(?:[a-z][a-z0-9+.-]*:)?\\/\\//i.test(href) || href.startsWith(\"mailto:\");\n}\n"],"mappings":";;;;AASA,IAAMA,IAA8B,kBAJA,kBAAkD,SAAqB,GAAO,GAAK;CACrH,OAAO,kBAAC,KAAD;EAAQ;EAAK,GAAIC;CAAQ,CAAA;AAClC,CAEiE,CAAW;AAE5E,SAAgBC,EAAa,EAAE,cAAW,eAA+D;CACvG,OAAO,kBAACF,EAAY,UAAb;EAAsB,OAAOG;EAAY;CAA+B,CAAA;AACjF;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc;AAEtE,SAAgBC,IAAkC;CAChD,OAAOC,EAAWL,CAAW;AAC/B;AAEA,SAAgBM,EAAe,GAAuB;CACpD,OAAO,gCAAgC,KAAKC,CAAI,KAAKA,EAAK,WAAW,SAAS;AAChF"}

package/dist/chunks/link-tTapNTpM.js

@@ -0,0 +1,47 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { n as t, r as n } from "./link-provider---9JdxTg.js";
+import { i as r } from "./context-BELWW79w.js";
+import { t as i } from "./icon-CeNQtobn.js";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ArrowUpRight01Icon as c } from "@hugeicons/core-free-icons";
+//#region src/components/link/link.tsx
+var l = { variant: {
+	inline: { classes: "text-inherit underline decoration-line-strong decoration-1 underline-offset-3 hover:decoration-current" },
+	quiet: { classes: "text-fg-secondary no-underline hover:text-fg" },
+	standalone: { classes: "font-medium text-fg no-underline hover:underline hover:decoration-line-strong hover:underline-offset-3" }
+} }, u = { variant: "inline" }, d = /* @__PURE__ */ a(function({ href: a, variant: u = "inline", external: d, className: f, children: p, ...m }, h) {
+	let g = n(), _ = r(), v = d ?? t(a);
+	return /* @__PURE__ */ s(g, {
+		ref: h,
+		href: a,
+		className: e("relative -mx-2 box-decoration-clone rounded-code px-2 transition-control focus-ring tap-target", l.variant[u].classes, f),
+		...v ? {
+			target: "_blank",
+			rel: "noopener noreferrer"
+		} : {},
+		...m,
+		children: [
+			p,
+			v && /* @__PURE__ */ s("span", {
+				"aria-hidden": "true",
+				className: "whitespace-nowrap",
+				children: ["⁠", /* @__PURE__ */ o(i, {
+					icon: c,
+					size: "xs",
+					className: "ml-2 inline-block align-middle"
+				})]
+			}),
+			v && /* @__PURE__ */ o("span", {
+				className: "sr-only",
+				children: _("link.opensInNewTab", " (opens in a new tab)")
+			})
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "Link");
+//#endregion
+export { l as n, d as r, u as t };
+
+//# sourceMappingURL=link-tTapNTpM.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-tTapNTpM.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  },\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      {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;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;GACAL,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-CN8pO8lv.js

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