@logicplanes/kaeso-ui 0.2.1 → 0.3.0

package/dist/utils.js

@@ -1,9 +1,9 @@
 "use client";
-import { t as e } from "./chunks/cn-CidVUKMm.js";
+import { t as e } from "./chunks/cn-DUDmdLpZ.js";
 import { t } from "./chunks/utils-CdH72WEp.js";
 import { i as n, n as r, r as i, t as a } from "./chunks/dev-CR1p7gCm.js";
-import { n as o, r as s, t as c } from "./chunks/link-provider---9JdxTg.js";
+import { n as o, r as s, t as c } from "./chunks/link-provider-BsUxhZKG.js";
 import { t as l } from "./chunks/use-controllable-B5Fd12Bx.js";
 import { n as u, r as d, t as f } from "./chunks/portal-context-BBbzDKmY.js";
-import { n as p, t as m } from "./chunks/inset-BLMdxX4I.js";
-export { m as InsetContent, c as LinkProvider, f as PortalContainer, e as cn, a as devWarn, o as isExternalHref, u as pageBoundary, t as resolveVariant, l as useControllable, p as useInset, s as useLinkComponent, d as usePortalContainer, r as warnControlled, i as warnMissingName, n as warnStylingClassName };
+import { i as p, n as m, r as h, t as g } from "./chunks/inset-BnBj8NJV.js";
+export { g as GutterContent, m as InsetContent, c as LinkProvider, f as PortalContainer, e as cn, a as devWarn, o as isExternalHref, u as pageBoundary, t as resolveVariant, l as useControllable, h as useGutterPadded, p as useInset, s as useLinkComponent, d as usePortalContainer, r as warnControlled, i as warnMissingName, n as warnStylingClassName };

package/foundations/accessibility.md

@@ -7,6 +7,7 @@ Every component works with a keyboard, a screen reader, a coarse pointer and the
 - Behavior comes from Base UI: roles, states, focus management and keyboard interaction follow the WAI-ARIA practices.
 - **Targets**: nothing interactive is smaller than 32px; with a coarse pointer, rows and menu items grow to 44px.
 - **Text**: 14px base, 12px minimum. Every text and background pair is measured against WCAG 2.2 (4.5:1 for text, 3:1 for large text and essential graphics).
+- **Zoom stays with the person**: with a coarse pointer, every field's text is at least 16px, so a phone never zooms the page when a field takes focus, and a quick second tap on a control is a tap, not a zoom. Pinch zoom always works; never set `maximum-scale` or `user-scalable=no`.
 - **Color is never alone**: every status carries a word or an icon.
 
 ## Focus

package/foundations/layout.md

@@ -0,0 +1,45 @@
+# Layout
+
+One edge per page. The components bring their own insets, so a page composed of them lines up without a margin of its own. Values: `../ai/tokens.md`.
+
+## The gutter
+
+| Where                                         | Gutter                                                                                   |
+| --------------------------------------------- | ---------------------------------------------------------------------------------------- |
+| The content panel, at every width             | 24px: page header, toolbar, page body, lists, tables, dialogs, sheets and the phone bar  |
+| The sidebar                                   | 16px; its items pad their content 12px, so icons and the wordmark sit 28px in            |
+| Settings groups, inset lists and inset tables | 20px inside the group                                                                    |
+| Menus, selects and the command palette        | Their own inset (6px), with rows padded 10px; a popup is a surface, not part of the page |
+
+## Boxes sit on the gutter
+
+Every box starts and ends on the gutter. A box is anything whose edge you can see, at rest or under the pointer: a button, an input, a chip, a segmented track, a pill tab (the selected one is filled), the hover and selected fill of a list row or a table row, the hover fill of a group header or a disclosure, a settings group. Nothing bleeds into the gutter: it stays empty at every width, no fill touches the panel's edge, and no focus ring is cut off by a scroller.
+
+Text inside a box is padded by the box: 12px in list rows, table cells, pill tabs, chips, group headers and disclosures. A page so has two vertical lines and no others:
+
+- **The gutter**, where every box and every piece of plain text starts: the page title, headings, labels, descriptions, chart axes.
+- **The gutter plus 12px**, where the text inside boxes starts: a row's title, a tab's label, a column's values.
+
+A surface that already pads its content by the gutter, such as a dialog, a sheet, a content page (`AppFrame.Body padding="page"`) or a settings column, is the gutter: a list or a table inside it puts its rows on that padding instead of adding 24px of its own.
+
+The same holds at the right edge: the last box ends on the gutter, the last column's text 12px inside it.
+
+## Exceptions
+
+- **Text in running text.** A link or an inline copyable value inside a sentence keeps its 2 to 4px of hit padding around the text. It is part of the line, not a box.
+- **Controls inside a box on the gutter.** Inside a box that already sits on the gutter, such as a table's header cell, a settings group's header or a banner, a control may use that box's own padding and keep its label on the box's text line: a column's sort button keeps its label on the column's edge.
+- **Pane dividers.** Hairlines that split the panel into panes, such as the playground's columns, run from edge to edge; each pane keeps the 24px gutter inside it.
+- **The wordmark** sits 28px in and 28px down in the sidebar and on sign-in screens, on the sidebar's content line. On the phone bar it sits on the page's 24px gutter, and on a sign-in screen narrower than 640px on the form's 16px gutter, like everything under it.
+
+## Vertical rhythm
+
+- The page header is 52px and the toolbar under it 48px; neither draws a line.
+- A list or table starts 8px under the toolbar (`AppFrame.Body padding="list"`); a content page 16px under the header (`padding="page"`).
+- List rows are 44px (36px compact, 56px with a second line); table rows 40px; group headers 36px, with 16px above every one after the first.
+- A row's height never depends on its content: badges, pills and avatars fit inside it.
+
+## Numbers and truncation
+
+- Numeric columns are right-aligned and use tabular figures, so digits line up from row to row.
+- A column is wide enough for its header in every language, and for the values people compare: a provider's name, a status, a cost. Truncate only what is long by nature (ids, messages, user agents), and show the whole value on hover.
+- On a phone, drop columns before truncating the ones that stay.

package/foundations/writing.md

@@ -9,6 +9,7 @@ Clear enough to act on, exact enough to trust, and calm enough to stay out of th
 - **No exclamation points, no emoji**, no jokes, no congratulations.
 - **Errors say what did not happen and what to do next**: "Couldn't reach the provider. Check the provider key, then try again."
 - **Name the object**: "Key copied", not "Copied to clipboard".
+- **Toasts are one sentence.** A confirmation, a warning or progress reads as a phrase without a final period: "Key revoked", "Password changed; sign in with the new one". An error ends with a period, like the gateway's messages: "The email or password is wrong."
 - **Use Kaeso's terms**: key, provider key, project, organization, model, alias, limit, budget, request log.
 - **Realistic data in examples**, never lorem ipsum.
 - **Straight apostrophes** in English: "Couldn't load these rows", "the key's name", never `’`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicplanes/kaeso-ui",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Kaeso's UI library: React components on Base UI, Tailwind CSS v4 and the Kaeso tokens.",
   "license": "MIT",
   "author": "Devin Oldenburg",
@@ -102,7 +102,7 @@
     "shiki": "4.4.3",
     "tailwind-merge": "3.7.0",
     "uqr": "0.1.3",
