@scalar/components 0.12.33 → 0.12.35

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 (22) hide show
  1. package/dist/components/ScalarContextMenu/ScalarContextMenu.stories.d.ts +48 -0
  2. package/dist/components/ScalarContextMenu/ScalarContextMenu.stories.d.ts.map +1 -1
  3. package/dist/components/ScalarContextMenu/ScalarContextMenu.vue.d.ts +2 -0
  4. package/dist/components/ScalarContextMenu/ScalarContextMenu.vue.d.ts.map +1 -1
  5. package/dist/components/ScalarContextMenu/ScalarContextMenu.vue.js +21 -19
  6. package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts +9 -9
  7. package/dist/components/ScalarIcon/icons/AddTab.svg.js +21 -0
  8. package/dist/components/ScalarIcon/icons/CloseTab.svg.js +21 -0
  9. package/dist/components/ScalarIcon/icons/CloseTabs.svg.js +21 -0
  10. package/dist/components/ScalarIcon/icons/icons.d.ts +1 -1
  11. package/dist/components/ScalarIcon/icons/icons.d.ts.map +1 -1
  12. package/dist/components/ScalarIcon/icons/index.js +218 -212
  13. package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts +3 -3
  14. package/dist/components/ScalarModal/ScalarModal.stories.d.ts +7 -7
  15. package/dist/components/ScalarModal/ScalarModal.vue.d.ts +3 -3
  16. package/dist/components/ScalarModal/ScalarModal.vue.d.ts.map +1 -1
  17. package/dist/components/ScalarModal/ScalarModal.vue.js +4 -4
  18. package/dist/components/ScalarModal/ScalarModal.vue2.js +8 -7
  19. package/dist/components/ScalarSearchResults/ScalarSearchResults.stories.d.ts +4 -4
  20. package/dist/components/ScalarTooltip/ScalarTooltip.stories.d.ts +48 -48
  21. package/dist/style.css +1 -1
  22. package/package.json +3 -3
