@vibes.diy/base 14.3.188 → 14.3.190

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/components/vibe-menu/cards/ConsentCard.d.ts +10 -0
  2. package/components/vibe-menu/cards/ConsentCard.js +17 -0
  3. package/components/vibe-menu/cards/ConsentCard.js.map +1 -0
  4. package/components/vibe-menu/cards/consent-card.styles.d.ts +1 -0
  5. package/components/vibe-menu/cards/consent-card.styles.js +140 -0
  6. package/components/vibe-menu/cards/consent-card.styles.js.map +1 -0
  7. package/components/vibe-menu/index.d.ts +2 -0
  8. package/components/vibe-menu/index.js +2 -0
  9. package/components/vibe-menu/index.js.map +1 -1
  10. package/components/vibe-menu/parts/ActionPill.d.ts +1 -0
  11. package/components/vibe-menu/parts/ActionPill.js +1 -1
  12. package/components/vibe-menu/parts/ActionPill.js.map +1 -1
  13. package/package.json +5 -5
package/components/vibe-menu/cards/ConsentCard.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import type { Section } from "../menu-state.js";
3
+ export interface ConsentCardProps {
4
+ readonly section: Section;
5
+ readonly ariaLabel: string;
6
+ readonly kicker: string;
7
+ readonly onBackdrop: () => void;
8
+ readonly children: React.ReactNode;
9
+ }
10
+ export declare function ConsentCard(props: ConsentCardProps): React.ReactElement;
package/components/vibe-menu/cards/ConsentCard.js ADDED
@@ -0,0 +1,17 @@
1
+ import * as React from "react";
2
+ import { VibeMenuStyles } from "../vibe-menu.styles.js";
3
+ import { CONSENT_CARD_CSS } from "./consent-card.styles.js";
4
+ export function ConsentCard(props) {
5
+ return (React.createElement("div", { "data-vibe-menu-detached": "" },
6
+ React.createElement(VibeMenuStyles, null),
7
+ React.createElement("style", null, CONSENT_CARD_CSS),
8
+ React.createElement("div", { "data-vibe-menu": "", "data-section": props.section, className: "vm-consent-scrim", role: "dialog", "aria-modal": "true", "aria-label": props.ariaLabel, onClick: (e) => {
9
+ if (e.target === e.currentTarget)
10
+ props.onBackdrop();
11
+ } },
12
+ React.createElement("div", { className: "vm-card-body is-framed vm-consent-card" },
13
+ React.createElement("p", { className: "vm-kicker vm-consent-kicker" }, props.kicker),
14
+ props.children,
15
+ React.createElement("div", { className: "vm-consent-band", "aria-hidden": "true" })))));
16
+ }
17
+ //# sourceMappingURL=ConsentCard.js.map
package/components/vibe-menu/cards/ConsentCard.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConsentCard.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/cards/ConsentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAoB5D,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,OAAO,CACL,wDAA6B,EAAE;QAC7B,oBAAC,cAAc,OAAG;QAClB,mCAAQ,gBAAgB,CAAS;QACjC,+CACiB,EAAE,kBACH,KAAK,CAAC,OAAO,EAC3B,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,QAAQ,gBACF,MAAM,gBACL,KAAK,CAAC,SAAS,EAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;oBAAE,KAAK,CAAC,UAAU,EAAE,CAAC;YACvD,CAAC;YAED,6BAAK,SAAS,EAAC,wCAAwC;gBACrD,2BAAG,SAAS,EAAC,6BAA6B,IAAE,KAAK,CAAC,MAAM,CAAK;gBAC5D,KAAK,CAAC,QAAQ;gBACf,6BAAK,SAAS,EAAC,iBAAiB,iBAAa,MAAM,GAAG,CAClD,CACF,CACF,CACP,CAAC;AACJ,CAAC"}
package/components/vibe-menu/cards/consent-card.styles.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const CONSENT_CARD_CSS = "\n[data-vibe-menu].vm-consent-scrim {\n position: fixed;\n inset: 0;\n z-index: 9999;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-16);\n background: color-mix(in srgb, var(--vibes-black) 40%, transparent);\n}\n[data-vibe-menu] .vm-consent-card {\n width: 100%;\n max-width: 420px;\n max-height: 100%;\n overflow: auto;\n padding: var(--space-16) var(--space-16) 0;\n}\n[data-vibe-menu] .vm-consent-kicker { margin: 0 0 var(--space-6); }\n[data-vibe-menu] .vm-consent-title {\n margin: 0 0 var(--space-14);\n font: 700 26px/1.1 var(--font-display);\n letter-spacing: -0.02em;\n color: var(--ink);\n}\n[data-vibe-menu] .vm-consent-owner { font-weight: 400; color: var(--muted); }\n[data-vibe-menu] .vm-consent-lede {\n margin: 0 0 var(--space-14);\n font: 400 15px/21px var(--font-display);\n}\n[data-vibe-menu] .vm-consent-strong,\n[data-vibe-menu] .vm-consent-lede strong { font-weight: 700; }\n[data-vibe-menu] .vm-consent-break { overflow-wrap: anywhere; }\n[data-vibe-menu] .vm-consent-why {\n margin: 0 0 var(--space-16);\n padding: 0 0 0 var(--space-12);\n border-left: var(--stroke-rule) solid var(--line-card);\n font: 400 15px/21px var(--font-display);\n}\n[data-vibe-menu] .vm-consent-why-by { color: var(--muted); white-space: nowrap; }\n[data-vibe-menu] .vm-consent-subhead { margin: 0 0 var(--space-8); }\n[data-vibe-menu] .vm-consent-caps {\n border-bottom: var(--stroke-hairline) solid var(--line-hairline);\n margin-bottom: var(--space-14);\n}\n[data-vibe-menu] .vm-consent-cap {\n display: flex;\n align-items: flex-start;\n gap: var(--space-12);\n min-height: var(--size-row-compact);\n padding: var(--space-8) var(--space-16);\n}\n[data-vibe-menu] .vm-consent-cap + .vm-consent-cap { border-top: var(--stroke-hairline) solid var(--line-hairline); }\n[data-vibe-menu] .vm-consent-cap-text {\n flex: 1;\n padding-top: 4px;\n font: 400 15px/20px var(--font-display);\n}\n[data-vibe-menu] .vm-consent-cap-text.is-muted { color: var(--muted); }\n[data-vibe-menu] .vm-consent-write {\n display: inline-flex;\n align-items: center;\n height: 22px;\n margin: 2px 0 0 var(--space-6);\n padding: 0 var(--space-8);\n border: var(--stroke-rule) solid var(--line-card);\n border-radius: var(--radius-chip);\n font: 700 10.5px/1 var(--font-tab);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n white-space: nowrap;\n vertical-align: 1px;\n}\n[data-vibe-menu] .vm-consent-req {\n margin: 0 0 var(--space-12);\n font: 400 14px/20px var(--font-display);\n}\n[data-vibe-menu] .vm-consent-req a {\n color: var(--ink);\n font-weight: 700;\n text-decoration: underline;\n text-underline-offset: 2px;\n}\n[data-vibe-menu] .vm-consent-foot {\n margin: 0 0 var(--space-16);\n font: 400 13px/18px var(--font-display);\n color: var(--muted);\n}\n[data-vibe-menu] .vm-consent-note-open { margin: 0 0 var(--space-16); }\n[data-vibe-menu] .vm-consent-note-open .vm-chip { display: inline-flex; align-items: center; gap: var(--space-6); }\n[data-vibe-menu] .vm-consent-note { margin: 0 0 var(--space-16); }\n[data-vibe-menu] .vm-consent-note textarea {\n display: block;\n width: 100%;\n resize: none;\n padding: var(--space-10) var(--space-12);\n border: var(--stroke-rule) solid var(--line-card);\n border-radius: var(--radius-moment);\n background-color: var(--card-bg);\n color: var(--ink);\n font: 400 16px/22px var(--font-display);\n}\n[data-vibe-menu] .vm-consent-note textarea::placeholder { color: var(--placeholder); }\n[data-vibe-menu] .vm-consent-note-meta {\n display: flex;\n justify-content: space-between;\n gap: var(--space-8);\n margin-top: var(--space-6);\n font: 400 12px/16px var(--font-display);\n color: var(--muted);\n}\n[data-vibe-menu] .vm-consent-note-meta [role=\"status\"] { color: var(--ink); }\n[data-vibe-menu] .vm-consent-card .vm-ask[aria-disabled=\"true\"] {\n opacity: var(--opacity-row-disabled);\n cursor: default;\n}\n[data-vibe-menu] .vm-consent-card .vm-textbtn { margin-bottom: var(--space-6); }\n[data-vibe-menu] .vm-consent-band {\n height: var(--size-band);\n margin: 0 calc(-1 * var(--space-16));\n background: var(--accent);\n color: var(--on-accent);\n}\n[data-vibe-menu] .vm-consent-card :focus-visible {\n outline: var(--stroke-focus) solid var(--line-card);\n outline-offset: 2px;\n}\n@container vibe-menu (max-width: 480px) {\n [data-vibe-menu] .vm-consent-title { font-size: 23px; }\n}\n\n/* Forced colours: fills drop out, so give each filled shape an edge the\n system can paint (a transparent outline becomes CanvasText). */\n@media (forced-colors: active) {\n [data-vibe-menu] .vm-consent-card .vm-dot,\n [data-vibe-menu] .vm-consent-band { outline: var(--stroke-rule) solid transparent; }\n [data-vibe-menu].vm-consent-scrim { background: Canvas; }\n}\n";
package/components/vibe-menu/cards/consent-card.styles.js ADDED
@@ -0,0 +1,140 @@
1
+ export const CONSENT_CARD_CSS = `
2
+ [data-vibe-menu].vm-consent-scrim {
3
+ position: fixed;
4
+ inset: 0;
5
+ z-index: 9999;
6
+ display: flex;
7
+ align-items: center;
8
+ justify-content: center;
9
+ padding: var(--space-16);
10
+ background: color-mix(in srgb, var(--vibes-black) 40%, transparent);
11
+ }
12
+ [data-vibe-menu] .vm-consent-card {
13
+ width: 100%;
14
+ max-width: 420px;
15
+ max-height: 100%;
16
+ overflow: auto;
17
+ padding: var(--space-16) var(--space-16) 0;
18
+ }
19
+ [data-vibe-menu] .vm-consent-kicker { margin: 0 0 var(--space-6); }
20
+ [data-vibe-menu] .vm-consent-title {
21
+ margin: 0 0 var(--space-14);
22
+ font: 700 26px/1.1 var(--font-display);
23
+ letter-spacing: -0.02em;
24
+ color: var(--ink);
25
+ }
26
+ [data-vibe-menu] .vm-consent-owner { font-weight: 400; color: var(--muted); }
27
+ [data-vibe-menu] .vm-consent-lede {
28
+ margin: 0 0 var(--space-14);
29
+ font: 400 15px/21px var(--font-display);
30
+ }
31
+ [data-vibe-menu] .vm-consent-strong,
32
+ [data-vibe-menu] .vm-consent-lede strong { font-weight: 700; }
33
+ [data-vibe-menu] .vm-consent-break { overflow-wrap: anywhere; }
34
+ [data-vibe-menu] .vm-consent-why {
35
+ margin: 0 0 var(--space-16);
36
+ padding: 0 0 0 var(--space-12);
37
+ border-left: var(--stroke-rule) solid var(--line-card);
38
+ font: 400 15px/21px var(--font-display);
39
+ }
40
+ [data-vibe-menu] .vm-consent-why-by { color: var(--muted); white-space: nowrap; }
41
+ [data-vibe-menu] .vm-consent-subhead { margin: 0 0 var(--space-8); }
42
+ [data-vibe-menu] .vm-consent-caps {
43
+ border-bottom: var(--stroke-hairline) solid var(--line-hairline);
44
+ margin-bottom: var(--space-14);
45
+ }
46
+ [data-vibe-menu] .vm-consent-cap {
47
+ display: flex;
48
+ align-items: flex-start;
49
+ gap: var(--space-12);
50
+ min-height: var(--size-row-compact);
51
+ padding: var(--space-8) var(--space-16);
52
+ }
53
+ [data-vibe-menu] .vm-consent-cap + .vm-consent-cap { border-top: var(--stroke-hairline) solid var(--line-hairline); }
54
+ [data-vibe-menu] .vm-consent-cap-text {
55
+ flex: 1;
56
+ padding-top: 4px;
57
+ font: 400 15px/20px var(--font-display);
58
+ }
59
+ [data-vibe-menu] .vm-consent-cap-text.is-muted { color: var(--muted); }
60
+ [data-vibe-menu] .vm-consent-write {
61
+ display: inline-flex;
62
+ align-items: center;
63
+ height: 22px;
64
+ margin: 2px 0 0 var(--space-6);
65
+ padding: 0 var(--space-8);
66
+ border: var(--stroke-rule) solid var(--line-card);
67
+ border-radius: var(--radius-chip);
68
+ font: 700 10.5px/1 var(--font-tab);
69
+ letter-spacing: 0.08em;
70
+ text-transform: uppercase;
71
+ white-space: nowrap;
72
+ vertical-align: 1px;
73
+ }
74
+ [data-vibe-menu] .vm-consent-req {
75
+ margin: 0 0 var(--space-12);
76
+ font: 400 14px/20px var(--font-display);
77
+ }
78
+ [data-vibe-menu] .vm-consent-req a {
79
+ color: var(--ink);
80
+ font-weight: 700;
81
+ text-decoration: underline;
82
+ text-underline-offset: 2px;
83
+ }
84
+ [data-vibe-menu] .vm-consent-foot {
85
+ margin: 0 0 var(--space-16);
86
+ font: 400 13px/18px var(--font-display);
87
+ color: var(--muted);
88
+ }
89
+ [data-vibe-menu] .vm-consent-note-open { margin: 0 0 var(--space-16); }
90
+ [data-vibe-menu] .vm-consent-note-open .vm-chip { display: inline-flex; align-items: center; gap: var(--space-6); }
91
+ [data-vibe-menu] .vm-consent-note { margin: 0 0 var(--space-16); }
92
+ [data-vibe-menu] .vm-consent-note textarea {
93
+ display: block;
94
+ width: 100%;
95
+ resize: none;
96
+ padding: var(--space-10) var(--space-12);
97
+ border: var(--stroke-rule) solid var(--line-card);
98
+ border-radius: var(--radius-moment);
99
+ background-color: var(--card-bg);
100
+ color: var(--ink);
101
+ font: 400 16px/22px var(--font-display);
102
+ }
103
+ [data-vibe-menu] .vm-consent-note textarea::placeholder { color: var(--placeholder); }
104
+ [data-vibe-menu] .vm-consent-note-meta {
105
+ display: flex;
106
+ justify-content: space-between;
107
+ gap: var(--space-8);
108
+ margin-top: var(--space-6);
109
+ font: 400 12px/16px var(--font-display);
110
+ color: var(--muted);
111
+ }
112
+ [data-vibe-menu] .vm-consent-note-meta [role="status"] { color: var(--ink); }
113
+ [data-vibe-menu] .vm-consent-card .vm-ask[aria-disabled="true"] {
114
+ opacity: var(--opacity-row-disabled);
115
+ cursor: default;
116
+ }
117
+ [data-vibe-menu] .vm-consent-card .vm-textbtn { margin-bottom: var(--space-6); }
118
+ [data-vibe-menu] .vm-consent-band {
119
+ height: var(--size-band);
120
+ margin: 0 calc(-1 * var(--space-16));
121
+ background: var(--accent);
122
+ color: var(--on-accent);
123
+ }
124
+ [data-vibe-menu] .vm-consent-card :focus-visible {
125
+ outline: var(--stroke-focus) solid var(--line-card);
126
+ outline-offset: 2px;
127
+ }
128
+ @container vibe-menu (max-width: 480px) {
129
+ [data-vibe-menu] .vm-consent-title { font-size: 23px; }
130
+ }
131
+
132
+ /* Forced colours: fills drop out, so give each filled shape an edge the
133
+ system can paint (a transparent outline becomes CanvasText). */
134
+ @media (forced-colors: active) {
135
+ [data-vibe-menu] .vm-consent-card .vm-dot,
136
+ [data-vibe-menu] .vm-consent-band { outline: var(--stroke-rule) solid transparent; }
137
+ [data-vibe-menu].vm-consent-scrim { background: Canvas; }
138
+ }
139
+ `;
140
+ //# sourceMappingURL=consent-card.styles.js.map
package/components/vibe-menu/cards/consent-card.styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"consent-card.styles.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/cards/consent-card.styles.ts"],"names":[],"mappings":"AAcA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0I/B,CAAC"}
package/components/vibe-menu/index.d.ts CHANGED
@@ -54,6 +54,8 @@ export * from "./cards/invite-message.js";
54
54
  export * from "./cards/share-actions.js";
