cursedbelt 5.78.0 → 5.79.1

package/dist/react/palette/index.js

@@ -6,6 +6,8 @@ export * from 'cursedbelt-core/palette';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, } from './Command.js';
 export { CommandSourceProvider, useCommandSource, useCommandSources, } from './commandSources.js';
 export { CommandPalette, } from './CommandPalette.js';
+export { Kbd } from './Kbd.js';
+export { ShortcutSheet, } from './ShortcutSheet.js';
 export { useCommandPalette, } from './useCommandPalette.js';
 export { useHotkeys } from './useHotkeys.js';
 export { useShortcutRegistry } from './useShortcutRegistry.js';

package/dist/react/palette/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/palette/index.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,yFAAyF;AACzF,6FAA6F;AAC7F,oFAAoF;AAEpF,cAAc,yBAAyB,CAAC;AACxC,OAAO,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,YAAY,EAEZ,WAAW,EACX,WAAW,EACX,gBAAgB,GACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAGL,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,cAAc,GAEf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAGL,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAA0B,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/palette/index.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,yFAAyF;AACzF,6FAA6F;AAC7F,oFAAoF;AAEpF,cAAc,yBAAyB,CAAC;AACxC,OAAO,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,YAAY,EAEZ,WAAW,EACX,WAAW,EACX,gBAAgB,GACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAIL,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,cAAc,GAGf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAiB,MAAM,UAAU,CAAC;AAC9C,OAAO,EACL,aAAa,GAId,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAGL,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAA0B,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/scripts/guardrailsEnforce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"guardrailsEnforce.d.ts","sourceRoot":"","sources":["../../scripts/guardrailsEnforce.ts"],"names":[],"mappings":";AA6PA,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB;;;sEAGkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,IAAI;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,SAAS,EAAE,CAAC;CACzD;AAED,wBAAgB,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,GAAE,MAAM,EAAO,GAAG,MAAM,EAAE,CA6B9D;AAgwCD,iGAAiG;AACjG,wBAAgB,WAAW,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAE3D;AAoHD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAIpE;AAm4BD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,SAAS,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,GAAG,IAAI,CAEpF;AAID,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,CAoBhE;AAyKD,kGAAkG;AAClG,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAatE;AAqDD,UAAU,MAAM;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AA0BD,+FAA+F;AAC/F,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAgBpD;AAID,wEAAwE;AACxE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAO5E;AA0FD,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAiCtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,MAAM,CAAiE,CAAC;AAEtH,0EAA0E;AAC1E,eAAO,MAAM,SAAS,EAAE,SAAS,MAAM,EAAwE,CAAC;AAShH,eAAO,MAAM,uBAAuB,aAAkD,CAAC;AAGvF,MAAM,WAAW,SAAS;IACzB,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AAED;2FAC2F;AAC3F,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG;IAAE,MAAM,EAAE,SAAS,EAAE,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,CA+C3F;AAED,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AAmGhC,wBAAgB,0BAA0B,CAAC,SAAS,GAAE,MAAwB,GAAG,MAAM,EAAE,CAyBxF"}
+{"version":3,"file":"guardrailsEnforce.d.ts","sourceRoot":"","sources":["../../scripts/guardrailsEnforce.ts"],"names":[],"mappings":";AAiQA,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB;;;sEAGkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,IAAI;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,SAAS,EAAE,CAAC;CACzD;AAED,wBAAgB,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,GAAE,MAAM,EAAO,GAAG,MAAM,EAAE,CA6B9D;AA2yCD,iGAAiG;AACjG,wBAAgB,WAAW,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAE3D;AAoHD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAIpE;AAs4BD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,SAAS,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,GAAG,IAAI,CAEpF;AAID,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,CAoBhE;AAyKD,kGAAkG;AAClG,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAatE;AAqDD,UAAU,MAAM;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AA0BD,+FAA+F;AAC/F,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAgBpD;AAID,wEAAwE;AACxE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAO5E;AA0FD,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAkCtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,MAAM,CAAiE,CAAC;AAEtH,0EAA0E;AAC1E,eAAO,MAAM,SAAS,EAAE,SAAS,MAAM,EAAwE,CAAC;AAShH,eAAO,MAAM,uBAAuB,aAAkD,CAAC;AAGvF,MAAM,WAAW,SAAS;IACzB,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AAED;2FAC2F;AAC3F,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG;IAAE,MAAM,EAAE,SAAS,EAAE,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,CA+C3F;AAED,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AAgHhC,wBAAgB,0BAA0B,CAAC,SAAS,GAAE,MAAwB,GAAG,MAAM,EAAE,CAyBxF"}

package/dist/styles-areas/canvas-hud.css

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 39 candidate(s).
+ * 40 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -29,4 +29,4 @@
 @source inline("[scrollbar-width:none] aria-pressed:bg-muted aria-pressed:text-foreground basis-0 basis-full");
 @source inline("bg-background/40 bg-background/70 bottom-3 bottom-4 focus-visible:border-transparent");
 @source inline("focus-visible:ring-0 left-3 max-w-48 min-w-10 min-w-26 min-w-40 ml-2 opacity-100 order-1 order-2");
