@kerfjs/ui 4.4.1 → 5.0.0-beta.11

package/ux-demo/recipes/recipes.css

@@ -0,0 +1,448 @@
+.kui-recipe {
+  width: 100%;
+  min-width: 0;
+  color: var(--kui-color-text);
+  container-type: inline-size;
+}
+.kui-recipe button {
+  font: inherit;
+}
+.kui-recipe__button {
+  min-height: 2rem;
+  padding: var(--kui-space-xs) var(--kui-space-s);
+  border: 1px solid var(--kui-color-border);
+  border-radius: var(--kui-radius-m);
+  color: var(--kui-color-text);
+  background: var(--kui-color-surface);
+  cursor: pointer;
+}
+.kui-recipe__button[data-primary="true"] {
+  color: var(--kui-color-brand-on-normal);
+  border-color: var(--kui-color-brand-border-normal);
+  background: var(--kui-color-brand-fill-normal);
+}
+.kui-recipe__button:focus-visible {
+  outline: var(--kui-focus-ring);
+  outline-offset: 2px;
+}
+.kui-recipe__surface {
+  min-width: 0;
+  overflow: hidden;
+  border: 1px solid var(--kui-color-border);
+  border-radius: var(--kui-radius-l);
+  background: var(--kui-color-surface);
+  box-shadow: var(--kui-shadow-s);
+}
+.kui-recipe__pane-title {
+  margin: 0;
+  font-size: var(--kui-font-s);
+}
+.kui-recipe__muted {
+  color: var(--kui-color-text-quiet);
+  font-size: var(--kui-font-s);
+}
+.kui-recipe__ownership {
+  margin: 0;
+  color: var(--kui-color-text-quiet);
+  font-size: var(--kui-font-xs);
+}
+
+.recipe-shell {
+  display: grid;
+  height: min(37rem, 70vh);
+  grid-template-rows: auto minmax(0, 1fr);
+}
+.recipe-shell__body {
+  display: flex;
+  min-width: 0;
+  min-height: 0;
+}
+.recipe-shell__toolbar-actions {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+}
+.recipe-shell__responsive-controls {
+  display: none;
+}
+.recipe-shell__nav,
+.recipe-shell__inspector {
+  min-height: 0;
+  background: var(--kui-color-surface);
+}
+.recipe-shell__nav-list,
+.recipe-shell__inspector-body,
+.recipe-shell__main-body {
+  min-height: 0;
+}
+.recipe-shell__main {
+  display: grid;
+  min-width: 16rem;
+  min-height: 0;
+  flex: 1;
+  grid-template-rows: auto minmax(0, 1fr);
+  background: var(--kui-color-surface-lowered);
+}
+.recipe-shell__cards {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: var(--kui-layout-content-gap);
+}
+.recipe-shell__card {
+  --kui-content-item-border: var(--kui-color-border-quiet);
+  --kui-content-item-background: var(--kui-color-surface);
+}
+
+.recipe-sidebar {
+  display: grid;
+  width: min(22rem, 100%);
+  min-height: 32rem;
+  margin-inline: auto;
+  grid-template-rows: minmax(0, 1fr) auto;
+}
+.recipe-sidebar__body {
+  min-height: 0;
+}
+.recipe-sidebar__footer {
+  border-block-start: 1px solid var(--kui-color-border);
+}
+
+.recipe-header {
+  min-height: 20rem;
+}
+.recipe-header__context {
+  margin: 0;
+}
+
+.recipe-list-detail {
+  display: grid;
+  width: 100%;
+  min-height: 25rem;
+  grid-template-columns: minmax(13rem, 0.8fr) minmax(18rem, 1.4fr);
+}
+.recipe-list-detail__list {
+  border-inline-end: 1px solid var(--kui-color-border);
+}
+.recipe-list-detail__detail {
+  min-width: 0;
+}
+.recipe-list-detail__body {
+  padding-block: var(--kui-layout-item-gap);
+}
+.recipe-list-detail__title {
+  margin-inline: var(--kui-layout-inline-margin, remify(8px));
+}
+.recipe-list-detail__actions {
+  margin-inline: var(--kui-layout-inline-margin, remify(8px));
+}
+.recipe-dialog {
+  --spacing: 0;
+  --width: min(62rem, calc(100vw - 2rem));
+}
+.recipe-dialog .kui-panel-header {
+  margin-inline: 0;
+}
+
+.recipe-form {
+  width: min(38rem, 100%);
+  margin-inline: auto;
+  padding-block: var(--kui-layout-item-gap);
+}
+.recipe-form__section {
+  display: grid;
+  min-width: 0;
+  margin-inline: var(--kui-layout-inline-margin, remify(8px));
+  gap: var(--kui-layout-item-gap);
+}
+.recipe-form__fields {
+  align-content: start;
+}
+.recipe-form__fields wa-input::part(form-control-label),
+.recipe-form__fields wa-input::part(hint),
+.recipe-form__fields wa-textarea::part(form-control-label),
+.recipe-form__fields wa-textarea::part(hint),
+.recipe-form__fields .kui-select::part(form-control-label) {
+  padding-inline: remify(8px);
+}
+.recipe-form__fields wa-textarea::part(textarea) {
+  padding-inline: remify(8px);
+}
+.recipe-form__footer {
+  align-content: start;
+}
+
+.recipe-list {
+  display: grid;
+  min-height: 27rem;
+  grid-template-rows: auto minmax(0, 1fr);
+}
+.recipe-list__body {
+  min-height: 0;
+}
+.recipe-list__items {
+  display: grid;
+  margin: 0 var(--kui-layout-inline-margin);
+  padding: var(--kui-layout-item-padding);
+  border: var(--kui-layout-item-border-width) solid
+    var(--kui-color-border-quiet);
+  border-radius: var(--kui-layout-rounded-radius);
+  background: var(--kui-color-surface);
+  list-style: none;
+}
+.recipe-list__items li {
+  display: grid;
+  padding: var(--kui-layout-item-padding);
+  border-block-end: 1px solid var(--kui-color-border-quiet);
+  gap: var(--kui-layout-metadata-gap);
+}
+.recipe-list__items li:last-child {
+  border-block-end: 0;
+}
+
+.recipe-compact-toolbar {
+  display: flex;
+  flex-direction: column;
+  gap: var(--kui-layout-content-gap);
+}
+.recipe-compact-toolbar__guide {
+  /* Span the toolbar's full width instead of the 8px content-item inset — under a
+     full-bleed toolbar/divider the inset read as the boxes floating too far in. */
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  margin-inline: 0;
+  gap: var(--kui-layout-control-gap);
+}
+.recipe-compact-toolbar__guide > div {
+  padding: var(--kui-layout-item-padding);
+  border: var(--kui-layout-item-border-width) solid
+    var(--kui-color-border-quiet);
+  border-radius: var(--kui-layout-rounded-radius);
+}
+.recipe-compact-toolbar__guide strong,
+.recipe-compact-toolbar__guide span {
+  display: block;
+}
+
+@container (max-width: 44rem) {
+  .recipe-shell__inspector-region {
+    display: none;
+  }
+  .recipe-shell__responsive-controls {
+    display: inline-flex;
+  }
+  .recipe-shell[data-responsive-pane="inspector"] .recipe-shell__nav-region,
+  .recipe-shell[data-responsive-pane="inspector"] .recipe-shell__main {
+    display: none;
+  }
+  .recipe-shell[data-responsive-pane="inspector"]
+    .recipe-shell__inspector-region {
+    display: flex;
+    min-width: 0;
+    flex: 1;
+  }
+  .recipe-shell[data-responsive-pane="inspector"]
+    .recipe-shell__inspector-region
+    .kui-resizable-region {
+    width: 100%;
+    flex: 1;
+  }
+  .recipe-shell[data-responsive-pane="inspector"]
+    .recipe-shell__inspector-region
+    .kui-resizable-region__handle {
+    display: none;
+  }
+  .recipe-shell__responsive-controls [data-recipe-command="show-navigation"] {
+    display: none;
+  }
+  .recipe-shell__cards,
+  .recipe-compact-toolbar__guide {
+    grid-template-columns: 1fr 1fr;
+  }
+  .recipe-list-detail {
+    grid-template-columns: 1fr;
+  }
+  .recipe-list-detail__list {
+    border-inline-end: 0;
+    border-block-end: 1px solid var(--kui-color-border);
+  }
+  .recipe-compact-toolbar .kui-toolbar {
+    height: auto;
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-areas: "leading" "center" "trailing";
+    row-gap: var(--kui-toolbar-gap);
+  }
+  .recipe-compact-toolbar .kui-toolbar__leading {
+    grid-area: leading;
+    padding-inline-end: 0;
+  }
+  .recipe-compact-toolbar .kui-toolbar__center {
+    grid-area: center;
+  }
+  .recipe-compact-toolbar .kui-toolbar__trailing {
+    grid-area: trailing;
+    justify-content: flex-start;
+  }
+  .recipe-compact-toolbar .kui-toolbar__trailing > .kui-control-cluster {
+    width: 100%;
+  }
+  .recipe-compact-toolbar .kui-toolbar__trailing wa-select {
+    min-width: min(12rem, 100%);
+    flex: 1 1 12rem;
+  }
+}
+
+@container (max-width: 28rem) {
+  .recipe-shell__nav-region {
+    display: none;
+  }
+  .recipe-shell[data-responsive-pane="navigation"] .recipe-shell__main,
+  .recipe-shell[data-responsive-pane="navigation"]
+    .recipe-shell__inspector-region {
+    display: none;
+  }
+  .recipe-shell[data-responsive-pane="navigation"] .recipe-shell__nav-region {
+    display: flex;
+    min-width: 0;
+    flex: 1;
+  }
+  .recipe-shell[data-responsive-pane="navigation"]
+    .recipe-shell__nav-region
+    .kui-resizable-region {
+    width: 100%;
+    flex: 1;
+  }
+  .recipe-shell[data-responsive-pane="navigation"]
+    .recipe-shell__nav-region
+    .kui-resizable-region__handle {
+    display: none;
+  }
+  .recipe-shell__responsive-controls [data-recipe-command="show-navigation"] {
+    display: grid;
+  }
+  .recipe-shell__cards,
+  .recipe-compact-toolbar__guide {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (forced-colors: active) {
+  .recipe-form__section {
+    border-color: Canvas;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .kui-recipe *,
+  .kui-recipe *::before,
+  .kui-recipe *::after {
+    scroll-behavior: auto !important;
+    animation-duration: 1ms !important;
+    transition-duration: 1ms !important;
+  }
+}
+
+.recipe-navstack {
+  display: flex;
+  width: min(28rem, 100%);
+  margin-inline: auto;
+  flex-direction: column;
+}
+.recipe-navstack__stage {
+  height: 24rem;
+}
+.recipe-navstack__view {
+  /* The view is a .kui-content stack whose rows own their 8px margins; add only a
+     little block breathing room, not an inline pad that would double-inset them. */
+  padding-block: var(--kui-space-2xs);
+}
+
+.recipe-inspector {
+  width: min(remify(560px), 100%);
+}
+
+/* The bare Select + SegmentedControl carry no content-item geometry, so inset
+   them to the shared inline margin to line up with the ValueTable / list / banner
+   content-items, and group the two related controls closer than the 24px
+   between-region content gap. */
+.recipe-inspector__controls {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  margin-inline: var(--kui-layout-inline-margin, remify(8px));
+  gap: var(--kui-space-s);
+}
+
+/* Collapsible-sidebar recipe: a mini app frame with a left rail (CollapsiblePanel)
+   full-height at the leading edge, the main pane, and a bottom drawer under it.
+   `contain: paint` bounds the wire's compact overlay (a viewport-`fixed` panel +
+   backdrop) to this frame so the embedded demo does not cover the whole catalog. */
+.recipe-collapsible-sidebar {
+  display: grid;
+  height: min(34rem, 70vh);
+  contain: paint;
+  grid-template-areas:
+    "rail main"
+    "rail drawer";
+  grid-template-columns: auto minmax(0, 1fr);
+  grid-template-rows: minmax(0, 1fr) auto;
+}
+.recipe-collapsible-sidebar__rail {
+  grid-area: rail;
+  display: flex;
+  min-height: 0;
+  flex-direction: column;
+}
+.recipe-collapsible-sidebar__rail-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--kui-space-2xs) var(--kui-layout-inline-margin, remify(8px));
+  border-block-end: 1px solid var(--kui-color-border);
+}
+.recipe-collapsible-sidebar__nav {
+  min-height: 0;
+}
+.recipe-collapsible-sidebar__main {
+  display: grid;
+  grid-area: main;
+  min-width: 0;
+  min-height: 0;
+  grid-template-rows: auto minmax(0, 1fr);
+  background: var(--kui-color-surface-lowered);
+}
+.recipe-collapsible-sidebar__body {
+  min-height: 0;
+}
+.recipe-collapsible-sidebar__card strong {
+  display: block;
+}
+.recipe-collapsible-sidebar__drawer {
+  grid-area: drawer;
+  display: flex;
+  min-height: 0;
+  flex-direction: column;
+}
+.recipe-collapsible-sidebar__drawer-body {
+  min-height: 0;
+}
+.recipe-collapsible-sidebar__log {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  margin: 0;
+  margin-inline: var(--kui-layout-inline-margin, remify(8px));
+  padding: 0;
+  list-style: none;
+  gap: var(--kui-space-xs);
+}
+.recipe-collapsible-sidebar__log li {
+  display: flex;
+  align-items: center;
+  color: var(--kui-color-text-quiet);
+  font-size: var(--kui-font-s);
+  gap: var(--kui-space-xs);
+}
+.recipe-collapsible-sidebar__log svg {
+  width: remify(16px);
+  height: remify(16px);
+}

package/ux-demo/recipes/types.ts

@@ -0,0 +1,17 @@
+import type { SafeHtml } from 'kerfjs';
+
+export interface RecipeController {
+  render(): SafeHtml;
+  action(command: string, element: HTMLElement): void;
+  change?(element: HTMLElement): void;
+  afterHide?(element: HTMLElement): void;
+  resize?(id: string, size: number): void;
+  /**
+   * Install any imperative wiring the recipe owns on its mounted root (e.g.
+   * `wireSidebar` for a collapsible rail/drawer), returning a disposer. The
+   * application boundary calls it once per mount and disposes it on teardown.
+   */
+  wire?(root: HTMLElement): () => void;
+}
+
+export type RecipeFactory = (announce: (message: string) => void) => RecipeController;

package/ux-demo/recipes/workspace-header.tsx

@@ -0,0 +1,12 @@
+import '@kerfjs/ui/layout.css';
+import './recipes.css';
+
+import { PanelHeader } from '@kerfjs/ui/panel-header';
+import { StateBanner } from '@kerfjs/ui/state-banner';
+
+import type { RecipeFactory } from './types.js';
+
+export const createRecipe: RecipeFactory = (announce) => ({
+  render: () => <section class="kui-recipe recipe-header kui-recipe__surface kui-content" data-recipe="recipe-workspace-header"><p class="recipe-header__context kui-inline-metadata kui-content-item"><span>Northstar workspace</span><span>·</span><span>Product planning</span></p><PanelHeader title="Accessibility readiness and responsive navigation rollout" titleId="recipe-workspace-title" actions={<div class="kui-control-cluster"><button class="kui-recipe__button" type="button" data-action="recipe-action" data-recipe-command="share">Share</button><button class="kui-recipe__button" type="button" data-action="recipe-action" data-recipe-command="more">More actions</button><button class="kui-recipe__button" data-primary="true" type="button" data-action="recipe-action" data-recipe-command="publish">Publish update</button></div>} /><StateBanner title="Ready for review" detail="All required checks passed 18 minutes ago." tone="success" /><p class="kui-recipe__ownership kui-content-item">The recipe owns page hierarchy and action relocation. The app owns authorization, command behavior, breadcrumbs, and product copy.</p></section>,
+  action(command) { announce(`${command} requested`); },
+});

package/dist/browser/dialog-header.js

@@ -1,3 +0,0 @@
-import '../../src/foundation.css';
-import '../../src/dialog-header.css';
-export * from '../dialog-header.js';

package/dist/browser/menu-header.js

@@ -1,3 +0,0 @@
-import '../../src/foundation.css';
-import '../../src/menu-header.css';
-export * from '../menu-header.js';

package/dist/browser/menu-item.js

@@ -1,3 +0,0 @@
-import '../../src/foundation.css';
-import '../../src/menu-item.css';
-export * from '../menu-item.js';

package/dist/browser/page-header.js

@@ -1,3 +0,0 @@
-import '../../src/foundation.css';
-import '../../src/page-header.css';
-export * from '../page-header.js';

package/dist/chunk-2PES33HS.js

@@ -1,13 +0,0 @@
-import { jsxs, jsx } from 'kerfjs/jsx-runtime';
-
-// src/page-header.tsx
-function PageHeader({ title, action }) {
-  return /* @__PURE__ */ jsxs("header", { class: "kui-page-header", "data-component": "page-header", children: [
-    /* @__PURE__ */ jsx("h1", { children: title }),
-    action && /* @__PURE__ */ jsx("div", { class: "kui-page-header__action", children: action })
-  ] });
-}
-
-export { PageHeader };
-
-//# sourceMappingURL=chunk-2PES33HS.js.map

package/dist/chunk-2PES33HS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/page-header.tsx"],"names":[],"mappings":";;;AAOO,SAAS,UAAA,CAAW,EAAE,KAAA,EAAO,MAAA,EAAO,EAAoB;AAC7D,EAAA,uBAAO,IAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAM,iBAAA,EAAkB,kBAAe,aAAA,EAAc,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IAAM,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,2BAA2B,QAAA,EAAA,MAAA,EAAO;AAAA,GAAA,EAAO,CAAA;AACrJ","file":"chunk-2PES33HS.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nexport interface PageHeaderProps {\n  title: string | SafeHtml;\n  action?: SafeHtml;\n}\n\nexport function PageHeader({ title, action }: PageHeaderProps) {\n  return <header class=\"kui-page-header\" data-component=\"page-header\"><h1>{title}</h1>{action && <div class=\"kui-page-header__action\">{action}</div>}</header>;\n}\n"]}

