@marigold/theme-docs 3.1.8 → 3.1.10

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 (10) hide show
  1. package/dist/index.d.mts +4 -2
  2. package/dist/index.d.mts.map +1 -0
  3. package/dist/index.d.ts +4 -2
  4. package/dist/index.d.ts.map +1 -0
  5. package/dist/index.js +415 -518
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +399 -503
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/styles.css +1 -2
  10. package/package.json +7 -7
package/dist/index.js CHANGED
@@ -1,571 +1,468 @@
1
- "use strict";
1
+ Object.defineProperty(exports, '__esModule', { value: true });
2
+ //#region rolldown:runtime
3
+ var __create = Object.create;
2
4
  var __defProp = Object.defineProperty;
3
5
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getProtoOf = Object.getPrototypeOf;
5
8
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
+ var __export = (all) => {
10
+ let target = {};
11
+ for (var name in all) __defProp(target, name, {
12
+ get: all[name],
13
+ enumerable: true
14
+ });
15
+ return target;
9
16
  };
10
17
  var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
18
+ if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
19
+ key = keys[i];
20
+ if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
21
+ get: ((k) => from[k]).bind(null, key),
22
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
23
+ });
24
+ }
25
+ return to;
17
26
  };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
27
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
28
+ value: mod,
29
+ enumerable: true
30
+ }) : target, mod));
19
31
 
20
- // src/index.ts
21
- var index_exports = {};
22
- __export(index_exports, {
23
- default: () => index_default,
24
- theme: () => theme
25
- });
26
- module.exports = __toCommonJS(index_exports);
27
-
28
- // src/components/index.ts
29
- var components_exports = {};
30
- __export(components_exports, {
31
- Badge: () => Badge,
32
- Button: () => Button,
33
- Card: () => Card,
34
- CloseButton: () => CloseButton,
35
- Dialog: () => Dialog,
36
- Field: () => Field,
37
- Headline: () => Headline,
38
- HelpText: () => HelpText,
39
- IconButton: () => IconButton,
40
- Label: () => Label,
41
- Link: () => Link,
42
- List: () => List,
43
- ListBox: () => ListBox,
44
- Menu: () => Menu,
45
- Modal: () => Modal,
46
- Popover: () => Popover,
47
- SectionMessage: () => SectionMessage,
48
- Select: () => Select,
49
- Table: () => Table,
50
- Tabs: () => Tabs,
51
- Text: () => Text,
52
- Underlay: () => Underlay,
53
- inputBackground: () => inputBackground,
54
- inputBox: () => inputBox,
55
- inputDisabled: () => inputDisabled,
56
- inputError: () => inputError,
57
- inputFocus: () => inputFocus,
58
- inputHover: () => inputHover,
59
- inputSpacing: () => inputSpacing,
60
- xSpacing: () => xSpacing,
61
- ySpacing: () => ySpacing
62
- });
32
+ //#endregion
33
+ let __marigold_system = require("@marigold/system");
34
+ __marigold_system = __toESM(__marigold_system);
63
35
 
64
- // src/components/Button.styles.ts
65
- var import_system = require("@marigold/system");
66
- var Button = (0, import_system.cva)(
67
- "flex gap-2 rounded-xs px-3 py-2",
68
- {
69
- variants: {
70
- variant: {
71
- ghost: "text-secondary-700 hover:text-secondary-900 p-0",
72
- sunken: "text-secondary-600 hover:bg-secondary-400/20 bg-secondary-400/10 h-8 justify-start rounded-lg",
73
- inverted: "bg-secondary-100",
74
- icon: "border-none translate-y-0.5 outline-none p-0"
75
- },
76
- size: {
77
- small: "px-3 py-1.5 text-sm"
78
- }
79
- }
80
- }
81
- );
36
+ //#region src/components/Button.styles.ts
37
+ const Button = (0, __marigold_system.cva)("flex gap-2 rounded-xs px-3 py-2", { variants: {
38
+ variant: {
39
+ ghost: "text-secondary-700 hover:text-secondary-900 p-0",
40
+ sunken: "text-secondary-600 hover:bg-secondary-400/20 bg-secondary-400/10 h-8 justify-start rounded-lg",
41
+ inverted: "bg-secondary-100",
42
+ icon: "border-none translate-y-0.5 outline-none p-0"
43
+ },
44
+ size: { small: "px-3 py-1.5 text-sm" }
45
+ } });
82
46
 