-    "@logicplanes/kaeso-tokens": "0.2.1"
+    "@logicplanes/kaeso-tokens": "0.3.0"
   },
   "devDependencies": {
     "@hugeicons/core-free-icons": "4.3.5",

package/dist/chunks/app-frame-BXh-06HL.js

@@ -1,214 +0,0 @@
-"use client";
-import { t as e } from "./cn-CidVUKMm.js";
-import { t } from "./inset-BLMdxX4I.js";
-import { i as n } from "./context-BELWW79w.js";
-import { l as r, s as i } from "./tooltip-DEbCCsru.js";
-import { a } from "./button-DQvoOxVQ.js";
-import { t as o } from "./icon-button-_x1RUphC.js";
-import { l as s, t as c } from "./sidebar-5IA18LuP.js";
-import { t as l } from "./when-idle-Cy3pinqO.js";
-import { createContext as u, forwardRef as d, useCallback as f, useContext as p, useEffect as m, useId as h, useLayoutEffect as g, useRef as _, useState as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { SidebarLeftIcon as x } from "@hugeicons/core-free-icons";
-//#region src/components/app-frame/app-frame.tsx
-var S = { fill: {
-	screen: { classes: "h-dvh" },
-	parent: { classes: "h-full" }
-} }, C = { fill: "screen" }, w = /* @__PURE__ */ u({
-	openNav: () => void 0,
-	embedded: !1,
-	sheetReady: { current: !1 }
-}), T = () => p(w), E = /* @__PURE__ */ d(function({ sidebar: t, children: n, corner: r, fill: i = "screen", brandHref: a, brandLabel: o, phoneActions: s, className: c }, l) {
-	let [u, d] = v(!1), f = _(null), p = _(!1), m = `k-main-${h().replace(/[^\w-]/g, "")}`, g = i === "screen" ? "main" : "div";
-	return /* @__PURE__ */ b(w.Provider, {
-		value: {
-			openNav: () => d(!0),
-			embedded: i === "parent",
-			sheetReady: p
-		},
-		children: [/* @__PURE__ */ b("div", {
-			ref: l,
-			className: e("relative isolate flex w-full flex-col overflow-hidden bg-chrome text-fg lg:flex-row", S.fill[i].classes, c),
-			children: [
-				/* @__PURE__ */ y(D, { target: m }),
-				/* @__PURE__ */ y("div", {
-					className: "hidden h-full lg:flex",
-					children: t
-				}),
-				/* @__PURE__ */ y(O, {
-					banner: i === "screen",
-					href: a,
-					label: o,
-					actions: s,
-					open: u,
-					onToggle: () => d((e) => !e),
-					toggleRef: f
-				}),
-				/* @__PURE__ */ y(g, {
-					id: m,
-					className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-panel outline-none safe-area-panel lg:my-8 lg:mr-8 lg:rounded-panel lg:shadow-panel",
-					children: n
-				}),
-				r && /* @__PURE__ */ y("div", {
-					className: "fixed right-16 bottom-16 z-10 flex items-center gap-8",
-					children: r
-				})
-			]
-		}), /* @__PURE__ */ y(j, {
-			navOpen: u,
-			setNavOpen: d,
-			toggle: f,
-			ready: p,
-			children: t
-		})]
-	});
-});
-process.env.NODE_ENV !== "production" && (E.displayName = "AppFrame");
-function D({ target: t }) {
-	let r = n();
-	return /* @__PURE__ */ y("a", {
-		href: `#${t}`,
-		onClick: (e) => {
-			let n = document.getElementById(t);
-			n && (e.preventDefault(), n.setAttribute("tabindex", "-1"), n.addEventListener("blur", () => n.removeAttribute("tabindex"), { once: !0 }), n.focus());
-		},
-		className: e(a({ size: "sm" }), "absolute top-8 left-8 z-50 not-focus:sr-only"),
-		children: r("appFrame.skipToContent", "Skip to content")
-	});
-}
-process.env.NODE_ENV !== "production" && (D.displayName = "AppFrame.SkipLink");
-function O({ banner: e, href: t, label: r, actions: i, open: a, onToggle: s, toggleRef: l }) {
-	let u = e ? "header" : "div", d = n();
-	return /* @__PURE__ */ y(u, {
-		"data-phone-bar": "",
-		className: "shrink-0 bg-panel safe-area-bar lg:hidden",
-		children: /* @__PURE__ */ b("div", {
-			className: "mt-8 flex h-52 items-center justify-between pr-20 pl-28",
-			children: [/* @__PURE__ */ y(c, {
-				href: t,
-				label: r
-			}), /* @__PURE__ */ b("span", {
-				className: "flex items-center",
-				children: [i, /* @__PURE__ */ y(o, {
-					ref: l,
-					icon: x,
-					"aria-label": d("appFrame.openNavigation", "Open navigation"),
-					"aria-haspopup": "dialog",
-					"aria-expanded": a,
-					tooltip: !1,
-					onClick: s
-				})]
-			})]
-		})
-	});
-}
-process.env.NODE_ENV !== "production" && (O.displayName = "AppFrame.PhoneBar");
-var k = 750, A = /* @__PURE__ */ i(() => import("./nav-sheet-BIErlV74.js").then((e) => e.n), { base: () => import.meta.url });
-function j({ navOpen: e, setNavOpen: t, toggle: n, ready: i, children: a }) {
-	let { peeking: o, setPeeking: c } = s(), [u, d] = v(!1);
-	m(() => l(() => d(!0)), []);
-	let p = f(() => {
-		t(!1), c(!1);
-	}, [t, c]), h = r(A, u || e || o, () => {
-		d(!1), p();
-	})?.NavSheet, _ = (e || o) && !h;
-	return g(() => {
-		i.current = !!h;
-	}), M(_, n, p), h ? /* @__PURE__ */ y(h, {
-		open: e || o,
-		peek: o && !e,
-		...e ? { returnFocus: n } : {},
-		onOpenChange: (e) => {
-			e || p();
-		},
-		children: a
-	}) : null;
-}
-function M(e, t, n) {
-	m(() => {
-		if (!e) return;
-		let r = t.current?.ownerDocument ?? document, i = (e) => {
-			e.key === "Escape" && (e.stopPropagation(), n());
-		}, a = (e) => {
-			t.current?.contains(e.target) || n();
-		};
-		return r.addEventListener("keydown", i, !0), r.addEventListener("pointerdown", a, !0), () => {
-			r.removeEventListener("keydown", i, !0), r.removeEventListener("pointerdown", a, !0);
-		};
-	}, [
-		e,
-		t,
-		n
-	]);
-}
-function N({ className: t }) {
-	let { openNav: r, sheetReady: i } = T(), { collapsed: a, setCollapsed: c, setPeeking: l } = s(), u = _(void 0), d = n(), f = () => typeof window < "u" && window.matchMedia("(min-width: 1024px)").matches;
-	return /* @__PURE__ */ y(o, {
-		onPointerEnter: () => {
-			a && f() && (u.current = setTimeout(() => l(!0), 750));
-		},
-		onPointerLeave: () => {
-			clearTimeout(u.current), i.current || l(!1);
-		},
-		icon: x,
-		"data-sidebar-expand": "",
-		"aria-label": a ? d("appFrame.expandSidebar", "Expand sidebar") : d("appFrame.openNavigation", "Open navigation"),
-		shortcut: a ? ["["] : void 0,
-		onClick: () => {
-			clearTimeout(u.current), a && f() ? c(!1) : r();
-		},
-		className: e("hidden", a && "lg:inline-flex", t)
-	});
-}
-process.env.NODE_ENV !== "production" && (N.displayName = "AppFrame.MenuButton");
-var P = { padding: {
-	none: { classes: "" },
-	list: { classes: "pt-8 pb-24" },
-	page: { classes: "px-24 pt-16 pb-48" }
-} }, F = { padding: "none" }, I = /* @__PURE__ */ d(function({ className: t, padding: n = "none", ...r }, i) {
-	return /* @__PURE__ */ y("div", {
-		ref: i,
-		className: e("min-h-0 flex-1 overflow-y-auto overscroll-contain scrollbar-quiet", P.padding[n].classes, t),
-		...r
-	});
-});
-process.env.NODE_ENV !== "production" && (I.displayName = "AppFrame.Body");
-var L = /* @__PURE__ */ d(function({ title: n, description: r, actions: i, className: a, children: o, ...s }, c) {
-	return /* @__PURE__ */ b(I, {
-		ref: c,
-		className: "relative",
-		children: [/* @__PURE__ */ y(N, { className: "absolute top-10 left-12 z-10" }), /* @__PURE__ */ b("div", {
-			className: e("mx-auto w-full max-w-settings px-24 pt-64 pb-96", a),
-			...s,
-			children: [/* @__PURE__ */ b("header", {
-				className: "flex flex-col gap-8",
-				children: [/* @__PURE__ */ b("div", {
-					className: "flex items-start justify-between gap-16",
-					children: [/* @__PURE__ */ y("h1", {
-						className: "min-w-0 text-title-lg font-semibold text-fg text-balance",
-						children: n
-					}), i && /* @__PURE__ */ y("div", {
-						className: "flex h-34 shrink-0 items-center gap-8",
-						children: i
-					})]
-				}), r && /* @__PURE__ */ y("p", {
-					className: "text-body-lg font-regular text-fg-secondary",
-					children: r
-				})]
-			}), /* @__PURE__ */ y("div", {
-				className: "mt-8",
-				children: /* @__PURE__ */ y(t, { children: o })
-			})]
-		})]
-	});
-});
-process.env.NODE_ENV !== "production" && (L.displayName = "AppFrame.Settings");
-var R = /* @__PURE__ */ Object.assign(E, {
-	MenuButton: N,
-	Body: I,
-	Settings: L
-});
-//#endregion
-export { S as a, C as i, F as n, k as o, P as r, T as s, R as t };
-
-//# sourceMappingURL=app-frame-BXh-06HL.js.map

package/dist/chunks/app-frame-BXh-06HL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-frame-BXh-06HL.js","names":["__icon_SidebarLeftIcon","cn","useUiText","useLazyModule","lazyModule","IconButton","useSidebar","BrandWordmark","whenIdle","KAESO_APP_FRAME_VARIANTS","KAESO_APP_FRAME_DEFAULT_VARIANTS","Ctx","useAppFrame","useContext","Root","navOpen","setNavOpen","useState","toggle","useRef","sheetReady","mainId","useId","Main","fill","className","SkipLink","sidebar","PhoneBar","brandHref","brandLabel","phoneActions","o","corner","FrameSheet","t","target","main","buttonClasses","Bar","banner","actions","toggleRef","SidebarLeftIcon","open","onToggle","PEEK_DELAY","navSheet","n","idle","setIdle","dismiss","useCallback","setPeeking","NavSheet","peeking","pending","useLayoutEffect","usePendingDismiss","doc","onKeyDown","onPointerDown","MenuButton","intent","wide","collapsed","setCollapsed","openNav","KAESO_APP_FRAME_BODY_VARIANTS","KAESO_APP_FRAME_BODY_DEFAULT_VARIANTS","Body","props","padding","Settings","title","description","InsetContent","AppFrame"],"sources":["../../src/components/app-frame/app-frame.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { InsetContent } from \"../../utils/inset.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { SidebarLeftIcon as __icon_SidebarLeftIcon } from \"@hugeicons/core-free-icons\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { buttonClasses } from \"../button/button.js\";\nimport { useSidebar, BrandWordmark } from \"../sidebar/sidebar.js\";\nimport { lazyModule, useLazyModule } from \"../../utils/lazy-module.js\";\nimport { whenIdle } from \"../../utils/when-idle.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_APP_FRAME_VARIANTS = {\n  fill: {\n    screen: { classes: \"h-dvh\" },\n    parent: { classes: \"h-full\" },\n  },\n} as const;\nexport const KAESO_APP_FRAME_DEFAULT_VARIANTS = { fill: \"screen\" } as const;\n\nconst Ctx = /* @__PURE__ */ createContext<{ openNav: () => void; embedded: boolean; sheetReady: RefObject<boolean> }>({\n  openNav: () => undefined,\n  embedded: false,\n  sheetReady: { current: false },\n});\nexport const useAppFrame = () => useContext(Ctx);\n\nexport interface AppFrameProps {\n  sidebar: ReactNode;\n  children: ReactNode;\n  corner?: ReactNode | undefined;\n  fill?: keyof typeof KAESO_APP_FRAME_VARIANTS.fill | undefined;\n  brandHref?: string | undefined;\n  brandLabel?: string | undefined;\n  phoneActions?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLDivElement, AppFrameProps>(function AppFrame(\n  { sidebar, children, corner, fill = \"screen\", brandHref, brandLabel, phoneActions, className },\n  ref,\n) {\n  const [navOpen, setNavOpen] = useState(false);\n  const toggle = useRef<HTMLButtonElement | null>(null);\n  const sheetReady = useRef(false);\n  const mainId = `k-main-${useId().replace(/[^\\w-]/g, \"\")}`;\n  const Main = fill === \"screen\" ? \"main\" : \"div\";\n  return (\n    <Ctx.Provider value={{ openNav: () => setNavOpen(true), embedded: fill === \"parent\", sheetReady }}>\n      <div\n        ref={ref}\n        className={cn(\n          \"relative isolate flex w-full flex-col overflow-hidden bg-chrome text-fg lg:flex-row\",\n          KAESO_APP_FRAME_VARIANTS.fill[fill].classes,\n          className,\n        )}\n      >\n        <SkipLink target={mainId} />\n        <div className=\"hidden h-full lg:flex\">{sidebar}</div>\n        <PhoneBar\n          banner={fill === \"screen\"}\n          href={brandHref}\n          label={brandLabel}\n          actions={phoneActions}\n          open={navOpen}\n          onToggle={() => setNavOpen((o) => !o)}\n          toggleRef={toggle}\n        />\n        <Main\n          id={mainId}\n          className=\"relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-panel outline-none safe-area-panel lg:my-8 lg:mr-8 lg:rounded-panel lg:shadow-panel\"\n        >\n          {children}\n        </Main>\n        {corner && <div className=\"fixed right-16 bottom-16 z-10 flex items-center gap-8\">{corner}</div>}\n      </div>\n      <FrameSheet navOpen={navOpen} setNavOpen={setNavOpen} toggle={toggle} ready={sheetReady}>\n        {sidebar}\n      </FrameSheet>\n    </Ctx.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"AppFrame\";\n\nfunction SkipLink({ target }: { target: string }) {\n  const t = useUiText();\n  return (\n    <a\n      href={`#${target}`}\n      onClick={(e) => {\n        const main = document.getElementById(target);\n        if (!main) return;\n        e.preventDefault();\n        main.setAttribute(\"tabindex\", \"-1\");\n        main.addEventListener(\"blur\", () => main.removeAttribute(\"tabindex\"), { once: true });\n        main.focus();\n      }}\n      className={cn(buttonClasses({ size: \"sm\" }), \"absolute top-8 left-8 z-50 not-focus:sr-only\")}\n    >\n      {t(\"appFrame.skipToContent\", \"Skip to content\")}\n    </a>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") SkipLink.displayName = \"AppFrame.SkipLink\";\n\nfunction PhoneBar({\n  banner,\n  href,\n  label,\n  actions,\n  open,\n  onToggle,\n  toggleRef,\n}: {\n  banner: boolean;\n  href: string | undefined;\n  label: string | undefined;\n  actions: ReactNode;\n  open: boolean;\n  onToggle: () => void;\n  toggleRef: RefObject<HTMLButtonElement | null>;\n}) {\n  const Bar = banner ? \"header\" : \"div\";\n  const t = useUiText();\n  return (\n    <Bar data-phone-bar=\"\" className=\"shrink-0 bg-panel safe-area-bar lg:hidden\">\n      <div className=\"mt-8 flex h-52 items-center justify-between pr-20 pl-28\">\n        <BrandWordmark href={href} label={label} />\n        <span className=\"flex items-center\">\n          {actions}\n          <IconButton\n            ref={toggleRef}\n            icon={__icon_SidebarLeftIcon}\n            aria-label={t(\"appFrame.openNavigation\", \"Open navigation\")}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            tooltip={false}\n            onClick={onToggle}\n          />\n        </span>\n      </div>\n    </Bar>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") PhoneBar.displayName = \"AppFrame.PhoneBar\";\n\nexport const PEEK_DELAY = 750;\n\nconst navSheet = /* @__PURE__ */ lazyModule(() => import(\"./nav-sheet.js\"), { base: () => import.meta.url });\n\nfunction FrameSheet({\n  navOpen,\n  setNavOpen,\n  toggle,\n  ready,\n  children,\n}: {\n  navOpen: boolean;\n  setNavOpen: (o: boolean) => void;\n  toggle: RefObject<HTMLElement | null>;\n  ready: RefObject<boolean>;\n  children: ReactNode;\n}) {\n  const { peeking, setPeeking } = useSidebar();\n  const [idle, setIdle] = useState(false);\n  useEffect(() => whenIdle(() => setIdle(true)), []);\n  const dismiss = useCallback(() => {\n    setNavOpen(false);\n    setPeeking(false);\n  }, [setNavOpen, setPeeking]);\n  const NavSheet = useLazyModule(navSheet, idle || navOpen || peeking, () => {\n    setIdle(false);\n    dismiss();\n  })?.NavSheet;\n  const pending = (navOpen || peeking) && !NavSheet;\n  useLayoutEffect(() => {\n    ready.current = !!NavSheet;\n  });\n  usePendingDismiss(pending, toggle, dismiss);\n  if (!NavSheet) return null;\n  return (\n    <NavSheet\n      open={navOpen || peeking}\n      peek={peeking && !navOpen}\n      {...(navOpen ? { returnFocus: toggle } : {})}\n      onOpenChange={(o) => {\n        if (!o) dismiss();\n      }}\n    >\n      {children}\n    </NavSheet>\n  );\n}\n\nfunction usePendingDismiss(pending: boolean, toggle: RefObject<HTMLElement | null>, dismiss: () => void) {\n  useEffect(() => {\n    if (!pending) return;\n    const doc = toggle.current?.ownerDocument ?? document;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\") return;\n      e.stopPropagation();\n      dismiss();\n    };\n    const onPointerDown = (e: PointerEvent) => {\n      if (!toggle.current?.contains(e.target as Node)) dismiss();\n    };\n    doc.addEventListener(\"keydown\", onKeyDown, true);\n    doc.addEventListener(\"pointerdown\", onPointerDown, true);\n    return () => {\n      doc.removeEventListener(\"keydown\", onKeyDown, true);\n      doc.removeEventListener(\"pointerdown\", onPointerDown, true);\n    };\n  }, [pending, toggle, dismiss]);\n}\n\nfunction MenuButton({ className }: { className?: string | undefined }) {\n  const { openNav, sheetReady } = useAppFrame();\n  const { collapsed, setCollapsed, setPeeking } = useSidebar();\n  const intent = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const t = useUiText();\n  const wide = () => typeof window !== \"undefined\" && window.matchMedia(\"(min-width: 1024px)\").matches;\n  return (\n    <IconButton\n      onPointerEnter={() => {\n        if (collapsed && wide()) intent.current = setTimeout(() => setPeeking(true), PEEK_DELAY);\n      }}\n      onPointerLeave={() => {\n        clearTimeout(intent.current);\n        if (!sheetReady.current) setPeeking(false);\n      }}\n      icon={__icon_SidebarLeftIcon}\n      data-sidebar-expand=\"\"\n      aria-label={collapsed ? t(\"appFrame.expandSidebar\", \"Expand sidebar\") : t(\"appFrame.openNavigation\", \"Open navigation\")}\n      shortcut={collapsed ? [\"[\"] : undefined}\n      onClick={() => {\n        clearTimeout(intent.current);\n        if (collapsed && wide()) setCollapsed(false);\n        else openNav();\n      }}\n      className={cn(\"hidden\", collapsed && \"lg:inline-flex\", className)}\n    />\n  );\n}\nif (process.env.NODE_ENV !== \"production\") MenuButton.displayName = \"AppFrame.MenuButton\";\n\nexport const KAESO_APP_FRAME_BODY_VARIANTS = {\n  padding: {\n    none: { classes: \"\" },\n    list: { classes: \"pt-8 pb-24\" },\n    page: { classes: \"px-24 pt-16 pb-48\" },\n  },\n} as const;\nexport const KAESO_APP_FRAME_BODY_DEFAULT_VARIANTS = { padding: \"none\" } as const;\n\nexport interface AppFrameBodyProps extends HTMLAttributes<HTMLDivElement> {\n  padding?: keyof typeof KAESO_APP_FRAME_BODY_VARIANTS.padding | undefined;\n}\n\nconst Body = /* @__PURE__ */ forwardRef<HTMLDivElement, AppFrameBodyProps>(function AppFrameBody({ className, padding = \"none\", ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\"min-h-0 flex-1 overflow-y-auto overscroll-contain scrollbar-quiet\", KAESO_APP_FRAME_BODY_VARIANTS.padding[padding].classes, className)}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Body.displayName = \"AppFrame.Body\";\n\nexport interface SettingsPageProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n}\n\nconst Settings = /* @__PURE__ */ forwardRef<HTMLDivElement, SettingsPageProps>(function AppFrameSettings({ title, description, actions, className, children, ...props }, ref) {\n  return (\n    <Body ref={ref} className=\"relative\">\n      <MenuButton className=\"absolute top-10 left-12 z-10\" />\n      <div className={cn(\"mx-auto w-full max-w-settings px-24 pt-64 pb-96\", className)} {...props}>\n        <header className=\"flex flex-col gap-8\">\n          <div className=\"flex items-start justify-between gap-16\">\n            <h1 className=\"min-w-0 text-title-lg font-semibold text-fg text-balance\">{title}</h1>\n            {actions && <div className=\"flex h-34 shrink-0 items-center gap-8\">{actions}</div>}\n          </div>\n          {description && <p className=\"text-body-lg font-regular text-fg-secondary\">{description}</p>}\n        </header>\n        <div className=\"mt-8\">\n          <InsetContent>{children}</InsetContent>\n        </div>\n      </div>\n    </Body>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Settings.displayName = \"AppFrame.Settings\";\n\nexport const AppFrame = /* @__PURE__ */ Object.assign(Root, { MenuButton, Body, Settings });\n"],"mappings":"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"}

