@cloudgrid-io/ui 0.31.0 → 0.31.2
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.
- package/README.md +19 -0
- package/dist/blocks/agent-prompt.d.ts +22 -0
- package/dist/blocks/agent-prompt.d.ts.map +1 -1
- package/dist/blocks/agent-prompt.js +42 -3
- package/dist/blocks/agent-prompt.js.map +1 -1
- package/dist/blocks/cloudgrid-install.d.ts.map +1 -1
- package/dist/blocks/cloudgrid-install.js +8 -1
- package/dist/blocks/cloudgrid-install.js.map +1 -1
- package/dist/blocks/command-field.d.ts +37 -6
- package/dist/blocks/command-field.d.ts.map +1 -1
- package/dist/blocks/command-field.js +43 -7
- package/dist/blocks/command-field.js.map +1 -1
- package/dist/blocks/empty-creations-previews.d.ts +6 -0
- package/dist/blocks/empty-creations-previews.d.ts.map +1 -0
- package/dist/blocks/empty-creations-previews.js +17 -0
- package/dist/blocks/empty-creations-previews.js.map +1 -0
- package/dist/blocks/empty-creations.d.ts +84 -0
- package/dist/blocks/empty-creations.d.ts.map +1 -0
- package/dist/blocks/empty-creations.js +106 -0
- package/dist/blocks/empty-creations.js.map +1 -0
- package/dist/blocks/prompt-block.d.ts.map +1 -1
- package/dist/blocks/prompt-block.js +13 -4
- package/dist/blocks/prompt-block.js.map +1 -1
- package/dist/blocks/step-item.d.ts.map +1 -1
- package/dist/blocks/step-item.js +1 -1
- package/dist/blocks/step-item.js.map +1 -1
- package/dist/brand/creations/1.webp +0 -0
- package/dist/brand/creations/2.webp +0 -0
- package/dist/brand/creations/3.webp +0 -0
- package/dist/brand/creations/4.webp +0 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -170,6 +170,25 @@ Inside a page, use the component instead: `<LogoMark tone="inverted" size={32} /
|
|
|
170
170
|
the same glyph from the same constant as `Logo`, and the files are generated from that
|
|
171
171
|
constant and the brand token by `scripts/generate-brand-mark.mjs`, so the three cannot drift.
|
|
172
172
|
|
|
173
|
+
## The empty creations state
|
|
174
|
+
|
|
175
|
+
The new-user empty state for a list of someone's creations: a dashed box, a fan of
|
|
176
|
+
thumbnails around a "+" tile, "No creations yet", one line and an Add button.
|
|
177
|
+
|
|
178
|
+
```tsx
|
|
179
|
+
import Link from "next/link"
|
|
180
|
+
import { EmptyCreations } from "@cloudgrid-io/ui"
|
|
181
|
+
|
|
182
|
+
<EmptyCreations href="/drop" linkComponent={Link} level={3} />
|
|
183
|
+
<EmptyCreations onAdd={openComposer} />
|
|
184
|
+
```
|
|
185
|
+
|
|
186
|
+
The words and the four thumbnails come from the package; `addLabel` and `previews` override
|
|
187
|
+
them. It lays out by container query, so it fits whatever width it is given. The thumbnails
|
|
188
|
+
are inlined in the component, and also ship as files for any other use:
|
|
189
|
+
`@cloudgrid-io/ui/brand/creations/1.webp` to `4.webp` (164x94, 2 to 5KB each). After
|
|
190
|
+
replacing a file, run `node scripts/generate-creation-previews.mjs`.
|
|
191
|
+
|
|
173
192
|
## Versioning
|
|
174
193
|
|
|
175
194
|
Semver. Token value changes are minor; removals are major.
|
|
@@ -40,6 +40,28 @@ import * as React from "react";
|
|
|
40
40
|
* than recolouring it: a caret says "a shell is waiting for you here", and this
|
|
41
41
|
* treatment sits on the page rather than on ink, where that reads as a stray
|
|
42
42
|
* blinking rectangle in the middle of a sentence.
|
|
43
|
+
*
|
|
44
|
+
* ## The outline pill wraps; it does not truncate (#275)
|
|
45
|
+
*
|
|
46
|
+
* #262 drew the outline pill as one line with an ellipsis: a pill is a one-line
|
|
47
|
+
* shape, and the fetch prompt is short. Founder ruling 2026-10-06 reversed it,
|
|
48
|
+
* with the same rule `CommandField` follows: a command whose end is hidden is a
|
|
49
|
+
* command nobody can check before pasting, and at 390px "fetch
|
|
50
|
+
* https://cloudgrid.io/agents to plug" lost its last words. So the command is
|
|
51
|
+
* `whitespace-pre-wrap` plus `overflow-wrap: anywhere`: it breaks at its spaces
|
|
52
|
+
* first, and inside a word only when one word cannot fit a line. The clipboard
|
|
53
|
+
* gets `command` itself, never the laid-out text.
|
|
54
|
+
*
|
|
55
|
+
* THE RADIUS. A `rounded-pill` (9999px) on two lines is a stadium: half-circle
|
|
56
|
+
* ends 30-odd pixels deep that pinch the first and last lines. Instead the
|
|
57
|
+
* radius is HALF THE ONE-LINE HEIGHT, computed from the mono tokens, the
|
|
58
|
+
* vertical padding and the border. On one line that is exactly a pill, so
|
|
59
|
+
* nothing changes where the command fits; on two or more it is a rounded field
|
|
60
|
+
* with ~23px corners and straight sides, which is what a wrapped value wants.
|
|
61
|
+
* No script measures the lines, so there is no frame where the shape jumps.
|
|
62
|
+
*
|
|
63
|
+
* The prompt mark and the copy control align to the FIRST line: the row is
|
|
64
|
+
* `items-start`, and the control is one mono line tall with its glyph centred.
|
|
43
65
|
*/
|
|
44
66
|
declare function AgentPrompt({ command, label, copyLabel, variant, className, ...props }: Omit<React.ComponentProps<"div">, "ref"> & {
|
|
45
67
|
command: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agent-prompt.d.ts","sourceRoot":"","sources":["../../src/blocks/agent-prompt.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B
|
|
1
|
+
{"version":3,"file":"agent-prompt.d.ts","sourceRoot":"","sources":["../../src/blocks/agent-prompt.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,KAAK,EACL,SAAkB,EAClB,OAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC5C,OAAO,EAAE,MAAM,CAAA;IACf,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,qBA8HA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -44,6 +44,28 @@ import { cn } from "../lib/cloudgrid-cn.js";
|
|
|
44
44
|
* than recolouring it: a caret says "a shell is waiting for you here", and this
|
|
45
45
|
* treatment sits on the page rather than on ink, where that reads as a stray
|
|
46
46
|
* blinking rectangle in the middle of a sentence.
|
|
47
|
+
*
|
|
48
|
+
* ## The outline pill wraps; it does not truncate (#275)
|
|
49
|
+
*
|
|
50
|
+
* #262 drew the outline pill as one line with an ellipsis: a pill is a one-line
|
|
51
|
+
* shape, and the fetch prompt is short. Founder ruling 2026-10-06 reversed it,
|
|
52
|
+
* with the same rule `CommandField` follows: a command whose end is hidden is a
|
|
53
|
+
* command nobody can check before pasting, and at 390px "fetch
|
|
54
|
+
* https://cloudgrid.io/agents to plug" lost its last words. So the command is
|
|
55
|
+
* `whitespace-pre-wrap` plus `overflow-wrap: anywhere`: it breaks at its spaces
|
|
56
|
+
* first, and inside a word only when one word cannot fit a line. The clipboard
|
|
57
|
+
* gets `command` itself, never the laid-out text.
|
|
58
|
+
*
|
|
59
|
+
* THE RADIUS. A `rounded-pill` (9999px) on two lines is a stadium: half-circle
|
|
60
|
+
* ends 30-odd pixels deep that pinch the first and last lines. Instead the
|
|
61
|
+
* radius is HALF THE ONE-LINE HEIGHT, computed from the mono tokens, the
|
|
62
|
+
* vertical padding and the border. On one line that is exactly a pill, so
|
|
63
|
+
* nothing changes where the command fits; on two or more it is a rounded field
|
|
64
|
+
* with ~23px corners and straight sides, which is what a wrapped value wants.
|
|
65
|
+
* No script measures the lines, so there is no frame where the shape jumps.
|
|
66
|
+
*
|
|
67
|
+
* The prompt mark and the copy control align to the FIRST line: the row is
|
|
68
|
+
* `items-start`, and the control is one mono line tall with its glyph centred.
|
|
47
69
|
*/
|
|
48
70
|
function AgentPrompt({ command, label, copyLabel = "Copy", variant = "default", className, ...props }) {
|
|
49
71
|
const outline = variant === "outline";
|
|
@@ -72,12 +94,29 @@ function AgentPrompt({ command, label, copyLabel = "Copy", variant = "default",
|
|
|
72
94
|
setCopied(false);
|
|
73
95
|
}, 1600);
|
|
74
96
|
}
|
|
75
|
-
return (_jsxs("div", { "data-slot": "agent-prompt", "data-variant": variant,
|
|
97
|
+
return (_jsxs("div", { "data-slot": "agent-prompt", "data-variant": variant,
|
|
98
|
+
// `min-w-0` (#275): a grid track or flex row holding this reads its
|
|
99
|
+
// automatic minimum from the content. The wrapping command keeps that
|
|
100
|
+
// small today; zero keeps it so if a later change reintroduces a line
|
|
101
|
+
// that cannot break.
|
|
102
|
+
className: cn("flex min-w-0 flex-col gap-2", outline && "items-center", className), ...props, children: [label ? (_jsx("p", { className: cn("m-0 text-body-sm text-body", outline && "text-caption text-faint"), children: label })) : null, _jsxs("div", { ...(outline ? {} : { "data-cg-surface": "ink" }), className: cn(outline ? "flex items-start gap-3 px-4 py-2.5" : "flex items-center gap-3 rounded-pill px-4 py-2.5", outline
|
|
76
103
|
// See PromptBlock's FIELD note: --cg-surface-subtle is :root-only and
|
|
77
104
|
// freezes to a near-white lavender on ink, --cg-hover is declared in
|
|
78
105
|
// all three scopes.
|
|
79
|
-
|
|
80
|
-
|
|
106
|
+
//
|
|
107
|
+
// The radius is half the ONE-LINE height (line + 2 x 10px padding +
|
|
108
|
+
// 2 x 1px border): a pill on one line, a rounded field when the
|
|
109
|
+
// command wraps. See the header.
|
|
110
|
+
? "max-w-full rounded-[calc((var(--cg-mono-size)_*_var(--cg-mono-line)_+_1.25rem_+_2px)_/_2)] border border-line bg-(--cg-hover)"
|
|
111
|
+
: "bg-code text-ink"), children: [_jsx("span", { "aria-hidden": "true", className: "font-mono text-mono text-faint", children: ">" }), _jsxs("code", { className: cn(outline
|
|
112
|
+
// Wraps, never truncates (#275). A block, not the default's flex
|
|
113
|
+
// row: there is no caret to sit beside, and a flex container would
|
|
114
|
+
// make the text one anonymous item rather than a paragraph.
|
|
115
|
+
? "block min-w-0 flex-1 font-mono text-mono whitespace-pre-wrap text-ink [overflow-wrap:anywhere]"
|
|
116
|
+
: "flex min-w-0 flex-1 items-center gap-1 font-mono text-mono break-all"), children: [command, outline ? null : (_jsx("span", { "aria-hidden": "true", className: "inline-block h-[1.1em] w-[0.5ch] shrink-0 bg-ink motion-safe:animate-pulse" }))] }), outline ? (_jsx("button", { type: "button", onClick: copy,
|
|
117
|
+
// One mono line tall with the glyph centred, so on a wrapped
|
|
118
|
+
// command it sits on the first line rather than floating mid-block.
|
|
119
|
+
className: "inline-flex h-[calc(var(--cg-mono-size)_*_var(--cg-mono-line))] shrink-0 items-center text-faint transition-colors hover:text-(--cg-text-accent) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "aria-label": copyLabel, children: copied ? _jsx(CheckIcon, { className: "size-4" }) : _jsx(CopyIcon, { className: "size-4" }) })) : (_jsx("button", { type: "button", onClick: copy, className: "shrink-0 rounded-md px-2 py-1 font-mono text-caption text-body transition-colors hover:text-ink focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: feedback ?? copyLabel }))] }), _jsx("span", { "aria-live": "polite", className: "sr-only", children: feedback })] }));
|
|
81
120
|
}
|
|
82
121
|
export { AgentPrompt };
|
|
83
122
|
//# sourceMappingURL=agent-prompt.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"agent-prompt.js","sourceRoot":"","sources":["../../src/blocks/agent-prompt.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEzD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC
|
|
1
|
+
{"version":3,"file":"agent-prompt.js","sourceRoot":"","sources":["../../src/blocks/agent-prompt.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cloudgrid-install.d.ts","sourceRoot":"","sources":["../../src/blocks/cloudgrid-install.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAAO,EAQL,KAAK,aAAa,EAGlB,KAAK,kBAAkB,EAGvB,KAAK,gBAAgB,EACtB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAGxD,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAA;AAyGjC;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,GAAE,SAAS,gBAAgB,EAAsC,EACtE,OAAO,GAAE,SAAS,kBAAkB,EAAwC,GAC3E,aAAa,EAAE,CAqBjB;AAED,oEAAoE;AACpE,wBAAgB,kBAAkB,IAAI,cAAc,EAAE,CAMrD;AAED;;;;;;;GAOG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IACzD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,qBAWA;AAED;;;;;;;GAOG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,qBA0B1D;AAUD,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,OAAO,EACP,WAAW,EACX,aAAa,EACb,eAAe,EACf,UAAU,EACV,KAAK,EACL,aAAa,EACb,MAAM,EACN,cAAc,EACd,KAAS,EACT,WAAW,EACX,aAAoB,EACpB,UAAU,EACV,WAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,cAAc,GAAG,UAAU,CAAC,GACpF,aAAa,GAAG;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,gEAAgE;IAChE,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,mFAAmF;IACnF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,mEAAmE;IACnE,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACrD,8CAA8C;IAC9C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACb,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IAC9D;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,
|
|
1
|
+
{"version":3,"file":"cloudgrid-install.d.ts","sourceRoot":"","sources":["../../src/blocks/cloudgrid-install.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAAO,EAQL,KAAK,aAAa,EAGlB,KAAK,kBAAkB,EAGvB,KAAK,gBAAgB,EACtB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAGxD,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAA;AAyGjC;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,GAAE,SAAS,gBAAgB,EAAsC,EACtE,OAAO,GAAE,SAAS,kBAAkB,EAAwC,GAC3E,aAAa,EAAE,CAqBjB;AAED,oEAAoE;AACpE,wBAAgB,kBAAkB,IAAI,cAAc,EAAE,CAMrD;AAED;;;;;;;GAOG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IACzD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,qBAWA;AAED;;;;;;;GAOG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,qBA0B1D;AAUD,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,OAAO,EACP,WAAW,EACX,aAAa,EACb,eAAe,EACf,UAAU,EACV,KAAK,EACL,aAAa,EACb,MAAM,EACN,cAAc,EACd,KAAS,EACT,WAAW,EACX,aAAoB,EACpB,UAAU,EACV,WAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,cAAc,GAAG,UAAU,CAAC,GACpF,aAAa,GAAG;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,gEAAgE;IAChE,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,mFAAmF;IACnF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACjD,mEAAmE;IACnE,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACrD,8CAA8C;IAC9C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACb,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IAC9D;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,qBA2EF;AAED,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,CAAA"}
|
|
@@ -179,7 +179,14 @@ function CloudGridInstall({ preset, tools, methods, defaultTool, defaultMethod,
|
|
|
179
179
|
const setupMethods = INSTALL_METHODS.filter((m) => methodValues.includes(m.value))
|
|
180
180
|
// The caller's order, not the content's.
|
|
181
181
|
.sort((a, b) => methodValues.indexOf(a.value) - methodValues.indexOf(b.value));
|
|
182
|
-
return (_jsxs("div", { "data-slot": "cloudgrid-install",
|
|
182
|
+
return (_jsxs("div", { "data-slot": "cloudgrid-install",
|
|
183
|
+
// `min-w-0` (#275). A page that puts this panel in a grid track or a flex
|
|
184
|
+
// row gives it an automatic minimum of its content's min-content, and one
|
|
185
|
+
// line that cannot break sets that for the whole panel: the fetch prompt
|
|
186
|
+
// used to truncate, which still reports the full line, and held the panel
|
|
187
|
+
// at 427px on a 390px screen. Everything inside wraps now; zero keeps a
|
|
188
|
+
// future unbreakable line from doing it again and lets the host decide.
|
|
189
|
+
className: cn("flex min-w-0 flex-col gap-6", className), ...props, children: [_jsx(ToolSetup, { title: INSTALL_HEADING.title, sub: INSTALL_HEADING.sub, level: level, ...(headingSize ? { headingSize } : {}), tools: setupTools, methods: setupMethods, groups: installSetupGroups(), ...(value !== undefined ? { value } : {}), ...(firstTool ? { defaultValue: firstTool } : {}), ...(onValueChange
|
|
183
190
|
? { onValueChange: (next) => onValueChange(next) }
|
|
184
191
|
: {}), ...(method !== undefined ? { method } : {}), ...(firstMethod ? { defaultMethod: firstMethod } : {}), ...(onMethodChange
|
|
185
192
|
? { onMethodChange: (next) => onMethodChange(next) }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cloudgrid-install.js","sourceRoot":"","sources":["../../src/blocks/cloudgrid-install.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"cloudgrid-install.js","sourceRoot":"","sources":["../../src/blocks/cloudgrid-install.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,13 +15,44 @@ import * as React from "react";
|
|
|
15
15
|
* that is a form control, it takes input, and a field the user cannot type into
|
|
16
16
|
* should not be announced as one.
|
|
17
17
|
*
|
|
18
|
-
* ##
|
|
18
|
+
* ## A long value wraps, and the whole of it stays on screen (#275)
|
|
19
19
|
*
|
|
20
|
-
*
|
|
21
|
-
* and
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
*
|
|
20
|
+
* It used to scroll. The reasoning was that a JSON blob is one token to the
|
|
21
|
+
* reader and three wrapped lines read as three commands, so the field scrolled
|
|
22
|
+
* sideways with its scrollbar hidden. Founder ruling 2026-10-06 reversed it: a
|
|
23
|
+
* value whose end is out of sight is a value nobody can check before pasting,
|
|
24
|
+
* and a hidden scrollbar means nothing on screen says there is an end to find.
|
|
25
|
+
*
|
|
26
|
+
* Two properties do the work, and both are needed.
|
|
27
|
+
*
|
|
28
|
+
* `whitespace-pre-wrap` keeps every space the command has (a JSON blob's
|
|
29
|
+
* indentation, a double space) and allows a break
|
|
30
|
+
* AT a space, so `codex mcp add cloudgrid -- npx`
|
|
31
|
+
* wraps between words.
|
|
32
|
+
* `overflow-wrap: anywhere` lets an unbroken token (a connector URL) break
|
|
33
|
+
* between any two characters, but only when it does
|
|
34
|
+
* not fit a line on its own. Unlike `break-word` it
|
|
35
|
+
* also counts those breaks when the browser works
|
|
36
|
+
* out the field's MIN-CONTENT width. That is the
|
|
37
|
+
* half that matters: with `whitespace-pre` or
|
|
38
|
+
* `break-word`, the min-content was the whole URL,
|
|
39
|
+
* and any ancestor sizing itself to fit its content
|
|
40
|
+
* grew to that width and ran out of its column.
|
|
41
|
+
* Not `break-all`, which breaks inside words that
|
|
42
|
+
* would have fitted after the next space.
|
|
43
|
+
*
|
|
44
|
+
* Written as an arbitrary property, not Tailwind's `wrap-anywhere`: that utility
|
|
45
|
+
* arrived in Tailwind 4.1, and a consumer on an earlier v4 would scan the class
|
|
46
|
+
* and emit nothing, which looks exactly like a working build.
|
|
47
|
+
*
|
|
48
|
+
* Wrapping is paint. The clipboard gets `command` itself, never the text as laid
|
|
49
|
+
* out, so a wrapped URL pastes with no break or space in it.
|
|
50
|
+
*
|
|
51
|
+
* The control aligns to the FIRST line, not to the middle of the block: on a
|
|
52
|
+
* three-line value a centred button floats beside nothing. The value's vertical
|
|
53
|
+
* padding is computed so that one line of mono sits centred on the 28px control
|
|
54
|
+
* (`Button` `size="sm"` is `h-7`), from the same two tokens `PromptBlock` builds
|
|
55
|
+
* its clip from, so a change to the mono ramp moves this with it.
|
|
25
56
|
*
|
|
26
57
|
* ## Copy feedback is announced, not merely shown
|
|
27
58
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-field.d.ts","sourceRoot":"","sources":["../../src/blocks/command-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B
|
|
1
|
+
{"version":3,"file":"command-field.d.ts","sourceRoot":"","sources":["../../src/blocks/command-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,SAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC5C,OAAO,EAAE,MAAM,CAAA;IACf,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,qBA0EA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -19,13 +19,44 @@ import { cn } from "../lib/cloudgrid-cn.js";
|
|
|
19
19
|
* that is a form control, it takes input, and a field the user cannot type into
|
|
20
20
|
* should not be announced as one.
|
|
21
21
|
*
|
|
22
|
-
* ##
|
|
22
|
+
* ## A long value wraps, and the whole of it stays on screen (#275)
|
|
23
23
|
*
|
|
24
|
-
*
|
|
25
|
-
* and
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
*
|
|
24
|
+
* It used to scroll. The reasoning was that a JSON blob is one token to the
|
|
25
|
+
* reader and three wrapped lines read as three commands, so the field scrolled
|
|
26
|
+
* sideways with its scrollbar hidden. Founder ruling 2026-10-06 reversed it: a
|
|
27
|
+
* value whose end is out of sight is a value nobody can check before pasting,
|
|
28
|
+
* and a hidden scrollbar means nothing on screen says there is an end to find.
|
|
29
|
+
*
|
|
30
|
+
* Two properties do the work, and both are needed.
|
|
31
|
+
*
|
|
32
|
+
* `whitespace-pre-wrap` keeps every space the command has (a JSON blob's
|
|
33
|
+
* indentation, a double space) and allows a break
|
|
34
|
+
* AT a space, so `codex mcp add cloudgrid -- npx`
|
|
35
|
+
* wraps between words.
|
|
36
|
+
* `overflow-wrap: anywhere` lets an unbroken token (a connector URL) break
|
|
37
|
+
* between any two characters, but only when it does
|
|
38
|
+
* not fit a line on its own. Unlike `break-word` it
|
|
39
|
+
* also counts those breaks when the browser works
|
|
40
|
+
* out the field's MIN-CONTENT width. That is the
|
|
41
|
+
* half that matters: with `whitespace-pre` or
|
|
42
|
+
* `break-word`, the min-content was the whole URL,
|
|
43
|
+
* and any ancestor sizing itself to fit its content
|
|
44
|
+
* grew to that width and ran out of its column.
|
|
45
|
+
* Not `break-all`, which breaks inside words that
|
|
46
|
+
* would have fitted after the next space.
|
|
47
|
+
*
|
|
48
|
+
* Written as an arbitrary property, not Tailwind's `wrap-anywhere`: that utility
|
|
49
|
+
* arrived in Tailwind 4.1, and a consumer on an earlier v4 would scan the class
|
|
50
|
+
* and emit nothing, which looks exactly like a working build.
|
|
51
|
+
*
|
|
52
|
+
* Wrapping is paint. The clipboard gets `command` itself, never the text as laid
|
|
53
|
+
* out, so a wrapped URL pastes with no break or space in it.
|
|
54
|
+
*
|
|
55
|
+
* The control aligns to the FIRST line, not to the middle of the block: on a
|
|
56
|
+
* three-line value a centred button floats beside nothing. The value's vertical
|
|
57
|
+
* padding is computed so that one line of mono sits centred on the 28px control
|
|
58
|
+
* (`Button` `size="sm"` is `h-7`), from the same two tokens `PromptBlock` builds
|
|
59
|
+
* its clip from, so a change to the mono ramp moves this with it.
|
|
29
60
|
*
|
|
30
61
|
* ## Copy feedback is announced, not merely shown
|
|
31
62
|
*
|
|
@@ -54,7 +85,12 @@ function CommandField({ command, copyLabel = "Copy", className, ...props }) {
|
|
|
54
85
|
// becomes a near-white slab with white text in it. --cg-hover is the one
|
|
55
86
|
// ground token declared in all three scopes. `PromptBlock`'s FIELD note
|
|
56
87
|
// has the full version, including why it has no generated utility.
|
|
57
|
-
|
|
88
|
+
//
|
|
89
|
+
// `items-start`, not `items-center`: the control belongs to the first
|
|
90
|
+
// line of a wrapped value. See the header.
|
|
91
|
+
"flex items-start gap-2 rounded-xs border border-line bg-(--cg-hover) py-2 pr-2 pl-3", className), ...props, children: [_jsx("code", { "data-slot": "command-field-value", className: cn("min-w-0 flex-1 font-mono text-mono whitespace-pre-wrap text-ink [overflow-wrap:anywhere]",
|
|
92
|
+
// One line of mono centred on the 28px control: (28px - line) / 2.
|
|
93
|
+
"py-[calc((1.75rem_-_var(--cg-mono-size)_*_var(--cg-mono-line))_/_2)]"), children: command }), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: copy, "data-slot": "command-field-copy", "data-state": state,
|
|
58
94
|
// `bg-transparent` is not cosmetic, and `CodeBlock` carries the same
|
|
59
95
|
// override with the same reasoning (#20): the outline variant sets
|
|
60
96
|
// `bg-background`, which maps to `--cg-surface-page` and is deliberately
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-field.js","sourceRoot":"","sources":["../../src/blocks/command-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC
|
|
1
|
+
{"version":3,"file":"command-field.js","sourceRoot":"","sources":["../../src/blocks/command-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,SAAS,YAAY,CAAC,EACpB,OAAO,EACP,SAAS,GAAG,MAAM,EAClB,SAAS,EACT,GAAG,KAAK,EAKT;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgC,MAAM,CAAC,CAAA;IAC/E,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAA4C,SAAS,CAAC,CAAA;IAEhF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5D,KAAK,UAAU,IAAI;QACjB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;YAC5C,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACpB,CAAC;QAAC,MAAM,CAAC;YACP,QAAQ,CAAC,SAAS,CAAC,CAAA;QACrB,CAAC;QACD,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAC3B,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAA;IAC1D,CAAC;IAED,OAAO,CACL,4BACY,eAAe,EACzB,SAAS,EAAE,EAAE;QACX,yEAAyE;QACzE,uEAAuE;QACvE,yEAAyE;QACzE,wEAAwE;QACxE,mEAAmE;QACnE,EAAE;QACF,sEAAsE;QACtE,2CAA2C;QAC3C,qFAAqF,EACrF,SAAS,CACV,KACG,KAAK,aAET,4BACY,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CACX,0FAA0F;gBAC1F,mEAAmE;gBACnE,sEAAsE,CACvE,YAEA,OAAO,GACH,EAEP,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,IAAI,eACH,oBAAoB,gBAClB,KAAK;gBACjB,qEAAqE;gBACrE,mEAAmE;gBACnE,yEAAyE;gBACzE,qEAAqE;gBACrE,8BAA8B;gBAC9B,SAAS,EAAC,yBAAyB,gBAGvB,QAAQ,OAAO,mBAAmB,YAE7C,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACrE,EAET,4BAAgB,QAAQ,EAAC,SAAS,EAAC,SAAS,YACzC,KAAK,KAAK,QAAQ;oBACjB,CAAC,CAAC,yBAAyB;oBAC3B,CAAC,CAAC,KAAK,KAAK,SAAS;wBACnB,CAAC,CAAC,8BAA8B;wBAChC,CAAC,CAAC,EAAE,GACH,IACH,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The default thumbnails `EmptyCreations` fans out, left to right, as data URIs.
|
|
3
|
+
* The same bytes ship as files under `@cloudgrid-io/ui/brand/creations/*`.
|
|
4
|
+
*/
|
|
5
|
+
export declare const EMPTY_CREATIONS_PREVIEWS: readonly string[];
|
|
6
|
+
//# sourceMappingURL=empty-creations-previews.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-creations-previews.d.ts","sourceRoot":"","sources":["../../src/blocks/empty-creations-previews.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,SAAS,MAAM,EASrD,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// GENERATED by scripts/generate-creation-previews.mjs from src/brand/creations/.
|
|
2
|
+
// Do not edit. Re-run the script after changing a file there.
|
|
3
|
+
/**
|
|
4
|
+
* The default thumbnails `EmptyCreations` fans out, left to right, as data URIs.
|
|
5
|
+
* The same bytes ship as files under `@cloudgrid-io/ui/brand/creations/*`.
|
|
6
|
+
*/
|
|
7
|
+
export const EMPTY_CREATIONS_PREVIEWS = [
|
|
8
|
+
// 1.webp
|
|
9
|
+
"data:image/webp;base64,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",
|
|
10
|
+
// 2.webp
|
|
11
|
+
"data:image/webp;base64,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",
|
|
12
|
+
// 3.webp
|
|
13
|
+
"data:image/webp;base64,UklGRsQHAABXRUJQVlA4ILgHAABQJACdASqkAF4APmEwk0akIyGhJdlaEIAMCWgA0UJGX76R/VfyA9nKuv3b8BewDxIkV9j/6/1s/sd7B/MA/SzpqeYD9mf1096H0YegB/I/8b1gHoAftL6Yn7Y/BD+137W/AV+x//69gCvf8UH4ii4nuLo/vprRZmDQX9Y+wIQsMWsXgU4T9iAnpDHhvp4odMip8u+XHmRVx/fSknWC3m269h8MtdS2G5W2gZ+HZ7W+lvUVxRdjDoTDSOKm6FSfVg5lK+KPxKWJQPt3nwH5rQK7Wr64l2+wE/w0KeWh7e3je+k057wwq+VDU0qhBzJSS5Nv4GJ6doSrlZ1FpRL8FiS06caeCPObEWG3OTgCzhiUt5vZlZsRVVb+VhM3v5AErYNdBfDfEv53mWIQoAD+9w1v/pHniPPEd09/+UNnVdggBA+oqeRbB+IeKGSyuCN/kxt/7GqHEN1GL2XfAwFJOJHAxTG7+Tb6eSBTutF3mAnqUaNX9WHl5Icbq2ivs+bGPO+1xPm/wh8mqbDo96TDmtDL3wh9VVesaA9Z6P/Qv6+/um2EBOa+Aek6l3tEO1lapDCQO9bzbmcP8fnzsNVx1M7dXaaLVz6x19bSp1TJFyCI2i33syFSNcBiAAAmaebPnjEUFQxygQ/sVOdbGJYHrT8UIIlWpAKBYTMsnJgZh+Yb0ORupyO7KH5PGiolKR3lpGOpFjz8zIwmCMIg6c+J/HmMW8v34eLXwo7U5RZeTCULiFwiKMzicvU1i6Vg6lVlxek5fiun9J4X7pyoIGBjoRlH9fns/YDXUn0eszhsOCE2PXZpy1irfxDeW93X/yQwL3ExZa6H6gQvYRBGsIDJpKOoEmWwbLKrIz/hPwW9R6U8nDGJ8/Z63nsmEevIXPM1Ghgq/+0RgR3B+iRM/4VNT753zcyISMgCzkF7ij97RHVdej/LGnrEusB9IBxCEFzdQBJ8AClGz/VX7/+Jbl30N6TnM3zGFICiFM9ShTMThJDvT8amequ4r+2Ebngu7lLEenQTn4Nv/AM704+ge8kwzLEm16vKWaqdfVkpW7ZNDe5m8abLZ0O29BfP3C4j0NunoY1OLCb7QzZ8DNVQ4x+NbyEdKRXd+4jgRq1t/YLUFxy3spa2Dju/CPqDWxbYtj9PylT5Yuyi4xFIylmJX8ofgSaJD9hXt0pQSWxD2+wkJQ8h7o9u6sTkStUvWJ4s4lmhUEu/DZH+soO6nSq5tMbvMzdyxASqRejt0D++iYiumYM2+ke9eg/5/dA9VPqoUqHlWGr/wtXHCQsQQhCcZKho8ODV4CErVLrzBDy/yv8dIvDrKfTnjjS6soO2XeZwBhzYNvaLUx64B0zLoYQQycVGwTwvyfpnf8CyPkx79FlDvXiQzm3x+I1V8b/oo8SBc1LEd/3xsAMwffyNVgRxtVXoAy1Z9/HQpvD34/AmKEdsgtO35SRdz/o03AqVoN36gLRrh5yUjAFXFPXi/UNej1GbWudrNH4IsM8VF96/gwjpCBWf0Iz2YjinSrEnmMTD+DW8Y5Nz+5Gp+GlPoAH7fLU4kOPUlP77uNlfBm2c96vdD8rJf4WvHEDwCBfCTZmQo/A12ze9bEh62RRA/MfkxkNcqRwYpq9PU0P9FZBfzuOSctR4abHCfMkGrR4w0k4BwdUqun5pXp477MW8lO1pgIhFyFFioxnu/LaWXdY342eh8CqN8sbVWOBqAyeHfiqi5jEpeauO8IhdgdJ/VZHH7mM9hMniQM6707MLB15ESXViE+T81n+IAxtqZ5/FvIr590X0WdLTGK3r+eLFK2VDl7EhdnYLem+GTkxIwpWAmYPFY+bM+HN94x2JtCD1uXg4PpfdEZGtbx8QKLOsDCl3OlnmubKgctrhJ+GLX47okKoFrd6w3e7XZb1ZVtYEKj1GXVM3cafY8fOdn/f7E1/G+cCbFgx+Nvj7leD9k+cUdGV346/OTpk8xIrp8J5Wvv3oc6CuxbW7fR4AM7sXB+8kOdPMtkvoVNvJ0hyHQt3M4z8U2UocJsfOItVYktjexQO/fFC/gBejt6nMQX5Q83VMsgrnIJdjzQHGU5Xjb268Kn/CI28Y5J+FVnfOKvkpq7bu7L2mFyDt/33tdld3747QyMt9WlD+dvFcpRKhZMCRfP6RQgmMOWqQuuBD+mjTboHhIr1qOXJl4O2AAOe2xmtAB/7pUsVHFJsRLtI2r0Oe2vJT9N20tl6C38FGjT1IdxRB+Zr5gtjV4xGrbqHz54FXyE7vrt7tgX5Y260dk6+rtcYSy13SXkjanMjbI9D31Hn/JOPXyEEfiTb6lT9jnI1GGpeIdwebd90uqvxyqg3m5mTNi7XlKUG9ZS4rnZKWWx6g20d9VhkVThPnUS0PCPIV1vtj0hkAs+5lG3dw+h+4VGwNY717XuvtXr0OW+HSrJjdwCeSY+t7byLzOlXUbM93+IHWjfUQ3krW6wzKnx1/bETs7S/KJ+VGL9nWfaQyh7A7rRkAqPjx0oFjCZIDq5KhY/1Qu3RWtAkIf8+xDLmAhhLlZzvFvQdJqpx8YXVZm0zCo+l/cA57ZQHZGOiBw7xqE0AxD9DA3gM+iihLW310GfeaRdKMRSLxBTyxVMfVBjMk4BQ85uMYDrM9qgAAAA==",
|
|
14
|
+
// 4.webp
|
|
15
|
+
"data:image/webp;base64,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",
|
|
16
|
+
];
|
|
17
|
+
//# sourceMappingURL=empty-creations-previews.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-creations-previews.js","sourceRoot":"","sources":["../../src/blocks/empty-creations-previews.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,8DAA8D;AAE9D;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAsB;IACzD,SAAS;IACT,y2MAAy2M;IACz2M,SAAS;IACT,qyHAAqyH;IACryH,SAAS;IACT,ioFAAioF;IACjoF,SAAS;IACT,qtIAAqtI;CACttI,CAAA"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { EMPTY_CREATIONS_PREVIEWS } from "./empty-creations-previews.js";
|
|
3
|
+
/**
|
|
4
|
+
* The new-user empty state for "My creations" (#276): a dashed box holding a fan
|
|
5
|
+
* of creation thumbnails around a dashed "+" tile, "No creations yet", one line
|
|
6
|
+
* of explanation and an Add button.
|
|
7
|
+
*
|
|
8
|
+
* Built from Figma file `5ouhISIL0mwYGHurvCGoEO`, frame "Home" `9757:16735`, the
|
|
9
|
+
* middle element `9757:16756`. The Figma is the layout reference; the type is
|
|
10
|
+
* this library's (founder, 2026-10-06): the display stack for the heading, the
|
|
11
|
+
* body face for the line, the UI face for the button.
|
|
12
|
+
*
|
|
13
|
+
* ## The fan
|
|
14
|
+
*
|
|
15
|
+
* Five tiles, no rotation, read off `9757:16757`: 66x38 picture, 82x47 picture,
|
|
16
|
+
* the 97x56 "+" tile, 82x47 picture, 66x38 picture. Neighbours overlap by 20px,
|
|
17
|
+
* and the stacking runs towards the middle: the "+" tile is on top, the inner
|
|
18
|
+
* pair under it, the outer pair lowest. Every tile carries Figma's "Elevation 1",
|
|
19
|
+
* which is `--cg-shadow-card` value for value.
|
|
20
|
+
*
|
|
21
|
+
* The overlap is drawn as margins on the side that faces the middle (`-mr-5` on
|
|
22
|
+
* the left pair, `-ml-5` on the right pair) rather than one direction throughout,
|
|
23
|
+
* so dropping the outer pair at narrow widths leaves the fan centred.
|
|
24
|
+
*
|
|
25
|
+
* ## Narrow widths: container queries, not viewport breakpoints
|
|
26
|
+
*
|
|
27
|
+
* The block is a section of someone else's page, so what decides its layout is
|
|
28
|
+
* the width it is GIVEN, not the window. The root is a named container. Below
|
|
29
|
+
* 24rem the padding steps from 80/32 to 48/16 and the heading from 38 to 30;
|
|
30
|
+
* below 22rem, where the five-tile fan (313px) plus that padding no longer fits,
|
|
31
|
+
* the outer pair drops and three tiles remain (221px).
|
|
32
|
+
*
|
|
33
|
+
* ## Surfaces
|
|
34
|
+
*
|
|
35
|
+
* Figma draws the dashed lines and the "+" in `--cg-slate-500`, which is a ramp
|
|
36
|
+
* rung declared at `:root` only and measures 1.71:1 on the purple panel. So the
|
|
37
|
+
* default scope paints exactly that, and inside `[data-cg-surface]` the lines
|
|
38
|
+
* move to `--cg-border-control` and the "+" to `--cg-text-muted`, both of which
|
|
39
|
+
* flip. The "+" tile's fill is the page ground in Figma (`--cg-neutral-25`), and
|
|
40
|
+
* it has to be opaque because it covers the inner pictures; on a surface it takes
|
|
41
|
+
* that surface's own ground, the pattern `Drawer` and `Popover` already use.
|
|
42
|
+
* The heading is `--cg-text-accent` (purple, white on the panel, lime on ink),
|
|
43
|
+
* the reason `PageHeading` gives. The line is `text-ink`, token based, so rule 3
|
|
44
|
+
* holds wherever this lands. The button is `cta`, which does not flip by design.
|
|
45
|
+
*
|
|
46
|
+
* ## Accessibility
|
|
47
|
+
*
|
|
48
|
+
* The fan is decoration: the whole row is `aria-hidden` and every picture has an
|
|
49
|
+
* empty `alt`. The heading is a real heading at `level` (default 2) and the
|
|
50
|
+
* button's name is its label. With `href` the control renders as a link through
|
|
51
|
+
* `linkComponent` (Next's `Link`, say) and keeps the link role; with only
|
|
52
|
+
* `onAdd` it is a button.
|
|
53
|
+
*
|
|
54
|
+
* ## Default pictures
|
|
55
|
+
*
|
|
56
|
+
* `EMPTY_CREATIONS_PREVIEWS`, four crops of the frame's own image fills. The same
|
|
57
|
+
* bytes ship as files under `@cloudgrid-io/ui/brand/creations/1.webp` to `4.webp`.
|
|
58
|
+
* The component inlines them as data URIs because a package has no public path:
|
|
59
|
+
* see `scripts/generate-creation-previews.mjs`.
|
|
60
|
+
*/
|
|
61
|
+
/** The heading and the line, as the frame writes them. */
|
|
62
|
+
declare const EMPTY_CREATIONS_TITLE = "No creations yet";
|
|
63
|
+
declare const EMPTY_CREATIONS_DESCRIPTION = "Your creations will show up here, along with stats";
|
|
64
|
+
type EmptyCreationsProps = Omit<React.ComponentProps<"section">, "children"> & {
|
|
65
|
+
/** Called when Add is pressed. With `href` too, it runs before the navigation. */
|
|
66
|
+
onAdd?: React.MouseEventHandler<HTMLElement>;
|
|
67
|
+
/** Where Add goes. Renders the control as a link. */
|
|
68
|
+
href?: string;
|
|
69
|
+
/** The element a link renders through, for a router's own link (Next's `Link`). */
|
|
70
|
+
linkComponent?: React.ElementType;
|
|
71
|
+
/** The button's label, and so its accessible name. */
|
|
72
|
+
addLabel?: string;
|
|
73
|
+
/**
|
|
74
|
+
* Picture sources, left to right. Four are drawn; a shorter list repeats, and
|
|
75
|
+
* an empty or missing one uses the library's defaults.
|
|
76
|
+
*/
|
|
77
|
+
previews?: readonly string[];
|
|
78
|
+
/** The heading level. Default 2; pass 3 when the block sits under a section's h2. */
|
|
79
|
+
level?: 2 | 3 | 4;
|
|
80
|
+
};
|
|
81
|
+
declare function EmptyCreations({ onAdd, href, linkComponent, addLabel, previews, level, className, ...props }: EmptyCreationsProps): React.JSX.Element;
|
|
82
|
+
export { EmptyCreations, EMPTY_CREATIONS_DESCRIPTION, EMPTY_CREATIONS_PREVIEWS, EMPTY_CREATIONS_TITLE };
|
|
83
|
+
export type { EmptyCreationsProps };
|
|
84
|
+
//# sourceMappingURL=empty-creations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-creations.d.ts","sourceRoot":"","sources":["../../src/blocks/empty-creations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAA;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH,0DAA0D;AAC1D,QAAA,MAAM,qBAAqB,qBAAqB,CAAA;AAChD,QAAA,MAAM,2BAA2B,uDAAuD,CAAA;AAoBxF,KAAK,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,kFAAkF;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC5C,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mFAAmF;IACnF,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACjC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC5B,qFAAqF;IACrF,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAClB,CAAA;AAED,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,aAAa,EACb,QAAgB,EAChB,QAAQ,EACR,KAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAyGrB;AAED,OAAO,EAAE,cAAc,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,CAAA;AACvG,YAAY,EAAE,mBAAmB,EAAE,CAAA"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Button } from "../ui/button.js";
|
|
4
|
+
import { PlusIcon } from "./icons.js";
|
|
5
|
+
import { cn } from "../lib/cloudgrid-cn.js";
|
|
6
|
+
import { EMPTY_CREATIONS_PREVIEWS } from "./empty-creations-previews.js";
|
|
7
|
+
/**
|
|
8
|
+
* The new-user empty state for "My creations" (#276): a dashed box holding a fan
|
|
9
|
+
* of creation thumbnails around a dashed "+" tile, "No creations yet", one line
|
|
10
|
+
* of explanation and an Add button.
|
|
11
|
+
*
|
|
12
|
+
* Built from Figma file `5ouhISIL0mwYGHurvCGoEO`, frame "Home" `9757:16735`, the
|
|
13
|
+
* middle element `9757:16756`. The Figma is the layout reference; the type is
|
|
14
|
+
* this library's (founder, 2026-10-06): the display stack for the heading, the
|
|
15
|
+
* body face for the line, the UI face for the button.
|
|
16
|
+
*
|
|
17
|
+
* ## The fan
|
|
18
|
+
*
|
|
19
|
+
* Five tiles, no rotation, read off `9757:16757`: 66x38 picture, 82x47 picture,
|
|
20
|
+
* the 97x56 "+" tile, 82x47 picture, 66x38 picture. Neighbours overlap by 20px,
|
|
21
|
+
* and the stacking runs towards the middle: the "+" tile is on top, the inner
|
|
22
|
+
* pair under it, the outer pair lowest. Every tile carries Figma's "Elevation 1",
|
|
23
|
+
* which is `--cg-shadow-card` value for value.
|
|
24
|
+
*
|
|
25
|
+
* The overlap is drawn as margins on the side that faces the middle (`-mr-5` on
|
|
26
|
+
* the left pair, `-ml-5` on the right pair) rather than one direction throughout,
|
|
27
|
+
* so dropping the outer pair at narrow widths leaves the fan centred.
|
|
28
|
+
*
|
|
29
|
+
* ## Narrow widths: container queries, not viewport breakpoints
|
|
30
|
+
*
|
|
31
|
+
* The block is a section of someone else's page, so what decides its layout is
|
|
32
|
+
* the width it is GIVEN, not the window. The root is a named container. Below
|
|
33
|
+
* 24rem the padding steps from 80/32 to 48/16 and the heading from 38 to 30;
|
|
34
|
+
* below 22rem, where the five-tile fan (313px) plus that padding no longer fits,
|
|
35
|
+
* the outer pair drops and three tiles remain (221px).
|
|
36
|
+
*
|
|
37
|
+
* ## Surfaces
|
|
38
|
+
*
|
|
39
|
+
* Figma draws the dashed lines and the "+" in `--cg-slate-500`, which is a ramp
|
|
40
|
+
* rung declared at `:root` only and measures 1.71:1 on the purple panel. So the
|
|
41
|
+
* default scope paints exactly that, and inside `[data-cg-surface]` the lines
|
|
42
|
+
* move to `--cg-border-control` and the "+" to `--cg-text-muted`, both of which
|
|
43
|
+
* flip. The "+" tile's fill is the page ground in Figma (`--cg-neutral-25`), and
|
|
44
|
+
* it has to be opaque because it covers the inner pictures; on a surface it takes
|
|
45
|
+
* that surface's own ground, the pattern `Drawer` and `Popover` already use.
|
|
46
|
+
* The heading is `--cg-text-accent` (purple, white on the panel, lime on ink),
|
|
47
|
+
* the reason `PageHeading` gives. The line is `text-ink`, token based, so rule 3
|
|
48
|
+
* holds wherever this lands. The button is `cta`, which does not flip by design.
|
|
49
|
+
*
|
|
50
|
+
* ## Accessibility
|
|
51
|
+
*
|
|
52
|
+
* The fan is decoration: the whole row is `aria-hidden` and every picture has an
|
|
53
|
+
* empty `alt`. The heading is a real heading at `level` (default 2) and the
|
|
54
|
+
* button's name is its label. With `href` the control renders as a link through
|
|
55
|
+
* `linkComponent` (Next's `Link`, say) and keeps the link role; with only
|
|
56
|
+
* `onAdd` it is a button.
|
|
57
|
+
*
|
|
58
|
+
* ## Default pictures
|
|
59
|
+
*
|
|
60
|
+
* `EMPTY_CREATIONS_PREVIEWS`, four crops of the frame's own image fills. The same
|
|
61
|
+
* bytes ship as files under `@cloudgrid-io/ui/brand/creations/1.webp` to `4.webp`.
|
|
62
|
+
* The component inlines them as data URIs because a package has no public path:
|
|
63
|
+
* see `scripts/generate-creation-previews.mjs`.
|
|
64
|
+
*/
|
|
65
|
+
/** The heading and the line, as the frame writes them. */
|
|
66
|
+
const EMPTY_CREATIONS_TITLE = "No creations yet";
|
|
67
|
+
const EMPTY_CREATIONS_DESCRIPTION = "Your creations will show up here, along with stats";
|
|
68
|
+
/**
|
|
69
|
+
* The dashed hairline: the frame's slate on the default ground, a flipping
|
|
70
|
+
* border token on either surface.
|
|
71
|
+
*/
|
|
72
|
+
const DASHED_LINE = "border border-dashed border-steel in-data-[cg-surface=panel]:border-line in-data-[cg-surface=ink]:border-line";
|
|
73
|
+
/**
|
|
74
|
+
* The four picture slots, left to right, outside the "+" tile. `outer` slots
|
|
75
|
+
* are the ones that drop at narrow widths. The z-order rises towards the middle.
|
|
76
|
+
*/
|
|
77
|
+
const PICTURE_SLOTS = [
|
|
78
|
+
{ side: "left", outer: true, className: "z-10 h-9.5 w-16.5 -mr-5" },
|
|
79
|
+
{ side: "left", outer: false, className: "z-20 h-11.75 w-20.5 -mr-5" },
|
|
80
|
+
{ side: "right", outer: false, className: "z-20 h-11.75 w-20.5 -ml-5" },
|
|
81
|
+
{ side: "right", outer: true, className: "z-10 h-9.5 w-16.5 -ml-5" },
|
|
82
|
+
];
|
|
83
|
+
function EmptyCreations({ onAdd, href, linkComponent, addLabel = "Add", previews, level = 2, className, ...props }) {
|
|
84
|
+
const sources = previews && previews.length > 0 ? previews : EMPTY_CREATIONS_PREVIEWS;
|
|
85
|
+
const Heading = `h${level}`;
|
|
86
|
+
const Link = linkComponent ?? "a";
|
|
87
|
+
const picture = (index) => {
|
|
88
|
+
const slot = PICTURE_SLOTS[index];
|
|
89
|
+
return (_jsx("span", { "data-slot": "empty-creations-preview", "data-outer": slot.outer ? "" : undefined, className: cn("relative block shrink-0 overflow-hidden rounded-md bg-raised shadow-card", slot.className, slot.outer && "@max-[22rem]/empty-creations:hidden"), children: _jsx("img", { src: sources[index % sources.length], alt: "", decoding: "async", draggable: false, className: "block size-full object-cover" }) }, `${slot.side}-${index}`));
|
|
90
|
+
};
|
|
91
|
+
// Both the button and the link are the library Button, `cta`: the frame's
|
|
92
|
+
// teal pill with ink on it. The frame's control is 40 high, 20 across and
|
|
93
|
+
// rounded 16, which is `h-10 px-5 rounded-xl`; the label is the UI face, bold,
|
|
94
|
+
// at the 15px body-sm rung.
|
|
95
|
+
const buttonClass = "h-10 rounded-xl px-5 font-ui text-body-sm font-bold";
|
|
96
|
+
return (_jsx("section", { "data-slot": "empty-creations", className: cn("@container/empty-creations w-full rounded-md", DASHED_LINE, className), ...props, children: _jsxs("div", { className: "flex flex-col items-center gap-6 px-8 py-20 text-center @max-sm/empty-creations:px-4 @max-sm/empty-creations:py-12", children: [_jsxs("div", { "data-slot": "empty-creations-fan", "aria-hidden": "true", className: "flex items-center justify-center", children: [picture(0), picture(1), _jsx("span", { "data-slot": "empty-creations-add-tile", className: cn("relative z-30 flex h-14 w-24.25 shrink-0 items-center justify-center rounded-md shadow-card", "bg-page in-data-[cg-surface=panel]:bg-panel in-data-[cg-surface=ink]:bg-code", DASHED_LINE), children: _jsx(PlusIcon, { className: "size-5 text-steel in-data-[cg-surface=panel]:text-faint in-data-[cg-surface=ink]:text-faint" }) }), picture(2), picture(3)] }), _jsxs("div", { className: "flex w-full flex-col items-center gap-2", children: [_jsx(Heading, { "data-slot": "empty-creations-title", className: "m-0 font-display font-heavy uppercase text-balance text-display-md leading-display tracking-display text-(--cg-text-accent) @max-sm/empty-creations:text-display-sm", children: EMPTY_CREATIONS_TITLE }), _jsx("p", { "data-slot": "empty-creations-description", className: "m-0 font-body text-body-sm text-pretty text-ink", children: EMPTY_CREATIONS_DESCRIPTION })] }), href !== undefined ? (
|
|
97
|
+
/*
|
|
98
|
+
A real link rather than a click handler. Base UI's Button warns when
|
|
99
|
+
the rendered element is not a <button>, hence `nativeButton={false}`,
|
|
100
|
+
and it stamps role="button" on a non-native target, put back to
|
|
101
|
+
`link` because this one navigates. Same shape as SignInOptions.
|
|
102
|
+
*/
|
|
103
|
+
_jsx(Button, { "data-slot": "empty-creations-add", variant: "cta", className: buttonClass, render: _jsx(Link, { href: href }), nativeButton: false, role: "link", onClick: onAdd, children: addLabel })) : (_jsx(Button, { "data-slot": "empty-creations-add", variant: "cta", className: buttonClass, type: "button", onClick: onAdd, children: addLabel }))] }) }));
|
|
104
|
+
}
|
|
105
|
+
export { EmptyCreations, EMPTY_CREATIONS_DESCRIPTION, EMPTY_CREATIONS_PREVIEWS, EMPTY_CREATIONS_TITLE };
|
|
106
|
+
//# sourceMappingURL=empty-creations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-creations.js","sourceRoot":"","sources":["../../src/blocks/empty-creations.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prompt-block.d.ts","sourceRoot":"","sources":["../../src/blocks/prompt-block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAyF9B,gEAAgE;AAChE,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAA;AAE3D,0FAA0F;AAC1F,MAAM,MAAM,UAAU,GAAG;IAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAAA;AAEtE;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,EAAE,CAyB3D;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAKrD;AAED,iBAAS,WAAW,CAAC,EACnB,MAAM,EACN,SAAyB,EACzB,IAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG;IACvD,MAAM,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,
|
|
1
|
+
{"version":3,"file":"prompt-block.d.ts","sourceRoot":"","sources":["../../src/blocks/prompt-block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAyF9B,gEAAgE;AAChE,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAA;AAE3D,0FAA0F;AAC1F,MAAM,MAAM,UAAU,GAAG;IAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAAA;AAEtE;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,EAAE,CAyB3D;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAKrD;AAED,iBAAS,WAAW,CAAC,EACnB,MAAM,EACN,SAAyB,EACzB,IAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG;IACvD,MAAM,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,qBA0IA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -184,10 +184,19 @@ function PromptBlock({ prompt, copyLabel = "Copy prompt", clip = false, classNam
|
|
|
184
184
|
// 12px mono; this library's mono is 14 and the floor says it stays 14, so
|
|
185
185
|
// the pixel value would have shown four.
|
|
186
186
|
clip && "h-[calc(5*var(--cg-mono-size)*var(--cg-mono-line)+1.5rem)] overflow-hidden", className), ...props, children: [_jsx("pre", { "data-slot": "prompt-block-text", className: cn("m-0 font-mono text-mono leading-mono whitespace-pre-wrap text-body",
|
|
187
|
-
//
|
|
188
|
-
//
|
|
189
|
-
//
|
|
190
|
-
|
|
187
|
+
// Not `break-all`: a prompt carries URLs and package names, and
|
|
188
|
+
// breaking mid-token makes a copied-looking string that is not the
|
|
189
|
+
// string. A token breaks only when it cannot fit a line on its own.
|
|
190
|
+
//
|
|
191
|
+
// `overflow-wrap: anywhere` rather than `break-words` (#275). The two
|
|
192
|
+
// paint identically inside a column of known width; the difference is
|
|
193
|
+
// that `break-word` leaves a long token's full width in the block's
|
|
194
|
+
// MIN-CONTENT size, so an ancestor that sizes itself to its content
|
|
195
|
+
// grows to the widest token and overflows its column. That is the bug
|
|
196
|
+
// `CommandField` had in the install step panes; this block sits in the
|
|
197
|
+
// same panes. An arbitrary property, not `wrap-anywhere`, which only
|
|
198
|
+
// exists from Tailwind 4.1.
|
|
199
|
+
"[overflow-wrap:anywhere]",
|
|
191
200
|
// No scrollbar inside the clip. The fade says there is more and the
|
|
192
201
|
// copy control is what the user actually wants; a scroll port here
|
|
193
202
|
// competes with the page's own wheel.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prompt-block.js","sourceRoot":"","sources":["../../src/blocks/prompt-block.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"prompt-block.js","sourceRoot":"","sources":["../../src/blocks/prompt-block.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"step-item.d.ts","sourceRoot":"","sources":["../../src/blocks/step-item.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,KAAK;;;CAUD,CAAA;AAEV,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,+BAepE;AAED,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,KAAK,EACL,IAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;CAC1B,+
|
|
1
|
+
{"version":3,"file":"step-item.d.ts","sourceRoot":"","sources":["../../src/blocks/step-item.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,KAAK;;;CAUD,CAAA;AAEV,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,+BAepE;AAED,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,KAAK,EACL,IAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;CAC1B,+BAsCA;AAED,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA"}
|
package/dist/blocks/step-item.js
CHANGED
|
@@ -53,7 +53,7 @@ function StepList({ className, ...props }) {
|
|
|
53
53
|
role: "list", "data-slot": "step-list", className: cn("flex list-none flex-col gap-5 p-0", className), ...props }));
|
|
54
54
|
}
|
|
55
55
|
function StepItem({ index, title, tone = "default", className, children, ...props }) {
|
|
56
|
-
return (_jsxs("li", { "data-slot": "step-item", className: cn("flex items-start gap-4", className), ...props, children: [_jsx("span", { "aria-hidden": "true", "data-slot": "step-item-numeral", "data-tone": tone, className: cn("flex size-6 shrink-0 items-center justify-center rounded-pill text-caption", TONES[tone]), children: index }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [_jsx("span", { className: "text-heading-sm font-medium text-ink", children: title }), children ? _jsx("div", { className: "text-body-sm text-body", children: children }) : null] })] }));
|
|
56
|
+
return (_jsxs("li", { "data-slot": "step-item", className: cn("flex items-start gap-4", className), ...props, children: [_jsx("span", { "aria-hidden": "true", "data-slot": "step-item-numeral", "data-tone": tone, className: cn("flex size-6 shrink-0 items-center justify-center rounded-pill text-caption", TONES[tone]), children: index }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-2 self-stretch", children: [_jsx("span", { className: "text-heading-sm font-medium text-ink", children: title }), children ? _jsx("div", { className: "text-body-sm text-body", children: children }) : null] })] }));
|
|
57
57
|
}
|
|
58
58
|
export { StepItem, StepList };
|
|
59
59
|
//# sourceMappingURL=step-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"step-item.js","sourceRoot":"","sources":["../../src/blocks/step-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,KAAK,GAAG;IACZ,2EAA2E;IAC3E,sEAAsE;IACtE,oEAAoE;IACpE,OAAO,EAAE,kCAAkC;IAC3C,gFAAgF;IAChF,4EAA4E;IAC5E,2EAA2E;IAC3E,wDAAwD;IACxD,OAAO,EAAE,0DAA0D;CAC3D,CAAA;AAEV,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACnE,OAAO,CACL;QACE,4EAA4E;QAC5E,4EAA4E;QAC5E,wEAAwE;QACxE,2EAA2E;QAC3E,0EAA0E;QAC1E,oBAAoB;QACpB,IAAI,EAAC,MAAM,eACD,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,KACzD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,KAAK,EACL,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAMT;IACC,OAAO,CACL,2BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,KAAK,aAET,8BACc,MAAM,eACR,mBAAmB,eAClB,IAAI,EACf,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,KAAK,CAAC,IAAI,CAAC,CACZ,YAEA,KAAK,GACD,
|
|
1
|
+
{"version":3,"file":"step-item.js","sourceRoot":"","sources":["../../src/blocks/step-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,KAAK,GAAG;IACZ,2EAA2E;IAC3E,sEAAsE;IACtE,oEAAoE;IACpE,OAAO,EAAE,kCAAkC;IAC3C,gFAAgF;IAChF,4EAA4E;IAC5E,2EAA2E;IAC3E,wDAAwD;IACxD,OAAO,EAAE,0DAA0D;CAC3D,CAAA;AAEV,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACnE,OAAO,CACL;QACE,4EAA4E;QAC5E,4EAA4E;QAC5E,wEAAwE;QACxE,2EAA2E;QAC3E,0EAA0E;QAC1E,oBAAoB;QACpB,IAAI,EAAC,MAAM,eACD,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,KACzD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,KAAK,EACL,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAMT;IACC,OAAO,CACL,2BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,KAAK,aAET,8BACc,MAAM,eACR,mBAAmB,eAClB,IAAI,EACf,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,KAAK,CAAC,IAAI,CAAC,CACZ,YAEA,KAAK,GACD,EAaP,eAAK,SAAS,EAAC,iDAAiD,aAC9D,eAAM,SAAS,EAAC,sCAAsC,YAAE,KAAK,GAAQ,EAGpE,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,IACvE,IACH,CACN,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA"}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/index.d.ts
CHANGED
|
@@ -34,6 +34,7 @@ export * from "./blocks/compare-table.js";
|
|
|
34
34
|
export * from "./blocks/creation-tile.js";
|
|
35
35
|
export * from "./blocks/cta-banner.js";
|
|
36
36
|
export * from "./blocks/drop-zone.js";
|
|
37
|
+
export * from "./blocks/empty-creations.js";
|
|
37
38
|
export * from "./blocks/entity-card.js";
|
|
38
39
|
export * from "./blocks/entity-identity.js";
|
|
39
40
|
export * from "./blocks/entity-status.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -51,6 +51,7 @@ export * from "./blocks/compare-table.js";
|
|
|
51
51
|
export * from "./blocks/creation-tile.js";
|
|
52
52
|
export * from "./blocks/cta-banner.js";
|
|
53
53
|
export * from "./blocks/drop-zone.js";
|
|
54
|
+
export * from "./blocks/empty-creations.js";
|
|
54
55
|
export * from "./blocks/entity-card.js";
|
|
55
56
|
export * from "./blocks/entity-identity.js";
|
|
56
57
|
export * from "./blocks/entity-status.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}
|
package/package.json
CHANGED