83
- // src/components/Card.styles.ts
84
- var import_system2 = require("@marigold/system");
85
- var Card = (0, import_system2.cva)(
86
- ["relative w-full overflow-hidden rounded-xl"],
87
- {
88
- variants: {
89
- variant: {
90
- default: "bg-bg-surface-raised p-6 shadow-xs border border-secondary-300",
91
- hovering: "bg-bg-surface-raised p-6 shadow-xs transition-shadow hover:cursor-pointer hover:shadow-md border border-secondary-300",
92
- content: "bg-bg-surface-raised my-6 shadow-xs border border-secondary-300",
93
- outline: "bg-white/40 my-6 border border-secondary-200",
94
- lowered: "bg-bg-surface-raised-lowered p-6",
95
- image: ""
96
- },
97
- size: {
98
- default: "",
99
- full: "size-full"
100
- }
101
- },
102
- defaultVariants: {
103
- variant: "default",
104
- size: "default"
105
- }
106
- }
107
- );
47
+ //#endregion
48
+ //#region src/components/Card.styles.ts
49
+ const Card = (0, __marigold_system.cva)(["relative w-full overflow-hidden rounded-xl"], {
50
+ variants: {
51
+ variant: {
52
+ default: "bg-bg-surface-raised p-6 shadow-xs border border-secondary-300",
53
+ hovering: "bg-bg-surface-raised p-6 shadow-xs transition-shadow hover:cursor-pointer hover:shadow-md border border-secondary-300",
54
+ content: "bg-bg-surface-raised my-6 shadow-xs border border-secondary-300",
55
+ outline: "bg-white/40 my-6 border border-secondary-200",
56
+ lowered: "bg-bg-surface-raised-lowered p-6",
57
+ image: ""
58
+ },
59
+ size: {
60
+ default: "",
61
+ full: "size-full"
62
+ }
63
+ },
64
+ defaultVariants: {
65
+ variant: "default",
66
+ size: "default"
67
+ }
68
+ });
108
69
 