package/dist/chunk-3O7ZEUW2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/resizable-region.tsx"],"names":[],"mappings":";;;AAkBO,IAAM,eAAA,GAAkB,CAAC,IAAA,EAAc,GAAA,EAAa,QAAgB,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,IAAI,GAAA,EAAK,IAAA,CAAK,KAAA,CAAM,IAAI,CAAC,CAAC;AACjH,IAAM,uBAAA,GAA0B,CAAC,SAAA,EAAmB,KAAA,EAAe,SAA8B,SAAA,GAAY,KAAA,IAAS,IAAA,KAAS,OAAA,GAAU,EAAA,GAAK,CAAA;AAErJ,SAAS,UAAA,CAAW,EAAE,IAAA,EAAK,EAAkC;AAC3D,EAAA,2BAAQ,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,MAAA,EAAO,cAAA,EAAe,gBAAa,GAAA,EAAI,gBAAA,EAAe,OAAA,EAClH,QAAA,EAAA,IAAA,KAAS,+BACN,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,SAAA,EAAU,CAAA;AAAA,oBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,UAAA,EAAW;AAAA,GAAA,EAAO,oBACrD,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,SAAA,EAAU,CAAA;AAAA,oBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,UAAA,EAAW;AAAA,GAAA,EAAO,CAAA,EAC3D,CAAA;AACF;AAEO,SAAS,gBAAgB,EAAE,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,KAAK,GAAA,EAAK,IAAA,GAAO,YAAA,EAAc,IAAA,GAAO,OAAO,SAAA,GAAY,KAAA,EAAO,aAAA,GAAgB,KAAA,EAAO,UAAS,EAAyB;AAC1K,EAAA,MAAM,YAAA,GAAe,eAAA,CAAgB,IAAA,EAAM,GAAA,EAAK,GAAG,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,YAAY,CAAA,GAAI,YAAA;AACjC,EAAA,MAAM,WAAA,GAAc,IAAA,KAAS,YAAA,GAAe,UAAA,GAAa,YAAA;AACzD,EAAA,uBAAO,IAAA,CAAC,SAAA,EAAA,EAAQ,KAAA,EAAM,sBAAA,EAAuB,gBAAA,EAAe,kBAAA,EAAmB,gBAAA,EAAgB,EAAA,EAAI,WAAA,EAAW,IAAA,EAAM,WAAA,EAAW,IAAA,EAAM,gBAAA,EAAgB,MAAA,CAAO,SAAS,CAAA,EAAG,oBAAA,EAAoB,MAAA,CAAO,aAAa,CAAA,EAAG,KAAA,EAAO,CAAA,4BAAA,EAA+B,QAAQ,CAAA,wCAAA,EAA2C,YAAY,CAAA,EAAA,CAAA,EAAM,YAAA,EAAY,KAAA,EACxU,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,+BAAA,EAAiC,QAAA,EAAS,CAAA;AAAA,oBACrD,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,8BAAA,EAA+B,IAAA,EAAK,WAAA,EAAY,QAAA,EAAS,GAAA,EAAI,YAAA,EAAY,CAAA,OAAA,EAAU,KAAK,CAAA,CAAA,EAAI,kBAAA,EAAkB,WAAA,EAAa,eAAA,EAAe,SAAA,GAAY,CAAA,GAAI,GAAA,EAAK,eAAA,EAAe,GAAA,EAAK,eAAA,EAAe,QAAA,EAAU,wBAAA,EAAsB,IAAA,EAAC,gBAAA,EAAgB,EAAA,EAC5P,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,MAAY,CAAA,EAC1B;AAAA,GAAA,EACF,CAAA;AACF","file":"chunk-3O7ZEUW2.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nexport type ResizableRegionAxis = 'horizontal' | 'vertical';\nexport type ResizableRegionEdge = 'start' | 'end';\n\nexport interface ResizableRegionProps {\n  id: string;\n  label: string;\n  size: number;\n  min: number;\n  max: number;\n  axis?: ResizableRegionAxis;\n  edge?: ResizableRegionEdge;\n  collapsed?: boolean;\n  transitioning?: boolean;\n  children: SafeHtml | SafeHtml[];\n}\n\nexport const clampRegionSize = (size: number, min: number, max: number) => Math.min(max, Math.max(min, Math.round(size)));\nexport const resizeRegionFromPointer = (startSize: number, delta: number, edge: ResizableRegionEdge) => startSize + delta * (edge === 'start' ? -1 : 1);\n\nfunction ResizeGrip({ axis }: { axis: ResizableRegionAxis }) {\n  return <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\n    {axis === 'horizontal'\n      ? <><path d=\"M9 6v12\"></path><path d=\"M15 6v12\"></path></>\n      : <><path d=\"M6 9h12\"></path><path d=\"M6 15h12\"></path></>}\n  </svg>;\n}\n\nexport function ResizableRegion({ id, label, size, min, max, axis = 'horizontal', edge = 'end', collapsed = false, transitioning = false, children }: ResizableRegionProps) {\n  const expandedSize = clampRegionSize(size, min, max);\n  const resolved = collapsed ? 0 : expandedSize;\n  const orientation = axis === 'horizontal' ? 'vertical' : 'horizontal';\n  return <section class=\"kui-resizable-region\" data-component=\"resizable-region\" data-region-id={id} data-axis={axis} data-edge={edge} data-collapsed={String(collapsed)} data-transitioning={String(transitioning)} style={`--kui-resizable-region-size:${resolved}px;--kui-resizable-region-expanded-size:${expandedSize}px`} aria-label={label}>\n    <div class=\"kui-resizable-region__content\">{children}</div>\n    <div class=\"kui-resizable-region__handle\" role=\"separator\" tabindex=\"0\" aria-label={`Resize ${label}`} aria-orientation={orientation} aria-valuemin={collapsed ? 0 : min} aria-valuemax={max} aria-valuenow={resolved} data-kui-resize-handle data-region-id={id}>\n      <ResizeGrip axis={axis} />\n    </div>\n  </section>;\n}\n"]}

