rei-kit 2.7.0 → 2.9.0

package/dist/styles.css

@@ -218,6 +218,85 @@
   opacity: 0;
 }
 
+.rk-listbox[data-v-95e230a5] {
+  overflow-y: auto;
+  border-radius: var(--radius-card);
+  padding: 0.25rem;
+}
+.rk-listbox[data-v-95e230a5]:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 1px;
+}
+.rk-listbox-option[data-v-95e230a5] {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  gap: 0.625rem;
+  border-radius: var(--radius-cell);
+  padding: 0.5rem 0.625rem;
+  font-size: 0.875rem;
+  color: var(--color-ink);
+}
+.rk-listbox-option.is-active[data-v-95e230a5] {
+  background: var(--color-muted);
+}
+.rk-listbox-option.is-chosen[data-v-95e230a5] {
+  color: var(--color-primary);
+  font-weight: 500;
+}
+
+/* Both at once: the current option and the chosen one are different things,
+   and a list that shows only one of them loses the reader's place. */
+.rk-listbox-option.is-chosen.is-active[data-v-95e230a5] {
+  background: color-mix(in oklab, var(--color-primary) 12%, transparent);
+}
+.rk-listbox-option.is-disabled[data-v-95e230a5] {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+.rk-listbox-label[data-v-95e230a5] {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rk-listbox-description[data-v-95e230a5] {
+  display: block;
+  font-size: 0.75rem;
+  color: var(--color-ink-soft);
+}
+.rk-listbox-empty[data-v-95e230a5] {
+  padding: 1rem;
+}
+
+.rk-skeleton[data-v-37327de6] {
+  display: block;
+  flex-shrink: 0;
+  background: var(--color-muted);
+  animation: rk-skeleton-pulse-37327de6 1.6s ease-in-out infinite;
+}
+.rk-skeleton.is-block[data-v-37327de6] {
+  border-radius: var(--radius-cell);
+}
+
+/* A line of text, rounded like one and a little short of its box. */
+.rk-skeleton.is-text[data-v-37327de6] {
+  border-radius: 9999px;
+}
+.rk-skeleton.is-circle[data-v-37327de6] {
+  border-radius: 9999px;
+}
+@keyframes rk-skeleton-pulse-37327de6 {
+50% {
+    opacity: 0.55;
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.rk-skeleton[data-v-37327de6] {
+    animation: none;
+}
+}
+
 .rk-avatar[data-v-47586bec] {
   display: grid;
   place-items: center;
@@ -989,7 +1068,7 @@ to {
   background: var(--color-muted);
 }
 
-.rk-chip[data-v-e9026659] {
+.rk-chip[data-v-c94a820d] {
   display: inline-flex;
   max-width: 100%;
   align-items: center;
@@ -1002,21 +1081,22 @@ to {
   background: var(--color-muted);
   color: var(--color-ink);
 }
-.rk-chip.is-button[data-v-e9026659] {
-  cursor: pointer;
-  transition:
-    background-color var(--duration-fast) var(--ease-standard),
-    color var(--duration-fast) var(--ease-standard);
+.rk-chip-body[data-v-c94a820d] {
+  display: inline-flex;
+  min-width: 0;
+  align-items: center;
+  gap: 0.375rem;
+  border-radius: 9999px;
+  color: inherit;
 }
-.rk-chip.is-button[data-v-e9026659]:focus-visible {
-  outline: 2px solid var(--color-primary);
-  outline-offset: 2px;
+.rk-chip-body.is-button[data-v-c94a820d] {
+  cursor: pointer;
 }
-.rk-chip.is-selected[data-v-e9026659] {
+.rk-chip.is-selected[data-v-c94a820d] {
   background: var(--color-primary);
   color: var(--color-on-primary);
 }
-.rk-chip[data-v-e9026659]:disabled {
+.rk-chip.is-disabled[data-v-c94a820d] {
   cursor: not-allowed;
   opacity: 0.5;
 }
@@ -1024,27 +1104,27 @@ to {
 /* The tones tint rather than fill: a row of chips in five solid colours is a
    row where nothing stands out. The selected one fills, and that is the point
    of it. */
-.rk-chip.tone-primary[data-v-e9026659] {
+.rk-chip.tone-primary[data-v-c94a820d] {
   background: color-mix(in oklab, var(--color-primary) 12%, transparent);
   border-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
   color: var(--color-primary);
 }
-.rk-chip.tone-success[data-v-e9026659] {
+.rk-chip.tone-success[data-v-c94a820d] {
   background: color-mix(in oklab, var(--color-positive) 14%, transparent);
   border-color: color-mix(in oklab, var(--color-positive) 28%, transparent);
   color: color-mix(in oklab, var(--color-positive) 80%, var(--color-ink));
 }
-.rk-chip.tone-warning[data-v-e9026659] {
+.rk-chip.tone-warning[data-v-c94a820d] {
   background: color-mix(in oklab, var(--color-warning) 16%, transparent);
   border-color: color-mix(in oklab, var(--color-warning) 30%, transparent);
   color: color-mix(in oklab, var(--color-warning) 75%, var(--color-ink));
 }
-.rk-chip.tone-danger[data-v-e9026659] {
+.rk-chip.tone-danger[data-v-c94a820d] {
   background: color-mix(in oklab, var(--color-negative) 12%, transparent);
   border-color: color-mix(in oklab, var(--color-negative) 26%, transparent);
   color: var(--color-negative);
 }
-.rk-chip-remove[data-v-e9026659] {
+.rk-chip-remove[data-v-c94a820d] {
   display: grid;
   width: 1.125rem;
   height: 1.125rem;
@@ -1055,7 +1135,7 @@ to {
   opacity: 0.7;
   transition: opacity var(--duration-fast) var(--ease-standard);
 }
-.rk-chip-remove[data-v-e9026659]:hover {
+.rk-chip-remove[data-v-c94a820d]:hover {
   opacity: 1;
   background: color-mix(in oklab, currentColor 15%, transparent);
 }
@@ -1221,34 +1301,6 @@ to {
   color: var(--color-ink-soft);
 }
 
-.rk-skeleton[data-v-37327de6] {
-  display: block;
-  flex-shrink: 0;
-  background: var(--color-muted);
-  animation: rk-skeleton-pulse-37327de6 1.6s ease-in-out infinite;
-}
-.rk-skeleton.is-block[data-v-37327de6] {
-  border-radius: var(--radius-cell);
-}
-
-/* A line of text, rounded like one and a little short of its box. */
-.rk-skeleton.is-text[data-v-37327de6] {
-  border-radius: 9999px;
-}
-.rk-skeleton.is-circle[data-v-37327de6] {
-  border-radius: 9999px;
-}
-@keyframes rk-skeleton-pulse-37327de6 {
-50% {
-    opacity: 0.55;
-}
-}
-@media (prefers-reduced-motion: reduce) {
-.rk-skeleton[data-v-37327de6] {
-    animation: none;
-}
-}
-
 .rk-copy[data-v-c481e140] {
   display: inline-flex;
   height: 2.25rem;
@@ -1398,11 +1450,11 @@ to {
   outline: none;
 }
 
-.rk-popover[data-v-1e2d16d3] {
+.rk-popover[data-v-1371bff2] {
   position: relative;
   display: inline-flex;
 }
-.rk-popover-panel[data-v-1e2d16d3] {
+.rk-popover-panel[data-v-1371bff2] {
   position: absolute;
   z-index: 50;
   min-width: 14rem;
@@ -1411,39 +1463,39 @@ to {
   padding: 0.75rem;
   translate: var(--rk-popover-shift, 0) 0;
 }
-.rk-popover-panel[data-v-1e2d16d3]:focus-visible {
+.rk-popover-panel[data-v-1371bff2]:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
-.rk-popover-panel.is-bottom[data-v-1e2d16d3] {
+.rk-popover-panel.is-bottom[data-v-1371bff2] {
   top: calc(100% + 0.5rem);
 }
-.rk-popover-panel.is-top[data-v-1e2d16d3] {
+.rk-popover-panel.is-top[data-v-1371bff2] {
   bottom: calc(100% + 0.5rem);
 }
-.rk-popover-panel.is-start[data-v-1e2d16d3] {
+.rk-popover-panel.is-start[data-v-1371bff2] {
   left: 0;
 }
-.rk-popover-panel.is-end[data-v-1e2d16d3] {
+.rk-popover-panel.is-end[data-v-1371bff2] {
   right: 0;
 }
-.rk-popover-panel.is-center[data-v-1e2d16d3] {
+.rk-popover-panel.is-center[data-v-1371bff2] {
   left: 50%;
   translate: calc(-50% + var(--rk-popover-shift, 0px)) 0;
 }
-.rk-popover-enter-active[data-v-1e2d16d3],
-.rk-popover-leave-active[data-v-1e2d16d3] {
+.rk-popover-enter-active[data-v-1371bff2],
+.rk-popover-leave-active[data-v-1371bff2] {
   transition:
     opacity var(--duration-fast) var(--ease-standard),
     transform var(--duration-fast) var(--ease-standard);
 }
-.rk-popover-enter-from[data-v-1e2d16d3],
-.rk-popover-leave-to[data-v-1e2d16d3] {
+.rk-popover-enter-from[data-v-1371bff2],
+.rk-popover-leave-to[data-v-1371bff2] {
   opacity: 0;
   transform: translateY(-4px) scale(0.98);
 }
-.rk-popover-panel.is-top.rk-popover-enter-from[data-v-1e2d16d3],
-.rk-popover-panel.is-top.rk-popover-leave-to[data-v-1e2d16d3] {
+.rk-popover-panel.is-top.rk-popover-enter-from[data-v-1371bff2],
+.rk-popover-panel.is-top.rk-popover-leave-to[data-v-1371bff2] {
   transform: translateY(4px) scale(0.98);
 }
 
@@ -2425,6 +2477,355 @@ to {
   color: var(--color-ink-soft);
 }
 
+.rk-command[data-v-cce1dd03] {
+  position: fixed;
+  inset: 0;
+  z-index: 90;
+  display: flex;
+  justify-content: center;
+  padding: 1rem;
+  /* Near the top, not centred: the eye is already up there, and the list
+     grows downwards into space rather than pushing itself off both edges. */
+  padding-top: min(12vh, 6rem);
+}
+.rk-command-scrim[data-v-cce1dd03] {
+  position: absolute;
+  inset: 0;
+  background: color-mix(in oklab, var(--color-ink) 45%, transparent);
+  backdrop-filter: blur(2px);
+}
+.rk-command-panel[data-v-cce1dd03] {
+  position: relative;
+  display: flex;
+  width: 100%;
+  max-width: 34rem;
+  max-height: min(28rem, 70vh);
+  flex-direction: column;
+  overflow: hidden;
+  border-radius: var(--radius-card);
+}
+.rk-command-field[data-v-cce1dd03] {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  border-bottom: 1px solid var(--surface-border-color);
+  padding: 0.875rem 1rem;
+}
+.rk-command-input[data-v-cce1dd03] {
+  min-width: 0;
+  flex: 1;
+  background: transparent;
+  font-size: 1rem;
+  color: var(--color-ink);
+  outline: none;
+}
+
+/* The field takes focus the moment this opens, so a full ring around it
+   would be on the whole time. The rule under it turns instead: enough to
+   say where the keyboard is, quiet enough to live with. */
+.rk-command-field[data-v-cce1dd03]:has(.rk-command-input:focus-visible) {
+  border-bottom-color: var(--color-primary);
+  box-shadow: inset 0 -1px 0 var(--color-primary);
+}
+.rk-command-list[data-v-cce1dd03] {
+  overflow-y: auto;
+  padding: 0.375rem;
+}
+.rk-command-group[data-v-cce1dd03] {
+  padding: 0.5rem 0.625rem 0.25rem;
+  font-size: 0.6875rem;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--color-ink-soft);
+}
+.rk-command-item[data-v-cce1dd03] {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  gap: 0.625rem;
+  border-radius: var(--radius-cell);
+  padding: 0.5rem 0.625rem;
+  font-size: 0.875rem;
+  color: var(--color-ink);
+}
+.rk-command-item.is-active[data-v-cce1dd03] {
+  background: var(--color-muted);
+}
+.rk-command-hint[data-v-cce1dd03] {
+  margin-left: auto;
+  flex-shrink: 0;
+  font-size: 0.75rem;
+  color: var(--color-ink-soft);
+}
+.rk-command-empty[data-v-cce1dd03] {
+  padding: 1.5rem 0.625rem;
+  text-align: center;
+  font-size: 0.875rem;
+  color: var(--color-ink-soft);
+}
+.rk-command-enter-active[data-v-cce1dd03],
+.rk-command-leave-active[data-v-cce1dd03] {
+  transition: opacity var(--duration-fast) var(--ease-standard);
+}
+.rk-command-enter-active .rk-command-panel[data-v-cce1dd03],
+.rk-command-leave-active .rk-command-panel[data-v-cce1dd03] {
+  transition: transform var(--duration-fast) var(--ease-standard);
+}
+.rk-command-enter-from[data-v-cce1dd03],
+.rk-command-leave-to[data-v-cce1dd03] {
+  opacity: 0;
+}
+.rk-command-enter-from .rk-command-panel[data-v-cce1dd03],
+.rk-command-leave-to .rk-command-panel[data-v-cce1dd03] {
+  transform: translateY(-0.5rem) scale(0.98);
+}
+
+/* The scroller is focusable: a region only a drag can reach is a region a
+   keyboard cannot read at all. */
+.rk-data-scroll[data-v-5920cac0] {
+  overflow-x: auto;
+  border-radius: var(--radius-card);
+}
+.rk-data-scroll[data-v-5920cac0]:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 2px;
+}
+.rk-data[data-v-5920cac0] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.rk-data-caption[data-v-5920cac0] {
+  padding-bottom: 0.5rem;
+  text-align: left;
+  font-size: 0.8125rem;
+  color: var(--color-ink-soft);
+}
+.rk-data-caption-hidden[data-v-5920cac0] {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+.rk-data th[data-v-5920cac0] {
+  border-bottom: 1px solid var(--color-hair);
+  padding: 0.625rem 0.75rem;
+  text-align: left;
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  color: var(--color-ink-soft);
+  white-space: nowrap;
+}
+.rk-data.is-sticky thead th[data-v-5920cac0] {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background: var(--color-surface);
+}
+.rk-data td[data-v-5920cac0] {
+  border-bottom: 1px solid color-mix(in oklab, var(--color-hair) 60%, transparent);
+  padding: 0.625rem 0.75rem;
+  color: var(--color-ink);
+  vertical-align: middle;
+}
+.rk-data tbody tr:last-child td[data-v-5920cac0] {
+  border-bottom: 0;
+}
+.rk-data tbody tr.is-chosen td[data-v-5920cac0] {
+  background: color-mix(in oklab, var(--color-primary) 8%, transparent);
+}
+.is-end[data-v-5920cac0] {
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+}
+.is-nowrap[data-v-5920cac0] {
+  white-space: nowrap;
+}
+.rk-data-sort[data-v-5920cac0] {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  border-radius: var(--radius-cell);
+  color: inherit;
+  transition: color var(--duration-fast) var(--ease-standard);
+}
+.rk-data-sort[data-v-5920cac0]:hover {
+  color: var(--color-ink);
+}
+.rk-data-pick[data-v-5920cac0] {
+  width: 2.75rem;
+  padding-right: 0;
+}
+.rk-data-box[data-v-5920cac0] {
+  width: 1rem;
+  height: 1rem;
+  accent-color: var(--color-primary);
+}
+.rk-data-empty[data-v-5920cac0] {
+  padding: 2rem 0.75rem;
+  text-align: center;
+  color: var(--color-ink-soft);
+}
+
+.rk-split[data-v-159a4f08] {
+  display: flex;
+  width: 100%;
+  min-height: 0;
+}
+.rk-split.is-vertical[data-v-159a4f08] {
+  flex-direction: column;
+}
+.rk-split.is-dragging[data-v-159a4f08] {
+  user-select: none;
+}
+.rk-split-pane[data-v-159a4f08] {
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+}
+.is-horizontal .rk-split-pane.is-start[data-v-159a4f08] {
+  width: var(--rk-split);
+}
+.is-vertical .rk-split-pane.is-start[data-v-159a4f08] {
+  height: var(--rk-split);
+}
+.rk-split-pane.is-end[data-v-159a4f08] {
+  flex: 1;
+}
+
+/* The handle is wider than the line it draws: a 1px target is a target
+   nobody hits. */
+.rk-split-handle[data-v-159a4f08] {
+  display: grid;
+  flex-shrink: 0;
+  place-items: center;
+  background: transparent;
+  touch-action: none;
+}
+.is-horizontal .rk-split-handle[data-v-159a4f08] {
+  width: 0.75rem;
+  cursor: col-resize;
+}
+.is-vertical .rk-split-handle[data-v-159a4f08] {
+  height: 0.75rem;
+  cursor: row-resize;
+}
+.rk-split-grip[data-v-159a4f08] {
+  display: block;
+  border-radius: 9999px;
+  background: var(--color-hair);
+  transition: background-color var(--duration-fast) var(--ease-standard);
+}
+.is-horizontal .rk-split-grip[data-v-159a4f08] {
+  width: 2px;
+  height: 100%;
+}
+.is-vertical .rk-split-grip[data-v-159a4f08] {
+  width: 100%;
+  height: 2px;
+}
+.rk-split-handle:hover .rk-split-grip[data-v-159a4f08],
+.rk-split-handle:focus-visible .rk-split-grip[data-v-159a4f08],
+.is-dragging .rk-split-grip[data-v-159a4f08] {
+  background: var(--color-primary);
+}
+
+.rk-toolbar[data-v-a65164b7] {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+.rk-toolbar.is-vertical[data-v-a65164b7] {
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.rk-tree[data-v-1ba675c5] {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  border-radius: var(--radius-card);
+}
+.rk-tree[data-v-1ba675c5]:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 2px;
+}
+.rk-tree-row[data-v-1ba675c5] {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  gap: 0.375rem;
+  border-radius: var(--radius-cell);
+  /* Indented by level, so a branch reads as being inside its parent. */
+  padding: 0.3125rem 0.5rem 0.3125rem calc(0.5rem + (var(--rk-tree-level) - 1) * 1rem);
+  font-size: 0.875rem;
+  color: var(--color-ink);
+}
+.rk-tree-row.is-active[data-v-1ba675c5] {
+  background: var(--color-muted);
+}
+.rk-tree-row.is-chosen[data-v-1ba675c5] {
+  color: var(--color-primary);
+  font-weight: 500;
+}
+.rk-tree-row.is-chosen.is-active[data-v-1ba675c5] {
+  background: color-mix(in oklab, var(--color-primary) 12%, transparent);
+}
+.rk-tree-row.is-disabled[data-v-1ba675c5] {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+.rk-tree-twist[data-v-1ba675c5],
+.rk-tree-twist-space[data-v-1ba675c5] {
+  width: 1rem;
+  height: 1rem;
+  flex-shrink: 0;
+}
+.rk-tree-twist[data-v-1ba675c5] {
+  color: var(--color-ink-soft);
+  transition: rotate var(--duration-fast) var(--ease-standard);
+}
+.rk-tree-twist.is-open[data-v-1ba675c5] {
+  rotate: 90deg;
+}
+
+.rk-transfer[data-v-1d75b0da] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+  align-items: center;
+  gap: 0.75rem;
+}
+.rk-transfer-side[data-v-1d75b0da] {
+  min-width: 0;
+}
+.rk-transfer-title[data-v-1d75b0da] {
+  margin-bottom: 0.375rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--color-ink-soft);
+}
+.rk-transfer-middle[data-v-1d75b0da] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+/* On a phone the two lists stack and the buttons turn to face them. */
+@media (max-width: 40rem) {
+.rk-transfer[data-v-1d75b0da] {
+    grid-template-columns: minmax(0, 1fr);
+}
+.rk-transfer-middle[data-v-1d75b0da] {
+    flex-direction: row;
+    justify-content: center;
+    rotate: 90deg;
+}
+}
+
 .rk-tabs[data-v-8135ecab] {
   display: flex;
   align-items: center;

package/dist/web/BaseSplitter.vue.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Two panes and a handle between them — a list beside a preview, an editor
+ * beside its output.
+ *
+ * The handle is a `separator` with a value, which is the part a hand-written
+ * one never has: it can be moved with the arrow keys, Home and End send it
+ * to its limits, and Enter puts it back where it started. A divider that
+ * only answers to a drag is a layout a keyboard cannot change at all.
+ *
+ * The split is a percentage, so the panes keep their proportions when the
+ * window changes rather than one of them swallowing the other.
+ */
+type __VLS_Props = {
+    /** The handle's accessible name, e.g. "Resize the list". */
+    label: string;
+    /** `horizontal`: side by side, the handle moves left and right. */
+    orientation?: 'horizontal' | 'vertical' | undefined;
+    /** How small the first pane may get, as a percentage. */
+    min?: number | undefined;
+    max?: number | undefined;
+    /** How far one arrow press moves it, in percentage points. */
+    step?: number | undefined;
+};
+type __VLS_Slots = {
+    /** The first pane: the list, the tree, the sidebar. */
+    start: () => unknown;
+    /** The second pane. */
+    end: () => unknown;
+};
+type __VLS_ModelProps = {
+    /** Where the split sits, as a percentage of the whole. `v-model`. */
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: number) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/web/BaseToolbar.vue.d.ts

@@ -0,0 +1,30 @@
+/**
+ * A row of controls that belong together: a formatting bar, a row of view
+ * switches, the actions over a table.
+ *
+ * One Tab stop for the lot. The arrows move between the controls inside it,
+ * Home and End jump to the ends — the toolbar pattern, and the reason to
+ * use it is arithmetic: twelve buttons in the tab order cost twelve presses
+ * to get past on the way to the thing under them.
+ *
+ * The controls are yours: anything focusable inside is picked up, so a
+ * toolbar can mix the kit's buttons, a `ToggleGroup` and a separator
+ * without declaring any of them as data.
+ */
+type __VLS_Props = {
+    /** The toolbar's accessible name, e.g. "Formatting". */
+    label: string;
+    orientation?: 'horizontal' | 'vertical' | undefined;
+};
+type __VLS_Slots = {
+    default: () => unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};