-@source inline("order-3 pb-1.5 pl-0 pl-1 place-items-center pr-1 pt-1 px-0.5 right-4 w-40 w-64");
+@source inline("order-3 pb-1.5 pl-0 pl-1 place-items-center pr-1 pt-1 px-0.5 right-3 right-4 w-40 w-64");

package/dist/styles-areas/kanban.css

@@ -0,0 +1,31 @@
+/*
+ * cursedbelt — the `kanban` area's utility candidates. GENERATED BUILD ARTIFACT. Never hand-edit.
+ *
+ * the Kanban board — columns of dragged cards; an app with no board renders none of it.
+ *
+ * Every Tailwind utility the modules in this area's import closure use, MINUS the
+ * ones `styles-areas/core.css` already ships. 🔴 Import ALL of these, in
+ * this order — this file alone is incomplete:
+ *
+ *   @import "tailwindcss";
+ *   @import "cursedbelt/styles-static.css";
+ *   @import "cursedbelt/styles-areas/core.css";
+ *   @import "cursedbelt/styles-areas/kanban.css";
+ *   @import "cursedbelt/theme.css";
+ *
+ * These are CANDIDATES (`@source inline`), not CSS: the app's own Tailwind pass generates
+ * them, sorted together with the app's utilities, so an area can never put a base utility
+ * after an app's responsive variant (task 2124). An app that imports every area gets exactly
+ * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
+ * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
+ * 26 candidate(s).
+ *
+ * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
+ * `bun run build` runs. The map of what is in which area, and why the areas are
+ * import closures rather than a hand-written list, is scripts/styleAreas.ts.
+ */
+@source inline("[&::-webkit-scrollbar]:hidden [scrollbar-width:none] active:cursor-grabbing bg-accent/15");
+@source inline("border-accent/70 border-dashed cursor-grab focus-visible:border-accent hover:bg-muted/80");
+@source inline("max-h-full max-lg:snap-mandatory max-lg:snap-x max-md:w-full max-w-64 md:hidden min-h min-h-8");
+@source inline("overscroll-x-auto ring-1 ring-accent ring-accent/30 ring-accent/50 ring-inset shadow-2xl");
+@source inline("snap-start w-72");

package/dist/styles-areas/palette.css

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 29 candidate(s).
+ * 30 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -31,5 +31,5 @@
 @source inline("border-dashed data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none");
 @source inline("data-[selected=true]:bg-muted data-[selected=true]:text-foreground h-12 max-h-72");
 @source inline("max-h-[var(--palette-max-h)] max-w-64 mx-1 opacity-100 place-items-center");
-@source inline("placeholder:text-muted-foreground py-8 shadow-popover sm:inline-block top-[var(--palette-top)]");
-@source inline("w-72 w-[calc(100%-2rem)]");
+@source inline("placeholder:text-muted-foreground py-8 shadow-popover sm:inline-block sm:inline-flex");
+@source inline("top-[var(--palette-top)] w-72 w-[calc(100%-2rem)]");

package/dist/styles-areas/workbench.css

@@ -18,25 +18,27 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 92 candidate(s).
+ * 98 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
  * import closures rather than a hand-written list, is scripts/styleAreas.ts.
  */
 @source inline("-my-0.5 [&::-webkit-scrollbar]:hidden [&_svg]:size-3.5 [scrollbar-width:none] bg-accent/15");