55
55
  export * from "./cards/share-parts.js";
56
56
  export * from "./cards/share-card.styles.js";
57
+ export * from "./cards/consent-card.styles.js";
58
+ export * from "./cards/ConsentCard.js";
57
59
  export * from "./share-fixtures.js";
58
60
  export * from "./share-image.js";
59
61
  export * from "./cards/ShareDrills.js";
package/components/vibe-menu/index.js CHANGED
@@ -54,6 +54,8 @@ export * from "./cards/invite-message.js";
54
54
  export * from "./cards/share-actions.js";
55
55
  export * from "./cards/share-parts.js";
56
56
  export * from "./cards/share-card.styles.js";
57
+ export * from "./cards/consent-card.styles.js";
58
+ export * from "./cards/ConsentCard.js";
57
59
  export * from "./share-fixtures.js";
58
60
  export * from "./share-image.js";
59
61
  export * from "./cards/ShareDrills.js";
package/components/vibe-menu/index.js.map CHANGED
@@ -1 +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,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,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"}
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,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,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,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC"}
package/components/vibe-menu/parts/ActionPill.d.ts CHANGED
@@ -8,6 +8,7 @@ export interface ActionPillProps {
8
8
  readonly ariaLabel?: string;
9
9
  readonly href?: string;
10
10
  readonly disabled?: boolean;
11
+ readonly autoFocus?: boolean;
11
12
  readonly onClick?: () => void;
12
13
  }
