@kerfjs/ui 5.0.0-beta.75 → 5.0.0-beta.77

package/dist/styles/components/typography/text/text.css

@@ -0,0 +1,158 @@
+.kui-text {
+  padding: var(--kui-layout-item-padding, 0.5rem);
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  margin: 0;
+  white-space: normal;
+  overflow-wrap: normal;
+}
+
+/* Match the themed Web Awesome form-control label without introducing a
+   native <label> that would falsely point at a non-form preview. */
+.kui-text__field-label {
+  box-sizing: border-box;
+  min-width: 0;
+  padding-inline: calc(
+    var(--wa-form-control-border-width, 1px) +
+      var(--wa-form-control-padding-inline, 0.5rem)
+  );
+  margin: 0 0 0.5em;
+  color: var(--kui-color-neutral-on-quiet, var(--wa-color-text-quiet));
+  font-size: var(--kui-font-xs, var(--wa-font-size-xs));
+  font-weight: 650;
+  letter-spacing: 0.04em;
+  line-height: var(--wa-line-height-condensed);
+  text-transform: uppercase;
+}
+
+.kui-text[data-wrap="anywhere"] {
+  overflow-wrap: anywhere;
+}
+
+.kui-text[data-wrap="nowrap"] {
+  white-space: nowrap;
+}
+
+.kui-text[data-wrap="truncate"] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+span.kui-text[data-wrap="truncate"] {
+  display: inline-block;
+  max-width: 100%;
+}
+
+.kui-text__clamp {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--_kui-text-max-lines);
+}
+
+.kui-text[data-tone="quiet"] {
+  color: var(--kui-color-text-quiet);
+}
+
+.kui-text[data-tone="danger"] {
+  color: var(--kui-color-danger-on-quiet);
+}
+
+.kui-text[data-size="compact"] {
+  font-size: var(--kui-font-xs);
+}
+
+.kui-text[data-size="large"] {
+  font-size: var(--kui-font-l);
+}
+
+.kui-text[data-size="xlarge"] {
+  font-size: var(--kui-font-2xl);
+}
+
+.kui-text[data-font="monospace"] {
+  font-family: var(--kui-font-mono);
+}
+
+.kui-text[data-border="none"] {
+  border: 0;
+}
+
+.kui-text[data-flush="true"] {
+  padding: 0;
+  border: 0;
+}
+
+.kui-text[data-line-height="tight"] {
+  line-height: 1.2;
+}
+
+span.kui-text {
+  margin: 0;
+  border: 0;
+  padding: 0;
+}
+
+/* A ListHeader's label: the title's single text child, set as a compact,
+   uppercase, single-line label that truncates with an ellipsis. The title is
+   a div around a heading or, for a toggle header, the toggle button around
+   an inline span. */
+.kui-list-header__title > .kui-text {
+  min-width: 0;
+  margin: 0;
+  overflow: hidden;
+  font-size: var(--kui-font-xs);
+  font-weight: 650;
+  letter-spacing: 0.04em;
+  text-overflow: ellipsis;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+
+.kui-list-header[data-size="xs"] .kui-list-header__title > .kui-text {
+  font-size: var(--kui-font-2xs);
+  text-transform: capitalize;
+}
+
+.kui-list-header:is([data-size="m"], [data-size="l"], [data-size="xl"])
+  .kui-list-header__title
+  > .kui-text {
+  font-family: var(--wa-font-family-heading, var(--kui-font-sans));
+  font-weight: var(--wa-font-weight-heading, 600);
+  letter-spacing: normal;
+  line-height: var(--wa-line-height-condensed, 1.2);
+  text-transform: none;
+}
+
+.kui-list-header[data-size="m"] .kui-list-header__title > .kui-text {
+  font-size: var(--kui-font-m);
+}
+
+.kui-list-header[data-size="l"] .kui-list-header__title > .kui-text {
+  font-size: var(--kui-font-l);
+}
+
+.kui-list-header[data-size="xl"] .kui-list-header__title > .kui-text {
+  font-size: var(--kui-font-xl);
+}
+
+/* Exterior control gutters preserve the Text-owned border and padding.
+   These rules follow inline/context resets so an explicit prop also works there. */
+
+.kui-text[data-control-margins*="t"] {
+  margin-top: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="r"] {
+  margin-right: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="b"] {
+  margin-bottom: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="l"] {
+  margin-left: var(--kui-layout-inline-margin, 0.5rem);
+}

package/dist/styles/content-item.css

@@ -13,6 +13,7 @@
     --kui-content-item-radius,
     var(--kui-layout-rounded-radius, calc(1px + 0.6875rem))
   );