package/dist/chunks/cn-CidVUKMm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cn-CidVUKMm.js","names":["kaesoMergeConfig","validators","arbitrary","isArbitraryVariable","isArbitraryValue","spacing","isNumber","inset","isFraction","margin","sizing","overflow","span","isInteger","lineOrPosition","tracks","rounded","width","isArbitraryVariableLength","isArbitraryLength","color","isAny","isArbitraryVariableWeight","isArbitraryWeight","isArbitraryVariableFamilyName","isArbitraryFamilyName","isAnyNonArbitrary","isArbitraryNumber","isArbitraryVariableShadow","isArbitraryShadow","merge","cn","inputs","createTailwindMerge","clsx"],"sources":["../../src/utils/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { createTailwindMerge, validators } from \"tailwind-merge\";\n\nexport function kaesoMergeConfig() {\n  const {\n    isAny,\n    isAnyNonArbitrary,\n    isArbitraryFamilyName,\n    isArbitraryLength,\n    isArbitraryNumber,\n    isArbitraryShadow,\n    isArbitraryValue,\n    isArbitraryVariable,\n    isArbitraryVariableFamilyName,\n    isArbitraryVariableLength,\n    isArbitraryVariableShadow,\n    isArbitraryVariableWeight,\n    isArbitraryWeight,\n    isFraction,\n    isInteger,\n    isNumber,\n  } = validators;\n  const arbitrary = [isArbitraryVariable, isArbitraryValue];\n  const spacing = [...arbitrary, isNumber];\n  const inset = [isFraction, \"full\", \"auto\", ...spacing];\n  const margin = [\"auto\", ...spacing];\n  const sizing = [isFraction, \"auto\", \"full\", \"dvw\", \"dvh\", \"lvw\", \"lvh\", \"svw\", \"svh\", \"min\", \"max\", \"fit\", ...spacing];\n  const overflow = [\"auto\", \"hidden\", \"clip\", \"visible\", \"scroll\"];\n  const span = [\"auto\", { span: [\"full\", isInteger, ...arbitrary] }, isInteger, ...arbitrary];\n  const lineOrPosition = [isInteger, \"auto\", ...arbitrary];\n  const tracks = [isInteger, \"none\", \"subgrid\", ...arbitrary];\n  const rounded = [\"\", \"none\", \"full\", ...[\"pill\",\"panel\",\"menu\",\"item\",\"popover\",\"dialog\",\"sheet\",\"group\",\"well\",\"tooltip\",\"palette\",\"palette-item\",\"checkbox\",\"org\",\"kbd\",\"code\",\"bar\",\"cell\",\"avatar\",\"field\",\"textarea\",\"cell-lg\",\"tooltip-lg\",\"frame\",\"toast\"], ...arbitrary];\n  const width = [\"\", isNumber, isArbitraryVariableLength, isArbitraryLength];\n  const color = [isAny];\n  return {\n    cacheSize: 500,\n    theme: {},\n    classGroups: {\n      aspect: [{ aspect: [\"auto\", \"square\", isFraction, ...arbitrary] }],\n      container: [\"container\"],\n      \"container-type\": [{ \"@container\": [\"\", \"normal\", \"size\", ...arbitrary] }],\n      \"box-decoration\": [{ \"box-decoration\": [\"slice\", \"clone\"] }],\n      box: [{ box: [\"border\", \"content\"] }],\n      display: [\n        \"block\",\n        \"inline-block\",\n        \"inline\",\n        \"flex\",\n        \"inline-flex\",\n        \"table\",\n        \"inline-table\",\n        \"table-caption\",\n        \"table-cell\",\n        \"table-column\",\n        \"table-column-group\",\n        \"table-footer-group\",\n        \"table-header-group\",\n        \"table-row-group\",\n        \"table-row\",\n        \"flow-root\",\n        \"grid\",\n        \"inline-grid\",\n        \"contents\",\n        \"list-item\",\n        \"hidden\",\n      ],\n      sr: [\"sr-only\", \"not-sr-only\"],\n      isolation: [\"isolate\", \"isolation-auto\"],\n      \"object-fit\": [{ object: [\"contain\", \"cover\", \"fill\", \"none\", \"scale-down\"] }],\n      overflow: [{ overflow }],\n      \"overflow-x\": [{ \"overflow-x\": overflow }],\n      \"overflow-y\": [{ \"overflow-y\": overflow }],\n      overscroll: [{ overscroll: [\"auto\", \"contain\", \"none\"] }],\n      position: [\"static\", \"fixed\", \"absolute\", \"relative\", \"sticky\"],\n      inset: [{ inset }],\n      \"inset-x\": [{ \"inset-x\": inset }],\n      \"inset-y\": [{ \"inset-y\": inset }],\n      top: [{ top: inset }],\n      right: [{ right: inset }],\n      bottom: [{ bottom: inset }],\n      left: [{ left: inset }],\n      visibility: [\"visible\", \"invisible\", \"collapse\"],\n      z: [{ z: [isInteger, \"auto\", ...arbitrary] }],\n      basis: [{ basis: [isFraction, \"full\", \"auto\", ...spacing] }],\n      \"flex-direction\": [{ flex: [\"row\", \"row-reverse\", \"col\", \"col-reverse\"] }],\n      \"flex-wrap\": [{ flex: [\"nowrap\", \"wrap\", \"wrap-reverse\"] }],\n      flex: [{ flex: [isNumber, isFraction, \"auto\", \"initial\", \"none\", isArbitraryValue] }],\n      grow: [{ grow: [\"\", isNumber, ...arbitrary] }],\n      shrink: [{ shrink: [\"\", isNumber, ...arbitrary] }],\n      order: [{ order: [isInteger, \"first\", \"last\", \"none\", ...arbitrary] }],\n      \"grid-cols\": [{ \"grid-cols\": tracks }],\n      \"col-start-end\": [{ col: span }],\n      \"col-start\": [{ \"col-start\": lineOrPosition }],\n      \"grid-rows\": [{ \"grid-rows\": tracks }],\n      \"row-start-end\": [{ row: span }],\n      \"row-start\": [{ \"row-start\": lineOrPosition }],\n      gap: [{ gap: spacing }],\n      \"gap-x\": [{ \"gap-x\": spacing }],\n      \"gap-y\": [{ \"gap-y\": spacing }],\n      \"justify-content\": [{ justify: [\"start\", \"end\", \"center\", \"between\", \"around\", \"evenly\", \"stretch\", \"baseline\", \"center-safe\", \"end-safe\", \"normal\"] }],\n      \"justify-items\": [{ \"justify-items\": [\"start\", \"end\", \"center\", \"stretch\", \"center-safe\", \"end-safe\", \"normal\"] }],\n      \"align-content\": [{ content: [\"normal\", \"start\", \"end\", \"center\", \"between\", \"around\", \"evenly\", \"stretch\", \"baseline\", \"center-safe\", \"end-safe\"] }],\n      \"align-items\": [{ items: [\"start\", \"end\", \"center\", \"stretch\", \"center-safe\", \"end-safe\", { baseline: [\"\", \"last\"] }] }],\n      \"align-self\": [{ self: [\"auto\", \"start\", \"end\", \"center\", \"stretch\", \"center-safe\", \"end-safe\", { baseline: [\"\", \"last\"] }] }],\n      p: [{ p: spacing }],\n      px: [{ px: spacing }],\n      py: [{ py: spacing }],\n      pt: [{ pt: spacing }],\n      pr: [{ pr: spacing }],\n      pb: [{ pb: spacing }],\n      pl: [{ pl: spacing }],\n      m: [{ m: margin }],\n      mx: [{ mx: margin }],\n      my: [{ my: margin }],\n      ms: [{ ms: margin }],\n      mt: [{ mt: margin }],\n      mr: [{ mr: margin }],\n      mb: [{ mb: margin }],\n      ml: [{ ml: margin }],\n      size: [{ size: sizing }],\n      w: [{ w: [\"screen\", \"anchor\", ...sizing] }],\n      \"min-w\": [{ \"min-w\": [\"screen\", \"none\", \"anchor\", ...sizing] }],\n      \"max-w\": [{ \"max-w\": [\"screen\", \"none\", \"prose\", ...sizing] }],\n      h: [{ h: [\"screen\", \"lh\", ...sizing] }],\n      \"min-h\": [{ \"min-h\": [\"screen\", \"lh\", \"none\", ...sizing] }],\n      \"max-h\": [{ \"max-h\": [\"screen\", \"lh\", \"none\", ...sizing] }],\n      \"font-size\": [{ text: [...[\"micro\",\"caption\",\"small\",\"body\",\"body-lg\",\"title-sm\",\"title\",\"title-lg\",\"display\",\"metric\"], isArbitraryVariableLength, isArbitraryLength] }],\n      \"font-style\": [\"italic\", \"not-italic\"],\n      \"font-weight\": [{ font: [\"regular\", \"medium\", \"semibold\", isArbitraryVariableWeight, isArbitraryWeight] }],\n      \"font-family\": [{ font: [isArbitraryVariableFamilyName, isArbitraryFamilyName, isAnyNonArbitrary] }],\n      \"fvn-spacing\": [\"proportional-nums\", \"tabular-nums\"],\n      \"line-clamp\": [{ \"line-clamp\": [isNumber, \"none\", isArbitraryVariable, isArbitraryNumber] }],\n      leading: [{ leading: [\"none\", ...spacing] }],\n      \"text-alignment\": [{ text: [\"left\", \"center\", \"right\", \"justify\", \"start\", \"end\"] }],\n      \"text-color\": [{ text: color }],\n      \"text-decoration\": [\"underline\", \"overline\", \"line-through\", \"no-underline\"],\n      \"text-decoration-thickness\": [{ decoration: [isNumber, \"from-font\", \"auto\", isArbitraryVariable, isArbitraryLength] }],\n      \"text-decoration-color\": [{ decoration: color }],\n      \"underline-offset\": [{ \"underline-offset\": [isNumber, \"auto\", ...arbitrary] }],\n      \"text-overflow\": [\"truncate\", \"text-ellipsis\", \"text-clip\"],\n      \"text-wrap\": [{ text: [\"wrap\", \"nowrap\", \"balance\", \"pretty\"] }],\n      \"vertical-align\": [{ align: [\"baseline\", \"top\", \"middle\", \"bottom\", \"text-top\", \"text-bottom\", \"sub\", \"super\", ...arbitrary] }],\n      whitespace: [{ whitespace: [\"normal\", \"nowrap\", \"pre\", \"pre-line\", \"pre-wrap\", \"break-spaces\"] }],\n      break: [{ break: [\"normal\", \"words\", \"all\", \"keep\"] }],\n      wrap: [{ wrap: [\"break-word\", \"anywhere\", \"normal\"] }],\n      \"bg-color\": [{ bg: color }],\n      rounded: [{ rounded }],\n      \"rounded-r\": [{ \"rounded-r\": rounded }],\n      \"rounded-l\": [{ \"rounded-l\": rounded }],\n      \"outline-style\": [{ outline: [\"solid\", \"dashed\", \"dotted\", \"double\", \"none\", \"hidden\"] }],\n      \"outline-offset\": [{ \"outline-offset\": [isNumber, ...arbitrary] }],\n      \"outline-w\": [{ outline: width }],\n      \"outline-color\": [{ outline: color }],\n      shadow: [{ shadow: [\"\", \"inner\", \"none\", ...[\"ring\",\"control\",\"control-hover\",\"control-on-fill\",\"selector\",\"selector-hover\",\"frame\",\"xs\",\"raised\",\"dialog\",\"panel\",\"segment\",\"toast\",\"thumb\"], isArbitraryVariableShadow, isArbitraryShadow] }],\n      \"ring-w\": [{ ring: width }],\n      \"ring-color\": [{ ring: color }],\n      opacity: [{ opacity: [isNumber, ...arbitrary] }],\n      filter: [{ filter: [\"\", \"none\", ...arbitrary] }],\n      \"border-collapse\": [{ border: [\"collapse\", \"separate\"] }],\n      \"table-layout\": [{ table: [\"auto\", \"fixed\"] }],\n      transition: [{ transition: [\"\", \"all\", \"colors\", \"opacity\", \"shadow\", \"transform\", \"none\", ...arbitrary] }],\n      duration: [{ duration: [isNumber, \"initial\", ...arbitrary] }],\n      ease: [{ ease: [\"linear\", \"initial\", ...[\"standard\",\"overlay\",\"exit\",\"pulse\"], ...arbitrary] }],\n      animate: [{ animate: [\"none\", ...arbitrary] }],\n      rotate: [{ rotate: [\"none\", isNumber, ...arbitrary] }],\n      \"translate-x\": [{ \"translate-x\": [isFraction, \"full\", ...spacing] }],\n      \"caret-color\": [{ caret: color }],\n      cursor: [\n        {\n          cursor: [\n            \"auto\",\n            \"default\",\n            \"pointer\",\n            \"wait\",\n            \"text\",\n            \"move\",\n            \"help\",\n            \"not-allowed\",\n            \"none\",\n            \"context-menu\",\n            \"progress\",\n            \"cell\",\n            \"crosshair\",\n            \"vertical-text\",\n            \"alias\",\n            \"copy\",\n            \"no-drop\",\n            \"grab\",\n            \"grabbing\",\n            \"all-scroll\",\n            \"col-resize\",\n            \"row-resize\",\n            \"n-resize\",\n            \"e-resize\",\n            \"s-resize\",\n            \"w-resize\",\n            \"ne-resize\",\n            \"nw-resize\",\n            \"se-resize\",\n            \"sw-resize\",\n            \"ew-resize\",\n            \"ns-resize\",\n            \"nesw-resize\",\n            \"nwse-resize\",\n            \"zoom-in\",\n            \"zoom-out\",\n            ...arbitrary,\n          ],\n        },\n      ],\n      \"pointer-events\": [{ \"pointer-events\": [\"auto\", \"none\"] }],\n      resize: [{ resize: [\"none\", \"\", \"y\", \"x\"] }],\n      \"scrollbar-w\": [{ scrollbar: [\"auto\", \"thin\", \"none\"] }],\n      \"scroll-mt\": [{ \"scroll-mt\": spacing }],\n      \"snap-align\": [{ snap: [\"start\", \"end\", \"center\", \"align-none\"] }],\n      \"snap-stop\": [{ snap: [\"normal\", \"always\"] }],\n      touch: [{ touch: [\"auto\", \"none\", \"manipulation\"] }],\n      select: [{ select: [\"none\", \"text\", \"all\", \"auto\"] }],\n      material: [\"material-primary\", \"material-secondary\", \"material-ghost\", \"material-soft\", \"material-danger\", \"material-danger-secondary\", \"material-field\"],\n      focus: [\"focus-ring\", \"focus-ring-inset\"],\n      motion: [\"popup-motion\", \"dialog-motion\", \"sheet-motion\", \"backdrop-motion\", \"indicator-motion\"],\n    },\n    conflictingClassGroups: {\n      overflow: [\"overflow-x\", \"overflow-y\"],\n      inset: [\"inset-x\", \"inset-y\", \"top\", \"right\", \"bottom\", \"left\"],\n      \"inset-x\": [\"right\", \"left\"],\n      \"inset-y\": [\"top\", \"bottom\"],\n      flex: [\"basis\", \"grow\", \"shrink\"],\n      gap: [\"gap-x\", \"gap-y\"],\n      p: [\"px\", \"py\", \"pt\", \"pr\", \"pb\", \"pl\"],\n      px: [\"pr\", \"pl\"],\n      py: [\"pt\", \"pb\"],\n      m: [\"mx\", \"my\", \"ms\", \"mt\", \"mr\", \"mb\", \"ml\"],\n      mx: [\"ms\", \"mr\", \"ml\"],\n      my: [\"mt\", \"mb\"],\n      size: [\"w\", \"h\"],\n      \"font-size\": [\"leading\"],\n      \"line-clamp\": [\"display\", \"overflow\"],\n      rounded: [\"rounded-r\", \"rounded-l\"],\n    },\n    conflictingClassGroupModifiers: { \"font-size\": [\"leading\"] },\n    postfixLookupClassGroups: [\"container-type\"],\n    orderSensitiveModifiers: [\n      \"*\",\n      \"**\",\n      \"after\",\n      \"backdrop\",\n      \"before\",\n      \"details-content\",\n      \"file\",\n      \"first-letter\",\n      \"first-line\",\n      \"marker\",\n      \"placeholder\",\n      \"selection\",\n    ],\n  };\n}\n\nlet merge: ReturnType<typeof createTailwindMerge> | undefined;\n\nexport function cn(...inputs: ClassValue[]): string {\n  merge ??= createTailwindMerge(kaesoMergeConfig);\n  return merge(clsx(inputs));\n}\n"],"mappings":"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"}

