@scalar/components 0.12.34 → 0.12.36

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 (32) hide show
  1. package/dist/components/ScalarButton/ScalarButton.vue.js +1 -1
  2. package/dist/components/ScalarContextMenu/ScalarContextMenu.stories.d.ts +48 -0
  3. package/dist/components/ScalarContextMenu/ScalarContextMenu.stories.d.ts.map +1 -1
  4. package/dist/components/ScalarContextMenu/ScalarContextMenu.vue.d.ts +2 -0
  5. package/dist/components/ScalarContextMenu/ScalarContextMenu.vue.d.ts.map +1 -1
  6. package/dist/components/ScalarContextMenu/ScalarContextMenu.vue.js +21 -19
  7. package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts +17 -17
  8. package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts +1 -1
  9. package/dist/components/ScalarIcon/icons/AddTab.svg.js +21 -0
  10. package/dist/components/ScalarIcon/icons/CloseTab.svg.js +21 -0
  11. package/dist/components/ScalarIcon/icons/CloseTabs.svg.js +21 -0
  12. package/dist/components/ScalarIcon/icons/icons.d.ts +1 -1
  13. package/dist/components/ScalarIcon/icons/icons.d.ts.map +1 -1
  14. package/dist/components/ScalarIcon/icons/index.js +218 -212
  15. package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts +6 -6
  16. package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts +2 -2
  17. package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts +12 -25
  18. package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts.map +1 -1
  19. package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts +5 -19
  20. package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts.map +1 -1
  21. package/dist/components/ScalarLoading/ScalarLoading.vue.js +3 -3
  22. package/dist/components/ScalarLoading/ScalarLoading.vue2.js +41 -26
  23. package/dist/components/ScalarModal/ScalarModal.stories.d.ts +7 -7
  24. package/dist/components/ScalarModal/ScalarModal.vue.d.ts +3 -3
  25. package/dist/components/ScalarModal/ScalarModal.vue.d.ts.map +1 -1
  26. package/dist/components/ScalarModal/ScalarModal.vue.js +4 -4
  27. package/dist/components/ScalarModal/ScalarModal.vue2.js +8 -7
  28. package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js +6 -6
  29. package/dist/components/ScalarSearchResults/ScalarSearchResults.stories.d.ts +4 -4
  30. package/dist/components/ScalarTooltip/ScalarTooltip.stories.d.ts +48 -48
  31. package/dist/style.css +1 -1
  32. package/package.json +3 -3
package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarLoading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAiB,CAAA"}
1
+ {"version":3,"file":"ScalarLoading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAiB,CAAA"}
package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts CHANGED
@@ -14,28 +14,14 @@ export declare function useLoadingState(): {
14
14
  invalidate: (time?: number, clear?: boolean) => Promise<unknown>;
15
15
  clear: (time?: number) => Promise<unknown>;
16
16
  };
17
- declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
17
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
18
18
  loadingState: LoadingState;
19
- size?: string;
20
- }>, {
21
- size: string;
22
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
19
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
20
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
23
21
  loadingState: LoadingState;
24
- size?: string;
25
- }>, {
26
- size: string;
27
- }>>>, {
28
- size: string;
29
- }, {}>;
22
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
23
+ }>>>, {}, {}>;
30
24
  export default _default;
