@logicplanes/kaeso-ui 0.4.1 → 0.4.2

package/ai/component-guides.md

@@ -1,6 +1,6 @@
 # @logicplanes/kaeso-ui component guides
 
-Version 0.4.1. Generated from the showcase's demo modules (apps/showcase/src/demos); do not edit. For each component: what it is for, its import, keyboard, accessibility, do and don't, and every example's code. Props and variants: `component-registry.md`.
+Version 0.4.2. Generated from the showcase's demo modules (apps/showcase/src/demos); do not edit. For each component: what it is for, its import, keyboard, accessibility, do and don't, and every example's code. Props and variants: `component-registry.md`.
 
 ## AlertDialog
 
@@ -1735,6 +1735,27 @@ A label, a control and its help, wired together; an error shows under the contro
 </div>
 ```
 
+## Figure
+
+A diagram or image set apart from the text: centred on a well, with a caption, scrolling sideways only when it can't shrink to fit.
+
+`import { Figure } from "@logicplanes/kaeso-ui";`
+
+### Accessibility
+
+- The caption names the figure; the label names the region that scrolls, so keyboard users know what they scroll.
+- Put a diagram's longer description in a visually hidden element and point the image's aria-describedby at it.
+
+### Examples
+
+#### A diagram with its caption
+
+```tsx
+<Figure label="Diagram: route of a request" caption="Route of a request" className="w-full">
+  <ThemeImage light="/demos/route.light.svg" dark="/demos/route.dark.svg" alt="Route of a request: app, Kaeso, provider" width={364} height={49} />
+</Figure>
+```
+
 ## FilterChip
 
 A filter as one pill, “Status is 2xx”: property, operator and value, each opening a menu.
@@ -4655,6 +4676,35 @@ Long text and links wrap like prose; the row grows and keeps its padding, and on
 </Table>
 ```
 
+#### Compact
+
+A reference table of five or more columns puts 8px between them, so it fits the column without scrolling.
+
+```tsx
+<Table density="compact" className="w-640">
+  <Table.Head>
+    <Table.Row>
+      <Table.HeaderCell>Variable</Table.HeaderCell>
+      <Table.HeaderCell>TOML key</Table.HeaderCell>
+      <Table.HeaderCell>Type</Table.HeaderCell>
+      <Table.HeaderCell>Default</Table.HeaderCell>
+      <Table.HeaderCell>What it does</Table.HeaderCell>
+    </Table.Row>
+  </Table.Head>
+  <Table.Body>
+    {settings.map((s) => (
+      <Table.Row key={s.variable}>
+        <Table.Cell className="mono text-small">{s.variable}</Table.Cell>
+        <Table.Cell className="mono text-small">{s.key}</Table.Cell>
+        <Table.Cell>{s.type}</Table.Cell>
+        <Table.Cell className="mono text-small whitespace-nowrap">{s.default}</Table.Cell>
+        <Table.Cell>{s.does}</Table.Cell>
+      </Table.Row>
+    ))}
+  </Table.Body>
+</Table>
+```
+
 ## TableOfContents
 
 “On this page”: the heading in view in text color with a 2px ink bar.

package/ai/component-registry.json

@@ -1,6 +1,6 @@
 {
   "package": "@logicplanes/kaeso-ui",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "components": [
     {
       "entry": "app-frame",
@@ -2261,10 +2261,10 @@
             },
             {
               "name": "wrap",
-              "type": "boolean",
+              "type": "boolean | \"phone\"",
               "required": false,
               "default": "false",
-              "description": "Long lines wrap instead of scrolling sideways: code in a narrow column (a model's response)."
+              "description": "Long lines wrap instead of scrolling sideways: code in a narrow column (a model's response). `phone` wraps them only below 640px, with wrapped parts indented, and scrolls from there up."
             }
           ],
           "file": "src/components/code-block/code-block.tsx"
@@ -2359,10 +2359,10 @@
             },
             {
               "name": "wrap",
-              "type": "boolean",
+              "type": "boolean | \"phone\"",
               "required": false,
               "default": "false",
-              "description": "Long lines wrap instead of scrolling sideways: code in a narrow column (a model's response)."
+              "description": "Long lines wrap instead of scrolling sideways: code in a narrow column (a model's response). `phone` wraps them only below 640px, with wrapped parts indented, and scrolls from there up."
             }
           ],
           "file": "src/components/code-block/code-block.tsx"
@@ -2955,6 +2955,13 @@
               "default": null,
               "description": "Classes for the layout of the outer element: margin, width and placement, never its look."
             },
+            {
+              "name": "counts",
+              "type": "boolean",
+              "required": false,
+              "default": "true",
+              "description": "Shows each group's count beside its caption; false leaves them out, for a site whose house style has no result counters."
+            },
             {
               "name": "data-force",
               "type": "string",
@@ -3266,6 +3273,13 @@
               "default": null,
               "description": "The commands, in groups with a heading each."
             },
+            {
+              "name": "counts",
+              "type": "boolean",
+              "required": false,
+              "default": null,
+              "description": "Shows each group's count beside its caption; false leaves them out, for a site whose house style has no result counters."
+            },
             {
               "name": "defaultQuery",
               "type": "string",
@@ -5026,6 +5040,75 @@
         }
       }
     },
+    {
+      "entry": "figure",
+      "kind": "components",
+      "import": "@logicplanes/kaeso-ui/figure",
+      "components": [
+        {
+          "name": "Figure",
+          "description": "A diagram or image set apart from the text: centred on a well, with a caption, scrolling sideways only when it can't shrink to fit.",
+          "props": [
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": true,
+              "default": null,
+              "description": "What the figure shows, usually a ThemeImage."
+            },
+            {
+              "name": "label",
+              "type": "string",
+              "required": true,
+              "default": null,
+              "description": "The name of the figure's scrolling region, read by screen readers."
+            },
+            {
+              "name": "caption",
+              "type": "ReactNode",
+              "required": false,
+              "default": null,
+              "description": "A few words under the figure that say what it shows, such as a diagram's title."
+            },
+            {
+              "name": "className",
+              "type": "string",
+              "required": false,
+              "default": null,
+              "description": "Classes for the layout of the outer element: margin, width and placement, never its look."
+            },
+            {
+              "name": "focus",
+              "type": "number",
+              "required": false,
+              "default": "0.5",
+              "description": "Where a figure wider than its column starts, as a share of its width: 0.5, the middle, by default."
+            },
+            {
+              "name": "surface",
+              "type": "\"well\" | \"plain\"",
+              "required": false,
+              "default": "well",
+              "description": "The figure's background: a well like a code block's, or none."
+            }
+          ],
+          "file": "src/components/figure/figure.tsx"
+        }
+      ],
+      "variants": {
+        "FIGURE": {
+          "axes": {
+            "surface": {
+              "well": "A well like a code block's: radius 14, fill, no ring (default)",
+              "plain": "No surface, for a figure that brings its own"
+            }
+          },
+          "defaults": {
+            "surface": "well"
+          }
+        }
+      }
+    },
     {
       "entry": "filter-chip",
       "kind": "components",
@@ -12374,7 +12457,15 @@
         {
           "name": "Table",
           "description": "A plain table for small amounts of data; use `DataTable` for sorting, selection and many rows.",
-          "props": [],
+          "props": [
+            {
+              "name": "density",
+              "type": "\"default\" | \"compact\"",
+              "required": false,
+              "default": "default",
+              "description": "12px between columns (`default`), or 8px (`compact`) for reference tables of five or more columns."
+            }
+          ],
           "file": "src/components/table/table.tsx"
         }
       ],