package/dist/chunk-723YNJBH.js

@@ -1,17 +0,0 @@
-import { jsxs, jsx } from 'kerfjs/jsx-runtime';
-
-// src/dialog-header.tsx
-function DialogHeader({ title, titleId, summary, summaryId, icon, iconClassName = "", actions }) {
-  return /* @__PURE__ */ jsxs("header", { class: "kui-dialog-header", "data-component": "dialog-header", "data-has-icon": String(Boolean(icon)), children: [
-    icon && /* @__PURE__ */ jsx("span", { class: `kui-dialog-header__icon ${iconClassName}`.trim(), children: icon }),
-    /* @__PURE__ */ jsxs("div", { class: "kui-dialog-header__copy", children: [
-      /* @__PURE__ */ jsx("h2", { id: titleId, children: title }),
-      /* @__PURE__ */ jsx("p", { id: summaryId, children: summary })
-    ] }),
-    actions && /* @__PURE__ */ jsx("div", { class: "kui-dialog-header__actions", children: actions })
-  ] });
-}
-
-export { DialogHeader };
-
-//# sourceMappingURL=chunk-723YNJBH.js.map

package/dist/chunk-723YNJBH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/dialog-header.tsx"],"names":[],"mappings":";;;AAYO,SAAS,YAAA,CAAa,EAAE,KAAA,EAAO,OAAA,EAAS,OAAA,EAAS,WAAW,IAAA,EAAM,aAAA,GAAgB,EAAA,EAAI,OAAA,EAAQ,EAAsB;AACzH,EAAA,uBAAO,IAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAM,mBAAA,EAAoB,gBAAA,EAAe,eAAA,EAAgB,eAAA,EAAe,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAC,CAAA,EACxG,QAAA,EAAA;AAAA,IAAA,IAAA,oBAAQ,GAAA,CAAC,UAAK,KAAA,EAAO,CAAA,wBAAA,EAA2B,aAAa,CAAA,CAAA,CAAG,IAAA,IAAS,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,oBAC/E,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,yBAAA,EAA0B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,EAAA,EAAI,OAAA,EAAU,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBAAK,GAAA,CAAC,GAAA,EAAA,EAAE,EAAA,EAAI,SAAA,EAAY,QAAA,EAAA,OAAA,EAAQ;AAAA,KAAA,EAAI,CAAA;AAAA,IAChG,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,8BAA8B,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EAC/D,CAAA;AACF","file":"chunk-723YNJBH.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nexport interface DialogHeaderProps {\n  title: string;\n  titleId: string;\n  summary: string;\n  summaryId?: string;\n  icon?: SafeHtml;\n  iconClassName?: string;\n  actions?: SafeHtml;\n}\n\nexport function DialogHeader({ title, titleId, summary, summaryId, icon, iconClassName = '', actions }: DialogHeaderProps) {\n  return <header class=\"kui-dialog-header\" data-component=\"dialog-header\" data-has-icon={String(Boolean(icon))}>\n    {icon && <span class={`kui-dialog-header__icon ${iconClassName}`.trim()}>{icon}</span>}\n    <div class=\"kui-dialog-header__copy\"><h2 id={titleId}>{title}</h2><p id={summaryId}>{summary}</p></div>\n    {actions && <div class=\"kui-dialog-header__actions\">{actions}</div>}\n  </header>;\n}\n"]}