package/dist/chunks/code-block-DxtladFW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-block-DxtladFW.js","names":["BaseTabs","cn","useUiText","TONES","ITALIC","BOLD","codeTokenClass","style","fontStyle","tone","color","kaesoShikiTheme","instance","CODE_LANGS","getHighlighter","createHighlighterCore","createJavaScriptRegexEngine","LOADERS","highlight","lang","h","loader","code","line","token","KAESO_CODE_BLOCK_VARIANTS","KAESO_CODE_BLOCK_DEFAULT_VARIANTS","CodeBlock","chosen","own","setOwn","useState","match","tabs","item","tab","choose","i","label","onTabChange","t","current","text","lines","useMemo","highlighted","setHighlighted","expanded","setExpanded","alive","tokenLines","collapsed","collapseAfter","visible","codeClass","copy","source","wrap","highlightLines","lineNumbers","j","surface","className","Tabs","v","title","CopyButton","CodeHighlighted"],"sources":["../../src/components/code-block/kaeso-theme.ts","../../src/components/code-block/highlighter.ts","../../src/components/code-block/code-block.tsx"],"sourcesContent":["const TONES = {\n  text: { color: \"var(--k-text)\", className: \"\" },\n  quiet: { color: \"var(--k-text-tertiary)\", className: \"text-fg-tertiary\" },\n  secondary: { color: \"var(--k-text-secondary)\", className: \"text-fg-secondary\" },\n  string: { color: \"var(--k-info-text)\", className: \"text-info-text\" },\n  constant: { color: \"var(--k-warning-text)\", className: \"text-warning-text\" },\n} as const;\n\nconst ITALIC = 1;\nconst BOLD = 2;\n\nexport function codeTokenClass(color: string | undefined, fontStyle: number | undefined): string {\n  const style = fontStyle ?? 0;\n  return [\n    Object.values(TONES).find((tone) => tone.color === color?.toLowerCase())?.className ?? \"\",\n    style & ITALIC ? \"italic\" : \"\",\n    style & BOLD ? \"font-semibold\" : \"\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nexport const kaesoShikiTheme = {\n  name: \"kaeso\",\n  type: \"light\" as const,\n  colors: { \"editor.background\": \"transparent\", \"editor.foreground\": TONES.text.color },\n  settings: [\n    { settings: { foreground: TONES.text.color, background: \"transparent\" } },\n    { scope: [\"comment\", \"punctuation.definition.comment\"], settings: { foreground: TONES.quiet.color, fontStyle: \"italic\" } },\n    {\n      scope: [\"string\", \"string.quoted\", \"string.template\", \"punctuation.definition.string\", \"markup.inline.raw\"],\n      settings: { foreground: TONES.string.color },\n    },\n    {\n      scope: [\"constant.numeric\", \"constant.language.boolean\", \"constant.language.null\", \"constant.language\"],\n      settings: { foreground: TONES.constant.color },\n    },\n    {\n      scope: [\"keyword\", \"storage\", \"storage.type\", \"storage.modifier\", \"keyword.control\", \"keyword.operator.new\", \"variable.language\"],\n      settings: { foreground: TONES.text.color, fontStyle: \"bold\" },\n    },\n    {\n      scope: [\"punctuation\", \"meta.brace\", \"punctuation.separator\", \"punctuation.terminator\", \"keyword.operator\", \"meta.tag punctuation\"],\n      settings: { foreground: TONES.quiet.color },\n    },\n    { scope: [\"entity.name.function\", \"support.function\", \"entity.name.tag\", \"support.class.component\"], settings: { foreground: TONES.text.color } },\n    {\n      scope: [\"support.type.property-name\", \"meta.object-literal.key\", \"entity.other.attribute-name\", \"variable.other.property\"],\n      settings: { foreground: TONES.text.color },\n    },\n    { scope: [\"entity.name.type\", \"support.type\", \"entity.other.inherited-class\"], settings: { foreground: TONES.secondary.color } },\n  ],\n};\n","import { codeTokenClass, kaesoShikiTheme } from \"./kaeso-theme.js\";\n\ntype Highlighter = {\n  codeToTokens: (\n    code: string,\n    o: { lang: string; theme: string },\n  ) => { tokens: { content: string; color?: string | undefined; fontStyle?: number | undefined }[][] };\n  getLoadedLanguages: () => string[];\n  loadLanguage: (...l: unknown[]) => Promise<void>;\n};\nlet instance: Promise<Highlighter> | null = null;\n\nexport const CODE_LANGS = [\"ts\", \"tsx\", \"js\", \"json\", \"bash\", \"python\", \"yaml\", \"diff\"] as const;\nexport type CodeLang = (typeof CODE_LANGS)[number] | \"text\";\n\nexport function getHighlighter(): Promise<Highlighter> {\n  instance ??= (async () => {\n    const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] = await Promise.all([import(\"shiki/core\"), import(\"shiki/engine/javascript\")]);\n    return (await createHighlighterCore({ themes: [kaesoShikiTheme as never], langs: [], engine: createJavaScriptRegexEngine() })) as unknown as Highlighter;\n  })();\n  return instance;\n}\n\nconst LOADERS: Record<Exclude<CodeLang, \"text\">, () => Promise<{ default: unknown }>> = {\n  ts: () => import(\"shiki/dist/langs/typescript.mjs\"),\n  tsx: () => import(\"shiki/dist/langs/tsx.mjs\"),\n  js: () => import(\"shiki/dist/langs/javascript.mjs\"),\n  json: () => import(\"shiki/dist/langs/json.mjs\"),\n  bash: () => import(\"shiki/dist/langs/bash.mjs\"),\n  python: () => import(\"shiki/dist/langs/python.mjs\"),\n  yaml: () => import(\"shiki/dist/langs/yaml.mjs\"),\n  diff: () => import(\"shiki/dist/langs/diff.mjs\"),\n};\n\nexport interface CodeToken {\n  content: string;\n  className: string;\n}\n\nexport async function highlight(code: string, lang: CodeLang): Promise<CodeToken[][] | null> {\n  if (lang === \"text\") return null;\n  const h = await getHighlighter();\n  if (!h.getLoadedLanguages().includes(lang)) {\n    const loader = LOADERS[lang];\n    if (!loader) return null;\n    await h.loadLanguage((await loader()).default);\n  }\n  return h\n    .codeToTokens(code, { lang, theme: \"kaeso\" })\n    .tokens.map((line) => line.map((token) => ({ content: token.content, className: codeTokenClass(token.color, token.fontStyle) })));\n}\n","import { forwardRef, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { Tabs as BaseTabs } from \"@base-ui/react/tabs\";\nimport { cn } from \"../../utils/cn.js\";\nimport { CopyButton } from \"../copy-button/copy-button.js\";\nimport { highlight, type CodeLang, type CodeToken } from \"./highlighter.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_CODE_BLOCK_VARIANTS = {\n  surface: {\n    well: { classes: \"rounded-well bg-fill-1\" },\n    plain: { classes: \"bg-transparent\" },\n  },\n} as const;\nexport const KAESO_CODE_BLOCK_DEFAULT_VARIANTS = { surface: \"well\" } as const;\n\nexport interface CodeTab {\n  label: string;\n  code: string;\n  lang?: CodeLang | undefined;\n}\n\nexport interface CodeBlockProps {\n  code?: string | undefined;\n  lang?: CodeLang | undefined;\n  tabs?: CodeTab[] | undefined;\n  tab?: string | undefined;\n  onTabChange?: ((label: string) => void) | undefined;\n  title?: ReactNode | undefined;\n  lineNumbers?: boolean | undefined;\n  highlightLines?: number[] | undefined;\n  collapseAfter?: number | undefined;\n  surface?: keyof typeof KAESO_CODE_BLOCK_VARIANTS.surface | undefined;\n  copy?: boolean | undefined;\n  wrap?: boolean | undefined;\n  className?: string | undefined;\n}\n\nexport const CodeBlock = /* @__PURE__ */ forwardRef<HTMLDivElement, CodeBlockProps>(function CodeBlock(\n  {\n    code = \"\",\n    lang = \"ts\",\n    tabs,\n    tab: chosen,\n    onTabChange,\n    title,\n    lineNumbers,\n    highlightLines = [],\n    collapseAfter = 24,\n    surface = \"well\",\n    copy = true,\n    wrap = false,\n    className,\n  },\n  ref,\n) {\n  const [own, setOwn] = useState(0);\n  const match = chosen === undefined ? -1 : (tabs?.findIndex((item) => item.label === chosen) ?? -1);\n  const tab = match >= 0 ? match : own;\n  const choose = (i: number) => {\n    setOwn(i);\n    const label = tabs?.[i]?.label;\n    if (label !== undefined) onTabChange?.(label);\n  };\n  const t = useUiText();\n  const current = tabs?.[tab] ?? { label: \"\", code, lang };\n  const text = current.code.replace(/\\n$/, \"\");\n  const lines = useMemo(() => text.split(\"\\n\"), [text]);\n  const [highlighted, setHighlighted] = useState<{ text: string; lang: CodeLang; tokens: CodeToken[][] | null } | null>(null);\n  const [expanded, setExpanded] = useState(false);\n  useEffect(() => {\n    let alive = true;\n    const lang = current.lang ?? \"ts\";\n    highlight(text, lang)\n      .then((tokens) => alive && setHighlighted({ text, lang, tokens }))\n      .catch(() => undefined);\n    return () => {\n      alive = false;\n    };\n  }, [text, current.lang]);\n  const tokenLines = highlighted && highlighted.lang === (current.lang ?? \"ts\") && highlighted.text === text ? highlighted.tokens : null;\n  const collapsed = collapseAfter > 0 && lines.length > collapseAfter && !expanded;\n  const visible = collapsed ? collapseAfter : lines.length;\n  const codeClass = cn(\"relative overflow-x-auto py-16 scrollbar-quiet focus-ring-inset\", collapsed && \"overflow-y-hidden\", copy && \"coarse:mr-40\");\n  const source = (\n    <pre className=\"mono text-small text-fg\">\n      <code className={cn(\"grid\", !wrap && \"min-w-max\")}>\n        {lines.slice(0, visible).map((line, i) => (\n          <span key={i} className={cn(\"flex px-16 leading-code\", wrap && \"whitespace-pre-wrap wrap-anywhere\", highlightLines.includes(i + 1) && \"bg-fill-2\")}>\n            {lineNumbers && <span className=\"mr-16 inline-block w-24 shrink-0 text-right text-fg-tertiary select-none tabular\">{i + 1}</span>}\n            <span className=\"min-w-0\">\n              {tokenLines?.[i]?.length\n                ? tokenLines[i].map((token, j) => (\n                    <span key={j} className={token.className || undefined}>\n                      {token.content}\n                    </span>\n                  ))\n                : line || \" \"}\n            </span>\n          </span>\n        ))}\n      </code>\n    </pre>\n  );\n\n  return (\n    <div ref={ref} className={cn(\"group/code relative min-w-0\", KAESO_CODE_BLOCK_VARIANTS.surface[surface].classes, className)}>\n      <BaseTabs.Root value={tab} onValueChange={(v: unknown) => choose(Number(v))}>\n        {(title || tabs) && (\n          <div className=\"flex h-44 items-center gap-4 px-8 hairline-b\">\n            {title && <span className=\"px-8 mono text-small text-fg-secondary\">{title}</span>}\n            {tabs && (\n              <BaseTabs.List aria-label={t(\"codeBlock.language\", \"Language\")} className=\"flex items-center gap-2\">\n                {tabs.map((item, i) => (\n                  <BaseTabs.Tab\n                    key={item.label}\n                    value={i}\n                    className={cn(\n                      \"inline-flex h-28 cursor-pointer items-center rounded-pill px-10 text-small font-medium transition-control focus-ring\",\n                      i === tab ? \"bg-fill-2 text-fg\" : \"text-fg-secondary hover:bg-fill-2 hover:text-fg\",\n                    )}\n                  >\n                    {item.label}\n                  </BaseTabs.Tab>\n                ))}\n              </BaseTabs.List>\n            )}\n          </div>\n        )}\n        {tabs ? (\n          <BaseTabs.Panel value={tab} className={codeClass}>\n            {source}\n          </BaseTabs.Panel>\n        ) : (\n          <div\n            tabIndex={0}\n            role=\"region\"\n            aria-label={typeof title === \"string\" ? t(\"codeBlock.titledCode\", \"{title} code\", { title }) : t(\"codeBlock.code\", \"Code\")}\n            className={codeClass}\n          >\n            {source}\n          </div>\n        )}\n      </BaseTabs.Root>\n      {collapseAfter > 0 && lines.length > collapseAfter && (\n        <div className=\"flex justify-center pb-12\">\n          <button\n            type=\"button\"\n            onClick={() => setExpanded((e) => !e)}\n            className=\"inline-flex h-28 cursor-pointer items-center rounded-pill px-12 text-small font-medium text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring\"\n          >\n            {expanded ? t(\"codeBlock.showLess\", \"Show less\") : t(\"codeBlock.showAllLines\", \"Show all {count} lines\", { count: String(lines.length) })}\n          </button>\n        </div>\n      )}\n      {copy && (\n        <div\n          className={cn(\n            \"absolute right-8 opacity-0 transition-control group-hover/code:opacity-100 coarse:opacity-100 focus-within:opacity-100\",\n            title || tabs ? \"top-52\" : \"top-8\",\n          )}\n        >\n          <CopyButton value={text} label={t(\"codeBlock.copy\", \"Copy code\")} />\n        </div>\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") CodeBlock.displayName = \"CodeBlock\";\n\nexport const CodeHighlighted = CodeBlock;\n"],"mappings":"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"}

