@vibes.diy/base 14.3.167 → 14.3.172

package/components/vibe-menu/index.d.ts

@@ -33,6 +33,7 @@ export * from "./parts/SectionStrip.js";
 export * from "./parts/VibesSwitchGlass.js";
 export * from "./parts/StatusLine.js";
 export * from "./parts/StatusChipRow.js";
+export * from "./parts/StarterChips.js";
 export * from "./shell/useMenuSequencer.js";
 export * from "./parts/MenuCard.js";
 export * from "./shell/VibeMenuShell.js";

package/components/vibe-menu/index.js

@@ -33,6 +33,7 @@ export * from "./parts/SectionStrip.js";
 export * from "./parts/VibesSwitchGlass.js";
 export * from "./parts/StatusLine.js";
 export * from "./parts/StatusChipRow.js";
+export * from "./parts/StarterChips.js";
 export * from "./shell/useMenuSequencer.js";
 export * from "./parts/MenuCard.js";
 export * from "./shell/VibeMenuShell.js";

package/components/vibe-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/vibe-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/vibe-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC"}

package/components/vibe-menu/parts/StarterChips.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+export declare const STARTER_PAINTS: readonly [{
+    readonly name: "blue";
+    readonly color: "#3b82f6";
+    readonly ink: "menu-ink";
+}, {
+    readonly name: "red";
+    readonly color: "#ef4444";
+    readonly ink: "menu-ink";
+}, {
+    readonly name: "yellow";
+    readonly color: "#eab308";
+    readonly ink: "menu-ink";
+}, {
+    readonly name: "gray";
+    readonly color: "#6b7280";
+    readonly ink: "vibes-cream";
+}, {
+    readonly name: "purple-neon";
+    readonly color: "#c084fc";
+    readonly ink: "menu-ink";
+}, {
+    readonly name: "pink-neon";
+    readonly color: "#f472b6";
+    readonly ink: "menu-ink";
+}, {
+    readonly name: "orange-neon";
+    readonly color: "#fb923c";
+    readonly ink: "menu-ink";
+}, {
+    readonly name: "cyan-neon";
+    readonly color: "#22d3ee";
+    readonly ink: "menu-ink";
+}, {
+    readonly name: "magenta-neon";
+    readonly color: "#e879f9";
+    readonly ink: "menu-ink";
+}, {
+    readonly name: "lime-neon";
+    readonly color: "#a3e635";
+    readonly ink: "menu-ink";
+}];
+export declare const STARTER_PAINT_VARS: string;
+export declare function starterPaintIndex(id: string): number;
+export declare const STARTER_CHIPS_CSS: string;
+export interface StarterChip {
+    readonly id: string;
+    readonly label: string;
+}
+export interface StarterChipsProps {
+    readonly chips: readonly StarterChip[];
+    readonly onPick: (chip: StarterChip) => void;
+    readonly disabled?: boolean;
+    readonly dealt?: boolean;
+    readonly ariaLabel?: string;
+    readonly className?: string;
+}
+export declare function StarterChips({ chips, onPick, disabled, dealt, ariaLabel, className, }: StarterChipsProps): React.ReactElement;

package/components/vibe-menu/parts/StarterChips.js