package/dist/chunk-GY5WH7TO.js

@@ -1,10 +0,0 @@
-import { jsx } from 'kerfjs/jsx-runtime';
-
-// src/toolbar-text.tsx
-function ToolbarText({ text, size = "default", className = "" }) {
-  return /* @__PURE__ */ jsx("span", { class: `kui-toolbar-text ${className}`.trim(), "data-component": "toolbar-text", "data-size": size, children: text });
-}
-
-export { ToolbarText };
-
-//# sourceMappingURL=chunk-GY5WH7TO.js.map

package/dist/chunk-GY5WH7TO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/toolbar-text.tsx"],"names":[],"mappings":";;;AAQO,SAAS,YAAY,EAAE,IAAA,EAAM,OAAO,SAAA,EAAW,SAAA,GAAY,IAAG,EAAqB;AACxF,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAO,CAAA,iBAAA,EAAoB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK,EAAG,gBAAA,EAAe,cAAA,EAAe,WAAA,EAAW,IAAA,EAAO,QAAA,EAAA,IAAA,EAAK,CAAA;AACnH","file":"chunk-GY5WH7TO.js","sourcesContent":["export type ToolbarTextSize = 'large' | 'default' | 'small';\n\nexport interface ToolbarTextProps {\n  text: string;\n  size?: ToolbarTextSize;\n  className?: string;\n}\n\nexport function ToolbarText({ text, size = 'default', className = '' }: ToolbarTextProps) {\n  return <span class={`kui-toolbar-text ${className}`.trim()} data-component=\"toolbar-text\" data-size={size}>{text}</span>;\n}\n"]}