13
14
  export declare function ActionPill(props: ActionPillProps): React.ReactElement;
package/components/vibe-menu/parts/ActionPill.js CHANGED
@@ -6,7 +6,7 @@ export function ActionPill(props) {
6
6
  const content = (React.createElement(React.Fragment, null,
7
7
  React.createElement("span", null, props.label),
8
8
  React.createElement(Glyph, { name: props.glyph ?? "arrow-right" })));
9
- const pill = props.href !== undefined && disabled === false ? (React.createElement("a", { className: className, href: props.href, "aria-label": props.ariaLabel, onClick: props.onClick }, content)) : (React.createElement("button", { className: className, type: "button", "aria-label": props.ariaLabel, "aria-disabled": disabled ? "true" : undefined, onClick: () => {
9
+ const pill = props.href !== undefined && disabled === false ? (React.createElement("a", { className: className, href: props.href, "aria-label": props.ariaLabel, autoFocus: props.autoFocus, onClick: props.onClick }, content)) : (React.createElement("button", { className: className, type: "button", "aria-label": props.ariaLabel, "aria-disabled": disabled ? "true" : undefined, autoFocus: props.autoFocus, onClick: () => {
10
10
  if (disabled)
11
11
  return;
12
12
  props.onClick?.();
package/components/vibe-menu/parts/ActionPill.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ActionPill.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/parts/ActionPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAkB,MAAM,YAAY,CAAC;AAoBnD,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC;IACpE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC;IACzC,MAAM,OAAO,GAAG,CACd;QACE,kCAAO,KAAK,CAAC,KAAK,CAAQ;QAC1B,oBAAC,KAAK,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAI,aAAa,GAAI,CAC5C,CACJ,CAAC;IACF,MAAM,IAAI,GACR,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CAC/C,2BAAG,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBAAc,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAC3F,OAAO,CACN,CACL,CAAC,CAAC,CAAC,CACF,gCACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,gBACD,KAAK,CAAC,SAAS,mBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,QAAQ;gBAAE,OAAO;YACrB,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;QACpB,CAAC,IAEA,OAAO,CACD,CACV,CAAC;IACJ,OAAO,CACL;QACG,IAAI;QACJ,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,QAAQ,IAAE,KAAK,CAAC,OAAO,CAAK,CAC9E,CACJ,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,OAAO,CACL,gCAAQ,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,IAChE,KAAK,CAAC,KAAK,CACL,CACV,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"ActionPill.js","sourceRoot":"","sources":["../../../../jsr/components/vibe-menu/parts/ActionPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAkB,MAAM,YAAY,CAAC;AAsBnD,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC;IACpE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC;IACzC,MAAM,OAAO,GAAG,CACd;QACE,kCAAO,KAAK,CAAC,KAAK,CAAQ;QAC1B,oBAAC,KAAK,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAI,aAAa,GAAI,CAC5C,CACJ,CAAC;IACF,MAAM,IAAI,GACR,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CAC/C,2BAAG,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBAAc,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IACvH,OAAO,CACN,CACL,CAAC,CAAC,CAAC,CACF,gCACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,gBACD,KAAK,CAAC,SAAS,mBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,QAAQ;gBAAE,OAAO;YACrB,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;QACpB,CAAC,IAEA,OAAO,CACD,CACV,CAAC;IACJ,OAAO,CACL;QACG,IAAI;QACJ,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,QAAQ,IAAE,KAAK,CAAC,OAAO,CAAK,CAC9E,CACJ,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,OAAO,CACL,gCAAQ,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,IAChE,KAAK,CAAC,KAAK,CACL,CACV,CAAC;AACJ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vibes.diy/base",
3
- "version": "14.3.188",
3
+ "version": "14.3.190",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "main": "./index.js",
@@ -10,10 +10,10 @@
10
10
  "dependencies": {
11
11
  "@adviser/cement": "~0.5.34",
12
12
  "@emotion/css": "~11.13.5",
13
- "@vibes.diy/api-types": "14.3.188",
14
- "@vibes.diy/use-vibes-types": "14.3.188",
15
- "@vibes.diy/vibe-runtime": "14.3.188",
16
- "@vibes.diy/vibe-types": "14.3.188",
13
+ "@vibes.diy/api-types": "14.3.190",
14
+ "@vibes.diy/use-vibes-types": "14.3.190",
15
+ "@vibes.diy/vibe-runtime": "14.3.190",
16
+ "@vibes.diy/vibe-types": "14.3.190",
17
17
  "arktype": "~2.2.8",
18
18
  "officeparser": "~8.1.1",
19
19
  "qrcode-generator": "~2.0.4",