-@source inline("bg-accent/40 bg-accent/8 bg-card-overlay/85 bg-muted/30 bg-muted/60 bg-success/8 border-2");
-@source inline("border-8 border-accent-solid border-accent/70 border-border-strong/60 border-border/50");
-@source inline("border-dashed border-solid bottom-6 disabled:opacity-0 duration-150 first:pt-1 flex-row");
-@source inline("group-hover:disabled:opacity-50 h-105 h-40 hover:bg-card-overlay hover:bg-muted-foreground/10");
-@source inline("hover:bg-muted/80 hover:border-field-ring hover:shadow-popover italic left-2.5 max-h-full min-h");
-@source inline("min-h-20 min-h-8 min-h-9 min-h-dvh min-h-full min-w-20 min-w-40 opacity-100 pb-0.5");
-@source inline("pb-[max(env(safe-area-inset-bottom,0px),0.5rem)] peer-focus peer-focus:outline-none");
-@source inline("peer-focus:ring-2 peer-focus:ring-field-ring/40 peer-focus:rounded-lg pl-1 pl-3");
-@source inline("pointer-coarse:disabled:opacity-50 pointer-coarse:h-12 pointer-coarse:w-12 pr-16 pr-9");
-@source inline("resize-none right-4 ring-1 ring-4 ring-accent/20 ring-accent/30 ring-accent/40 ring-border");
-@source inline("ring-inset ring-ring rounded-[var(--radius-device)] scale-[1.01] self-stretch shrink-[2] size-7");
-@source inline("sm:flex-1 sm:flex-nowrap sm:shrink-0 sm:w-56 text-muted-foreground/60 text-tone-amber-ink");
+@source inline("bg-accent/40 bg-accent/8 bg-background/85 bg-card-overlay/85 bg-muted/30 bg-muted/60");
+@source inline("bg-success/8 border-2 border-8 border-accent-solid border-accent/70 border-border-strong/60");
+@source inline("border-border/50 border-dashed border-solid bottom-6");
+@source inline("bottom-[max(env(safe-area-inset-bottom,0px),0.75rem)] disabled:opacity-0 duration-150 first:pt-1");
+@source inline("flex-row group-hover:disabled:opacity-50 h-105 h-40 hover:bg-card-overlay");
+@source inline("hover:bg-muted-foreground/10 hover:bg-muted/80 hover:border-field-ring hover:shadow-popover");
+@source inline("inset-x-3 italic items-stretch left-2.5 max-h-full min-h min-h-20 min-h-8 min-h-9 min-h-dvh");
+@source inline("min-h-full min-w-20 min-w-40 opacity-100 pb-0.5 pb-[max(env(safe-area-inset-bottom,0px),0.5rem)]");
+@source inline("peer-focus peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-field-ring/40");
+@source inline("peer-focus:rounded-lg pl-1 pl-3 pointer-coarse:disabled:opacity-50 pointer-coarse:h-12");
+@source inline("pointer-coarse:w-12 pr-16 pr-9 pt-1.5 resize-none right-4 ring-1 ring-4 ring-accent/20");
+@source inline("ring-accent/30 ring-accent/40 ring-border ring-inset ring-ring rounded-2xl");
+@source inline("rounded-[var(--radius-device)] scale-[1.01] self-stretch shrink-[2] size-7 sm:flex-1");
+@source inline("sm:flex-nowrap sm:shrink-0 sm:w-56 text-muted-foreground/60 text-tone-amber-ink");
 @source inline("text-tone-cyan-ink text-tone-emerald-ink text-tone-orange-ink text-tone-purple-ink");
 @source inline("text-tone-rose-ink text-tone-sky-ink text-tone-slate-ink text-xl transition-[opacity,transform]");
 @source inline("translate-y-0 translate-y-2 w-0 w-88");

package/dist/styles-utilities.css

@@ -297,6 +297,9 @@
   .bottom-6 {
     bottom: calc(var(--spacing) * 6);
   }
+  .bottom-\[max\(env\(safe-area-inset-bottom\,0px\)\,0\.75rem\)\] {
+    bottom: max(env(safe-area-inset-bottom,0px), 0.75rem);
+  }
   .-left-1\.5 {
     left: calc(var(--spacing) * -1.5);
   }
@@ -1323,6 +1326,9 @@
   .resize-y {
     resize: vertical;
   }
+  .snap-start {
+    scroll-snap-align: start;
+  }
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
@@ -1576,6 +1582,9 @@
   .overscroll-contain {
     overscroll-behavior: contain;
   }
+  .overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -2648,6 +2657,9 @@
   .pt-1 {
     padding-top: var(--spacing);
   }
+  .pt-1\.5 {
+    padding-top: calc(var(--spacing) * 1.5);
+  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -3201,6 +3213,10 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.55\)\] {
     --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.55));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3295,6 +3311,12 @@
       --tw-ring-color: color-mix(in oklab, var(--accent) 40%, transparent);
     }
   }
+  .ring-accent\/50 {
+    --tw-ring-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--accent) 50%, transparent);
+    }
+  }
   .ring-background {
     --tw-ring-color: var(--background);
   }
@@ -3979,6 +4001,9 @@
     --tw-outline-style: none;
     outline-style: none;
   }
+  .focus-visible\:border-accent:focus-visible {
+    border-color: var(--accent);
+  }
   .focus-visible\:border-border-strong:focus-visible {
     border-color: var(--border-strong);
   }
@@ -4482,6 +4507,14 @@
       scale: var(--tw-scale-x) var(--tw-scale-y);
     }
   }