31
- type __VLS_WithDefaults<P, D> = {
32
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
33
- default: D[K];
34
- }> : P[K];
35
- };
36
- type __VLS_Prettify<T> = {
37
- [K in keyof T]: T[K];
38
- } & {};
39
25
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
40
26
  type __VLS_TypePropsToOption<T> = {
41
27
  [K in keyof T]-?: {} extends Pick<T, K> ? {
package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.vue"],"names":[],"mappings":"AA8NA,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;AAE7D;;;;GAIG;AACH,wBAAgB,eAAe;;;;;;sCAWE,OAAO;wCAWJ,OAAO;;EAuB1C;;kBAIiB,YAAY;WACnB,MAAM;;;;kBADC,YAAY;WACnB,MAAM;;;;UAAN,MAAM;;AAJjB,wBAoHK;AAML,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,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":"ScalarLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.vue"],"names":[],"mappings":"AA2OA,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;AAE7D;;;;GAIG;AACH,wBAAgB,eAAe;;;;;;sCAWE,OAAO;wCAWJ,OAAO;;EAuB1C;;kBAMe,YAAY;;;kBAAZ,YAAY;;;AAL5B,wBA+HK;AAML,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/ScalarLoading/ScalarLoading.vue.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import o from "./ScalarLoading.vue2.js";
2
- import { useLoadingState as f } from "./ScalarLoading.vue2.js";
2
+ import { useLoadingState as i } from "./ScalarLoading.vue2.js";
3
3
  /* empty css */
4
4
  import a from "../../_virtual/_plugin-vue_export-helper.js";
5
- const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-ece8e3a4"]]);
5
+ const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-5a129980"]]);
6
6
  export {
7
7
  m as default,
8
- f as useLoadingState
8
+ i as useLoadingState
9
9
  };
package/dist/components/ScalarLoading/ScalarLoading.vue2.js CHANGED
@@ -1,11 +1,11 @@
1
- import { defineComponent as d, useCssVars as r, openBlock as i, createElementBlock as l, normalizeClass as o, unref as c, createElementVNode as h, createCommentVNode as n, createStaticVNode as p, reactive as g } from "vue";
2
- import { cx as v } from "../../cva.js";
3
- const m = /* @__PURE__ */ p('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-ece8e3a4></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-ece8e3a4></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-ece8e3a4></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-ece8e3a4></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-ece8e3a4></path>', 5), u = {
1
+ import { defineComponent as d, openBlock as i, createElementBlock as l, normalizeClass as n, unref as o, createElementVNode as h, createCommentVNode as r, createStaticVNode as c, reactive as v } from "vue";
2
+ import { cva as g, cx as m } from "../../cva.js";
3
+ const p = /* @__PURE__ */ c('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-5a129980></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-5a129980></path>', 5), u = {
4
4
  key: 0,
5
5
  class: "circular-loader"
6
6
  };
7
- function k() {
8
- return g({
7
+ function z() {
8
+ return v({
9
9
  isValid: !1,
10
10
  isInvalid: !1,
11
11
  isLoading: !1,
@@ -15,44 +15,59 @@ function k() {
15
15
  stopLoading() {
16
16
  this.isLoading = !1;
17
17
  },
18
- validate(e = 800, a) {
18
+ validate(e = 800, s) {
19
19
  this.isInvalid = !1, this.isValid = !0;
20
- const t = a ? e - 300 : e;
20
+ const a = s ? e - 300 : e;
21
21
  return new Promise(
22
- (s) => setTimeout(a ? () => this.clear().then(() => s(!0)) : () => s(!0), t)
22
+ (t) => setTimeout(s ? () => this.clear().then(() => t(!0)) : () => t(!0), a)
23
23
  );
24
24
  },
25
- invalidate(e = 1100, a) {
25
+ invalidate(e = 1100, s) {
26
26
  this.isValid = !1, this.isInvalid = !0;
27
- const t = a ? e - 300 : e;
27
+ const a = s ? e - 300 : e;
28
28
  return new Promise(
29
- (s) => setTimeout(a ? () => this.clear().then(() => s(!0)) : () => s(!0), t)
29
+ (t) => setTimeout(s ? () => this.clear().then(() => t(!0)) : () => t(!0), a)
30
30
  );
31
31
  },
32
32
  clear(e = 300) {
33
- return this.isValid = !1, this.isInvalid = !1, this.isLoading = !1, new Promise((a) => {
33
+ return this.isValid = !1, this.isInvalid = !1, this.isLoading = !1, new Promise((s) => {
34
34
  setTimeout(() => {
35
- a(!0);
35
+ s(!0);
36
36
  }, e);
37
37
  });
38
38
  }
39
39
  });
40
40
  }
41
- const S = /* @__PURE__ */ d({
41
+ const k = /* @__PURE__ */ d({
42
42
  __name: "ScalarLoading",
43
43
  props: {
44
44
  loadingState: {},
45
- size: { default: "24px" }
45
+ size: {}
46
46
  },
47
47
  setup(e) {
48
- return r((a) => ({
49
- "64dccfe9": a.size
50
- })), (a, t) => a.loadingState ? (i(), l("div", {
48
+ const s = g({
49
+ variants: {
50
+ size: {
51
+ xs: "size-3",
52
+ sm: "size-3.5",
53
+ md: "size-4",
54
+ lg: "size-5",
55
+ xl: "size-6",
56
+ "2xl": "size-8",
57
+ "3xl": "size-10",
58
+ full: "size-full"
59
+ }
60
+ },
61
+ defaultVariants: {
62
+ size: "full"
63
+ }
64
+ });
65
+ return (a, t) => a.loadingState ? (i(), l("div", {
51
66
  key: 0,
52
- class: o(c(v)("loader-wrapper"))
67
+ class: n(o(m)("loader-wrapper", o(s)({ size: a.size })))
53
68
  }, [
54
69
  (i(), l("svg", {
55
- class: o(["svg-loader", {
70
+ class: n(["svg-loader", {
56
71
  "icon-is-valid": a.loadingState.isValid,
57
72
  "icon-is-invalid": a.loadingState.isInvalid
58
73
  }]),
@@ -60,10 +75,10 @@ const S = /* @__PURE__ */ d({
60
75
  xmlns: "http://www.w3.org/2000/svg",
61
76
  "xmlns:xlink": "http://www.w3.org/1999/xlink"
62
77
  }, [
63
- m,
78
+ p,
64
79
  a.loadingState.isLoading ? (i(), l("g", u, [
65
80
  h("circle", {
66
- class: o(["loader-path", {
81
+ class: n(["loader-path", {
67
82
  "loader-path-off": a.loadingState.isValid || a.loadingState.isInvalid
68
83
  }]),
69
84
  cx: "50",
@@ -72,12 +87,12 @@ const S = /* @__PURE__ */ d({
72
87
  r: "20",
73
88
  "stroke-width": "2"
74
89
  }, null, 2)
75
- ])) : n("", !0)
90
+ ])) : r("", !0)
76
91
  ], 2))
77
- ], 2)) : n("", !0);
92
+ ], 2)) : r("", !0);
78
93
  }
79
94
  });
80
95
  export {
81
- S as default,
82
- k as useLoadingState
96
+ k as default,
97
+ z as useLoadingState
83
98
  };
package/dist/components/ScalarModal/ScalarModal.stories.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const meta: {
6
6
  component: {
7
7
  new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
8
8
  size: {
9
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "full">;
9
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "full" | "xxs">;
10
10
  default: string;
11
11
  };
12
12
  title: {
@@ -31,7 +31,7 @@ declare const meta: {
31
31
  };
32
32
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
33
33
  size: {
34
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "full">;
34
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "full" | "xxs">;
35
35
  default: string;
36
36
  };
37
37
  title: {
@@ -55,7 +55,7 @@ declare const meta: {
55
55
  type: import("vue").PropType<string>;
56
56
  };
57
57
  }>>, {
58
- size: "sm" | "md" | "xs" | "lg" | "full";
58
+ size: "xs" | "sm" | "md" | "lg" | "full" | "xxs";
59
59
  }, true, {}, {}, {
60
60
  P: {};
61
61
  B: {};
@@ -65,7 +65,7 @@ declare const meta: {
65
65
  Defaults: {};
66
66
  }, Readonly<import("vue").ExtractPropTypes<{
67
67
  size: {
68
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "full">;
68
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "full" | "xxs">;
69
69
  default: string;
70
70
  };
71
71
  title: {
@@ -89,14 +89,14 @@ declare const meta: {
89
89
  type: import("vue").PropType<string>;
90
90
  };
91
91
  }>>, {}, {}, {}, {}, {
92
- size: "sm" | "md" | "xs" | "lg" | "full";
92
+ size: "xs" | "sm" | "md" | "lg" | "full" | "xxs";
93
93
  }>;
94
94
  __isFragment?: never;
95
95
  __isTeleport?: never;
96
96
  __isSuspense?: never;
97
97
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
98
98
  size: {
99
- type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "full">;
99
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "full" | "xxs">;
100
100
  default: string;
101
101
  };
102
102
  title: {
@@ -120,7 +120,7 @@ declare const meta: {
120
120
  type: import("vue").PropType<string>;
121
121
  };
122
122
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
123
- size: "sm" | "md" | "xs" | "lg" | "full";
123
+ size: "xs" | "sm" | "md" | "lg" | "full" | "xxs";
124
124
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
125
125
  $slots: {
126
126
  default?(_: {}): any;
package/dist/components/ScalarModal/ScalarModal.vue.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  title?: string;
9
9
  bodyClass?: string;
10
10
  maxWidth?: string;
11
- size?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
11
+ size?: "xs" | "sm" | "md" | "lg" | "full" | "xxs" | undefined;
12
12
  variant?: "search" | "history" | undefined;
13
13
  }>, {
14
14
  size: string;
@@ -17,12 +17,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
17
17
  title?: string;
18
18
  bodyClass?: string;
19
19
  maxWidth?: string;
20
- size?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
20
+ size?: "xs" | "sm" | "md" | "lg" | "full" | "xxs" | undefined;
21
21
  variant?: "search" | "history" | undefined;
22
22
  }>, {
23
23
  size: string;
24
24
  }>>>, {
25
- size: "sm" | "md" | "xs" | "lg" | "full";
25
+ size: "xs" | "sm" | "md" | "lg" | "full" | "xxs";
26
26
  }, {}>, {
27
27
  default?(_: {}): any;
28
28
  default?(_: {}): any;
package/dist/components/ScalarModal/ScalarModal.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"names":[],"mappings":"AA8KA,eAAO,MAAM,QAAQ;;;;CASjB,CAAA;;WAMO,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;WAHV,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;;;qBAoMS,GAAG;qBACH,GAAG;;AA7MjC,wBA2OK;AAML,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":"ScalarModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"names":[],"mappings":"AA8KA,eAAO,MAAM,QAAQ;;;;CASjB,CAAA;;WAMO,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;WAHV,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;;;qBAsMS,GAAG;qBACH,GAAG;;AA/MjC,wBA6OK;AAML,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/ScalarModal/ScalarModal.vue.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import o from "./ScalarModal.vue2.js";
2
- import { useModal as s } from "./ScalarModal.vue2.js";
2
+ import { useModal as f } from "./ScalarModal.vue2.js";
3
3
  /* empty css */
4
- import a from "../../_virtual/_plugin-vue_export-helper.js";
5
- const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-af535929"]]);
4
+ import r from "../../_virtual/_plugin-vue_export-helper.js";
5
+ const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-49451cc0"]]);
6
6
  export {
7
7
  m as default,
8
- s as useModal
8
+ f as useModal
9
9
  };
package/dist/components/ScalarModal/ScalarModal.vue2.js CHANGED
@@ -1,7 +1,7 @@
1
- import { defineComponent as p, openBlock as l, createBlock as o, unref as a, withCtx as s, createElementVNode as f, normalizeClass as t, createVNode as u, normalizeStyle as v, createTextVNode as h, toDisplayString as y, createCommentVNode as b, createElementBlock as g, renderSlot as i, reactive as w } from "vue";
2
- import { Dialog as x, DialogPanel as z, DialogTitle as C, DialogDescription as k } from "@headlessui/vue";
1
+ import { defineComponent as p, openBlock as l, createBlock as o, unref as a, withCtx as s, createElementVNode as f, normalizeClass as t, createVNode as u, normalizeStyle as v, createTextVNode as h, toDisplayString as y, createCommentVNode as b, createElementBlock as x, renderSlot as i, reactive as g } from "vue";
2
+ import { Dialog as w, DialogPanel as z, DialogTitle as C, DialogDescription as k } from "@headlessui/vue";
3
3
  import { cva as d, cx as n } from "../../cva.js";
4
- const B = () => w({
4
+ const B = () => g({
5
5
  open: !1,
6
6
  show() {
7
7
  this.open = !0;
@@ -27,6 +27,7 @@ const B = () => w({
27
27
  ].join(" "),
28
28
  variants: {
29
29
  size: {
30
+ xxs: "max-w-screen-xxs",
30
31
  xs: "max-w-screen-xs",
31
32
  sm: "max-w-screen-sm",
32
33
  md: "max-w-screen-md",
@@ -41,7 +42,7 @@ const B = () => w({
41
42
  }), c = d({
42
43
  base: [
43
44
  "scalar-modal-body",
44
- "relative m-1 mt-0 max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-b-1 p-3"
45
+ "relative m-1 max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-b-1 p-3"
45
46
  ].join(" "),
46
47
  variants: {
47
48
  variant: {
@@ -50,7 +51,7 @@ const B = () => w({
50
51
  }
51
52
  }
52
53
  });
53
- return (e, r) => (l(), o(a(x), {
54
+ return (e, r) => (l(), o(a(w), {
54
55
  open: e.state.open,
55
56
  onClose: r[0] || (r[0] = (N) => e.state.hide())
56
57
  }, {
@@ -72,14 +73,14 @@ const B = () => w({
72
73
  default: s(() => [
73
74
  e.title ? (l(), o(a(C), {
74
75
  key: 0,
75
- class: t(["scalar-modal-header m-0 rounded-lg p-3 text-left text-sm font-medium text-c-1", { "pb-0 pt-6": e.variant === "history" }])
76
+ class: t(["scalar-modal-header m-0 -mb-1 rounded-lg p-3 text-left text-sm font-medium text-c-1", { "pb-0 pt-6": e.variant === "history" }])
76
77
  }, {
77
78
  default: s(() => [
78
79
  h(y(e.title), 1)
79
80
  ]),
80
81
  _: 1
81
82
  }, 8, ["class"])) : b("", !0),
82
- e.size === "full" ? (l(), g("div", {
83
+ e.size === "full" ? (l(), x("div", {
83
84
  key: 1,
84
85
  class: t(e.bodyClass)
85
86
  }, [
package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js CHANGED
@@ -1,8 +1,8 @@
1
- import { defineComponent as d, computed as i, useAttrs as m, openBlock as o, createElementBlock as p, mergeProps as f, unref as a, createElementVNode as r, renderSlot as g, createTextVNode as h, createBlock as s, createCommentVNode as b } from "vue";
1
+ import { defineComponent as d, computed as m, useAttrs as i, openBlock as o, createElementBlock as p, mergeProps as f, unref as a, createElementVNode as r, renderSlot as g, createTextVNode as h, createBlock as s, createCommentVNode as b } from "vue";
2
2
  import { cx as V } from "../../cva.js";
3
3
  import k from "../ScalarLoading/ScalarLoading.vue.js";
4
4
  import S from "../ScalarIconButton/ScalarIconButton.vue.js";
5
- const v = { class: "sr-only" }, N = ["value"], I = /* @__PURE__ */ d({
5
+ const v = { class: "sr-only" }, N = ["value"], $ = /* @__PURE__ */ d({
6
6
  inheritAttrs: !1,
7
7
  __name: "ScalarSearchInput",
8
8
  props: {
@@ -15,8 +15,8 @@ const v = { class: "sr-only" }, N = ["value"], I = /* @__PURE__ */ d({
15
15
  function u(e) {
16
16
  l("update:modelValue", e.target.value);
17
17
  }
18
- const n = i(() => {
19
- const { class: e, ...t } = m();
18
+ const n = m(() => {
19
+ const { class: e, ...t } = i();
20
20
  return { className: e || "", rest: t };
21
21
  });
22
22
  return (e, t) => (o(), p("label", f(n.value.rest, {
@@ -45,7 +45,7 @@ const v = { class: "sr-only" }, N = ["value"], I = /* @__PURE__ */ d({
45
45
  key: 0,
46
46
  class: "mr-3 self-center",
47
47
  loadingState: e.loading,
48
- size: "20px"
48
+ size: "md"
49
49
  }, null, 8, ["loadingState"])) : e.modelValue ? (o(), s(a(S), {
50
50
  key: 1,
51
51
  class: "p-2.5",
@@ -58,5 +58,5 @@ const v = { class: "sr-only" }, N = ["value"], I = /* @__PURE__ */ d({
58
58
  }
59
59
  });
60
60
  export {
61
- I as default
61
+ $ as default
62
62
  };
package/dist/components/ScalarSearchResults/ScalarSearchResults.stories.d.ts CHANGED
@@ -108,14 +108,14 @@ declare const meta: {
108
108
  ScalarSearchResultItem: {
109
109
  new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
110
110
  icon: {
111
- 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">;
111
+ 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">;
112
112
  };
113
113
  active: {
114
114
  type: import("vue").PropType<boolean>;
115
115
  };
116
116
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
117
117
  icon: {
118
- 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">;
118
+ 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">;
119
119
  };
120
120
  active: {
121
121
  type: import("vue").PropType<boolean>;
@@ -129,7 +129,7 @@ declare const meta: {
129
129
  Defaults: {};
130
130
  }, Readonly<import("vue").ExtractPropTypes<{
131
131
  icon: {
132
- 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">;
132
+ 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">;
133
133
  };
134
134
  active: {
135
135
  type: import("vue").PropType<boolean>;
@@ -140,7 +140,7 @@ declare const meta: {
140
140
  __isSuspense?: never;
141
141
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
142
142
  icon: {
143
- 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">;
143
+ 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">;
144
144
  };
145
145
  active: {
146
146
  type: import("vue").PropType<boolean>;