+  color: var(--kui-content-item-foreground, inherit);
   background: var(--kui-content-item-background, transparent);
 }
 
@@ -34,8 +35,50 @@
   --kui-content-item-border: var(--kui-color-neutral-border-normal);
 }
 
+.kui-content-item[data-appearance="surface"] {
+  --kui-content-item-border: var(--kui-color-neutral-border-normal);
+  --kui-content-item-background: var(--kui-color-surface);
+  --kui-content-item-foreground: var(--kui-color-neutral-on-normal);
+}
+
+.kui-content-item[data-appearance="neutral"] {
+  --kui-content-item-border: var(--kui-color-neutral-border-normal);
+  --kui-content-item-background: var(--kui-color-neutral-fill-quiet);
+  --kui-content-item-foreground: var(--kui-color-neutral-on-normal);
+}
+
+.kui-content-item[data-appearance="info"] {
+  --kui-content-item-border: var(--kui-color-brand-border-quiet);
+  --kui-content-item-background: var(--kui-color-brand-fill-quiet);
+  --kui-content-item-foreground: var(--kui-color-brand-on-fill);
+}
+
+.kui-content-item[data-appearance="pop"] {
+  --kui-content-item-border: var(--kui-color-pop-border-normal);
+  --kui-content-item-background: var(--kui-color-pop-fill-quiet);
+  --kui-content-item-foreground: var(--kui-color-pop-on-fill);
+}
+
+.kui-content-item[data-appearance="success"] {
+  --kui-content-item-border: var(--kui-color-success-border-normal);
+  --kui-content-item-background: var(--kui-color-success-fill-quiet);
+  --kui-content-item-foreground: var(--kui-color-success-on-fill);
+}
+
+.kui-content-item[data-appearance="warning"] {
+  --kui-content-item-border: var(--kui-color-warning-border-normal);
+  --kui-content-item-background: var(--kui-color-warning-fill-quiet);
+  --kui-content-item-foreground: var(--kui-color-warning-on-fill);
+}
+
+.kui-content-item[data-appearance="danger"] {
+  --kui-content-item-border: var(--kui-color-danger-border-quiet);
+  --kui-content-item-background: var(--kui-color-danger-fill-quiet);
+  --kui-content-item-foreground: var(--kui-color-danger-on-fill);
+}
+
 .kui-content-item[data-interactive="true"] {
-  color: var(--kui-color-neutral-on-normal);
+  color: var(--kui-content-item-foreground, var(--kui-color-neutral-on-normal));
   cursor: pointer;
 }
 