+  @media (width < 64rem) {
+    .max-lg\:snap-x {
+      scroll-snap-type: x var(--tw-scroll-snap-strictness);
+    }
+    .max-lg\:snap-mandatory {
+      --tw-scroll-snap-strictness: mandatory;
+    }
+  }
   @media (width < 48rem) {
     .max-md\:absolute {
       position: absolute;
@@ -4495,6 +4528,9 @@
     .max-md\:hidden {
       display: none;
     }
+    .max-md\:w-full {
+      width: 100%;
+    }
   }
   @media (width < 40rem) {
     .max-sm\:inset-x-0 {
@@ -5785,6 +5821,11 @@
   inherits: false;
   initial-value: 1;
 }
+@property --tw-scroll-snap-strictness {
+  syntax: "*";
+  inherits: false;
+  initial-value: proximity;
+}
 @property --tw-content {
   syntax: "*";
   initial-value: "";
@@ -5915,6 +5956,7 @@
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
+      --tw-scroll-snap-strictness: proximity;
       --tw-content: "";
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cursedbelt",
-	"version": "5.78.0",
+	"version": "5.79.1",
 	"license": "ISC",
 	"type": "module",
 	"description": "The React design system of the cursedbelt split — components, styles, theme. cursedbelt-core below it; server tier in cursedbelt-server.",
@@ -75,7 +75,7 @@
 		"demo:check": "tsc --noEmit --project demo/tsconfig.json",
 		"demo:paths": "bun run demo/generatePaths.ts --write",
 		"demo:coverage": "bun run scripts/demoCoverage.ts",
-		"guardrails:report": "bun run scripts/guardrailsEnforce.ts no-raw-action-button,raw-button-resets-face,no-raw-overflow,no-raw-inputs,no-hardcoded-colors,no-raw-modal-footer,no-unguarded-editing-modal,control-height-tokens,no-raw-zindex,no-raw-data-table,no-hand-rolled-property-list,no-tailwind-palette,no-raw-title-attr,micro-typography-floor,choice-needs-empty-state,no-select-as-action-menu,no-native-select,no-native-dialog,no-fast-tooltip,no-raw-password,no-raw-lazy,no-raw-popover,no-hand-rolled-scroll-memory,no-hand-rolled-surface,no-inline-style,no-arbitrary-length,opt-out-count,opt-out-needs-cause --scope cursedbelt src/react src/styles.css",
+		"guardrails:report": "bun run scripts/guardrailsEnforce.ts no-raw-action-button,raw-button-resets-face,no-raw-overflow,no-raw-inputs,no-hardcoded-colors,no-raw-modal-footer,no-unguarded-editing-modal,control-height-tokens,no-raw-zindex,no-raw-data-table,no-hand-rolled-property-list,no-raw-kbd,no-tailwind-palette,no-raw-title-attr,micro-typography-floor,choice-needs-empty-state,no-select-as-action-menu,no-native-select,no-native-dialog,no-fast-tooltip,no-raw-password,no-raw-lazy,no-raw-popover,no-hand-rolled-scroll-memory,no-hand-rolled-surface,no-inline-style,no-arbitrary-length,opt-out-count,opt-out-needs-cause --scope cursedbelt src/react src/styles.css",
 		"lint": "biome lint --error-on-warnings src e2e demo scripts",
 		"styles": "bun run styles:static && bun run styles:utilities && bun run styles:areas",
 		"styles:static": "bun run scripts/generateStaticStyles.ts",
@@ -657,6 +657,7 @@
 		"./react/file-tree/geometry.json": "./src/react/file-tree/fileTreeGeometry.fixture.json",
 		"./styles-areas/filter-rail.css": "./src/styles-areas/filter-rail.css",
 		"./styles-areas/folder-tree.css": "./src/styles-areas/folder-tree.css",
+		"./styles-areas/kanban.css": "./src/styles-areas/kanban.css",
 		"./styles-areas/keep-awake.css": "./src/styles-areas/keep-awake.css",
 		"./styles-areas/layout-engine.css": "./src/styles-areas/layout-engine.css",
 		"./styles-areas/markdown.css": "./src/styles-areas/markdown.css",
@@ -972,7 +973,7 @@
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.1.1",
-		"cursedbelt-core": "^2.10.0",
+		"cursedbelt-core": "^2.13.1",
 		"cwip": "^4.12.0",
 		"lucide-react": "^1.21.0",
 		"react-hook-form": "^7.80.0",

package/scripts/guardrails-baseline.json

@@ -11,6 +11,7 @@
     "no-unguarded-editing-modal": 0,
     "no-raw-data-table": 0,
     "no-hand-rolled-property-list": 0,
+    "no-raw-kbd": 0,
     "no-tailwind-palette": 0,
     "no-raw-title-attr": 0,
     "no-local-reimplementation": 0,
@@ -22,7 +23,7 @@
     "no-hand-rolled-surface": 0,
     "no-inline-style": 73,
     "no-arbitrary-length": 0,
-    "opt-out-count": 272,
+    "opt-out-count": 273,
     "opt-out-needs-cause": 255
   },
   "cursedshell": {

package/scripts/guardrailsEnforce.spec.ts

@@ -1054,6 +1054,15 @@ describe('no-native-select — the OS draws its list (owner, 2026-10-10)', () =>
     expect(check('no-native-select', source)).toHaveLength(2);
   });
 
+  test('a raw <select> is the same OS list, and counts too (forge task 3097)', () => {
+    const source = `<select className="cs-select" value={rule.field} onChange={(e) => change(e.target.value)}>
+      {FIELDS.map((f) => <option key={f}>{f}</option>)}
+    </select>`;
+    expect(check('no-native-select', source)).toHaveLength(1);
+    expect(check('no-native-select', `{/* a \`<select>\` here would be an OS list */}\n<SelectField options={o} />`)).toHaveLength(0);
+    expect(check('no-native-select', `<selection-bar />`)).toHaveLength(0);
+  });
+
   test('the styled controls, and a comment that names it, are not one', () => {
     expect(check('no-native-select', `<SelectField value={sort} options={SORTS} />`)).toHaveLength(0);
     expect(check('no-native-select', `// was a <NativeSelect> until 2026-10-10\n<PropertyPicker name="Type" />`)).toHaveLength(0);
@@ -1442,6 +1451,36 @@ describe('--baseline (a consuming repo\'s ratchet)', () => {
     );
   });
 
+  test('🔴 a row for a rule this belt does not have yet only warns — the app is behind a bump, not drifting (task 3098)', async () => {
+    // 2026-10-13: a new rule's row went into every app's baseline with the belt still
+    // unpublished, and the six apps on the LOCKED belt went red at once.
+    await withFixture(
+      { ...FIXTURE, 'scripts/baseline.json': JSON.stringify({ 'no-hardcoded-colors': 2, 'no-rule-from-the-future': 0 }) },
+      async (dir) => {
+        const { code, report } = await runCli(dir, ['no-hardcoded-colors', '--baseline', 'scripts/baseline.json', 'src']);
+        expect(report).toContain('this cursedbelt does not have yet: no-rule-from-the-future');
+        expect(report).not.toContain('nobody scans');
+        expect(report).toContain('✓ no-hardcoded-colors: 2 violation(s)');
+        expect(code).toBe(0);
+      },
+    );
+  });
+
+  test('a row ahead of the belt does not excuse a row the belt knows and does not scan', async () => {
+    await withFixture(
+      {
+        ...FIXTURE,
+        'scripts/baseline.json': JSON.stringify({ 'no-hardcoded-colors': 2, 'no-raw-zindex': 0, 'no-rule-from-the-future': 0 }),
+      },
+      async (dir) => {
+        const { code, report } = await runCli(dir, ['no-hardcoded-colors', '--baseline', 'scripts/baseline.json', 'src']);
+        expect(code).toBe(2);
+        expect(report).toContain('row(s) for rules nobody scans: no-raw-zindex');
+        expect(report).not.toContain('nobody scans: no-raw-zindex, no-rule-from-the-future');
+      },
+    );
+  });
+
   test('a scanned rule with no row is refused — a silent 0 demands the whole pile at once', async () => {
     await withFixture({ ...FIXTURE, 'scripts/baseline.json': JSON.stringify({ 'no-hardcoded-colors': 2 }) }, async (dir) => {
       const { code, report } = await runCli(dir, [
@@ -1651,6 +1690,29 @@ describe('no-hand-rolled-property-list', () => {
   });
 });
 
+describe('no-raw-kbd', () => {
+  const rule = RULES['no-raw-kbd'];
+  test('a raw <kbd> in app source is a violation — desk\'s switcher foot drew its own', () => {
+    const found = rule.check('src/ui/QuickSwitcher.tsx', `<footer>\n  <kbd>↑</kbd> move\n</footer>`);
+    expect(found).toHaveLength(1);
+    expect(found[0]?.line).toBe(2);
+  });
+  test('the belt\'s Kbd is the fix, and is not flagged', () => {
+    expect(rule.check('src/ui/QuickSwitcher.tsx', `<Kbd keys="$mod+k" /> <Kbd>↑</Kbd>`)).toHaveLength(0);
+  });
+  test('an opt-out with a reason on the block above is honoured; a comment mentioning <kbd> is not a violation', () => {
+    expect(
+      rule.check('src/ui/Menu.tsx', `// guardrails-ignore no-raw-kbd: a menu accelerator is bare text,\n// not a cap\n<kbd>{shortcut}</kbd>`),
+    ).toHaveLength(0);
+    expect(rule.check('src/ui/Menu.tsx', `// the old <kbd> here was hand-drawn`)).toHaveLength(0);
+  });
+  test('exempt by construction: Kbd itself, fixtures and stylesheets', () => {
+    for (const file of ['src/react/palette/Kbd.tsx', 'src/ui/Foot.spec.tsx', 'src/ui/foot.css']) {
+      expect(rule.check(file, `<kbd>K</kbd>`)).toHaveLength(0);
+    }
+  });
+});
+
 describe('no-raw-nav', () => {
   test('🔴 flags a hand-rolled <nav> — the header music shipped on 2026-09-25', () => {
     expect(

package/scripts/guardrailsEnforce.ts

@@ -76,6 +76,10 @@
 //     `Property`. On the ELEMENT, like `no-raw-data-table`. The belt's own PropertyList, the
 //     markdown/rich-text renderers and `*.spec|test.*` fixtures are exempt by construction.
 //
+//   no-raw-kbd — forge task 3087 (2026-10-13): no hand-drawn `<kbd>` — a key is cursedbelt's
+//     `Kbd` (`<Kbd keys="$mod+k" />` → ⌘K / Ctrl K), and an app's `?` list is `ShortcutSheet`.
+//     On the ELEMENT. The belt's own `Kbd`, stylesheets and `*.spec|test.*` fixtures are exempt.
+//
 //   no-raw-data-table — DESIGN.md §3 "Visual Formatting & Data Presentation" (owner, 2026-08-14): no hand-rolled `<table>` —
 //     use `cursedbelt/react/data-table`'s `DataTable`, which carries sorting, a global
 //     filter, column visibility, pagination and the phone card tier. The rule is on the
@@ -113,7 +117,7 @@
 //     Semantic classes are never matched — `text-xs` IS 12px. A non-text glyph takes
 //     the per-line opt-out.
 //
-//   no-native-select — owner, 2026-10-10: a `NativeSelect`'s list is drawn by the OS, where no
+//   no-native-select — owner, 2026-10-10: a `NativeSelect`'s (or raw `<select>`'s) list is drawn by the OS, where no
 //     stylesheet reaches it, so it breaks the app's cohesion. `SelectField` / `ComboboxField` /
 //     `PropertyPicker` / `ChoiceMenu` instead; a use where the OS picker is genuinely better says
 //     why with `// guardrails-ignore no-native-select: <why>` on the line above. Ratcheted per app.
@@ -1057,6 +1061,7 @@ const CONTROL_HEIGHT_FILES = new Set([
 	"IconButton.tsx",
 	"Input.tsx",
 	"SelectField.tsx",
+	"SelectFieldImpl.tsx",
 	"ComboboxField.tsx",
 	"Autocomplete.tsx",
 	"TagsInput.tsx",
@@ -1296,6 +1301,48 @@ const noHandRolledPropertyList: Rule = {
 	},
 };
 
+// ── no-raw-kbd (forge task 3087, 2026-10-13) ───────────────────────────────────
+// By 2026-10-13 four apps drew the same key four ways: vault's cap was mono with a 2px bottom
+// border, desk's a bare browser `<kbd>`, family's its own grey box, music's another — and ⌘ showed
+// to a Windows reader wherever a glyph had been typed by hand. cursedbelt 5.79.0's `Kbd` is the
+// one cap, formatted per platform from a binding (`<Kbd keys="$mod+k" />`), or drawn as written
+// from children (`<Kbd>↑</Kbd>`); `ShortcutSheet` is the `?` list built from it.
+//
+// So the rule is on the ELEMENT, like `no-hand-rolled-property-list`: a `<kbd` in app source is
+// a violation. Exempt by construction: `Kbd` itself, `DropdownMenu`'s accelerator column (bare
+// text in the platform's notation, as macOS's and Linear's menus draw it — not a cap), and
+// `*.spec|test.*` fixtures. A key named in
+// prose is still a key — it is `<Kbd>`; a BUTTON named in prose is `<strong>`, never a cap.
+const RAW_KBD_RE = /<kbd\b/g;
+const RAW_KBD_IGNORE_RE = /guardrails-ignore\s+no-raw-kbd\s*:/;
+const RAW_KBD_EXEMPT_FRAGMENTS = ["react/palette/Kbd.tsx", "react/components/DropdownMenu.tsx"];
+
+const noRawKbd: Rule = {
+	name: "no-raw-kbd",
+	description:
+		"forge task 3087: no hand-drawn <kbd> — a key cap is cursedbelt's Kbd (cursedbelt/react: <Kbd keys=\"$mod+k\" /> draws ⌘K on a Mac and Ctrl K elsewhere; <Kbd>↑</Kbd> draws a literal), and an app's ? list is ShortcutSheet. A raw <kbd> is how every app picks its own cap, and how ⌘ reaches a Windows reader.",
+	check(filePath, source) {
+		const normalized = filePath.replace(/\\/g, "/");
+		if (extname(normalized) === ".css" || isTestSource(normalized)) return [];
+		if (RAW_KBD_EXEMPT_FRAGMENTS.some((fragment) => normalized.includes(fragment))) return [];
+		const violations: Violation[] = [];
+		const scannable = blankComments(source);
+		const lines = source.split("\n");
+		for (const match of scannable.matchAll(RAW_KBD_RE)) {
+			const line = lineOf(source, match.index ?? 0);
+			const block: string[] = [];
+			for (let i = line - 2; i >= 0 && block.length < 12; i--) {
+				const raw = lines[i] ?? "";
+				if (raw.trim() === "") break;
+				block.push(raw);
+			}
+			if (RAW_KBD_IGNORE_RE.test(block.join("\n"))) continue;
+			violations.push({ file: filePath, line, snippet: lines[line - 1]?.trim() ?? "" });
+		}
+		return violations;
+	},
+};
+
 // ── no-unguarded-editing-modal ──────────────────────────────────────────────
 // The owner lost a half-typed password by clicking outside an editing modal,
 // which dismissed it and threw the form away with no confirmation. `Modal`/
@@ -2041,7 +2088,9 @@ const noSelectAsActionMenu: Rule = {
 // macOS Chrome a grey system menu no stylesheet reaches — so every app that used one had a control
 // that was not the kit's. `no-select-as-action-menu` caught only the action-menu shape of it.
 //
-// Every app now counts its `<NativeSelect` uses in its two-sided ratchet, so the number only falls:
+// Every app now counts its `<NativeSelect` uses — and its raw `<select>`s, the same OS list without
+// even the kit's frame (forge task 3097: desk had eight under `no-raw-inputs`, which no count of
+// NativeSelect could see) — in its two-sided ratchet, so the number only falls:
 // `SelectField` / `ComboboxField` for a field, `PropertyPicker` for a record's property pill,
 // `ChoiceMenu` to choose-and-act. A use that is genuinely right — a form on a phone where the OS
 // wheel IS the better control — says so on the line above:
@@ -2051,18 +2100,19 @@ const NATIVE_SELECT_IGNORE_RE = /guardrails-ignore\s+no-native-select\s*:/;
 const noNativeSelect: Rule = {
 	name: "no-native-select",
 	description:
-		"Owner, 2026-10-10: unstyled dropdowns break the app's cohesiveness. A `NativeSelect`'s list is drawn by the OS, outside the page, where no stylesheet reaches it. Use `SelectField` / `ComboboxField` for a form field, `PropertyPicker` for a record's property (Type, Folder, Tags), or `ChoiceMenu` to choose-and-act. Where the OS picker is the better control, say why on the line above: `// guardrails-ignore no-native-select: <why>`.",
+		"Owner, 2026-10-10: unstyled dropdowns break the app's cohesiveness. A `NativeSelect`'s (or a raw `<select>`'s) list is drawn by the OS, outside the page, where no stylesheet reaches it. Use `SelectField` / `ComboboxField` for a form field, `PropertyPicker` for a record's property (Type, Folder, Tags), or `ChoiceMenu` to choose-and-act. Where the OS picker is the better control, say why on the line above: `// guardrails-ignore no-native-select: <why>`.",
 	check(filePath, source) {
 		const unix = filePath.replace(/\\/g, "/");
 		// The kit is held to its own law (forge task 3063: its DataTable filter builder and
 		// FocusViewer drew OS menus into every app whose count read 0). Only the control itself
 		// may render one.
 		if (/(^|\/)(?:packages|libs)\/cursedbelt\/src\/react\/components\/NativeSelect\.tsx$/.test(unix)) return [];
+		if (isBeltOwnSource(filePath) && /(^|\/)src\/react\/components\/NativeSelect\.tsx$/.test(unix)) return [];
 		if (/\.(?:spec|test)\.[tj]sx?$/.test(unix)) return [];
 		const scannable = blankComments(source);
 		const lines = source.split("\n");
 		const out: Violation[] = [];
-		for (const match of scannable.matchAll(/<NativeSelect\b/g)) {
+		for (const match of scannable.matchAll(/<(?:NativeSelect|select)\b/g)) {
 			const line = lineOf(source, match.index ?? 0);
 			if (NATIVE_SELECT_IGNORE_RE.test(lines[line - 1] ?? "") || NATIVE_SELECT_IGNORE_RE.test(blockAbove(lines, line))) continue;
 			out.push({ file: filePath, line, snippet: lines[line - 1]?.trim() ?? "" });
@@ -3022,6 +3072,7 @@ export const RULES: Record<string, Rule> = {
 	[noRawZindex.name]: noRawZindex,
 	[noRawDataTable.name]: noRawDataTable,
 	[noHandRolledPropertyList.name]: noHandRolledPropertyList,
+	[noRawKbd.name]: noRawKbd,
 	[noTailwindPalette.name]: noTailwindPalette,
 	[themeColoursResolve.name]: themeColoursResolve,
 	[noRawTitleAttr.name]: noRawTitleAttr,
@@ -3206,12 +3257,25 @@ function parseFlatBaseline(json: string, label: string): FlatBaseline {
 function baselineDisagreements(rows: FlatBaseline, ruleNames: readonly string[]): string[] {
 	const complaints: string[] = [];
 	const missing = ruleNames.filter((name) => !(name in rows));
-	const orphans = Object.keys(rows).filter((name) => !ruleNames.includes(name));
+	const orphans = Object.keys(rows).filter((name) => !ruleNames.includes(name) && name in RULES);
 	if (missing.length > 0) complaints.push(`no row for rule(s) being scanned: ${missing.join(", ")}`);
 	if (orphans.length > 0) complaints.push(`row(s) for rules nobody scans: ${orphans.join(", ")}`);
 	return complaints;
 }
 
+/**
+ * Rows naming a rule this belt has never heard of — forge task 3098. A new rule lands
+ * in the belt's tree and every consumer's baseline gets its row in the same pass, but a
+ * consumer still on the LOCKED belt then carries a row ahead of its library: not drift,
+ * a bump not made yet. Refusing it red every app off the tree at once (2026-10-13, six
+ * fast-lane deploys). It is a warning; a row this belt KNOWS and does not scan is still
+ * refused above, and a mistyped row cannot hide anything — the real rule's row is then
+ * missing, which is red.
+ */
+function rowsAheadOfThisBelt(rows: FlatBaseline, ruleNames: readonly string[]): string[] {
+	return Object.keys(rows).filter((name) => !ruleNames.includes(name) && !(name in RULES));
+}
+
 // ── `--reimplements-from-belt`: the name list, off this package's own exports ───
 // `no-local-reimplementation` matches app-declared names against the ones cursedbelt
 // exports (384 of them as this lands). A hand-kept copy of a dependency's export list
@@ -3322,6 +3386,13 @@ function main() {
 			console.error((error as Error).message);
 			process.exit(2);
 		}
+		const ahead = rowsAheadOfThisBelt(flatBaseline, ruleNames);
+		if (ahead.length > 0) {
+			console.error(
+				`⚠ ${baselinePath} has row(s) for rule(s) this cursedbelt does not have yet: ${ahead.join(", ")} — ` +
+					"not scanned; they apply once the app is on a cursedbelt that ships them.",
+			);
+		}
 		const complaints = baselineDisagreements(flatBaseline, ruleNames);
 		if (complaints.length > 0) {
 			console.error(`${baselinePath} and the rules being scanned disagree:`);
@@ -3329,7 +3400,7 @@ function main() {
 			// A row with no rule stops here. A rule with no row — what a belt bump that adds a
 			// rule produces — is still scanned, so the run prints the exact row to record
 			// instead of making the bumping agent find the count by hand; it exits 2 at the end.
-			if (Object.keys(flatBaseline).some((name) => !ruleNames.includes(name))) process.exit(2);
+			if (Object.keys(flatBaseline).some((name) => !ruleNames.includes(name) && name in RULES)) process.exit(2);
 			for (const name of ruleNames) if (!(name in flatBaseline)) missingRows.add(name);
 		}
 	}

package/scripts/styleAreas.ts

@@ -195,6 +195,7 @@ export const AREAS: readonly Area[] = [
 			'components/Section.tsx',
 			'components/SegmentedControl.tsx',
 			'components/SelectField.tsx',
+			'components/SelectFieldImpl.tsx',
 			'components/Skeleton.tsx',
 			'components/Slider.tsx',
 			'components/Spinner.tsx',
@@ -291,6 +292,7 @@ export const AREAS: readonly Area[] = [
 		// The breadcrumb's menus and pivot are `import()`ed by `nav/BreadcrumbTrail.tsx` (lazyImportFault).
 		roots: ['folder-tree', 'nav/BreadcrumbMenus.tsx', 'nav/BreadcrumbPivot.tsx'],
 	},
+	{ name: 'kanban', why: 'the Kanban board — columns of dragged cards; an app with no board renders none of it', roots: ['components/KanbanBoard.tsx'] },
 	{ name: 'keep-awake', why: 'the keep-awake toggle and its badge', roots: ['keep-awake'] },
 	{ name: 'layout-engine', why: 'the persisted pane/grid layout engine — apps with a fixed layout render none of it', roots: ['layoutEngine'] },
 	{ name: 'markdown', why: 'the rendered-markdown document', roots: ['markdown', 'markdown/MarkdownDoc.tsx'] },

package/src/react/canvas-hud/HudControls.spec.tsx

@@ -26,6 +26,17 @@ describe('HudZoomControls (CNV-3)', () => {
     expect(calls).toEqual(['out', 'in', 'fit', 'center']);
   });
 
+  test('vertical: a column with + on top and − under the percentage, announced as one', () => {
+    const { getByRole } = render(
+      <HudZoomControls orientation='vertical' scale={0.5} onZoomIn={() => {}} onZoomOut={() => {}} onFit={() => {}} />,
+    );
+    const group = getByRole('group', { name: 'View' });
+    expect(group.getAttribute('aria-orientation')).toBe('vertical');
+    expect(group.className).toContain('flex-col');
+    const names = Array.from(group.querySelectorAll('button')).map((b) => b.getAttribute('aria-label'));
+    expect(names).toEqual(['Zoom in', 'Zoom out', 'Fit to screen']);
+  });
+
   test('no Center key when the canvas has nothing to centre on', () => {
     const { queryByRole } = render(
       <HudZoomControls scale={1} onZoomIn={() => {}} onZoomOut={() => {}} onFit={() => {}} />,