@@ -12384,10 +12475,15 @@
             "align": {
               "start": "Text (default)",
               "end": "Numbers"
+            },
+            "density": {
+              "default": "12px between columns (default)",
+              "compact": "8px between columns, for reference tables of five or more columns"
             }
           },
           "defaults": {
-            "align": "start"
+            "align": "start",
+            "density": "default"
           }
         }
       }
@@ -12743,7 +12839,7 @@
             },
             {
               "name": "variant",
-              "type": "\"title\" | \"display\" | \"title-sm\" | \"title-lg\" | \"body\" | \"caption\" | \"small\" | \"micro\" | \"body-lg\" | \"metric\"",
+              "type": "\"title\" | \"display\" | \"caption\" | \"title-sm\" | \"title-lg\" | \"body\" | \"small\" | \"micro\" | \"body-lg\" | \"metric\"",
               "required": false,
               "default": "body",
               "description": "The type style, from `micro` to `display`."

package/ai/component-registry.md

@@ -1,6 +1,6 @@
 # @logicplanes/kaeso-ui component registry
 
-Version 0.4.1. Generated from the component types, their descriptions and variants; do not edit.
+Version 0.4.2. Generated from the component types, their descriptions and variants; do not edit.
 
 ## app-frame
 
@@ -523,7 +523,7 @@ Highlighted code on a well: Kaeso's monochrome theme, copy on hover, tabs, line
 | `tab` | `string` |  | The label of the tab to show, such as a language the reader chose before. A label the block lacks leaves its own choice. |
 | `tabs` | `CodeTab[]` |  | Several versions: "Python · Node · curl", shown as pill tabs. |
 | `title` | `ReactNode` |  | A file name in the title bar. |
-| `wrap` | `boolean` | `false` | Long lines wrap instead of scrolling sideways: code in a narrow column (a model's response). |
+| `wrap` | `boolean \| "phone"` | `false` | Long lines wrap instead of scrolling sideways: code in a narrow column (a model's response). `phone` wraps them only below 640px, with wrapped parts indented, and scrolls from there up. |
 
 ### CodeHighlighted
 
@@ -543,7 +543,7 @@ The same component as `CodeBlock`, under another name.
 | `tab` | `string` |  | The label of the tab to show, such as a language the reader chose before. A label the block lacks leaves its own choice. |
 | `tabs` | `CodeTab[]` |  | Several versions: "Python · Node · curl", shown as pill tabs. |
 | `title` | `ReactNode` |  | A file name in the title bar. |
-| `wrap` | `boolean` | `false` | Long lines wrap instead of scrolling sideways: code in a narrow column (a model's response). |
+| `wrap` | `boolean \| "phone"` | `false` | Long lines wrap instead of scrolling sideways: code in a narrow column (a model's response). `phone` wraps them only below 640px, with wrapped parts indented, and scrolls from there up. |
 
 ### JsonView
 
@@ -680,6 +680,7 @@ A search field over a long list that stays fast with thousands of rows: fuzzy ma
 | `groups` * | `CommandListGroup[]` |  | The rows, in groups; a group with a label gets a sticky caption with its mark and count, and a loading group keeps its caption while it has no rows yet. |
 | `autoFocus` | `boolean` |  | Focuses the search field when it appears, as in a popover or a dialog step. |
 | `className` | `string` |  | Classes for the layout of the outer element: margin, width and placement, never its look. |
+| `counts` | `boolean` | `true` | Shows each group's count beside its caption; false leaves them out, for a site whose house style has no result counters. |
 | `data-force` | `string` |  | Forces an interaction state for state matrices: `hover`, `pressed`, `focus`, `open`. |
 | `defaultQuery` | `string` |  | The search text on first render. |
 | `emptyText` | `ReactNode` |  | What the list says when nothing matches: "No models match". |
@@ -743,6 +744,7 @@ The pill that opens a picker and shows its value, in the same looks and sizes as
 | Prop | Type | Default | Description |
 |---|---|---|---|
 | `groups` * | `CommandGroup[]` |  | The commands, in groups with a heading each. |
+| `counts` | `boolean` |  | Shows each group's count beside its caption; false leaves them out, for a site whose house style has no result counters. |
 | `defaultQuery` | `string` |  | Start with this query (documentation). |
 | `emptyText` | `ReactNode` |  | Defaults to "No results" in the provider's language. |
 | `hotkey` | `boolean` |  | Open with ⌘K / Ctrl+K anywhere (default true). |
@@ -1117,6 +1119,25 @@ A group of fields under one legend.
 | `legend` * | `ReactNode` |  | The heading of the group of fields. |
 | `description` | `ReactNode` |  | One sentence of help under the heading. |
 
+## figure
+
+`import { Figure } from "@logicplanes/kaeso-ui/figure";`
+
+- **surface** (figure): `well` (default) — A well like a code block's: radius 14, fill, no ring (default); `plain` — No surface, for a figure that brings its own
+
+### Figure
+
+A diagram or image set apart from the text: centred on a well, with a caption, scrolling sideways only when it can't shrink to fit.
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `children` * | `ReactNode` |  | What the figure shows, usually a ThemeImage. |
+| `label` * | `string` |  | The name of the figure's scrolling region, read by screen readers. |
+| `caption` | `ReactNode` |  | A few words under the figure that say what it shows, such as a diagram's title. |
+| `className` | `string` |  | Classes for the layout of the outer element: margin, width and placement, never its look. |
+| `focus` | `number` | `0.5` | Where a figure wider than its column starts, as a share of its width: 0.5, the middle, by default. |
+| `surface` | `"well" \| "plain"` | `well` | The figure's background: a well like a code block's, or none. |
+
 ## filter-chip
 
 `import { FilterChip } from "@logicplanes/kaeso-ui/filter-chip";`
@@ -2905,11 +2926,16 @@ A pill track and a round thumb that travels in 180ms.
 `import { Table } from "@logicplanes/kaeso-ui/table";`
 
 - **align** (table): `start` (default) — Text (default); `end` — Numbers
+- **density** (table): `default` (default) — 12px between columns (default); `compact` — 8px between columns, for reference tables of five or more columns
 
 ### Table
 
 A plain table for small amounts of data; use `DataTable` for sorting, selection and many rows.
 
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `density` | `"default" \| "compact"` | `default` | 12px between columns (`default`), or 8px (`compact`) for reference tables of five or more columns. |
+
 ## tabs
 
 `import { PillTabs, Tabs } from "@logicplanes/kaeso-ui/tabs";`
@@ -3003,7 +3029,7 @@ Text in the type scale.
 | `tabular` | `boolean` |  | Tabular numerals. On by default for `metric`. |
 | `tone` | `"success" \| "warning" \| "danger" \| "info" \| "inherit" \| "secondary" \| "default" \| "tertiary"` | `default` | The text color role; status tones go next to words that say the same. |
 | `truncate` | `boolean` |  | One line with an ellipsis; the full text appears in a tooltip when it is cut. |
-| `variant` | `"title" \| "display" \| "title-sm" \| "title-lg" \| "body" \| "caption" \| "small" \| "micro" \| "body-lg" \| "metric"` | `body` | The type style, from `micro` to `display`. |
+| `variant` | `"title" \| "display" \| "caption" \| "title-sm" \| "title-lg" \| "body" \| "small" \| "micro" \| "body-lg" \| "metric"` | `body` | The type style, from `micro` to `display`. |
 | `weight` | `"medium" \| "regular" \| "semibold"` |  | The weight, when it differs from the type style's. |
 
 ## theme-image

package/ai/icons.md

@@ -1,6 +1,6 @@
 # Icon vocabulary
 
-Version 0.4.1. Generated from `src/icons/vocabulary.ts`; do not edit. Use the name, never an icon picked by look: `icons.key` always means a key. Hugeicons, Stroke Rounded. Rules: `foundations/icons.md`.
+Version 0.4.2. Generated from `src/icons/vocabulary.ts`; do not edit. Use the name, never an icon picked by look: `icons.key` always means a key. Hugeicons, Stroke Rounded. Rules: `foundations/icons.md`.
 
 ## Kaeso objects
 

package/ai/tokens.md

@@ -1,6 +1,6 @@
 # @logicplanes/kaeso-ui tokens
 
-Version 0.4.1. Generated from `@logicplanes/kaeso-tokens`; do not edit. Components use these through role names (`bg-panel`, `text-fg-secondary`, `h-36`, `rounded-pill`); a raw value never appears in a component. How to use them: `foundations/*.md`.
+Version 0.4.2. Generated from `@logicplanes/kaeso-tokens`; do not edit. Components use these through role names (`bg-panel`, `text-fg-secondary`, `h-36`, `rounded-pill`); a raw value never appears in a component. How to use them: `foundations/*.md`.
 
 ## Neutrals
 

package/dist/blocks/delete-resource.js

@@ -1,6 +1,6 @@
 "use client";
 import { i as e } from "../chunks/context-BELWW79w.js";
-import { t } from "../chunks/dialog-BZCVFmGF.js";
+import { t } from "../chunks/dialog-DQ9vZ7vr.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/blocks/delete-resource/delete-resource.tsx
 var r = { confirm: {

package/dist/blocks/pages.js

@@ -1,9 +1,9 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
-import { t } from "../chunks/app-frame-DZPEf2NQ.js";
-import { r as n } from "../chunks/page-header-CZCQVHYE.js";
-import { t as r } from "../chunks/empty-By1qTJr6.js";
-import { a as i, t as a } from "../chunks/section-Bvg0EUnr.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.js";
+import { t } from "../chunks/app-frame-C8csevkL.js";
+import { r as n } from "../chunks/page-header-DjUMDG69.js";
+import { t as r } from "../chunks/empty-DvhyMXQq.js";
+import { a as i, t as a } from "../chunks/section-Ce1efbsP.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/blocks/pages/pages.tsx
 var l = { page: {

package/dist/blocks/resource-list.js

@@ -1,9 +1,9 @@
 "use client";
 import { i as e } from "../chunks/context-BELWW79w.js";
-import { i as t } from "../chunks/input-B6Docqrk.js";
-import { r as n } from "../chunks/toolbar-B_960Ttx.js";
-import { t as r } from "../chunks/empty-By1qTJr6.js";
-import { i, o as a } from "../chunks/list-CMXBTVkI.js";
+import { i as t } from "../chunks/input-TyLIaQ5k.js";
+import { r as n } from "../chunks/toolbar-DL6zVrzU.js";
+import { t as r } from "../chunks/empty-DvhyMXQq.js";
+import { i, o as a } from "../chunks/list-CkOozrVY.js";
 import { useMemo as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/blocks/resource-list/resource-list.tsx

package/dist/chunks/{app-frame-DZPEf2NQ.js → app-frame-C8csevkL.js}

@@ -1,11 +1,11 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { n as t, t as n } from "./inset-BnBj8NJV.js";
 import { i as r } from "./context-BELWW79w.js";
-import { l as i, s as a } from "./tooltip-CRApbLF6.js";
-import { a as o } from "./button-9q66Ta23.js";
-import { t as s } from "./icon-button-C7Du4pvb.js";
-import { l as c, t as l } from "./sidebar-DifJ5KgE.js";
+import { l as i, s as a } from "./tooltip-BMQ9BtPp.js";
+import { a as o } from "./button-Dzu7_csE.js";
+import { t as s } from "./icon-button-CPYR21Sz.js";
+import { l as c, t as l } from "./sidebar-DtFlejU7.js";
 import { t as u } from "./when-idle-Cy3pinqO.js";
 import { createContext as d, forwardRef as f, useCallback as p, useContext as m, useEffect as h, useId as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b } from "react";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
@@ -103,7 +103,7 @@ function A({ banner: e, href: t, label: n, actions: i, open: a, onToggle: o, tog
 	});
 }
 process.env.NODE_ENV !== "production" && (A.displayName = "AppFrame.PhoneBar");
-var j = 750, M = /* @__PURE__ */ a(() => import("./nav-sheet-Y2Ite-iF.js").then((e) => e.n), { base: () => import.meta.url });
+var j = 750, M = /* @__PURE__ */ a(() => import("./nav-sheet-B2rNb8GB.js").then((e) => e.n), { base: () => import.meta.url });
 function N({ navOpen: e, setNavOpen: t, toggle: n, ready: r, children: a }) {
 	let { peeking: o, setPeeking: s } = c(), [l, d] = b(!1);
 	h(() => u(() => d(!0)), []);
@@ -217,4 +217,4 @@ var B = /* @__PURE__ */ Object.assign(O, {
 //#endregion
 export { w as a, T as i, L as n, j as o, I as r, D as s, B as t };
 
-//# sourceMappingURL=app-frame-DZPEf2NQ.js.map
+//# sourceMappingURL=app-frame-C8csevkL.js.map

package/dist/chunks/{app-frame-DZPEf2NQ.js.map → app-frame-C8csevkL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"app-frame-DZPEf2NQ.js","names":["__icon_SidebarLeftIcon","cn","InsetContent","GutterContent","useUiText","useLazyModule","lazyModule","buttonClasses","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","frame","useMemo","className","SkipLink","sidebar","PhoneBar","brandHref","brandLabel","phoneActions","o","corner","FrameSheet","t","target","main","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","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  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { GutterContent, 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  const frame = useMemo(() => ({ openNav: () => setNavOpen(true), embedded: fill === \"parent\", sheetReady }), [fill]);\n  return (\n    <Ctx.Provider value={frame}>\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 px-24\">\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  useEffect(() => () => clearTimeout(intent.current), []);\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\", children, ...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      <GutterContent padded={padding === \"page\"}>{children}</GutterContent>\n    </div>\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-24 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 flex-wrap items-start justify-between gap-x-16 gap-y-8\">\n            <h1 className=\"min-w-0 text-title-lg font-semibold text-fg text-balance\">{title}</h1>\n            {actions && <div className=\"ml-auto 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>\n            <GutterContent>{children}</GutterContent>\n          </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":";;;;;;;;;;;;;AAyBA,IAAaY,IAA2B,EACtC,MAAM;CACJ,QAAQ,EAAE,SAAS,QAAQ;CAC3B,QAAQ,EAAE,SAAS,SAAS;AAC9B,EACF,GACaC,IAAmC,EAAE,MAAM,SAAS,GAE3DC,IAAsB,kBAA0F;CACpH,eAAe,KAAA;CACf,UAAU;CACV,YAAY,EAAE,SAAS,GAAM;AAC/B,CAAC,GACYC,UAAoBC,EAAWF,CAAG,GAazCG,IAAuB,kBAA0C,SACrE,EAAE,YAAS,aAAU,WAAQ,UAAO,UAAU,cAAW,eAAY,iBAAc,gBACnF,GACA;CACA,IAAM,CAACC,GAASC,KAAcC,EAAS,EAAK,GACtCC,IAASC,EAAiC,IAAI,GAC9CC,IAAaD,EAAO,EAAK,GACzBE,IAAS,UAAUC,EAAM,CAAC,CAAC,QAAQ,WAAW,EAAE,KAChDC,IAAOC,MAAS,WAAW,SAAS,OACpCC,IAAQC,SAAe;EAAE,eAAeV,EAAW,EAAI;EAAG,UAAUQ,MAAS;EAAU;CAAW,IAAI,CAACA,CAAI,CAAC;CAClH,OACE,kBAACb,EAAI,UAAL;EAAc,OAAOc;EAArB,UAAA,CACE,kBAAC,OAAD;GACO;GACL,WAAW3B,EACT,uFACAW,EAAyB,KAAKe,EAAK,CAAC,SACpCG,CACF;GANF,UAAA;IAQE,kBAACC,GAAD,EAAU,QAAQP,EAAS,CAAA;IAC3B,kBAAC,OAAD;KAAK,WAAU;KAAyB,UAAAQ;IAAa,CAAA;IACrD,kBAACC,GAAD;KACE,QAAQN,MAAS;KACjB,MAAMO;KACN,OAAOC;KACP,SAASC;KACT,MAAMlB;KACN,gBAAgBC,GAAY,MAAM,CAACkB,CAAC;KACpC,WAAWhB;IACZ,CAAA;IACD,kBAACK,GAAD;KACE,IAAIF;KACJ,WAAU;KAET;IACG,CAAA;IACLc,KAAU,kBAAC,OAAD;KAAK,WAAU;KAAyD,UAAAA;IAAY,CAAA;GAC5F;EACL,CAAA,GAAA,kBAACC,GAAD;GAAqB;GAAqB;GAAoB;GAAQ,OAAOhB;GAC1E,UAAAS;EACS,CAAA,CACA;;AAElB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAE9D,SAASD,EAAS,EAAE,aAA8B;CAChD,IAAMS,IAAIpC,EAAU;CACpB,OACE,kBAAC,KAAD;EACE,MAAM,IAAIqC;EACV,UAAU,MAAM;GACd,IAAMC,IAAO,SAAS,eAAeD,CAAM;GAC3C,AAAKC,MACL,EAAE,eAAe,GACjBA,EAAK,aAAa,YAAY,IAAI,GAClCA,EAAK,iBAAiB,cAAcA,EAAK,gBAAgB,UAAU,GAAG,EAAE,MAAM,GAAK,CAAC,GACpFA,EAAK,MAAM;EACb;EACA,WAAWzC,EAAGM,EAAc,EAAE,MAAM,KAAK,CAAC,GAAG,8CAA8C;EAE1F,UAAAiC,EAAE,0BAA0B,iBAAiB;CAC7C,CAAA;AAEP;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,SAASP,EAAS,EAChB,WACA,SACA,UACA,YACA,SACA,aACA,gBASC;CACD,IAAMU,IAAMC,IAAS,WAAW,OAC1BJ,IAAIpC,EAAU;CACpB,OACE,kBAACuC,GAAD;EAAK,kBAAe;EAAG,WAAU;EAC/B,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAACjC,GAAD;IAAqB;IAAa;GAAQ,CAAA,GAC1C,kBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACGmC,GACD,kBAACrC,GAAD;KACE,KAAKsC;KACL,MAAM9C;KACN,cAAYwC,EAAE,2BAA2B,iBAAiB;KAC1D,iBAAc;KACd,iBAAeQ;KACf,SAAS;KACT,SAASC;IACV,CAAA,CACG;GACH,CAAA,CAAA;;CACF,CAAA;AAET;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,IAAaC,IAAa,KAEpBC,IAA2B,wBAAiB,OAAO,0BAAA,CAAA,MAAA,MAAAC,EAAA,CAAA,GAAmB,EAAE,YAAY,YAAY,IAAI,CAAC;AAE3G,SAASb,EAAW,EAClB,YACA,eACA,WACA,UACA,eAOC;CACD,IAAM,EAAE,YAAS,kBAAe9B,EAAW,GACrC,CAAC4C,GAAMC,KAAWlC,EAAS,EAAK;CACtC,QAAgBT,QAAe2C,EAAQ,EAAI,CAAC,GAAG,CAAC,CAAC;CACjD,IAAMC,IAAUC,QAAkB;EAEhC,AADArC,EAAW,EAAK,GAChBsC,EAAW,EAAK;CAClB,GAAG,CAACtC,GAAYsC,CAAU,CAAC,GACrBC,IAAWrD,EAAc8C,GAAUE,KAAQnC,KAAWyC,SAAe;EAEzE,AADAL,EAAQ,EAAK,GACbC,EAAQ;CACV,CAAC,CAAC,EAAE,UACEK,KAAW1C,KAAWyC,MAAY,CAACD;CAMzC,OALAG,QAAsB;EACpB,EAAM,UAAU,CAAC,CAACH;CACpB,CAAC,GACDI,EAAkBF,GAASvC,GAAQkC,CAAO,GACrCG,IAEH,kBAACA,GAAD;EACE,MAAMxC,KAAWyC;EACjB,MAAMA,KAAW,CAACzC;EAClB,GAAKA,IAAU,EAAE,aAAaG,EAAO,IAAI,CAAC;EAC1C,eAAe,MAAM;GACnB,AAAKgB,KAAGkB,EAAQ;EAClB;EAEC;CACO,CAAA,IAXU;AAaxB;AAEA,SAASO,EAAkB,GAAkB,GAAuC,GAAqB;CACvG,QAAgB;EACd,IAAI,CAACF,GAAS;EACd,IAAMG,IAAM1C,EAAO,SAAS,iBAAiB,UACvC2C,KAAa,MAAqB;GACtC,AAAI,EAAE,QAAQ,aACd,EAAE,gBAAgB,GAClBT,EAAQ;EACV,GACMU,KAAiB,MAAoB;GACzC,AAAK5C,EAAO,SAAS,SAAS,EAAE,MAAc,KAAGkC,EAAQ;EAC3D;EAGA,OAFAQ,EAAI,iBAAiB,WAAWC,GAAW,EAAI,GAC/CD,EAAI,iBAAiB,eAAeE,GAAe,EAAI,SAC1C;GAEX,AADAF,EAAI,oBAAoB,WAAWC,GAAW,EAAI,GAClDD,EAAI,oBAAoB,eAAeE,GAAe,EAAI;EAC5D;CACF,GAAG;EAACL;EAASvC;EAAQkC;CAAO,CAAC;AAC/B;AAEA,SAASW,EAAW,EAAE,gBAAiD;CACrE,IAAM,EAAE,YAAS,kBAAenD,EAAY,GACtC,EAAE,cAAW,iBAAc,kBAAeN,EAAW,GACrD0D,IAAS7C,EAAkD,KAAA,CAAS;CAC1E,cAAsB,aAAa6C,EAAO,OAAO,GAAG,CAAC,CAAC;CACtD,IAAM3B,IAAIpC,EAAU,GACdgE,UAAa,OAAO,SAAW,OAAe,OAAO,WAAW,qBAAqB,CAAC,CAAC;CAC7F,OACE,kBAAC5D,GAAD;EACE,sBAAsB;GACpB,AAAI6D,KAAaD,EAAK,MAAG,EAAO,UAAU,iBAAiBX,EAAW,EAAI,GAAA,GAAa;EACzF;EACA,sBAAsB;GAEpB,AADA,aAAaU,EAAO,OAAO,GACtB5C,EAAW,WAASkC,EAAW,EAAK;EAC3C;EACA,MAAMzD;EACN,uBAAoB;EACpB,cAAYqE,IAAY7B,EAAE,0BAA0B,gBAAgB,IAAIA,EAAE,2BAA2B,iBAAiB;EACtH,UAAU6B,IAAY,CAAC,GAAG,IAAI,KAAA;EAC9B,eAAe;GAEb,AADA,aAAaF,EAAO,OAAO,GACvBE,KAAaD,EAAK,IAAGE,EAAa,EAAK,IACtCC,EAAQ;EACf;EACA,WAAWtE,EAAG,UAAUoE,KAAa,kBAAkBvC,CAAS;CACjE,CAAA;AAEL;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc;AAEpE,IAAa0C,IAAgC,EAC3C,SAAS;CACP,MAAM,EAAE,SAAS,GAAG;CACpB,MAAM,EAAE,SAAS,aAAa;CAC9B,MAAM,EAAE,SAAS,oBAAoB;AACvC,EACF,GACaC,IAAwC,EAAE,SAAS,OAAO,GAMjEC,IAAuB,kBAA8C,SAAsB,EAAE,cAAW,aAAU,QAAQ,aAAU,GAAGC,KAAS,GAAK;CACzJ,OACE,kBAAC,OAAD;EACO;EACL,WAAW1E,EAAG,qEAAqEuE,EAA8B,QAAQI,EAAQ,CAAC,SAAS9C,CAAS;EACpJ,GAAI6C;EAEJ,UAAA,kBAACxE,GAAD;GAAe,QAAQyE,MAAY;GAAS;EAAwB,CAAA;CACjE,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAQ9D,IAAMC,IAA2B,kBAA8C,SAA0B,EAAE,UAAO,gBAAa,YAAS,cAAW,aAAU,GAAGF,KAAS,GAAK;CAC5K,OACE,kBAACD,GAAD;EAAW;EAAK,WAAU;EAA1B,UAAA,CACE,kBAACR,GAAD,EAAY,WAAU,+BAAgC,CAAA,GACtD,kBAAC,OAAD;GAAK,WAAWjE,EAAG,mDAAmD6B,CAAS;GAAG,GAAI6C;GAAtF,UAAA,CACE,kBAAC,UAAD;IAAQ,WAAU;IAAlB,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;MAA4D,UAAAG;KAAU,CAAA,GACnFjC,KAAW,kBAAC,OAAD;MAAK,WAAU;MAAiD,UAAAA;KAAa,CAAA,CACtF;IACJ,CAAA,GAAAkC,KAAe,kBAAC,KAAD;KAAG,WAAU;KAA+C,UAAAA;IAAe,CAAA,CACrF;GACR,CAAA,GAAA,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAAC7E,GAAD,EAAA,UACE,kBAACC,GAAD,EAAgB,YAAwB,CAAA,EAC5B,CAAA;GACX,CAAA,CACF;EACD,CAAA,CAAA;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,IAAa6E,IAA2B,uBAAO,OAAO/D,GAAM;CAAE;CAAY;CAAM;AAAS,CAAC"}
+{"version":3,"file":"app-frame-C8csevkL.js","names":["__icon_SidebarLeftIcon","cn","InsetContent","GutterContent","useUiText","useLazyModule","lazyModule","buttonClasses","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","frame","useMemo","className","SkipLink","sidebar","PhoneBar","brandHref","brandLabel","phoneActions","o","corner","FrameSheet","t","target","main","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","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  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { GutterContent, 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  const frame = useMemo(() => ({ openNav: () => setNavOpen(true), embedded: fill === \"parent\", sheetReady }), [fill]);\n  return (\n    <Ctx.Provider value={frame}>\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 px-24\">\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  useEffect(() => () => clearTimeout(intent.current), []);\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\", children, ...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      <GutterContent padded={padding === \"page\"}>{children}</GutterContent>\n    </div>\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-24 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 flex-wrap items-start justify-between gap-x-16 gap-y-8\">\n            <h1 className=\"min-w-0 text-title-lg font-semibold text-fg text-balance\">{title}</h1>\n            {actions && <div className=\"ml-auto 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>\n            <GutterContent>{children}</GutterContent>\n          </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/{avatar-HnvBUoe5.js → avatar-CWbdwbJv.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { i as t } from "./context-BELWW79w.js";
 import { forwardRef as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -80,4 +80,4 @@ process.env.NODE_ENV !== "production" && (d.displayName = "AvatarGroup");
 //#endregion
 export { c as a, o as i, d as n, s as r, l as t };
 
-//# sourceMappingURL=avatar-HnvBUoe5.js.map
+//# sourceMappingURL=avatar-CWbdwbJv.js.map

package/dist/chunks/{avatar-HnvBUoe5.js.map → avatar-CWbdwbJv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar-HnvBUoe5.js","names":["cn","useUiText","KAESO_AVATAR_VARIANTS","KAESO_AVATAR_DEFAULT_VARIANTS","initials","parts","name","first","max","Avatar","failedSrc","setFailedSrc","useState","decorative","size","kind","className","src","GROUP_OVERLAP","AvatarGroup","t","shown","people","rest","overlap","p","i","children"],"sources":["../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_AVATAR_VARIANTS = {\n  size: {\n    20: { classes: \"size-20 text-micro\" },\n    24: { classes: \"size-24 text-micro\" },\n    28: { classes: \"size-28 text-caption\" },\n    32: { classes: \"size-32 text-caption\" },\n    40: { classes: \"size-40 text-body\" },\n  },\n  kind: {\n    person: { classes: \"rounded-pill\" },\n    org: { classes: \"rounded-org\" },\n  },\n} as const;\nexport const KAESO_AVATAR_DEFAULT_VARIANTS = { size: 24, kind: \"person\" } as const;\n\nexport function initials(name: string, max: 1 | 2 = 2): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return \"?\";\n  const first = parts[0]?.[0] ?? \"\";\n  return (max === 1 || parts.length < 2 ? first : first + (parts[parts.length - 1]?.[0] ?? \"\")).toUpperCase();\n}\n\nexport interface AvatarProps {\n  name: string;\n  src?: string | undefined;\n  size?: keyof typeof KAESO_AVATAR_VARIANTS.size | undefined;\n  kind?: keyof typeof KAESO_AVATAR_VARIANTS.kind | undefined;\n  decorative?: boolean | undefined;\n  className?: string | undefined;\n}\n\nexport const Avatar = /* @__PURE__ */ forwardRef<HTMLSpanElement, AvatarProps>(function Avatar({ name, src, size = 24, kind = \"person\", decorative, className }, ref) {\n  const [failedSrc, setFailedSrc] = useState<string | undefined>(undefined);\n  return (\n    <span\n      ref={ref}\n      {...(decorative ? { \"aria-hidden\": true } : { role: \"img\", \"aria-label\": name })}\n      className={cn(\n        \"relative inline-flex shrink-0 items-center justify-center overflow-hidden bg-fill-2 font-semibold text-fg select-none\",\n        KAESO_AVATAR_VARIANTS.size[size].classes,\n        KAESO_AVATAR_VARIANTS.kind[kind].classes,\n        size <= 24 && kind === \"org\" && \"rounded-avatar\",\n        className,\n      )}\n    >\n      {src && src !== failedSrc ? (\n        <img src={src} alt=\"\" className=\"size-full object-cover\" onError={() => setFailedSrc(src)} />\n      ) : (\n        initials(name, size === 20 ? 1 : 2)\n      )}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Avatar.displayName = \"Avatar\";\n\nexport interface AvatarGroupProps {\n  people: { name: string; src?: string | undefined }[];\n  size?: keyof typeof KAESO_AVATAR_VARIANTS.size | undefined;\n  max?: number | undefined;\n  className?: string | undefined;\n  children?: ReactNode | undefined;\n}\n\nconst GROUP_OVERLAP = { 20: \"-ms-4\", 24: \"-ms-2\", 28: \"-ms-2\", 32: \"-ms-4\", 40: \"-ms-6\" } as const;\n\nexport const AvatarGroup = /* @__PURE__ */ forwardRef<HTMLDivElement, AvatarGroupProps>(function AvatarGroup({ people, size = 24, max = 4, className, children }, ref) {\n  const t = useUiText();\n  const shown = people.slice(0, max);\n  const rest = people.length - shown.length;\n  const overlap = GROUP_OVERLAP[size];\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={people.map((p) => p.name).join(t(\"avatarGroup.listSeparator\", \", \"))}\n      className={cn(\"flex items-center\", className)}\n    >\n      {shown.map((p, i) => (\n        <Avatar\n          key={p.name + i}\n          name={p.name}\n          {...(p.src ? { src: p.src } : {})}\n          size={size}\n          decorative\n          className={cn(\"ring-2 ring-panel\", i > 0 && overlap)}\n        />\n      ))}\n      {rest > 0 && (\n        <span\n          className={cn(\n            \"inline-flex shrink-0 items-center justify-center rounded-pill bg-fill-1 font-medium text-fg-secondary ring-2 ring-panel tabular\",\n            KAESO_AVATAR_VARIANTS.size[size].classes,\n            overlap,\n          )}\n        >\n          +{rest}\n        </span>\n      )}\n      {children && <span className=\"ms-8 inline-flex items-center\">{children}</span>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") AvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":";;;;;;AAIA,IAAaE,IAAwB;CACnC,MAAM;EACJ,IAAI,EAAE,SAAS,qBAAqB;EACpC,IAAI,EAAE,SAAS,qBAAqB;EACpC,IAAI,EAAE,SAAS,uBAAuB;EACtC,IAAI,EAAE,SAAS,uBAAuB;EACtC,IAAI,EAAE,SAAS,oBAAoB;CACrC;CACA,MAAM;EACJ,QAAQ,EAAE,SAAS,eAAe;EAClC,KAAK,EAAE,SAAS,cAAc;CAChC;AACF,GACaC,IAAgC;CAAE,MAAM;CAAI,MAAM;AAAS;AAExE,SAAgBC,EAAS,GAAc,IAAa,GAAW;CAC7D,IAAMC,IAAQC,EAAK,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO;CACrD,IAAID,EAAM,WAAW,GAAG,OAAO;CAC/B,IAAME,IAAQF,EAAM,EAAE,GAAG,MAAM;CAC/B,QAAQG,MAAQ,KAAKH,EAAM,SAAS,IAAIE,IAAQA,KAASF,EAAMA,EAAM,SAAS,EAAE,GAAG,MAAM,IAAA,CAAK,YAAY;AAC5G;AAWA,IAAaI,IAAyB,kBAAyC,SAAgB,EAAE,SAAM,QAAK,UAAO,IAAI,UAAO,UAAU,eAAY,gBAAa,GAAK;CACpK,IAAM,CAACC,GAAWC,KAAgBC,EAA6B,KAAA,CAAS;CACxE,OACE,kBAAC,QAAD;EACO;EACL,GAAKC,IAAa,EAAE,eAAe,GAAK,IAAI;GAAE,MAAM;GAAO,cAAcP;EAAK;EAC9E,WAAWN,EACT,yHACAE,EAAsB,KAAKY,EAAK,CAAC,SACjCZ,EAAsB,KAAKa,EAAK,CAAC,SACjCD,KAAQ,MAAMC,MAAS,SAAS,kBAChCC,CACF;EAEC,UAAAC,KAAOA,MAAQP,IACd,kBAAC,OAAD;GAAU;GAAK,KAAI;GAAG,WAAU;GAAyB,eAAeC,EAAaM,CAAG;EAAI,CAAA,IAE5Fb,EAASE,GAAMQ,MAAS,KAAK,IAAI,CAAC;CAEhC,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc;AAUhE,IAAMI,IAAgB;CAAE,IAAI;CAAS,IAAI;CAAS,IAAI;CAAS,IAAI;CAAS,IAAI;AAAQ,GAE3EC,IAA8B,kBAA6C,SAAqB,EAAE,WAAQ,UAAO,IAAI,SAAM,GAAG,cAAW,eAAY,GAAK;CACrK,IAAMC,IAAInB,EAAU,GACdoB,IAAQC,EAAO,MAAM,GAAGd,CAAG,GAC3Be,IAAOD,EAAO,SAASD,EAAM,QAC7BG,IAAUN,EAAcJ;CAC9B,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAYQ,EAAO,KAAK,MAAMG,EAAE,IAAI,CAAC,CAAC,KAAKL,EAAE,6BAA6B,IAAI,CAAC;EAC/E,WAAWpB,EAAG,qBAAqBgB,CAAS;EAJ9C,UAAA;GAMGK,EAAM,KAAK,GAAG,MACb,kBAACZ,GAAD;IAEE,MAAMgB,EAAE;IACR,GAAKA,EAAE,MAAM,EAAE,KAAKA,EAAE,IAAI,IAAI,CAAC;IACzB;IACN,YAAA;IACA,WAAWzB,EAAG,qBAAqB0B,IAAI,KAAKF,CAAO;GACpD,GANMC,EAAE,OAAOC,CAMf,CACF;GACAH,IAAO,KACN,kBAAC,QAAD;IACE,WAAWvB,EACT,mIACAE,EAAsB,KAAKY,EAAK,CAAC,SACjCU,CACF;IALF,UAAA,CAMC,KACGD,CACE;;GAEPI,KAAY,kBAAC,QAAD;IAAM,WAAU;IAAiC;GAAe,CAAA;EAC1E;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}
+{"version":3,"file":"avatar-CWbdwbJv.js","names":["cn","useUiText","KAESO_AVATAR_VARIANTS","KAESO_AVATAR_DEFAULT_VARIANTS","initials","parts","name","first","max","Avatar","failedSrc","setFailedSrc","useState","decorative","size","kind","className","src","GROUP_OVERLAP","AvatarGroup","t","shown","people","rest","overlap","p","i","children"],"sources":["../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_AVATAR_VARIANTS = {\n  size: {\n    20: { classes: \"size-20 text-micro\" },\n    24: { classes: \"size-24 text-micro\" },\n    28: { classes: \"size-28 text-caption\" },\n    32: { classes: \"size-32 text-caption\" },\n    40: { classes: \"size-40 text-body\" },\n  },\n  kind: {\n    person: { classes: \"rounded-pill\" },\n    org: { classes: \"rounded-org\" },\n  },\n} as const;\nexport const KAESO_AVATAR_DEFAULT_VARIANTS = { size: 24, kind: \"person\" } as const;\n\nexport function initials(name: string, max: 1 | 2 = 2): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return \"?\";\n  const first = parts[0]?.[0] ?? \"\";\n  return (max === 1 || parts.length < 2 ? first : first + (parts[parts.length - 1]?.[0] ?? \"\")).toUpperCase();\n}\n\nexport interface AvatarProps {\n  name: string;\n  src?: string | undefined;\n  size?: keyof typeof KAESO_AVATAR_VARIANTS.size | undefined;\n  kind?: keyof typeof KAESO_AVATAR_VARIANTS.kind | undefined;\n  decorative?: boolean | undefined;\n  className?: string | undefined;\n}\n\nexport const Avatar = /* @__PURE__ */ forwardRef<HTMLSpanElement, AvatarProps>(function Avatar({ name, src, size = 24, kind = \"person\", decorative, className }, ref) {\n  const [failedSrc, setFailedSrc] = useState<string | undefined>(undefined);\n  return (\n    <span\n      ref={ref}\n      {...(decorative ? { \"aria-hidden\": true } : { role: \"img\", \"aria-label\": name })}\n      className={cn(\n        \"relative inline-flex shrink-0 items-center justify-center overflow-hidden bg-fill-2 font-semibold text-fg select-none\",\n        KAESO_AVATAR_VARIANTS.size[size].classes,\n        KAESO_AVATAR_VARIANTS.kind[kind].classes,\n        size <= 24 && kind === \"org\" && \"rounded-avatar\",\n        className,\n      )}\n    >\n      {src && src !== failedSrc ? (\n        <img src={src} alt=\"\" className=\"size-full object-cover\" onError={() => setFailedSrc(src)} />\n      ) : (\n        initials(name, size === 20 ? 1 : 2)\n      )}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Avatar.displayName = \"Avatar\";\n\nexport interface AvatarGroupProps {\n  people: { name: string; src?: string | undefined }[];\n  size?: keyof typeof KAESO_AVATAR_VARIANTS.size | undefined;\n  max?: number | undefined;\n  className?: string | undefined;\n  children?: ReactNode | undefined;\n}\n\nconst GROUP_OVERLAP = { 20: \"-ms-4\", 24: \"-ms-2\", 28: \"-ms-2\", 32: \"-ms-4\", 40: \"-ms-6\" } as const;\n\nexport const AvatarGroup = /* @__PURE__ */ forwardRef<HTMLDivElement, AvatarGroupProps>(function AvatarGroup({ people, size = 24, max = 4, className, children }, ref) {\n  const t = useUiText();\n  const shown = people.slice(0, max);\n  const rest = people.length - shown.length;\n  const overlap = GROUP_OVERLAP[size];\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={people.map((p) => p.name).join(t(\"avatarGroup.listSeparator\", \", \"))}\n      className={cn(\"flex items-center\", className)}\n    >\n      {shown.map((p, i) => (\n        <Avatar\n          key={p.name + i}\n          name={p.name}\n          {...(p.src ? { src: p.src } : {})}\n          size={size}\n          decorative\n          className={cn(\"ring-2 ring-panel\", i > 0 && overlap)}\n        />\n      ))}\n      {rest > 0 && (\n        <span\n          className={cn(\n            \"inline-flex shrink-0 items-center justify-center rounded-pill bg-fill-1 font-medium text-fg-secondary ring-2 ring-panel tabular\",\n            KAESO_AVATAR_VARIANTS.size[size].classes,\n            overlap,\n          )}\n        >\n          +{rest}\n        </span>\n      )}\n      {children && <span className=\"ms-8 inline-flex items-center\">{children}</span>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") AvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":";;;;;;AAIA,IAAaE,IAAwB;CACnC,MAAM;EACJ,IAAI,EAAE,SAAS,qBAAqB;EACpC,IAAI,EAAE,SAAS,qBAAqB;EACpC,IAAI,EAAE,SAAS,uBAAuB;EACtC,IAAI,EAAE,SAAS,uBAAuB;EACtC,IAAI,EAAE,SAAS,oBAAoB;CACrC;CACA,MAAM;EACJ,QAAQ,EAAE,SAAS,eAAe;EAClC,KAAK,EAAE,SAAS,cAAc;CAChC;AACF,GACaC,IAAgC;CAAE,MAAM;CAAI,MAAM;AAAS;AAExE,SAAgBC,EAAS,GAAc,IAAa,GAAW;CAC7D,IAAMC,IAAQC,EAAK,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO;CACrD,IAAID,EAAM,WAAW,GAAG,OAAO;CAC/B,IAAME,IAAQF,EAAM,EAAE,GAAG,MAAM;CAC/B,QAAQG,MAAQ,KAAKH,EAAM,SAAS,IAAIE,IAAQA,KAASF,EAAMA,EAAM,SAAS,EAAE,GAAG,MAAM,IAAA,CAAK,YAAY;AAC5G;AAWA,IAAaI,IAAyB,kBAAyC,SAAgB,EAAE,SAAM,QAAK,UAAO,IAAI,UAAO,UAAU,eAAY,gBAAa,GAAK;CACpK,IAAM,CAACC,GAAWC,KAAgBC,EAA6B,KAAA,CAAS;CACxE,OACE,kBAAC,QAAD;EACO;EACL,GAAKC,IAAa,EAAE,eAAe,GAAK,IAAI;GAAE,MAAM;GAAO,cAAcP;EAAK;EAC9E,WAAWN,EACT,yHACAE,EAAsB,KAAKY,EAAK,CAAC,SACjCZ,EAAsB,KAAKa,EAAK,CAAC,SACjCD,KAAQ,MAAMC,MAAS,SAAS,kBAChCC,CACF;EAEC,UAAAC,KAAOA,MAAQP,IACd,kBAAC,OAAD;GAAU;GAAK,KAAI;GAAG,WAAU;GAAyB,eAAeC,EAAaM,CAAG;EAAI,CAAA,IAE5Fb,EAASE,GAAMQ,MAAS,KAAK,IAAI,CAAC;CAEhC,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc;AAUhE,IAAMI,IAAgB;CAAE,IAAI;CAAS,IAAI;CAAS,IAAI;CAAS,IAAI;CAAS,IAAI;AAAQ,GAE3EC,IAA8B,kBAA6C,SAAqB,EAAE,WAAQ,UAAO,IAAI,SAAM,GAAG,cAAW,eAAY,GAAK;CACrK,IAAMC,IAAInB,EAAU,GACdoB,IAAQC,EAAO,MAAM,GAAGd,CAAG,GAC3Be,IAAOD,EAAO,SAASD,EAAM,QAC7BG,IAAUN,EAAcJ;CAC9B,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAYQ,EAAO,KAAK,MAAMG,EAAE,IAAI,CAAC,CAAC,KAAKL,EAAE,6BAA6B,IAAI,CAAC;EAC/E,WAAWpB,EAAG,qBAAqBgB,CAAS;EAJ9C,UAAA;GAMGK,EAAM,KAAK,GAAG,MACb,kBAACZ,GAAD;IAEE,MAAMgB,EAAE;IACR,GAAKA,EAAE,MAAM,EAAE,KAAKA,EAAE,IAAI,IAAI,CAAC;IACzB;IACN,YAAA;IACA,WAAWzB,EAAG,qBAAqB0B,IAAI,KAAKF,CAAO;GACpD,GANMC,EAAE,OAAOC,CAMf,CACF;GACAH,IAAO,KACN,kBAAC,QAAD;IACE,WAAWvB,EACT,mIACAE,EAAsB,KAAKY,EAAK,CAAC,SACjCU,CACF;IALF,UAAA,CAMC,KACGD,CACE;;GAEPI,KAAY,kBAAC,QAAD;IAAM,WAAU;IAAiC;GAAe,CAAA;EAC1E;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}

package/dist/chunks/{badge-CM8ahjDR.js → badge-C2KtxCLB.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/badge/badge.tsx
@@ -23,4 +23,4 @@ process.env.NODE_ENV !== "production" && (a.displayName = "Badge");
 //#endregion
 export { i as n, r, a as t };
 
-//# sourceMappingURL=badge-CM8ahjDR.js.map
+//# sourceMappingURL=badge-C2KtxCLB.js.map

package/dist/chunks/{badge-CM8ahjDR.js.map → badge-C2KtxCLB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"badge-CM8ahjDR.js","names":["cn","KAESO_BADGE_VARIANTS","KAESO_BADGE_DEFAULT_VARIANTS","Badge","props","tone","className"],"sources":["../../src/components/badge/badge.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_BADGE_VARIANTS = {\n  tone: {\n    neutral: { classes: \"bg-fill-2 text-fg-secondary\" },\n    success: { classes: \"bg-success-tint text-success-text\" },\n    warning: { classes: \"bg-warning-tint text-warning-text\" },\n    danger: { classes: \"bg-danger-tint text-danger-text\" },\n    info: { classes: \"bg-info-tint text-info-text\" },\n    outline: { classes: \"bg-transparent text-fg-secondary shadow-ring\" },\n    ink: { classes: \"bg-ink text-on-ink\" },\n  },\n} as const;\nexport const KAESO_BADGE_DEFAULT_VARIANTS = { tone: \"neutral\" } as const;\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  tone?: keyof typeof KAESO_BADGE_VARIANTS.tone | undefined;\n  children: ReactNode;\n}\n\nexport const Badge = /* @__PURE__ */ forwardRef<HTMLSpanElement, BadgeProps>(function Badge({ tone = \"neutral\", className, children, ...props }, ref) {\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        \"inline-flex h-22 shrink-0 items-center rounded-pill px-8 text-caption font-medium whitespace-nowrap tabular\",\n        KAESO_BADGE_VARIANTS.tone[tone].classes,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Badge.displayName = \"Badge\";\n"],"mappings":";;;;;AAGA,IAAaC,IAAuB,EAClC,MAAM;CACJ,SAAS,EAAE,SAAS,8BAA8B;CAClD,SAAS,EAAE,SAAS,oCAAoC;CACxD,SAAS,EAAE,SAAS,oCAAoC;CACxD,QAAQ,EAAE,SAAS,kCAAkC;CACrD,MAAM,EAAE,SAAS,8BAA8B;CAC/C,SAAS,EAAE,SAAS,+CAA+C;CACnE,KAAK,EAAE,SAAS,qBAAqB;AACvC,EACF,GACaC,IAA+B,EAAE,MAAM,UAAU,GAOjDC,IAAwB,kBAAwC,SAAe,EAAE,UAAO,WAAW,cAAW,aAAU,GAAGC,KAAS,GAAK;CACpJ,OACE,kBAAC,QAAD;EACO;EACL,WAAWJ,EACT,+GACAC,EAAqB,KAAKI,EAAK,CAAC,SAChCC,CACF;EACA,GAAIF;EAEH;CACG,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc"}
+{"version":3,"file":"badge-C2KtxCLB.js","names":["cn","KAESO_BADGE_VARIANTS","KAESO_BADGE_DEFAULT_VARIANTS","Badge","props","tone","className"],"sources":["../../src/components/badge/badge.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_BADGE_VARIANTS = {\n  tone: {\n    neutral: { classes: \"bg-fill-2 text-fg-secondary\" },\n    success: { classes: \"bg-success-tint text-success-text\" },\n    warning: { classes: \"bg-warning-tint text-warning-text\" },\n    danger: { classes: \"bg-danger-tint text-danger-text\" },\n    info: { classes: \"bg-info-tint text-info-text\" },\n    outline: { classes: \"bg-transparent text-fg-secondary shadow-ring\" },\n    ink: { classes: \"bg-ink text-on-ink\" },\n  },\n} as const;\nexport const KAESO_BADGE_DEFAULT_VARIANTS = { tone: \"neutral\" } as const;\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  tone?: keyof typeof KAESO_BADGE_VARIANTS.tone | undefined;\n  children: ReactNode;\n}\n\nexport const Badge = /* @__PURE__ */ forwardRef<HTMLSpanElement, BadgeProps>(function Badge({ tone = \"neutral\", className, children, ...props }, ref) {\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        \"inline-flex h-22 shrink-0 items-center rounded-pill px-8 text-caption font-medium whitespace-nowrap tabular\",\n        KAESO_BADGE_VARIANTS.tone[tone].classes,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Badge.displayName = \"Badge\";\n"],"mappings":";;;;;AAGA,IAAaC,IAAuB,EAClC,MAAM;CACJ,SAAS,EAAE,SAAS,8BAA8B;CAClD,SAAS,EAAE,SAAS,oCAAoC;CACxD,SAAS,EAAE,SAAS,oCAAoC;CACxD,QAAQ,EAAE,SAAS,kCAAkC;CACrD,MAAM,EAAE,SAAS,8BAA8B;CAC/C,SAAS,EAAE,SAAS,+CAA+C;CACnE,KAAK,EAAE,SAAS,qBAAqB;AACvC,EACF,GACaC,IAA+B,EAAE,MAAM,UAAU,GAOjDC,IAAwB,kBAAwC,SAAe,EAAE,UAAO,WAAW,cAAW,aAAU,GAAGC,KAAS,GAAK;CACpJ,OACE,kBAAC,QAAD;EACO;EACL,WAAWJ,EACT,+GACAC,EAAqB,KAAKI,EAAK,CAAC,SAChCC,CACF;EACA,GAAIF;EAEH;CACG,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc"}

package/dist/chunks/{banner-CvYgPwCc.js → banner-Cb8OWnqJ.js}

@@ -1,8 +1,8 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { i as t } from "./context-BELWW79w.js";
-import { t as n } from "./icon-D5uD_mnL.js";
-import { t as r } from "./icon-button-C7Du4pvb.js";
+import { t as n } from "./icon-D7ja-_Yk.js";
+import { t as r } from "./icon-button-CPYR21Sz.js";
 import { forwardRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Alert02Icon as c, AlertCircleIcon as l, Cancel01Icon as u, CheckmarkCircle02Icon as d, InformationCircleIcon as f } from "@hugeicons/core-free-icons";
@@ -82,4 +82,4 @@ process.env.NODE_ENV !== "production" && (_.displayName = "Banner");
 //#endregion
 export { m as n, p as r, _ as t };
 
-//# sourceMappingURL=banner-CvYgPwCc.js.map
+//# sourceMappingURL=banner-Cb8OWnqJ.js.map