@@ -48,6 +91,7 @@
   ) {
   --kui-content-item-border: var(--kui-color-neutral-border-normal);
   --kui-content-item-background: var(--kui-color-neutral-fill-normal);
+  --kui-content-item-foreground: var(--kui-color-neutral-on-normal);
 }
 
 .kui-content-item[data-interactive="true"]:active:not([data-disabled="true"]) {
@@ -61,6 +105,7 @@
 .kui-content-item[data-interactive="true"][data-selected="true"] {
   --kui-content-item-border: var(--kui-color-brand-border-quiet);
   --kui-content-item-background: var(--kui-color-brand-fill-normal);
+  --kui-content-item-foreground: var(--kui-color-brand-on-fill);
 }
 
 .kui-content-item[data-interactive="true"]:focus-visible {

package/dist/styles/document.css

@@ -10,6 +10,10 @@ body,
   height: 100%;
 }
 
+html {
+  background: var(--kui-color-surface);
+}
+
 body {
   margin: 0;
   color: var(--kui-color-text);
@@ -18,6 +22,12 @@ body {
   line-height: 1.45;
 }
 
+:where(button, input, select, textarea, th, td) {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
 :where(a) {
   color: var(--kui-color-text-link);
 }

package/dist/styles/foundation.css

@@ -126,7 +126,10 @@
   );
   --kui-color-surface-lowered: var(
     --wa-color-surface-lowered,
-    light-dark(#f2f2f7, #111113)
+    light-dark(
+      rgb(0 0 98.076923 / 0.05098),
+      rgb(228.157895 228.157895 255 / 0.07451)
+    )
   );
   --kui-color-text: var(--wa-color-text-normal, light-dark(#1d1d1f, #f5f5f7));
   --kui-color-text-quiet: var(
@@ -144,7 +147,7 @@
   );
   --kui-color-neutral-fill-normal: var(
     --wa-color-neutral-fill-normal,
-    light-dark(#e5e5ea, #3a3a3c)
+    light-dark(rgb(0 0 49.038462 / 0.101961), rgb(253 253 255 / 0.133333))
   );
   --kui-color-neutral-fill-loud: var(
     --wa-color-neutral-fill-loud,
@@ -152,19 +155,19 @@
   );
   --kui-color-neutral-border-quiet: var(
     --wa-color-neutral-border-quiet,
-    light-dark(#e5e5ea, #38383a)
+    light-dark(rgb(0 0 49.038462 / 0.101961), rgb(253 253 255 / 0.124444))
   );
   --kui-color-neutral-border-normal: var(
     --wa-color-neutral-border-normal,
-    light-dark(#d1d1d6, #48484a)
+    light-dark(rgb(0 0 27.717391 / 0.180392), rgb(253 253 255 / 0.195556))
   );
   --kui-color-neutral-border-loud: var(
     --wa-color-neutral-border-loud,
-    light-dark(#aeaeb2, #636366)
+    light-dark(rgb(0 0 12.592593 / 0.317647), rgb(249.875 249.875 255 / 0.32))
   );
   --kui-color-neutral-on-quiet: var(
     --wa-color-neutral-on-quiet,
-    var(--kui-color-text-quiet)
+    light-dark(#626267, #c2c2c6)
   );
   --kui-color-neutral-on-normal: var(
     --wa-color-neutral-on-normal,

package/dist/styles/grid.css

@@ -4,16 +4,66 @@
      inherits its ancestor's; the inline style overrides them per prop. */
   --_kui-grid-gap: var(--kui-grid-gap);
   --_kui-grid-flex: 0 1 auto;
+  --_kui-grid-inset-top: 0;
+  --_kui-grid-inset-right: 0;
+  --_kui-grid-inset-bottom: 0;
+  --_kui-grid-inset-left: 0;
 
   display: grid;
   min-width: 0;
   min-height: 0;
   box-sizing: border-box;
+  padding: var(--_kui-grid-inset-top, 0) var(--_kui-grid-inset-right, 0)
+    var(--_kui-grid-inset-bottom, 0) var(--_kui-grid-inset-left, 0);
   flex: var(--_kui-grid-flex, initial);
   grid-template-columns: repeat(var(--_kui-grid-columns), minmax(0, 1fr));
   gap: var(--_kui-grid-gap, var(--kui-grid-gap));
 }
 
+.kui-grid[data-control-insets*="t"] {
+  --_kui-grid-inset-top: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-grid[data-control-insets*="r"] {
+  --_kui-grid-inset-right: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-grid[data-control-insets*="b"] {
+  --_kui-grid-inset-bottom: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-grid[data-control-insets*="l"] {
+  --_kui-grid-inset-left: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-grid[data-text-insets*="t"] {
+  --_kui-grid-inset-top: calc(
+    var(--kui-layout-inline-margin, 0.5rem) + 1px +
+      var(--kui-layout-item-padding, 0.5rem)
+  );
+}
+
+.kui-grid[data-text-insets*="r"] {
+  --_kui-grid-inset-right: calc(
+    var(--kui-layout-inline-margin, 0.5rem) + 1px +
+      var(--kui-layout-item-padding, 0.5rem)
+  );
+}
+
+.kui-grid[data-text-insets*="b"] {
+  --_kui-grid-inset-bottom: calc(
+    var(--kui-layout-inline-margin, 0.5rem) + 1px +
+      var(--kui-layout-item-padding, 0.5rem)
+  );
+}
+
+.kui-grid[data-text-insets*="l"] {
+  --_kui-grid-inset-left: calc(
+    var(--kui-layout-inline-margin, 0.5rem) + 1px +
+      var(--kui-layout-item-padding, 0.5rem)
+  );
+}
+
 .kui-grid[data-min-column-width="true"] {
   grid-template-columns: repeat(
     auto-fit,

package/dist/styles/lucide-icon.css

@@ -5,6 +5,10 @@
   flex: none;
 }
 
+[data-lucide][data-inline="true"] {
+  display: inline-block;
+}
+
 [data-lucide][data-size] {
   width: var(--_kui-lucide-size);
   height: var(--_kui-lucide-size);

package/dist/styles/nav-stack.css

@@ -37,7 +37,9 @@
   transition: opacity var(--kui-nav-stack-transition-duration, 200ms) ease;
 }
 
+/* Establish the starting opacity instantly; only the release animates. */
 .kui-nav-stack__chrome--entering {
+  transition: none;
   opacity: 0;
 }
 
@@ -156,6 +158,10 @@
   visibility: hidden;
 }
 
+.kui-nav-stack__view[data-nav-revealed="true"] {
+  visibility: visible;
+}
+
 .kui-nav-stack__view[data-nav-exiting="true"] {
   z-index: 1;
   visibility: visible;
@@ -163,6 +169,11 @@
 
 /* Push: the incoming view starts off the trailing edge and slides to rest.
    Pop: the outgoing view starts at rest and slides off the trailing edge. */
+/* Establish the offscreen start without first transitioning toward it. */
+.kui-nav-stack__view--entering {
+  transition: none;
+}
+
 .kui-nav-stack__view--entering,
 .kui-nav-stack__view--exiting {
   transform: translateX(100%);

package/dist/styles/text.css

@@ -137,3 +137,22 @@ span.kui-text {
 .kui-list-header[data-size="xl"] .kui-list-header__title > .kui-text {
   font-size: var(--kui-font-xl);
 }
+
+/* Exterior control gutters preserve the Text-owned border and padding.
+   These rules follow inline/context resets so an explicit prop also works there. */
+
+.kui-text[data-control-margins*="t"] {
+  margin-top: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="r"] {
+  margin-right: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="b"] {
+  margin-bottom: var(--kui-layout-inline-margin, 0.5rem);
+}
+
+.kui-text[data-control-margins*="l"] {
+  margin-left: var(--kui-layout-inline-margin, 0.5rem);
+}

package/dist/styles/toolbar-control-group.css

@@ -196,6 +196,10 @@
   ) {
   overflow: visible;
 }
+.kui-toolbar-control-group[data-content="search"][data-expanded="true"][data-expanded-overflow="visible"] {
+  height: auto;
+  overflow: visible;
+}
 .kui-toolbar-control-group[data-content="search"][data-expanded="false"] {
   width: var(--kui-toolbar-group-size, calc(2px + 2.625rem));
   flex: 0 0 auto;
@@ -788,3 +792,50 @@
   background-repeat: no-repeat;
   background-size: contain;
 }
+
+/* Explicit quiet palette only for a lone decorative icon tile. The structural
+   guard keeps interactive, mixed and borderless groups on their existing chrome. */
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="neutral"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-neutral-fill-quiet);
+  border-color: var(--kui-color-neutral-border-quiet);
+  color: var(--kui-color-neutral-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="brand"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-brand-fill-quiet);
+  border-color: var(--kui-color-brand-border-quiet);
+  color: var(--kui-color-brand-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="success"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-success-fill-quiet);
+  border-color: var(--kui-color-success-border-quiet);
+  color: var(--kui-color-success-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="warning"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-warning-fill-quiet);
+  border-color: var(--kui-color-warning-border-quiet);
+  color: var(--kui-color-warning-on-quiet);
+}
+
+.kui-toolbar-control-group[data-single="true"][data-appearance="contained"][data-tile-tone="danger"]:has(
+    > svg[aria-hidden="true"]
+  ):not(:has(> :not(svg[aria-hidden="true"])), :has(> svg ~ svg)) {
+  background: var(--kui-color-danger-fill-quiet);
+  border-color: var(--kui-color-danger-border-quiet);
+  color: var(--kui-color-danger-on-quiet);
+}
+.kui-toolbar-control-group[data-toolbar-width-hidden="true"],
+.kui-toolbar-control-group__busy-status[data-toolbar-width-hidden="true"] {
+  display: none;
+}

package/dist/styles/toolbar-text.css

@@ -105,6 +105,14 @@ button.kui-toolbar-text:focus-visible {
   font-size: var(--kui-font-2xs);
 }
 
+.kui-toolbar-text[data-tone="dark"] {
+  color: var(--kui-color-neutral-on-loud);
+}
+
+button.kui-toolbar-text[data-tone="dark"]:hover {
+  background: color-mix(in srgb, var(--kui-color-surface) 28%, transparent);
+}
+
 /* Single line, no ellipsis: hard-clip the overflow instead of showing …. */
 .kui-toolbar-text[data-ellipsis="false"] .kui-toolbar-text__text {
   text-overflow: clip;
@@ -151,3 +159,6 @@ button.kui-toolbar-text:focus-visible {
   line-clamp: none;
   max-height: calc(var(--kui-toolbar-text-max-lines) * 1.25em);
 }
+.kui-toolbar-text[data-toolbar-width-hidden="true"] {
+  display: none;
+}

package/dist/styles/toolbar.css

@@ -390,3 +390,35 @@
     display: none;
   }
 }
+.kui-toolbar > [data-toolbar-visibility-probe] {
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+  pointer-events: none;
+  contain: layout paint;
+}
+
+.kui-toolbar > [data-toolbar-visibility-probe] > div {
+  position: absolute;
+  top: 0;
+  height: 0;
+  min-width: 0;
+  max-width: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+/* A typed sentinel distinguishes invalid/unresolved input from a valid zero. */
+@property --kui-toolbar-visibility-length {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: -1px;
+}
+.kui-toolbar > [data-toolbar-visibility-probe] > div {
+  left: var(--kui-toolbar-visibility-length);
+  width: var(--kui-toolbar-visibility-length);
+}

package/dist/styles/webawesome.css

@@ -26,8 +26,16 @@
     /* Hot Sheet 2's macOS system palette, with a compatible dark appearance. */
     --wa-color-surface-raised: light-dark(#fff, #2c2c2e);
     --wa-color-surface-default: light-dark(#fff, #1c1c1e);
-    --wa-color-surface-lowered: light-dark(#f2f2f7, #111113);
-    --wa-color-surface-border: light-dark(#d1d1d6, #48484a);
+    /* Translucent lowered layers adapt to their backdrop at every nesting depth.
+       Default/raised surfaces stay opaque canvas and overlay anchors. */
+    --wa-color-surface-lowered: light-dark(
+      rgb(0 0 98.076923 / 0.05098),
+      rgb(228.157895 228.157895 255 / 0.07451)
+    );
+    --wa-color-surface-border: light-dark(
+      rgb(0 0 27.717391 / 0.180392),
+      rgb(253 253 255 / 0.195556)
+    );
 
     --wa-color-text-normal: light-dark(#1d1d1f, #f5f5f7);
     --wa-color-text-quiet: light-dark(#6e6e73, #aeaeb2);
@@ -83,12 +91,21 @@
     --wa-color-brand-on-loud: light-dark(#fff, #111113);
 
     --wa-color-neutral-fill-quiet: var(--wa-color-surface-lowered);
-    --wa-color-neutral-fill-normal: light-dark(#e5e5ea, #3a3a3c);
+    --wa-color-neutral-fill-normal: light-dark(
+      rgb(0 0 49.038462 / 0.101961),
+      rgb(253 253 255 / 0.133333)
+    );
     --wa-color-neutral-fill-loud: light-dark(#48484a, #e5e5ea);
-    --wa-color-neutral-border-quiet: light-dark(#e5e5ea, #38383a);
+    --wa-color-neutral-border-quiet: light-dark(
+      rgb(0 0 49.038462 / 0.101961),
+      rgb(253 253 255 / 0.124444)
+    );
     --wa-color-neutral-border-normal: var(--wa-color-surface-border);
-    --wa-color-neutral-border-loud: light-dark(#aeaeb2, #636366);
-    --wa-color-neutral-on-quiet: var(--wa-color-text-quiet);
+    --wa-color-neutral-border-loud: light-dark(
+      rgb(0 0 12.592593 / 0.317647),
+      rgb(249.875 249.875 255 / 0.32)
+    );
+    --wa-color-neutral-on-quiet: light-dark(#626267, #c2c2c6);
     --wa-color-neutral-on-normal: var(--wa-color-text-normal);
     --wa-color-neutral-on-loud: var(--wa-color-surface-default);
 

package/dist/sunken-panel.d.ts

@@ -1,6 +1,6 @@
 import * as kerfjs from 'kerfjs';
-import { CssFlexKeyword, CssFlex } from './css-values.js';
 import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
+import { CssFlexKeyword, CssFlex } from './css-values.js';
 
 type SunkenPanelShape = 'rounded' | 'square';
 interface SunkenPanelProps {

package/dist/sunken-panel.js

@@ -1,3 +1,3 @@
-export { SunkenPanel } from './chunk-WF75U3V4.js';
+export { SunkenPanel } from './chunk-HPREYDKV.js';
 
 //# sourceMappingURL=sunken-panel.js.map

package/dist/surface-scaffold.js

@@ -1,3 +1,3 @@
-export { DialogSurface, PopupSurface } from './chunk-NN6GYOA2.js';
+export { DialogSurface, PopupSurface } from './chunk-XIZRXI7N.js';
 
 //# sourceMappingURL=surface-scaffold.js.map

package/dist/tab-bar.js

@@ -1,3 +1,3 @@
-export { TabBar } from './chunk-OXO2QJWV.js';
+export { TabBar } from './chunk-JOR5LGYE.js';
 
 //# sourceMappingURL=tab-bar.js.map

package/dist/tab-scaffold.d.ts

@@ -1,6 +1,6 @@
 import { SafeHtml } from 'kerfjs';
-import { PaneAppearance } from './pane.js';
 import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
+import { PaneAppearance } from './pane.js';
 
 interface TabScaffoldTabBase<Id extends string> {
     id: Id;

package/dist/tab-scaffold.js

@@ -1,4 +1,4 @@
-import { Badge } from './chunk-ALGYHYXP.js';
+import { Badge } from './chunk-J3AWE5I4.js';
 import { jsxs, jsx } from 'kerfjs/jsx-runtime';
 
 function TabScaffold({