package/dist/chunk-MBR3TYNL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tab-bar.tsx"],"names":[],"mappings":";;;AAYO,SAAS,MAAA,CAAO,EAAE,EAAA,EAAI,KAAA,EAAO,UAAU,OAAA,EAAS,QAAA,EAAU,SAAA,GAAY,EAAA,EAAG,EAAgB;AAC9F,EAAA,uBAAO,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,CAAA,YAAA,EAAe,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK,EAAG,gBAAA,EAAe,SAAA,EAAU,iBAAA,EAAiB,EAAA,EAAI,cAAY,KAAA,EAC7G,QAAA,EAAA;AAAA,IAAA,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,sBAAA,EAAwB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,oBACvD,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,mBAAA,EAAoB,IAAA,EAAK,WAAU,YAAA,EAAY,KAAA,EAAO,mBAAA,EAAiB,IAAA,EAAE,QAAA,EAAS,CAAA;AAAA,IAC5F,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,yBAAyB,QAAA,EAAA,QAAA,EAAS;AAAA,GAAA,EAC5D,CAAA;AACF","file":"chunk-MBR3TYNL.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nexport interface TabBarProps {\n  id: string;\n  label: string;\n  children: SafeHtml | readonly SafeHtml[];\n  leading?: SafeHtml;\n  trailing?: SafeHtml;\n  className?: string;\n}\n\n/** Render a controlled tab strip. The application owns selection, order, and persistence. */\nexport function TabBar({ id, label, children, leading, trailing, className = '' }: TabBarProps) {\n  return <nav class={`kui-tab-bar ${className}`.trim()} data-component=\"tab-bar\" data-tab-bar-id={id} aria-label={label}>\n    {leading && <div class=\"kui-tab-bar__leading\">{leading}</div>}\n    <div class=\"kui-tab-bar__tabs\" role=\"tablist\" aria-label={label} data-kui-tab-list>{children}</div>\n    {trailing && <div class=\"kui-tab-bar__trailing\">{trailing}</div>}\n  </nav>;\n}\n"]}