package/dist/components/ScalarContextMenu/ScalarContextMenu.stories.d.ts CHANGED
@@ -17,6 +17,9 @@ declare const meta: {
17
17
  sideOffset: {
18
18
  type: import("vue").PropType<number>;
19
19
  };
20
+ triggerClass: {
21
+ type: import("vue").PropType<string>;
22
+ };
20
23
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
21
24
  disabled: {
22
25
  type: import("vue").PropType<boolean>;
@@ -33,6 +36,9 @@ declare const meta: {
33
36
  sideOffset: {
34
37
  type: import("vue").PropType<number>;
35
38
  };
39
+ triggerClass: {
40
+ type: import("vue").PropType<string>;
41
+ };
36
42
  }>>, {
37
43
  disabled: boolean;
38
44
  align: "start" | "center" | "end";
@@ -60,6 +66,9 @@ declare const meta: {
60
66
  sideOffset: {
61
67
  type: import("vue").PropType<number>;
62
68
  };
69
+ triggerClass: {
70
+ type: import("vue").PropType<string>;
71
+ };
63
72
  }>>, {}, {}, {}, {}, {
64
73
  disabled: boolean;
65
74
  align: "start" | "center" | "end";
@@ -84,6 +93,9 @@ declare const meta: {
84
93
  sideOffset: {
85
94
  type: import("vue").PropType<number>;
86
95
  };
96
+ triggerClass: {
97
+ type: import("vue").PropType<string>;
98
+ };
87
99
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
88
100
  disabled: boolean;
89
101
  align: "start" | "center" | "end";
@@ -124,6 +136,9 @@ declare const meta: {
124
136
  sideOffset: {
125
137
  type: import("vue").PropType<number>;
126
138
  };
139
+ triggerClass: {
140
+ type: import("vue").PropType<string>;
141
+ };
127
142
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
128
143
  disabled: {
129
144
  type: import("vue").PropType<boolean>;
@@ -140,6 +155,9 @@ declare const meta: {
140
155
  sideOffset: {
141
156
  type: import("vue").PropType<number>;
142
157
  };
158
+ triggerClass: {
159
+ type: import("vue").PropType<string>;
160
+ };
143
161
  }>>, {
144
162
  disabled: boolean;
145
163
  align: "start" | "center" | "end";
@@ -167,6 +185,9 @@ declare const meta: {
167
185
  sideOffset: {
168
186
  type: import("vue").PropType<number>;
169
187
  };
188
+ triggerClass: {
189
+ type: import("vue").PropType<string>;
190
+ };
170
191
  }>>, {}, {}, {}, {}, {
171
192
  disabled: boolean;
172
193
  align: "start" | "center" | "end";
@@ -191,6 +212,9 @@ declare const meta: {
191
212
  sideOffset: {
192
213
  type: import("vue").PropType<number>;
193
214
  };
215
+ triggerClass: {
216
+ type: import("vue").PropType<string>;
217
+ };
194
218
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
195
219
  disabled: boolean;
196
220
  align: "start" | "center" | "end";
@@ -219,6 +243,9 @@ declare const meta: {
219
243
  sideOffset: {
220
244
  type: import("vue").PropType<number>;
221
245
  };
246
+ triggerClass: {
247
+ type: import("vue").PropType<string>;
248
+ };
222
249
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
223
250
  disabled: {
224
251
  type: import("vue").PropType<boolean>;
@@ -235,6 +262,9 @@ declare const meta: {
235
262
  sideOffset: {
236
263
  type: import("vue").PropType<number>;
237
264
  };
265
+ triggerClass: {
266
+ type: import("vue").PropType<string>;
267
+ };
238
268
  }>>, {
239
269
  disabled: boolean;
240
270
  align: "start" | "center" | "end";
@@ -262,6 +292,9 @@ declare const meta: {
262
292
  sideOffset: {
263
293
  type: import("vue").PropType<number>;
264
294
  };
295
+ triggerClass: {
296
+ type: import("vue").PropType<string>;
297
+ };
265
298
  }>>, {}, {}, {}, {}, {
266
299
  disabled: boolean;
267
300
  align: "start" | "center" | "end";
@@ -286,6 +319,9 @@ declare const meta: {
286
319
  sideOffset: {
287
320
  type: import("vue").PropType<number>;
288
321
  };
322
+ triggerClass: {
323
+ type: import("vue").PropType<string>;
324
+ };
289
325
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
290
326
  disabled: boolean;
291
327
  align: "start" | "center" | "end";
@@ -477,6 +513,9 @@ declare const meta: {
477
513
  sideOffset: {
478
514
  type: import("vue").PropType<number>;
479
515
  };
516
+ triggerClass: {
517
+ type: import("vue").PropType<string>;
518
+ };
480
519
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
481
520
  disabled: {
482
521
  type: import("vue").PropType<boolean>;
@@ -493,6 +532,9 @@ declare const meta: {
493
532
  sideOffset: {
494
533
  type: import("vue").PropType<number>;
495
534
  };
535
+ triggerClass: {
536
+ type: import("vue").PropType<string>;
537
+ };
496
538
  }>>, {
497
539
  disabled: boolean;
498
540
  align: "start" | "center" | "end";
@@ -520,6 +562,9 @@ declare const meta: {
520
562
  sideOffset: {
521
563
  type: import("vue").PropType<number>;
522
564
  };
565
+ triggerClass: {
566
+ type: import("vue").PropType<string>;
567
+ };
523
568
  }>>, {}, {}, {}, {}, {
524
569
  disabled: boolean;
525
570
  align: "start" | "center" | "end";
@@ -544,6 +589,9 @@ declare const meta: {
544
589
  sideOffset: {
545
590
  type: import("vue").PropType<number>;
546
591
  };
592
+ triggerClass: {
593
+ type: import("vue").PropType<string>;
594
+ };
547
595
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
548
596
  disabled: boolean;
549
597
  align: "start" | "center" | "end";
package/dist/components/ScalarContextMenu/ScalarContextMenu.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarContextMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarContextMenu/ScalarContextMenu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCgC,CAAA;AAE1C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}
1
+ {"version":3,"file":"ScalarContextMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarContextMenu/ScalarContextMenu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCgC,CAAA;AAE1C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}
package/dist/components/ScalarContextMenu/ScalarContextMenu.vue.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
7
7
  side?: "top" | "right" | "bottom" | "left";
8
8
  sideOffset?: number;
9
9
  disabled?: boolean;
10
+ triggerClass?: string;
10
11
  }>, {
11
12
  side: string;
12
13
  align: string;
@@ -16,6 +17,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
16
17
  side?: "top" | "right" | "bottom" | "left";
17
18
  sideOffset?: number;
18
19
  disabled?: boolean;
20
+ triggerClass?: string;
19
21
  }>, {
20
22
  side: string;
21
23
  align: string;
package/dist/components/ScalarContextMenu/ScalarContextMenu.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarContextMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarContextMenu/ScalarContextMenu.vue"],"names":[],"mappings":"AA8EA,iBAAS,cAAc;qBAwFO,GAAG;qBACH,GAAG;EAmBhC;AACD,QAAA,MAAM,eAAe;YArIT,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;eACR,OAAO;;;;;;YAHV,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;eACR,OAAO;;;;;;cAAP,OAAO;WAHV,OAAO,GAAG,QAAQ,GAAG,KAAK;UAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;MA0I5C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
1
+ {"version":3,"file":"ScalarContextMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarContextMenu/ScalarContextMenu.vue"],"names":[],"mappings":"AAkFA,iBAAS,cAAc;qBA2FO,GAAG;qBACH,GAAG;EAmBhC;AACD,QAAA,MAAM,eAAe;YAzIT,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;eACR,OAAO;mBACH,MAAM;;;;;;YAJb,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;eACR,OAAO;mBACH,MAAM;;;;;;cADV,OAAO;WAHV,OAAO,GAAG,QAAQ,GAAG,KAAK;UAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;MA8I5C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
package/dist/components/ScalarContextMenu/ScalarContextMenu.vue.js CHANGED
@@ -1,36 +1,38 @@
1
- import { defineComponent as s, openBlock as f, createBlock as i, unref as e, withCtx as t, createVNode as o, renderSlot as a } from "vue";
2
- import { ContextMenuRoot as r, ContextMenuTrigger as u, ContextMenuPortal as c, ContextMenuContent as p, ContextMenuItem as m } from "radix-vue";
3
- const x = /* @__PURE__ */ s({
1
+ import { defineComponent as d, openBlock as r, createBlock as i, unref as e, withCtx as t, createVNode as n, normalizeClass as f, renderSlot as a } from "vue";
2
+ import { ContextMenuRoot as u, ContextMenuTrigger as c, ContextMenuPortal as g, ContextMenuContent as C, ContextMenuItem as p } from "radix-vue";
3
+ const M = /* @__PURE__ */ d({
4
4
  __name: "ScalarContextMenu",
5
5
  props: {
6
6
  align: { default: "center" },
7
7
  side: { default: "bottom" },
8
8
  sideOffset: {},
9
- disabled: { type: Boolean, default: !1 }
9
+ disabled: { type: Boolean, default: !1 },
10
+ triggerClass: {}
10
11
  },
11
- setup(d) {
12
- const n = d;
13
- return (l, C) => (f(), i(e(r), null, {
12
+ setup(o) {
13
+ const l = o;
14
+ return (s, m) => (r(), i(e(u), null, {
14
15
  default: t(() => [
15
- o(e(u), {
16
- disabled: n.disabled
16
+ n(e(c), {
17
+ class: f(s.triggerClass),
18
+ disabled: l.disabled
17
19
  }, {
18
20
  default: t(() => [
19
- a(l.$slots, "trigger")
21
+ a(s.$slots, "trigger")
20
22
  ]),
21
23
  _: 3
22
- }, 8, ["disabled"]),
23
- o(e(c), null, {
24
+ }, 8, ["class", "disabled"]),
25
+ n(e(g), null, {
24
26
  default: t(() => [
25
- o(e(p), {
26
- align: n.align,
27
- side: n.side,
28
- sideOffset: n.sideOffset
27
+ n(e(C), {
28
+ align: l.align,
29
+ side: l.side,
30
+ sideOffset: l.sideOffset
29
31
  }, {
30
32
  default: t(() => [
31
- o(e(m), null, {
33
+ n(e(p), null, {
32
34
  default: t(() => [
33
- a(l.$slots, "content")
35
+ a(s.$slots, "content")
34
36
  ]),
35
37
  _: 3
36
38
  })
@@ -46,5 +48,5 @@ const x = /* @__PURE__ */ s({
46
48
  }
47
49
  });
48
50
  export {
49
- x as default
51
+ M as default
50
52
  };
package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/vue3';
2
2
  declare const meta: {
3
3
  component: import("vue").DefineComponent<{
4
4
  icon: {
5
- type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
5
+ type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
6
6
  required: true;
7
7
  };
8
8
  size: {
@@ -13,7 +13,7 @@ declare const meta: {
13
13
  };
14
14
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
15
  icon: {
16
- type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
16
+ type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
17
17
  required: true;
18
18
  };
19
19
  size: {
@@ -27,7 +27,7 @@ declare const meta: {
27
27
  argTypes: {
28
28
  icon: {
29
29
  control: "select";
30
- options: readonly ["Add", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DiscordLine", "DocsPage", "Download", "Duplicate", "Edit", "Ellipses", "Email", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "GitHubLine", "Google", "Help", "Hide", "History", "House", "Import", "Info", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Pencil", "Play", "Refresh", "Roadmap", "Search", "Server", "Show", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "UploadSimple", "User", "Workspace", "programming-framework-angular", "programming-framework-astro", "programming-framework-laravel", "programming-framework-nextdotjs", "programming-framework-react", "programming-framework-vuedotjs", "programming-language-c", "programming-language-clojure", "programming-language-csharp", "programming-language-css3", "programming-language-go", "programming-language-html5", "programming-language-http", "programming-language-java", "programming-language-javascript", "programming-language-json", "programming-language-kotlin", "programming-language-node", "programming-language-objc", "programming-language-ocaml", "programming-language-php", "programming-language-powershell", "programming-language-python", "programming-language-r", "programming-language-ruby", "programming-language-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
30
+ options: readonly ["Add", "AddTab", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CloseTab", "CloseTabs", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DiscordLine", "DocsPage", "Download", "Duplicate", "Edit", "Ellipses", "Email", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "GitHubLine", "Google", "Help", "Hide", "History", "House", "Import", "Info", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Pencil", "Play", "Refresh", "Roadmap", "Search", "Server", "Show", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "UploadSimple", "User", "Workspace", "programming-framework-angular", "programming-framework-astro", "programming-framework-laravel", "programming-framework-nextdotjs", "programming-framework-react", "programming-framework-vuedotjs", "programming-language-c", "programming-language-clojure", "programming-language-csharp", "programming-language-css3", "programming-language-go", "programming-language-html5", "programming-language-http", "programming-language-java", "programming-language-javascript", "programming-language-json", "programming-language-kotlin", "programming-language-node", "programming-language-objc", "programming-language-ocaml", "programming-language-php", "programming-language-powershell", "programming-language-python", "programming-language-r", "programming-language-ruby", "programming-language-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
31
31
  };
32
32
  size: {
33
33
  control: "select";
@@ -57,7 +57,7 @@ declare const meta: {
57
57
  };
58
58
  render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
59
59
  icon: {
60
- type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
60
+ type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
61
61
  required: true;
62
62
  };
63
63
  size: {
@@ -68,7 +68,7 @@ declare const meta: {
68
68
  };
69
69
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
70
70
  icon: {
71
- type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
71
+ type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
72
72
  required: true;
73
73
  };
74
74
  size: {
@@ -81,7 +81,7 @@ declare const meta: {
81
81
  components: {
82
82
  ScalarIcon: import("vue").DefineComponent<{
83
83
  icon: {
84
- type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
84
+ type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
85
85
  required: true;
86
86
  };
87
87
  size: {
@@ -92,7 +92,7 @@ declare const meta: {
92
92
  };
93
93
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
94
94
  icon: {
95
- type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
95
+ type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
96
96
  required: true;
97
97
  };
98
98
  size: {
@@ -106,7 +106,7 @@ declare const meta: {
106
106
  setup(this: void): {
107
107
  args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
108
108
  icon: {
109
- type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
109
+ type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
110
110
  required: true;
111
111
  };
112
112
  size: {
@@ -117,7 +117,7 @@ declare const meta: {
117
117
  };
118
118
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
119
119
  icon: {
120
- type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
120
+ type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
121
121
  required: true;
122
122
  };
123
123
  size: {
package/dist/components/ScalarIcon/icons/AddTab.svg.js ADDED
@@ -0,0 +1,21 @@
1
+ import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
2
+ const n = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ fill: "none",
5
+ viewBox: "0 0 24 24"
6
+ }, r = /* @__PURE__ */ t("path", {
7
+ stroke: "currentColor",
8
+ "stroke-linecap": "round",
9
+ "stroke-linejoin": "round",
10
+ d: "M8.143 12h7.714M12 8.143v7.714M5.571 3H18.43A2.57 2.57 0 0 1 21 5.571V18.43A2.57 2.57 0 0 1 18.429 21H5.57A2.57 2.57 0 0 1 3 18.429V5.57A2.57 2.57 0 0 1 5.571 3"
11
+ }, null, -1), c = [
12
+ r
13
+ ];
14
+ function s(l, d) {
15
+ return e(), o("svg", n, [...c]);
16
+ }
17
+ const a = { render: s };
18
+ export {
19
+ a as default,
20
+ s as render
21
+ };
package/dist/components/ScalarIcon/icons/CloseTab.svg.js ADDED
@@ -0,0 +1,21 @@
1
+ import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
2
+ const n = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ fill: "none",
5
+ viewBox: "0 0 24 24"
6
+ }, r = /* @__PURE__ */ t("path", {
7
+ stroke: "currentColor",
8
+ "stroke-linecap": "round",
9
+ "stroke-linejoin": "round",
10
+ d: "m9.273 9.273 5.454 5.454m0-5.454-5.454 5.454M5.57 3h12.86A2.57 2.57 0 0 1 21 5.571V18.43A2.57 2.57 0 0 1 18.429 21H5.57A2.57 2.57 0 0 1 3 18.429V5.57A2.57 2.57 0 0 1 5.571 3Z"
11
+ }, null, -1), s = [
12
+ r
13
+ ];
14
+ function c(l, d) {
15
+ return e(), o("svg", n, [...s]);
16
+ }
17
+ const a = { render: c };
18
+ export {
19
+ a as default,
20
+ c as render
21
+ };
package/dist/components/ScalarIcon/icons/CloseTabs.svg.js ADDED
@@ -0,0 +1,21 @@
1
+ import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
2
+ const n = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ fill: "none",
5
+ viewBox: "0 0 24 24"
6
+ }, r = /* @__PURE__ */ t("path", {
7
+ stroke: "currentColor",
8
+ "stroke-linecap": "round",
9
+ "stroke-linejoin": "round",
10
+ d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2m-3.121 8.879 4.242 4.242m0-4.242L12.88 17.12M10 8h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2"
11
+ }, null, -1), c = [
12
+ r
13
+ ];
14
+ function s(l, a) {
15
+ return e(), o("svg", n, [...c]);
16
+ }
17
+ const i = { render: s };
18
+ export {
19
+ i as default,
20
+ s as render
21
+ };
package/dist/components/ScalarIcon/icons/icons.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const ICONS: readonly ["Add", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DiscordLine", "DocsPage", "Download", "Duplicate", "Edit", "Ellipses", "Email", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "GitHubLine", "Google", "Help", "Hide", "History", "House", "Import", "Info", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Pencil", "Play", "Refresh", "Roadmap", "Search", "Server", "Show", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "UploadSimple", "User", "Workspace", "programming-framework-angular", "programming-framework-astro", "programming-framework-laravel", "programming-framework-nextdotjs", "programming-framework-react", "programming-framework-vuedotjs", "programming-language-c", "programming-language-clojure", "programming-language-csharp", "programming-language-css3", "programming-language-go", "programming-language-html5", "programming-language-http", "programming-language-java", "programming-language-javascript", "programming-language-json", "programming-language-kotlin", "programming-language-node", "programming-language-objc", "programming-language-ocaml", "programming-language-php", "programming-language-powershell", "programming-language-python", "programming-language-r", "programming-language-ruby", "programming-language-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
1
+ export declare const ICONS: readonly ["Add", "AddTab", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CloseTab", "CloseTabs", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DiscordLine", "DocsPage", "Download", "Duplicate", "Edit", "Ellipses", "Email", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "GitHubLine", "Google", "Help", "Hide", "History", "House", "Import", "Info", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Pencil", "Play", "Refresh", "Roadmap", "Search", "Server", "Show", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "UploadSimple", "User", "Workspace", "programming-framework-angular", "programming-framework-astro", "programming-framework-laravel", "programming-framework-nextdotjs", "programming-framework-react", "programming-framework-vuedotjs", "programming-language-c", "programming-language-clojure", "programming-language-csharp", "programming-language-css3", "programming-language-go", "programming-language-html5", "programming-language-http", "programming-language-java", "programming-language-javascript", "programming-language-json", "programming-language-kotlin", "programming-language-node", "programming-language-objc", "programming-language-ocaml", "programming-language-php", "programming-language-powershell", "programming-language-python", "programming-language-r", "programming-language-ruby", "programming-language-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
2
2
  //# sourceMappingURL=icons.d.ts.map
package/dist/components/ScalarIcon/icons/icons.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarIcon/icons/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,6yDA4GR,CAAA"}
1
+ {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarIcon/icons/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,g1DA+GR,CAAA"}