@@ -0,0 +1,70 @@
+import * as React from "react";
+import { VIBE_MENU_LIGHT_VARS } from "../vibe-menu.styles.js";
+import { colors } from "../../../theme/tokens.js";
+export const STARTER_PAINTS = [
+    { name: "blue", color: colors.blue, ink: "menu-ink" },
+    { name: "red", color: colors.red, ink: "menu-ink" },
+    { name: "yellow", color: colors.yellow, ink: "menu-ink" },
+    { name: "gray", color: colors.gray, ink: "vibes-cream" },
+    { name: "purple-neon", color: colors.purpleNeon, ink: "menu-ink" },
+    { name: "pink-neon", color: colors.pinkNeon, ink: "menu-ink" },
+    { name: "orange-neon", color: colors.orangeNeon, ink: "menu-ink" },
+    { name: "cyan-neon", color: colors.cyanNeon, ink: "menu-ink" },
+    { name: "magenta-neon", color: colors.magentaNeon, ink: "menu-ink" },
+    { name: "lime-neon", color: colors.limeNeon, ink: "menu-ink" },
+];
+export const STARTER_PAINT_VARS = STARTER_PAINTS.map((p) => `\n  --starter-${p.name}: ${p.color};`).join("");
+export function starterPaintIndex(id) {
+    let hash = 0x811c9dc5;
+    for (let i = 0; i < id.length; i++) {
+        hash ^= id.charCodeAt(i);
+        hash = Math.imul(hash, 0x01000193);
+    }
+    return (hash >>> 0) % STARTER_PAINTS.length;
+}
+const PAINT_RULES = STARTER_PAINTS.map((p, i) => `  .vm-starter[data-paint="${i}"] { background: var(--starter-${p.name}); color: var(--${p.ink}); }`).join("\n");
+export const STARTER_CHIPS_CSS = `
+  .vm-starters {${VIBE_MENU_LIGHT_VARS}${STARTER_PAINT_VARS}
+    color-scheme: normal;
+    display: flex;
+    gap: var(--space-8);
+    padding: var(--space-2) 0;
+    overflow-x: auto;
+    scrollbar-width: none;
+    -webkit-overflow-scrolling: touch;
+  }
+  .vm-starters::-webkit-scrollbar { display: none; }
+  .vm-starters[data-dealt="false"] { visibility: hidden; }
+  .vm-starter {
+    flex: 0 0 auto;
+    padding: var(--space-8) var(--space-16);
+    border: var(--stroke-rule) solid var(--line);
+    border-radius: var(--radius-full);
+    box-shadow: var(--stroke-rule) var(--stroke-rule) 0 var(--line);
+    font: 700 15px/1.2 var(--font-display);
+    white-space: nowrap;
+    cursor: pointer;
+  }
+${PAINT_RULES}
+  .vm-starter:active { transform: translate(var(--stroke-rule), var(--stroke-rule)); box-shadow: none; }
+  .vm-starter:focus-visible { outline: var(--stroke-focus) solid var(--line); outline-offset: var(--space-2); }
+  .vm-starter[aria-disabled="true"] { opacity: var(--opacity-row-disabled); cursor: default; }
+  @media (prefers-reduced-motion: reduce) {
+    .vm-starter:active { transform: none; }
+  }
+`;
+export function StarterChips({ chips, onPick, disabled = false, dealt = true, ariaLabel = "Start with a kind of app", className, }) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("style", null, STARTER_CHIPS_CSS),
+        React.createElement("div", { className: className === undefined ? "vm-starters" : `vm-starters ${className}`, role: "group", "aria-label": ariaLabel, "data-dealt": dealt ? "true" : "false" }, chips.map((chip) => (React.createElement("button", { key: chip.id, type: "button", className: "vm-starter", "data-paint": starterPaintIndex(chip.id), "aria-disabled": disabled, onClick: () => {
+                if (!disabled)
+                    onPick(chip);
+            }, onKeyDown: (event) => {
+                if (event.key === "Enter") {
+                    event.preventDefault();
+                    if (!disabled)
+                        onPick(chip);
+                }
+            } }, chip.label))))));
+}
+//# sourceMappingURL=StarterChips.js.map

package/components/vibe-menu/parts/StarterChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarterChips.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/parts/StarterChips.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibes.diy/base",
-  "version": "14.3.167",
+  "version": "14.3.172",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -10,10 +10,10 @@
   "dependencies": {
     "@adviser/cement": "~0.5.34",
     "@emotion/css": "~11.13.5",
-    "@vibes.diy/api-types": "14.3.167",
-    "@vibes.diy/use-vibes-types": "14.3.167",
-    "@vibes.diy/vibe-runtime": "14.3.167",
-    "@vibes.diy/vibe-types": "14.3.167",
+    "@vibes.diy/api-types": "14.3.172",
+    "@vibes.diy/use-vibes-types": "14.3.172",
+    "@vibes.diy/vibe-runtime": "14.3.172",
+    "@vibes.diy/vibe-types": "14.3.172",
     "arktype": "~2.2.6",
     "officeparser": "~8.1.1",
     "qrcode-generator": "~2.0.4",