package/dist/chunk-MFKMHK5W.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/toolbar-control-group.tsx"],"names":[],"mappings":";;;AAaO,SAAS,oBAAoB,EAAE,QAAA,EAAU,KAAA,EAAO,SAAA,GAAY,IAAI,QAAA,GAAW,KAAA,EAAO,MAAA,GAAS,KAAA,EAAO,aAAa,WAAA,EAAa,IAAA,GAAO,SAAA,EAAW,gBAAA,GAAmB,SAAQ,EAA6B;AAC3M,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,CAAA,0BAAA,EAA6B,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK,EAAG,gBAAA,EAAe,uBAAA,EAAwB,IAAA,EAAM,KAAA,GAAQ,UAAU,MAAA,EAAW,YAAA,EAAY,KAAA,EAAO,iBAAA,EAAiB,UAAA,EAAY,WAAA,EAAW,IAAA,EAAM,wBAAA,EAAwB,gBAAA,EAAkB,eAAA,EAAe,MAAA,CAAO,QAAQ,CAAA,EAAG,aAAA,EAAa,MAAA,CAAO,MAAM,GAAI,QAAA,EAAS,CAAA;AACnU","file":"chunk-MFKMHK5W.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nexport interface ToolbarControlGroupProps {\n  children: SafeHtml | SafeHtml[];\n  label?: string;\n  className?: string;\n  expanded?: boolean;\n  single?: boolean;\n  appearance?: 'contained' | 'borderless';\n  tone?: 'default' | 'dark';\n  buttonAppearance?: 'plain' | 'push';\n}\n\nexport function ToolbarControlGroup({ children, label, className = '', expanded = false, single = false, appearance = 'contained', tone = 'default', buttonAppearance = 'plain' }: ToolbarControlGroupProps) {\n  return <div class={`kui-toolbar-control-group ${className}`.trim()} data-component=\"toolbar-control-group\" role={label ? 'group' : undefined} aria-label={label} data-appearance={appearance} data-tone={tone} data-button-appearance={buttonAppearance} data-expanded={String(expanded)} data-single={String(single)}>{children}</div>;\n}\n"]}