package/dist/chunks/collapsible-Cw_1aem5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible-Cw_1aem5.js","names":["Collapsible","BaseCollapsible","__icon_ArrowRight01Icon","Accordion","BaseAccordion","__icon_ArrowDown01Icon","cn","KAESO_COLLAPSIBLE_VARIANTS","KAESO_COLLAPSIBLE_DEFAULT_VARIANTS","TRIGGER","Collapsible$1","Collapsible","open","defaultOpen","onOpenChange","o","className","Icon","ArrowRight01Icon","title","hint","Accordion$1","Accordion","multiple","defaultValue","items","it","ArrowDown01Icon"],"sources":["../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport { cn } from \"../../utils/cn.js\";\nimport { ArrowRight01Icon as __icon_ArrowRight01Icon, ArrowDown01Icon as __icon_ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon } from \"../icon/icon.js\";\n\nexport const KAESO_COLLAPSIBLE_VARIANTS = {\n  state: {\n    closed: { classes: \"\" },\n    open: { classes: \"group-data-panel-open/dt:rotate-90\" },\n  },\n} as const;\nexport const KAESO_COLLAPSIBLE_DEFAULT_VARIANTS = { state: \"closed\" } as const;\n\nconst TRIGGER =\n  \"group/dt flex min-h-40 w-full cursor-pointer items-center gap-8 rounded-item px-8 -mx-8 text-left text-body font-medium text-fg transition-control hover:bg-fill-1 focus-ring-inset\";\n\nexport interface CollapsibleProps {\n  title: ReactNode;\n  children: ReactNode;\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  hint?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nexport const Collapsible = /* @__PURE__ */ forwardRef<HTMLDivElement, CollapsibleProps>(function Collapsible(\n  { title, children, open, defaultOpen, onOpenChange, hint, className },\n  ref,\n) {\n  return (\n    <BaseCollapsible.Root\n      ref={ref}\n      {...(open !== undefined ? { open } : {})}\n      {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      className={cn(\"flex flex-col\", className)}\n    >\n      <BaseCollapsible.Trigger className={TRIGGER}>\n        <Icon\n          icon={__icon_ArrowRight01Icon}\n          size=\"sm\"\n          className={cn(\"text-fg-tertiary transition-transform duration-180 ease-overlay\", KAESO_COLLAPSIBLE_VARIANTS.state.open.classes)}\n        />\n        <span className=\"min-w-0 flex-1\">{title}</span>\n        {hint && <span className=\"text-small font-regular text-fg-secondary\">{hint}</span>}\n      </BaseCollapsible.Trigger>\n      <BaseCollapsible.Panel className=\"collapse-motion\">\n        <div className=\"pt-4 pb-12 pl-24\">{children}</div>\n      </BaseCollapsible.Panel>\n    </BaseCollapsible.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Collapsible.displayName = \"Collapsible\";\n\nexport interface AccordionItem {\n  value: string;\n  title: ReactNode;\n  content: ReactNode;\n  hint?: ReactNode | undefined;\n}\n\nexport interface AccordionProps {\n  items: AccordionItem[];\n  multiple?: boolean | undefined;\n  defaultValue?: string[] | undefined;\n  className?: string | undefined;\n}\n\nexport const Accordion = /* @__PURE__ */ forwardRef<HTMLDivElement, AccordionProps>(function Accordion({ items, multiple = false, defaultValue, className }, ref) {\n  return (\n    <BaseAccordion.Root\n      ref={ref}\n      {...(multiple ? { multiple: true } : {})}\n      {...(defaultValue ? { defaultValue } : {})}\n      className={cn(\"flex flex-col\", className)}\n    >\n      {items.map((it) => (\n        <BaseAccordion.Item key={it.value} value={it.value} className=\"hairline-b\">\n          <BaseAccordion.Header>\n            <BaseAccordion.Trigger className={cn(TRIGGER, \"min-h-48\")}>\n              <span className=\"min-w-0 flex-1\">{it.title}</span>\n              {it.hint && <span className=\"text-small font-regular text-fg-secondary\">{it.hint}</span>}\n              <Icon\n                icon={__icon_ArrowDown01Icon}\n                size=\"sm\"\n                className=\"text-fg-tertiary transition-transform duration-180 ease-overlay group-data-panel-open/dt:rotate-180\"\n              />\n            </BaseAccordion.Trigger>\n          </BaseAccordion.Header>\n          <BaseAccordion.Panel className=\"collapse-motion\">\n            <div className=\"pb-16 text-body text-fg-secondary\">{it.content}</div>\n          </BaseAccordion.Panel>\n        </BaseAccordion.Item>\n      ))}\n    </BaseAccordion.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Accordion.displayName = \"Accordion\";\n"],"mappings":";;;;;;;;;AAOA,IAAaO,IAA6B,EACxC,OAAO;CACL,QAAQ,EAAE,SAAS,GAAG;CACtB,MAAM,EAAE,SAAS,qCAAqC;AACxD,EACF,GACaC,IAAqC,EAAE,OAAO,SAAS,GAE9DC,IACJ,uLAYWT,IAA8B,kBAA6C,SACtF,EAAE,UAAO,aAAU,SAAM,gBAAa,iBAAc,SAAM,gBAC1D,GACA;CACA,OACE,kBAACC,EAAgB,MAAjB;EACO;EACL,GAAKW,MAAS,KAAA,IAAuB,CAAC,IAAZ,EAAE,QAAK;EACjC,GAAKC,MAAgB,KAAA,IAA8B,CAAC,IAAnB,EAAE,eAAY;EAC/C,GAAKC,IAAe,EAAE,eAAe,MAAeA,EAAaC,CAAC,EAAE,IAAI,CAAC;EACzE,WAAWT,EAAG,iBAAiBU,CAAS;EAL1C,UAAA,CAOE,kBAACf,EAAgB,SAAjB;GAAyB,WAAWQ;GAApC,UAAA;IACE,kBAACQ,GAAD;KACE,MAAMf;KACN,MAAK;KACL,WAAWI,EAAG,mEAAmEC,EAA2B,MAAM,KAAK,OAAO;IAC/H,CAAA;IACD,kBAAC,QAAD;KAAM,WAAU;KAAkB,UAAAY;IAAY,CAAA;IAC7CC,KAAQ,kBAAC,QAAD;KAAM,WAAU;KAA6C,UAAAA;IAAW,CAAA;GAC1D;EACzB,CAAA,GAAA,kBAACnB,EAAgB,OAAjB;GAAuB,WAAU;GAC/B,UAAA,kBAAC,OAAD;IAAK,WAAU;IAAoB;GAAc,CAAA;EAC5B,CAAA,CACH;;AAE1B,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc;AAgBrE,IAAaE,IAA4B,kBAA2C,SAAmB,EAAE,UAAO,cAAW,IAAO,iBAAc,gBAAa,GAAK;CAChK,OACE,kBAACC,EAAc,MAAf;EACO;EACL,GAAKmB,IAAW,EAAE,UAAU,GAAK,IAAI,CAAC;EACtC,GAAKC,IAAe,EAAE,gBAAa,IAAI,CAAC;EACxC,WAAWlB,EAAG,iBAAiBU,CAAS;EAEvC,UAAAS,EAAM,KAAK,MACV,kBAACrB,EAAc,MAAf;GAAmC,OAAOsB,EAAG;GAAO,WAAU;GAA9D,UAAA,CACE,kBAACtB,EAAc,QAAf,EAAA,UACE,kBAACA,EAAc,SAAf;IAAuB,WAAWE,EAAGG,GAAS,UAAU;IAAxD,UAAA;KACE,kBAAC,QAAD;MAAM,WAAU;MAAkB,UAAAiB,EAAG;KAAY,CAAA;KAChDA,EAAG,QAAQ,kBAAC,QAAD;MAAM,WAAU;MAA6C,UAAAA,EAAG;KAAW,CAAA;KACvF,kBAACT,GAAD;MACE,MAAMZ;MACN,MAAK;MACL,WAAU;KACX,CAAA;IACoB;GACH,CAAA,EAAA,CAAA,GACtB,kBAACD,EAAc,OAAf;IAAqB,WAAU;IAC7B,UAAA,kBAAC,OAAD;KAAK,WAAU;KAAqC,UAAAsB,EAAG;IAAa,CAAA;GACjD,CAAA,CACH;EAfK,GAAAA,EAAG,KAeR,CACrB;CACiB,CAAA;AAExB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc"}