109
- // src/components/CloseButton.styles.ts
110
- var import_system3 = require("@marigold/system");
111
- var CloseButton = (0, import_system3.cva)([
112
- "flex items-center justify-center whitespace-nowrap",
113
- "cursor-pointer",
114
- "transition-[color,box-shadow]",
115
- "mixin-ring-focus-visible",
116
- "rounded",
117
- "[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100"
70
+ //#endregion
71
+ //#region src/components/CloseButton.styles.ts
72
+ const CloseButton = (0, __marigold_system.cva)([
73
+ "flex items-center justify-center whitespace-nowrap",
74
+ "cursor-pointer",
75
+ "transition-[color,box-shadow]",
76
+ "mixin-ring-focus-visible",
77
+ "rounded",
78
+ "[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100"
118
79
  ]);
119
80
 
120
- // src/components/Dialog.styles.ts
121
- var import_system4 = require("@marigold/system");
122
- var Dialog = {
123
- closeButton: (0, import_system4.cva)("absolute top-4 right-4 ml-4", {
124
- variants: {
125
- variant: {
126
- fullscreen: ["size-6", "right-4 top-4"]
127
- }
128
- }
129
- }),
130
- container: (0, import_system4.cva)("bg-bg-surface", {
131
- variants: {
132
- variant: {
133
- default: "relative rounded-lg shadow-lg",
134
- codeblock: [
135
- "static px-0 py-6",
136
- "bg-code-900 max-h-[96vh] w-full overflow-y-auto rounded-lg shadow-lg",
137
- "scrollbar-thin scrollbar-thumb-code-500 scrollbar-track-transparent scrollbar-thumb-rounded-full overflow-x-auto",
138
- "*:max-h-none *:min-w-[75vw]"
139
- ],
140
- fullscreen: "h-screen w-screen px-4 pb-8 pt-10",
141
- zoom: "max-h-[96vh] overflow-y-auto"
142
- }
143
- },
144
- defaultVariants: {
145
- variant: "default"
146
- }
147
- }),
148
- header: (0, import_system4.cva)(""),
149
- title: (0, import_system4.cva)(""),
150
- content: (0, import_system4.cva)(""),
151
- actions: (0, import_system4.cva)("")
81
+ //#endregion
82
+ //#region src/components/Dialog.styles.ts
83
+ const Dialog = {
84
+ closeButton: (0, __marigold_system.cva)("absolute top-4 right-4 ml-4", { variants: { variant: { fullscreen: ["size-6", "right-4 top-4"] } } }),
85
+ container: (0, __marigold_system.cva)("bg-bg-surface", {
86
+ variants: { variant: {
87
+ default: "relative rounded-lg shadow-lg",
88
+ codeblock: [
89
+ "static px-0 py-6",
90
+ "bg-code-900 max-h-[96vh] w-full overflow-y-auto rounded-lg shadow-lg",
91
+ "scrollbar-thin scrollbar-thumb-code-500 scrollbar-track-transparent scrollbar-thumb-rounded-full overflow-x-auto",
92
+ "*:max-h-none *:min-w-[75vw]"
93
+ ],
94
+ fullscreen: "h-screen w-screen px-4 pb-8 pt-10",
95
+ zoom: "max-h-[96vh] overflow-y-auto"
96
+ } },
97
+ defaultVariants: { variant: "default" }
98
+ }),
99
+ header: (0, __marigold_system.cva)(""),
100
+ title: (0, __marigold_system.cva)(""),
101
+ content: (0, __marigold_system.cva)(""),
102
+ actions: (0, __marigold_system.cva)("")
152
103
  };
153
104
 
154
- // src/components/Headline.styles.ts
155
- var import_system5 = require("@marigold/system");
156
- var Headline = (0, import_system5.cva)("*:no-underline", {
157
- variants: {
158
- size: {
159
- "level-1": "scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl",
160
- "level-2": "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0",
161
- "level-3": "scroll-m-20 text-2xl font-semibold tracking-tight",
162
- "level-4": "scroll-m-20 text-xl font-semibold tracking-tight",
163
- "level-5": "mt-8 scroll-m-20 text-lg font-semibold tracking-tight",
164
- "level-6": "mt-8 scroll-m-20 text-base font-semibold tracking-tight"
165
- }
166
- }
167
- });
105
+ //#endregion
106
+ //#region src/components/Headline.styles.ts
107
+ const Headline = (0, __marigold_system.cva)("*:no-underline", { variants: { size: {
108
+ "level-1": "scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl",
109
+ "level-2": "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0",
110
+ "level-3": "scroll-m-20 text-2xl font-semibold tracking-tight",
111
+ "level-4": "scroll-m-20 text-xl font-semibold tracking-tight",
112
+ "level-5": "mt-8 scroll-m-20 text-lg font-semibold tracking-tight",
113
+ "level-6": "mt-8 scroll-m-20 text-base font-semibold tracking-tight"
114
+ } } });
168
115
 
169
- // src/components/Field.styles.ts
170
- var import_system6 = require("@marigold/system");
171
- var Field = (0, import_system6.cva)("grid gap-y-0.5", {
172
- variants: {
173
- variant: {
174
- default: "",
175
- floating: [
176
- "grid-cols-[min-content_auto] grid-rows-[auto_auto]",
177
- "items-center"
178
- ]
179
- },
180
- size: {
181
- default: "gap-x-3",
182
- small: "gap-x-2"
183
- }
184
- },
185
- defaultVariants: {
186
- variant: "default",
187
- size: "default"
188
- }
116
+ //#endregion
117
+ //#region src/components/Field.styles.ts
118
+ const Field = (0, __marigold_system.cva)("grid gap-y-0.5", {
119
+ variants: {
120
+ variant: {
121
+ default: "",
122
+ floating: ["grid-cols-[min-content_auto] grid-rows-[auto_auto]", "items-center"]
123
+ },
124
+ size: {
125
+ default: "gap-x-3",
126
+ small: "gap-x-2"
127
+ }
128
+ },
129
+ defaultVariants: {
130
+ variant: "default",
131
+ size: "default"
132
+ }
189
133
  });
190
134
 
191
- // src/components/HelpText.styles.ts
192
- var import_system7 = require("@marigold/system");
193
- var HelpText = {
194
- container: (0, import_system7.cva)(),
195
- icon: (0, import_system7.cva)()
135
+ //#endregion
136
+ //#region src/components/HelpText.styles.ts
137
+ const HelpText = {
138
+ container: (0, __marigold_system.cva)(),
139
+ icon: (0, __marigold_system.cva)()
196
140
  };
197
141
 
198
- // src/components/IconButton.styles.ts
199
- var import_system8 = require("@marigold/system");
200
- var IconButton = (0, import_system8.cva)();
142
+ //#endregion
143
+ //#region src/components/IconButton.styles.ts
144
+ const IconButton = (0, __marigold_system.cva)();
201
145
 
202
- // src/components/Input.styles.ts
203
- var inputBox = "border border-border rounded-xs text-text-primary";
204
- var inputBackground = "bg-white";
205
- var xSpacing = {
206
- default: "px-3",
207
- small: "px-2.5"
146
+ //#endregion
147
+ //#region src/components/Input.styles.ts
148
+ const inputBox = "border border-border rounded-xs text-text-primary";
149
+ const inputBackground = "bg-white";
150
+ const xSpacing = {
151
+ default: "px-3",
152
+ small: "px-2.5"
208
153
  };
209
- var ySpacing = {
210
- default: "py-2",
211
- small: "py-1.5"
154
+ const ySpacing = {
155
+ default: "py-2",
156
+ small: "py-1.5"
212
157
  };
213
- var inputSpacing = {
214
- default: `${xSpacing.default} ${ySpacing.default}`,
215
- small: `${xSpacing.small} ${ySpacing.small}`
158
+ const inputSpacing = {
159
+ default: `${xSpacing.default} ${ySpacing.default}`,
160
+ small: `${xSpacing.small} ${ySpacing.small}`
216
161
  };
217
- var inputFocus = "";
218
- var inputDisabled = "disabled:cursor-not-allowed disabled:text-text-disabled disabled:bg-bg-disabled";
219
- var inputError = "";
220
- var inputHover = "";
162
+ const inputFocus = "";
163
+ const inputDisabled = "disabled:cursor-not-allowed disabled:text-text-disabled disabled:bg-bg-disabled";
164
+ const inputError = "";
165
+ const inputHover = "";
221
166
 
222
- // src/components/Label.styles.ts
223
- var import_system9 = require("@marigold/system");
224
- var Label = {
225
- container: (0, import_system9.cva)("", {
226
- variants: {
227
- variant: {
228
- default: "",
229
- floating: [
230
- "z-10 col-start-1 row-start-1",
231
- "pointer-events-none",
232
- "text-secondary-400 text-nowrap",
233
- 'after:content-[":"]'
234
- ]
235
- },
236
- size: {
237
- default: "text-sm",
238
- small: "text-xs"
239
- }
240
- },
241
- defaultVariants: {
242
- variant: "default",
243
- size: "default"
244
- },
245
- compoundVariants: [
246
- {
247
- variant: "floating",
248
- size: "default",
249
- className: "pl-4"
250
- },
251
- {
252
- variant: "floating",
253
- size: "small",
254
- className: "pl-3"
255
- }
256
- ]
257
- }),
258
- indicator: (0, import_system9.cva)()
167
+ //#endregion
168
+ //#region src/components/Label.styles.ts
169
+ const Label = {
170
+ container: (0, __marigold_system.cva)("", {
171
+ variants: {
172
+ variant: {
173
+ default: "",
174
+ floating: [
175
+ "z-10 col-start-1 row-start-1",
176
+ "pointer-events-none",
177
+ "text-secondary-400 text-nowrap",
178
+ "after:content-[\":\"]"
179
+ ]
180
+ },
181
+ size: {
182
+ default: "text-sm",
183
+ small: "text-xs"
184
+ }
185
+ },
186
+ defaultVariants: {
187
+ variant: "default",
188
+ size: "default"
189
+ },
190
+ compoundVariants: [{
191
+ variant: "floating",
192
+ size: "default",
193
+ className: "pl-4"
194
+ }, {
195
+ variant: "floating",
196
+ size: "small",
197
+ className: "pl-3"
198
+ }]
199
+ }),
200
+ indicator: (0, __marigold_system.cva)()
259
201
  };
260
202
 
261
- // src/components/Link.styles.ts
262
- var import_system10 = require("@marigold/system");
263
- var Link = (0, import_system10.cva)(["font-medium"], {
264
- variants: {
265
- variant: {
266
- default: "underline underline-offset-4 transition-all hover:text-slate-700",
267
- primary: "bg-text-primary text-white leading-none hover:bg-slate-700 transition-all",
268
- secondary: "border-text-primary border-2 leading-none hover:bg-slate-100",
269
- toc: [
270
- "text-secondary-500 hover:text-secondary-800 text-xs",
271
- "data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium"
272
- ],
273
- cta: [
274
- "h-component rounded-2xl bg-purple-700 px-5 py-1.5",
275
- "text-sm font-semibold text-purple-100",
276
- "transition-all hover:bg-purple-600"
277
- ],
278
- ghost: "hover:underline underline-offset-4",
279
- shiny: "border border-slate-200 bg-slate-100 hover:bg-slate-200 transition-all ease-in"
280
- },
281
- size: {
282
- inline: "",
283
- xsmall: "rounded-full text-xs py-1.5 px-4",
284
- small: "px-3 py-1.5 text-sm rounded-xs",
285
- regular: "px-3 py-2 rounded-xs",
286
- large: "px-8 py-3.5 rounded-xs"
287
- }
288
- },
289
- defaultVariants: {
290
- variant: "default",
291
- size: "inline"
292
- }
203
+ //#endregion
204
+ //#region src/components/Link.styles.ts
205
+ const Link = (0, __marigold_system.cva)(["font-medium"], {
206
+ variants: {
207
+ variant: {
208
+ default: "underline underline-offset-4 transition-all hover:text-slate-700",
209
+ primary: "bg-text-primary text-white leading-none hover:bg-slate-700 transition-all",
210
+ secondary: "border-text-primary border-2 leading-none hover:bg-slate-100",
211
+ toc: ["text-secondary-500 hover:text-secondary-800 text-xs", "data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium"],
212
+ cta: [
213
+ "h-component rounded-2xl bg-purple-700 px-5 py-1.5",
214
+ "text-sm font-semibold text-purple-100",
215
+ "transition-all hover:bg-purple-600"
216
+ ],
217
+ ghost: "hover:underline underline-offset-4",
218
+ shiny: "border border-slate-200 bg-slate-100 hover:bg-slate-200 transition-all ease-in"
219
+ },
220
+ size: {
221
+ inline: "",
222
+ xsmall: "rounded-full text-xs py-1.5 px-4",
223
+ small: "px-3 py-1.5 text-sm rounded-xs",
224
+ regular: "px-3 py-2 rounded-xs",
225
+ large: "px-8 py-3.5 rounded-xs"
226
+ }
227
+ },
228
+ defaultVariants: {
229
+ variant: "default",
230
+ size: "inline"
231
+ }
293
232
  });
294
233
 
295
- // src/components/List.styles.ts
296
- var import_system11 = require("@marigold/system");
297
- var List = {
298
- ul: (0, import_system11.cva)("list-inside list-none"),
299
- ol: (0, import_system11.cva)(""),
300
- item: (0, import_system11.cva)("list-none py-0.5")
234
+ //#endregion
235
+ //#region src/components/List.styles.ts
236
+ const List = {
237
+ ul: (0, __marigold_system.cva)("list-inside list-none"),
238
+ ol: (0, __marigold_system.cva)(""),
239
+ item: (0, __marigold_system.cva)("list-none py-0.5")
301
240
  };
302
241
 
303
- // src/components/ListBox.styles.ts
304
- var import_system12 = require("@marigold/system");
305
- var ListBox = {
306
- container: (0, import_system12.cva)([
307
- "bg-bg-surface-overlay border-border rounded-xs border drop-shadow-lg"
308
- ]),
309
- list: (0, import_system12.cva)([
310
- "outline-hidden",
311
- "p-1",
312
- "sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]"
313
- ]),
314
- item: (0, import_system12.cva)(
315
- [
316
- "text-text-primary",
317
- "cursor-pointer rounded-xs outline-hidden",
318
- "rac-hover:bg-bg-hover rac-focus:bg-bg-hover",
319
- "aria-selected:bg-bg-hover"
320
- ],
321
- {
322
- variants: {
323
- size: {
324
- default: "p-2",
325
- small: "px-2 py-1 text-sm"
326
- }
327
- },
328
- defaultVariants: {
329
- size: "small"
330
- }
331
- }
332
- ),
333
- section: (0, import_system12.cva)(),
334
- header: (0, import_system12.cva)()
242
+ //#endregion
243
+ //#region src/components/ListBox.styles.ts
244
+ const ListBox = {
245
+ container: (0, __marigold_system.cva)(["bg-bg-surface-overlay border-border rounded-xs border drop-shadow-lg"]),
246
+ list: (0, __marigold_system.cva)([
247
+ "outline-hidden",
248
+ "p-1",
249
+ "sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]"
250
+ ]),
251
+ item: (0, __marigold_system.cva)([
252
+ "text-text-primary",
253
+ "cursor-pointer rounded-xs outline-hidden",
254
+ "rac-hover:bg-bg-hover rac-focus:bg-bg-hover",
255
+ "aria-selected:bg-bg-hover"
256
+ ], {
257
+ variants: { size: {
258
+ default: "p-2",
259
+ small: "px-2 py-1 text-sm"
260
+ } },
261
+ defaultVariants: { size: "small" }
262
+ }),
263
+ section: (0, __marigold_system.cva)(),
264
+ header: (0, __marigold_system.cva)()
335
265
  };
336
266
 
337
- // src/components/Menu.styles.ts
338
- var import_system13 = require("@marigold/system");
339
- var Menu = {
340
- container: (0, import_system13.cva)(
341
- [
342
- "border-border bg-bg-surface overflow-hidden rounded-md border px-1 py-1.5 text-sm shadow-md",
343
- "sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]"
344
- ],
345
- {
346
- variants: {
347
- variant: {
348
- command: "[&_[cmdk-list-sizer]]:divide-secondary-100 size-full p-0 sm:w-[500px] [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:size-5 [&_[cmdk-list-sizer]]:divide-y"
349
- }
350
- }
351
- }
352
- ),
353
- item: (0, import_system13.cva)("focus:bg-bg-hover cursor-pointer rounded-xs p-2 outline-hidden", {
354
- variants: {
355
- variant: {
356
- command: ["aria-selected:bg-bg-hover px-4 py-1.5"]
357
- }
358
- }
359
- }),
360
- section: (0, import_system13.cva)("", {
361
- variants: {
362
- variant: {
363
- command: "[&_[cmdk-group-heading]]:text-text-primary-muted [&_[cmdk-group-heading]]:p-4 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium"
364
- }
365
- }
366
- }),
367
- button: (0, import_system13.cva)(
368
- "text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1"
369
- )
267
+ //#endregion
268
+ //#region src/components/Menu.styles.ts
269
+ const Menu = {
270
+ container: (0, __marigold_system.cva)(["border-border bg-bg-surface overflow-hidden rounded-md border px-1 py-1.5 text-sm shadow-md", "sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]"], { variants: { variant: { command: "[&_[cmdk-list-sizer]]:divide-secondary-100 size-full p-0 sm:w-[500px] [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:size-5 [&_[cmdk-list-sizer]]:divide-y" } } }),
271
+ item: (0, __marigold_system.cva)("focus:bg-bg-hover cursor-pointer rounded-xs p-2 outline-hidden", { variants: { variant: { command: ["aria-selected:bg-bg-hover px-4 py-1.5"] } } }),
272
+ section: (0, __marigold_system.cva)("", { variants: { variant: { command: "[&_[cmdk-group-heading]]:text-text-primary-muted [&_[cmdk-group-heading]]:p-4 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium" } } }),
273
+ button: (0, __marigold_system.cva)("text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1")
370
274
  };
371
275
 
372
- // src/components/Modal.styles.ts
373
- var import_system14 = require("@marigold/system");
374
- var Modal = (0, import_system14.cva)();
276
+ //#endregion
277
+ //#region src/components/Modal.styles.ts
278
+ const Modal = (0, __marigold_system.cva)();
375
279
 
376
- // src/components/SectionMessage.styles.ts
377
- var import_system15 = require("@marigold/system");
378
- var SectionMessage = {
379
- container: (0, import_system15.cva)(
380
- [
381
- "not-prose items-center rounded-lg p-4",
382
- 'grid-cols-[min-content_auto] gap-1 [grid-template-areas:"icon_title_title""none_content_content"]'
383
- ],
384
- {
385
- variants: {
386
- variant: {
387
- info: "bg-bg-info text-text-info",
388
- warning: "bg-bg-warning text-text-warning"
389
- }
390
- }
391
- }
392
- ),
393
- icon: (0, import_system15.cva)("size-6"),
394
- title: (0, import_system15.cva)("mb-1 font-bold leading-none tracking-tight"),
395
- content: (0, import_system15.cva)("text-sm [&_p]:leading-relaxed [&_code]:text-xs"),
396
- close: (0, import_system15.cva)("h-5 w-5 text-center")
280
+ //#endregion
281
+ //#region src/components/SectionMessage.styles.ts
282
+ const SectionMessage = {
283
+ container: (0, __marigold_system.cva)(["not-prose items-center rounded-lg p-4", "grid-cols-[min-content_auto] gap-1 [grid-template-areas:\"icon_title_title\"\"none_content_content\"]"], { variants: { variant: {
284
+ info: "bg-bg-info text-text-info",
285
+ warning: "bg-bg-warning text-text-warning"
286
+ } } }),
287
+ icon: (0, __marigold_system.cva)("size-6"),
288
+ title: (0, __marigold_system.cva)("mb-1 font-bold leading-none tracking-tight"),
289
+ content: (0, __marigold_system.cva)("text-sm [&_p]:leading-relaxed [&_code]:text-xs"),
290
+ close: (0, __marigold_system.cva)("h-5 w-5 text-center")
397
291
  };
398
292
 
399
- // src/components/Popover.styles.ts
400
- var import_system16 = require("@marigold/system");
401
- var Popover = (0, import_system16.cva)([
402
- "animate-in",
403
- "placement-t:-translate-y-1",
404
- "placement-b:translate-y-1",
405
- "placement-r:-translate-x-1",
406
- "placement-l:translate-x-1"
293
+ //#endregion
294
+ //#region src/components/Popover.styles.ts
295
+ const Popover = (0, __marigold_system.cva)([
296
+ "animate-in",
297
+ "placement-t:-translate-y-1",
298
+ "placement-b:translate-y-1",
299
+ "placement-r:-translate-x-1",
300
+ "placement-l:translate-x-1"
407
301
  ]);
408
302
 
409
- // src/components/Select.styles.ts
410
- var import_system17 = require("@marigold/system");
411
- var Select = {
412
- icon: (0, import_system17.cva)("text-secondary-400", {
413
- variants: {
414
- variant: {
415
- default: "",
416
- floating: "justify-self-end"
417
- },
418
- size: {
419
- default: "",
420
- small: "size-3"
421
- }
422
- },
423
- defaultVariants: {
424
- variant: "default",
425
- size: "default"
426
- }
427
- }),
428
- select: (0, import_system17.cva)([inputBox, inputBackground, inputDisabled, "outline-hidden"], {
429
- variants: {
430
- variant: {
431
- default: "gap-2",
432
- floating: [
433
- "shadow-xs",
434
- "col-span-full row-start-1 grid grid-cols-subgrid grid-rows-subgrid",
435
- // selected value and caret get moved to 2nd col
436
- "*:row-star-1 *:col-start-2 *:text-left",
437
- // So the button gap is not used to separate label from selected value
438
- "gap-[inherit]"
439
- ]
440
- },
441
- size: {
442
- default: [inputSpacing.default],
443
- small: [inputSpacing.small, "text-xs"]
444
- }
445
- },
446
- defaultVariants: {
447
- variant: "default",
448
- size: "default"
449
- },
450
- compoundVariants: [
451
- {
452
- variant: "floating",
453
- size: "default",
454
- className: "px-4 py-1.5"
455
- },
456
- {
457
- variant: "floating",
458
- size: "small",
459
- className: "px-3"
460
- }
461
- ]
462
- })
303
+ //#endregion
304
+ //#region src/components/Select.styles.ts
305
+ const Select = {
306
+ icon: (0, __marigold_system.cva)("text-secondary-400", {
307
+ variants: {
308
+ variant: {
309
+ default: "",
310
+ floating: "justify-self-end"
311
+ },
312
+ size: {
313
+ default: "",
314
+ small: "size-3"
315
+ }
316
+ },
317
+ defaultVariants: {
318
+ variant: "default",
319
+ size: "default"
320
+ }
321
+ }),
322
+ select: (0, __marigold_system.cva)([
323
+ inputBox,
324
+ inputBackground,
325
+ inputDisabled,
326
+ "outline-hidden"
327
+ ], {
328
+ variants: {
329
+ variant: {
330
+ default: "gap-2",
331
+ floating: [
332
+ "shadow-xs",
333
+ "col-span-full row-start-1 grid grid-cols-subgrid grid-rows-subgrid",
334
+ "*:row-star-1 *:col-start-2 *:text-left",
335
+ "gap-[inherit]"
336
+ ]
337
+ },
338
+ size: {
339
+ default: [inputSpacing.default],
340
+ small: [inputSpacing.small, "text-xs"]
341
+ }
342
+ },
343
+ defaultVariants: {
344
+ variant: "default",
345
+ size: "default"
346
+ },
347
+ compoundVariants: [{
348
+ variant: "floating",
349
+ size: "default",
350
+ className: "px-4 py-1.5"
351
+ }, {
352
+ variant: "floating",
353
+ size: "small",
354
+ className: "px-3"
355
+ }]
356
+ })
463
357
  };
464
358
 
465
- // src/components/Tabs.styles.ts
466
- var import_system18 = require("@marigold/system");
467
- var Tabs = {
468
- container: (0, import_system18.cva)("", {
469
- variants: {
470
- variant: {
471
- demo: "my-6"
472
- }
473
- }
474
- }),
475
- tabpanel: (0, import_system18.cva)(""),
476
- tabsList: (0, import_system18.cva)("mb-4 border-b"),
477
- tab: (0, import_system18.cva)([
478
- "text-text-primary-muted aria-selected:text-text-primary px-2 py-1 text-sm font-medium",
479
- "aria-selected:border-border-primary -m-px border-b-2 border-transparent",
480
- "focus:outline-hidden focus-visible:outline"
481
- ])
359
+ //#endregion
360
+ //#region src/components/Tabs.styles.ts
361
+ const Tabs = {
362
+ container: (0, __marigold_system.cva)("", { variants: { variant: { demo: "my-6" } } }),
363
+ tabpanel: (0, __marigold_system.cva)(""),
364
+ tabsList: (0, __marigold_system.cva)("mb-4 border-b"),
365
+ tab: (0, __marigold_system.cva)([
366
+ "text-text-primary-muted aria-selected:text-text-primary px-2 py-1 text-sm font-medium",
367
+ "aria-selected:border-border-primary -m-px border-b-2 border-transparent",
368
+ "focus:outline-hidden focus-visible:outline"
369
+ ])
482
370
  };
483
371
 
484
- // src/components/Table.styles.ts
485
- var import_system19 = require("@marigold/system");
486
- var Table = {
487
- table: (0, import_system19.cva)([
488
- "w-full overflow-hidden rounded-lg bg-white/40 text-sm",
489
- "border-secondary-200 border-separate border-spacing-0 border"
490
- ]),
491
- thead: (0, import_system19.cva)(),
492
- headerRow: (0, import_system19.cva)(),
493
- header: (0, import_system19.cva)("px-3 pb-2 pt-3 text-start"),
494
- body: (0, import_system19.cva)(),
495
- row: (0, import_system19.cva)([], {
496
- variants: {
497
- variant: {
498
- hover: "hover:bg-neutral-100/80 "
499
- }
500
- }
501
- }),
502
- cell: (0, import_system19.cva)(
503
- ["text-text-primary px-3 py-3.5 text-xs", "border-secondary-200 border-t"],
504
- {
505
- variants: {
506
- variant: {
507
- colorTable: "p-4 align-middle"
508
- }
509
- }
510
- }
511
- )
372
+ //#endregion
373
+ //#region src/components/Table.styles.ts
374
+ const Table = {
375
+ table: (0, __marigold_system.cva)(["w-full overflow-hidden rounded-lg bg-white/40 text-sm", "border-secondary-200 border-separate border-spacing-0 border"]),
376
+ thead: (0, __marigold_system.cva)(),
377
+ headerRow: (0, __marigold_system.cva)(),
378
+ header: (0, __marigold_system.cva)("px-3 pb-2 pt-3 text-start"),
379
+ body: (0, __marigold_system.cva)(),
380
+ row: (0, __marigold_system.cva)([], { variants: { variant: { hover: "hover:bg-neutral-100/80 " } } }),
381
+ cell: (0, __marigold_system.cva)(["text-text-primary px-3 py-3.5 text-xs", "border-secondary-200 border-t"], { variants: { variant: { colorTable: "p-4 align-middle" } } })
512
382
  };
513
383
 
514
- // src/components/Text.styles.ts
515
- var import_system20 = require("@marigold/system");
516
- var Text = (0, import_system20.cva)("leading-7", {
517
- variants: {
518
- variant: {
519
- lead: "text-muted-foreground text-xl",
520
- large: "text-lg font-semibold",
521
- small: "text-sm font-medium leading-none",
522
- muted: "text-muted-foreground text-sm"
523
- }
524
- }
525
- });
384
+ //#endregion
385
+ //#region src/components/Text.styles.ts
386
+ const Text = (0, __marigold_system.cva)("leading-7", { variants: { variant: {
387
+ lead: "text-muted-foreground text-xl",
388
+ large: "text-lg font-semibold",
389
+ small: "text-sm font-medium leading-none",
390
+ muted: "text-muted-foreground text-sm"
391
+ } } });
526
392
 
527
- // src/components/Underlay.styles.ts
528
- var import_system21 = require("@marigold/system");
529
- var Underlay = (0, import_system21.cva)(
530
- "bg-bg-underlay/50 backdrop-blur-xs"
531
- );
393
+ //#endregion
394
+ //#region src/components/Underlay.styles.ts
395
+ const Underlay = (0, __marigold_system.cva)("bg-bg-underlay/50 backdrop-blur-xs");
532
396
 
533
- // src/components/Badge.styles.ts
534
- var import_system22 = require("@marigold/system");
535
- var Badge = (0, import_system22.cva)(
536
- "inline-flex items-center truncate rounded-[20px] px-2 py-0.5",
537
- {
538
- variants: {
539
- variant: {
540
- dark: "bg-bg-inverted text-white",
541
- warning: "bg-bg-warning"
542
- },
543
- size: {
544
- default: "text-xs"
545
- }
546
- },
547
- defaultVariants: {
548
- variant: "dark",
549
- size: "default"
550
- }
551
- }
552
- );
397
+ //#endregion
398
+ //#region src/components/Badge.styles.ts
399
+ const Badge = (0, __marigold_system.cva)("inline-flex items-center truncate rounded-[20px] px-2 py-0.5", {
400
+ variants: {
401
+ variant: {
402
+ dark: "bg-bg-inverted text-white",
403
+ warning: "bg-bg-warning"
404
+ },
405
+ size: { default: "text-xs" }
406
+ },
407
+ defaultVariants: {
408
+ variant: "dark",
409
+ size: "default"
410
+ }
411
+ });
412
+
413
+ //#endregion
414
+ //#region src/components/index.ts
415
+ var components_exports = /* @__PURE__ */ __export({
416
+ Badge: () => Badge,
417
+ Button: () => Button,
418
+ Card: () => Card,
419
+ CloseButton: () => CloseButton,
420
+ Dialog: () => Dialog,
421
+ Field: () => Field,
422
+ Headline: () => Headline,
423
+ HelpText: () => HelpText,
424
+ IconButton: () => IconButton,
425
+ Label: () => Label,
426
+ Link: () => Link,
427
+ List: () => List,
428
+ ListBox: () => ListBox,
429
+ Menu: () => Menu,
430
+ Modal: () => Modal,
431
+ Popover: () => Popover,
432
+ SectionMessage: () => SectionMessage,
433
+ Select: () => Select,
434
+ Table: () => Table,
435
+ Tabs: () => Tabs,
436
+ Text: () => Text,
437
+ Underlay: () => Underlay,
438
+ inputBackground: () => inputBackground,
439
+ inputBox: () => inputBox,
440
+ inputDisabled: () => inputDisabled,
441
+ inputError: () => inputError,
442
+ inputFocus: () => inputFocus,
443
+ inputHover: () => inputHover,
444
+ inputSpacing: () => inputSpacing,
445
+ xSpacing: () => xSpacing,
446
+ ySpacing: () => ySpacing
447
+ });
553
448
 
554
- // src/root.ts
555
- var import_system23 = require("@marigold/system");
556
- var root = (0, import_system23.cva)("text-text-primary bg-bg-body");
449
+ //#endregion
450
+ //#region src/root.ts
451
+ const root = (0, __marigold_system.cva)("text-text-primary bg-bg-body");
557
452
 
558
- // src/theme.ts
559
- var theme = {
560
- name: "docs",
561
- root,
562
- components: components_exports
453
+ //#endregion
454
+ //#region src/theme.ts
455
+ const theme = {
456
+ name: "docs",
457
+ root,
458
+ components: components_exports
563
459
  };
564
460
 
565
- // src/index.ts
566
- var index_default = theme;
567
- // Annotate the CommonJS export names for ESM import in node:
568
- 0 && (module.exports = {
569
- theme
570
- });
461
+ //#endregion
462
+ //#region src/index.ts
463
+ var src_default = theme;
464
+
465
+ //#endregion
466
+ exports.default = src_default;
467
+ exports.theme = theme;
571
468
  //# sourceMappingURL=index.js.map