package/dist/chunk-MQIZAD4A.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/wire-tab-bars.ts"],"names":[],"mappings":"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","file":"chunk-MQIZAD4A.js","sourcesContent":["export type TabReorderSource = 'pointer' | 'keyboard';\nexport type TabDropPosition = 'before' | 'after';\n\nexport interface TabReorder {\n  barId: string;\n  sourceId: string;\n  targetId: string;\n  position: TabDropPosition;\n  source: TabReorderSource;\n}\n\nexport interface WireTabBarsOptions {\n  onReorder: (change: TabReorder) => void;\n}\n\ntype TabRoot = HTMLElement;\ntype TabBarRoot = HTMLElement;\n\nconst AUTO_SCROLL_EDGE_PX = 56;\nconst AUTO_SCROLL_MIN_PX_PER_SECOND = 180;\nconst AUTO_SCROLL_MAX_PX_PER_SECOND = 900;\n\nexport function reorderTabs<T>(items: readonly T[], getId: (item: T) => string, sourceId: string, targetId: string, position: TabDropPosition): T[] {\n  if (sourceId === targetId) return [...items];\n  const source = items.find((item) => getId(item) === sourceId);\n  if (!source || !items.some((item) => getId(item) === targetId)) return [...items];\n  const remaining = items.filter((item) => getId(item) !== sourceId);\n  const targetIndex = remaining.findIndex((item) => getId(item) === targetId);\n  remaining.splice(targetIndex + (position === 'after' ? 1 : 0), 0, source);\n  return remaining;\n}\n\nfunction tabRoot(target: EventTarget | null): TabRoot | undefined {\n  return target instanceof Element ? target.closest<TabRoot>('[data-component=\"app-tab\"]') ?? undefined : undefined;\n}\n\nfunction tabBar(tab: TabRoot): TabBarRoot | undefined {\n  return tab.closest<TabBarRoot>('[data-component=\"tab-bar\"]') ?? undefined;\n}\n\nfunction tabId(tab: TabRoot): string | undefined {\n  return tab.dataset.tabId || undefined;\n}\n\nfunction barId(bar: TabBarRoot): string | undefined {\n  return bar.dataset.tabBarId || undefined;\n}\n\nfunction positionFor(event: DragEvent, tab: TabRoot): TabDropPosition {\n  const bounds = tab.getBoundingClientRect();\n  return event.clientX < bounds.left + bounds.width / 2 ? 'before' : 'after';\n}\n\nfunction tabsIn(bar: TabBarRoot): HTMLButtonElement[] {\n  return [...bar.querySelectorAll<HTMLButtonElement>('[data-kui-tab-list] [role=\"tab\"]')];\n}\n\nfunction reveal(tab: HTMLElement | null | undefined): void {\n  tab?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n}\n\n/** Wire reordering and keyboard navigation while leaving controlled state in the application. */\nexport function wireTabBars(root: HTMLElement | Document, { onReorder }: WireTabBarsOptions): () => void {\n  const ownerDocument = (root.nodeType === 9 ? root as Document : root.ownerDocument)!;\n  const view = ownerDocument.defaultView!;\n  let autoScroll: { strip: HTMLElement; velocity: number; frame: number | undefined; previousTime: number | undefined } | undefined;\n  const stopAutoScroll = () => {\n    if (!autoScroll) return;\n    if (autoScroll.frame !== undefined) view.cancelAnimationFrame(autoScroll.frame);\n    delete autoScroll.strip.dataset.tabAutoscroll;\n    autoScroll = undefined;\n  };\n  const runAutoScroll = (time: number) => {\n    const current = autoScroll;\n    if (!current) return;\n    current.frame = undefined;\n    const elapsed = current.previousTime === undefined ? 1000 / 60 : Math.min(40, Math.max(1, time - current.previousTime));\n    current.previousTime = time;\n    const maximum = Math.max(0, current.strip.scrollWidth - current.strip.clientWidth);\n    const previous = current.strip.scrollLeft;\n    current.strip.scrollLeft = Math.max(0, Math.min(maximum, previous + current.velocity * elapsed / 1000));\n    if (current.strip.scrollLeft === previous) {\n      stopAutoScroll();\n      return;\n    }\n    current.frame = view.requestAnimationFrame(runAutoScroll);\n  };\n  const updateAutoScroll = (event: DragEvent, strip: HTMLElement) => {\n    if (strip.scrollWidth <= strip.clientWidth) {\n      stopAutoScroll();\n      return;\n    }\n    const bounds = strip.getBoundingClientRect();\n    const edge = Math.min(AUTO_SCROLL_EDGE_PX, bounds.width / 3);\n    const startDistance = event.clientX - bounds.left;\n    const endDistance = bounds.right - event.clientX;\n    let direction = 0;\n    let strength = 0;\n    if (startDistance >= 0 && startDistance < edge) {\n      direction = -1;\n      strength = 1 - startDistance / edge;\n    } else if (endDistance >= 0 && endDistance < edge) {\n      direction = 1;\n      strength = 1 - endDistance / edge;\n    }\n    if (direction === 0) {\n      stopAutoScroll();\n      return;\n    }\n    const maximum = Math.max(0, strip.scrollWidth - strip.clientWidth);\n    if ((direction < 0 && strip.scrollLeft <= 0) || (direction > 0 && strip.scrollLeft >= maximum)) {\n      stopAutoScroll();\n      return;\n    }\n    const speed = AUTO_SCROLL_MIN_PX_PER_SECOND + (AUTO_SCROLL_MAX_PX_PER_SECOND - AUTO_SCROLL_MIN_PX_PER_SECOND) * strength * strength;\n    if (autoScroll?.strip !== strip) stopAutoScroll();\n    autoScroll ??= { strip, velocity: 0, frame: undefined, previousTime: undefined };\n    autoScroll.velocity = direction * speed;\n    strip.dataset.tabAutoscroll = direction < 0 ? 'start' : 'end';\n    autoScroll.frame ??= view.requestAnimationFrame(runAutoScroll);\n  };\n  let dragged: { barId: string; tabId: string } | undefined;\n  const clearDropPositions = () => root.querySelectorAll<HTMLElement>('[data-tab-drop-position]').forEach((tab) => delete tab.dataset.tabDropPosition);\n  const clear = () => {\n    stopAutoScroll();\n    dragged = undefined;\n    root.querySelectorAll<HTMLElement>('[data-tab-dragging], [data-tab-drop-position]').forEach((tab) => {\n      delete tab.dataset.tabDragging;\n      delete tab.dataset.tabDropPosition;\n    });\n  };\n  const afterControlledRender = (sourceBarId: string, sourceTabId: string) => globalThis.queueMicrotask(() => {\n    const tab = [...root.querySelectorAll<TabRoot>('[data-component=\"app-tab\"]')]\n      .find((candidate) => {\n        const candidateBar = tabBar(candidate);\n        return tabId(candidate) === sourceTabId && candidateBar !== undefined && barId(candidateBar) === sourceBarId;\n      });\n    const button = tab?.querySelector<HTMLButtonElement>('[role=\"tab\"]');\n    button?.focus();\n    reveal(button);\n  });\n\n  const onDragStart = (event: Event) => {\n    const dragEvent = event as DragEvent;\n    const tab = tabRoot(event.target);\n    const bar = tab && tabBar(tab);\n    const sourceId = tab && tabId(tab);\n    const sourceBarId = bar && barId(bar);\n    if (!tab || tab.getAttribute('draggable') !== 'true' || !sourceId || !sourceBarId) return;\n    dragged = { barId: sourceBarId, tabId: sourceId };\n    tab.dataset.tabDragging = 'true';\n    if (dragEvent.dataTransfer) {\n      dragEvent.dataTransfer.effectAllowed = 'move';\n      dragEvent.dataTransfer.setData('application/x-kerf-tab', `${sourceBarId}:${sourceId}`);\n    }\n  };\n  const onDragOver = (event: Event) => {\n    const dragEvent = event as DragEvent;\n    const tab = tabRoot(event.target);\n    const bar = event.target instanceof Element ? event.target.closest<TabBarRoot>('[data-component=\"tab-bar\"]') ?? undefined : undefined;\n    const targetId = tab && tabId(tab);\n    const targetBarId = bar && barId(bar);\n    if (!dragged || !bar || targetBarId !== dragged.barId) {\n      stopAutoScroll();\n      clearDropPositions();\n      return;\n    }\n    dragEvent.preventDefault();\n    const strip = bar.querySelector<HTMLElement>('[data-kui-tab-list]');\n    if (strip) updateAutoScroll(dragEvent, strip);\n    else stopAutoScroll();\n    clearDropPositions();\n    if (!tab || !targetId || targetId === dragged.tabId) return;\n    tab.dataset.tabDropPosition = positionFor(dragEvent, tab);\n    if (dragEvent.dataTransfer) dragEvent.dataTransfer.dropEffect = 'move';\n  };\n  const onDrop = (event: Event) => {\n    const dragEvent = event as DragEvent;\n    const tab = tabRoot(event.target);\n    const bar = tab && tabBar(tab);\n    const targetId = tab && tabId(tab);\n    const targetBarId = bar && barId(bar);\n    if (!dragged || !tab || !targetId || targetId === dragged.tabId || targetBarId !== dragged.barId) {\n      clear();\n      return;\n    }\n    dragEvent.preventDefault();\n    const change: TabReorder = { barId: dragged.barId, sourceId: dragged.tabId, targetId, position: positionFor(dragEvent, tab), source: 'pointer' };\n    clear();\n    onReorder(change);\n    afterControlledRender(change.barId, change.sourceId);\n  };\n  const onKeyDown = (event: Event) => {\n    const keyboardEvent = event as KeyboardEvent;\n    const button = event.target instanceof Element ? event.target.closest<HTMLButtonElement>('[role=\"tab\"]') : null;\n    const tab = button && tabRoot(button);\n    const bar = tab && tabBar(tab);\n    if (!button || !tab || !bar) return;\n    if (keyboardEvent.key === 'Delete' || keyboardEvent.key === 'Backspace') {\n      const close = tab.querySelector<HTMLButtonElement>('.kui-app-tab__close');\n      if (!close) return;\n      keyboardEvent.preventDefault();\n      close.click();\n      return;\n    }\n    const tabs = tabsIn(bar);\n    const current = tabs.indexOf(button);\n    if (current < 0) return;\n    if (keyboardEvent.altKey && keyboardEvent.shiftKey && (keyboardEvent.key === 'ArrowLeft' || keyboardEvent.key === 'ArrowRight')) {\n      const target = tabs[current + (keyboardEvent.key === 'ArrowLeft' ? -1 : 1)];\n      const sourceId = tabId(tab);\n      const targetRoot = target && tabRoot(target);\n      const targetId = targetRoot && tabId(targetRoot);\n      const sourceBarId = barId(bar);\n      if (!target || !sourceId || !targetId || !sourceBarId || tab.getAttribute('draggable') !== 'true') return;\n      keyboardEvent.preventDefault();\n      onReorder({ barId: sourceBarId, sourceId, targetId, position: keyboardEvent.key === 'ArrowLeft' ? 'before' : 'after', source: 'keyboard' });\n      afterControlledRender(sourceBarId, sourceId);\n      return;\n    }\n    let next: number | undefined;\n    if (keyboardEvent.key === 'ArrowRight') next = (current + 1) % tabs.length;\n    else if (keyboardEvent.key === 'ArrowLeft') next = (current - 1 + tabs.length) % tabs.length;\n    else if (keyboardEvent.key === 'Home') next = 0;\n    else if (keyboardEvent.key === 'End') next = tabs.length - 1;\n    if (next === undefined) return;\n    keyboardEvent.preventDefault();\n    tabs[next]?.focus();\n    tabs[next]?.click();\n    reveal(tabs[next]);\n  };\n  const onFocusIn = (event: Event) => {\n    const tab = event.target instanceof HTMLElement && event.target.matches('[role=\"tab\"]') ? event.target : undefined;\n    reveal(tab);\n  };\n\n  root.addEventListener('dragstart', onDragStart);\n  root.addEventListener('dragover', onDragOver);\n  root.addEventListener('drop', onDrop);\n  root.addEventListener('dragend', clear);\n  root.addEventListener('keydown', onKeyDown);\n  root.addEventListener('focusin', onFocusIn);\n  root.querySelectorAll<HTMLElement>('[data-kui-tab-list] [role=\"tab\"][aria-selected=\"true\"]').forEach(reveal);\n\n  return () => {\n    clear();\n    root.removeEventListener('dragstart', onDragStart);\n    root.removeEventListener('dragover', onDragOver);\n    root.removeEventListener('drop', onDrop);\n    root.removeEventListener('dragend', clear);\n    root.removeEventListener('keydown', onKeyDown);\n    root.removeEventListener('focusin', onFocusIn);\n  };\n}\n"]}

package/dist/chunk-NHXX4JI5.js

@@ -1,28 +0,0 @@
-import { LucideIcon } from './chunk-W2FK7ZNY.js';
-import { jsxs, jsx, Fragment } from 'kerfjs/jsx-runtime';
-
-function Select({ name, value, label, ariaLabel, choices, className = "", placeholder, disabled = false, fitMenu = false, renderSelected }) {
-  const selected = choices.find((choice) => choice.value === value);
-  const icon = (choice, selectedIcon = false) => /* @__PURE__ */ jsx("span", { slot: "start", class: `kui-select__icon${selectedIcon ? " kui-select__icon--selected" : ""}`, style: choice.color ? `color:${choice.color}` : void 0, children: choice.icon ? /* @__PURE__ */ jsx(LucideIcon, { icon: choice.icon, name: choice.iconName ?? choice.label.toLowerCase().replaceAll(" ", "-") }) : null });
-  const option = (choice) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    choice.separatorBefore && /* @__PURE__ */ jsx("wa-divider", {}),
-    /* @__PURE__ */ jsxs("wa-option", { value: choice.value, children: [
-      choice.icon ? icon(choice) : null,
-      choice.label
-    ] })
-  ] });
-  const groups = [...new Set(choices.map((choice) => choice.group).filter((group) => Boolean(group)))];
-  const ungrouped = choices.filter((choice) => !choice.group);
-  return /* @__PURE__ */ jsxs("wa-select", { class: `kui-select${renderSelected ? " kui-select--custom-selected" : ""}${fitMenu ? " kui-select--fit-menu" : ""} ${className}`.trim(), "data-component": "select", name, label, "aria-label": ariaLabel, value, placeholder, disabled, children: [
-    selected && (renderSelected ? /* @__PURE__ */ jsx("span", { slot: "start", class: "kui-select__custom-selected", children: renderSelected(selected) }) : selected.icon ? icon(selected, true) : null),
-    ungrouped.map(option),
-    groups.map((group, index) => /* @__PURE__ */ jsxs("div", { class: `kui-select__group${index > 0 || ungrouped.length > 0 ? " kui-select__group--separated" : ""}`, role: "group", "aria-label": group, children: [
-      /* @__PURE__ */ jsx("span", { class: "kui-select__group-title", children: group }),
-      choices.filter((choice) => choice.group === group).map(option)
-    ] }))
-  ] });
-}
-
-export { Select };
-
-//# sourceMappingURL=chunk-NHXX4JI5.js.map