@scalar/components 0.12.13 → 0.12.15

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 (61) hide show
  1. package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.js +11 -11
  2. package/dist/components/ScalarIcon/IconList.vue.d.ts +14 -1
  3. package/dist/components/ScalarIcon/IconList.vue.d.ts.map +1 -1
  4. package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts +47 -9
  5. package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts.map +1 -1
  6. package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts +2 -0
  7. package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts.map +1 -1
  8. package/dist/components/ScalarIcon/ScalarIcon.vue.js +5 -33
  9. package/dist/components/ScalarIcon/ScalarIcon.vue2.js +37 -2
  10. package/dist/components/ScalarIcon/icons/Add.svg.js +3 -3
  11. package/dist/components/ScalarIcon/icons/ArrowLeft.svg.js +14 -13
  12. package/dist/components/ScalarIcon/icons/ArrowRight.svg.js +11 -10
  13. package/dist/components/ScalarIcon/icons/Branch.svg.js +11 -11
  14. package/dist/components/ScalarIcon/icons/Checkmark.svg.js +3 -3
  15. package/dist/components/ScalarIcon/icons/ChevronDown.svg.js +5 -5
  16. package/dist/components/ScalarIcon/icons/ChevronLeft.svg.js +2 -2
  17. package/dist/components/ScalarIcon/icons/ChevronRight.svg.js +2 -2
  18. package/dist/components/ScalarIcon/icons/ChevronUp.svg.js +5 -5
  19. package/dist/components/ScalarIcon/icons/CodeFolder.svg.js +14 -13
  20. package/dist/components/ScalarIcon/icons/Collection.svg.js +11 -21
  21. package/dist/components/ScalarIcon/icons/DocsPage.svg.js +12 -11
  22. package/dist/components/ScalarIcon/icons/Example.svg.js +2 -4
  23. package/dist/components/ScalarIcon/icons/FilterList.svg.js +3 -3
  24. package/dist/components/ScalarIcon/icons/Folder.svg.js +0 -2
  25. package/dist/components/ScalarIcon/icons/Google.svg.js +16 -0
  26. package/dist/components/ScalarIcon/icons/Hide.svg.js +3 -10
  27. package/dist/components/ScalarIcon/icons/History.svg.js +14 -21
  28. package/dist/components/ScalarIcon/icons/House.svg.js +19 -0
  29. package/dist/components/ScalarIcon/icons/Import.svg.js +14 -11
  30. package/dist/components/ScalarIcon/icons/Key.svg.js +13 -14
  31. package/dist/components/ScalarIcon/icons/Link.svg.js +13 -15
  32. package/dist/components/ScalarIcon/icons/Menu.svg.js +3 -3
  33. package/dist/components/ScalarIcon/icons/Page.svg.js +13 -10
  34. package/dist/components/ScalarIcon/icons/{AddLine.svg.js → Pencil.svg.js} +6 -8
  35. package/dist/components/ScalarIcon/icons/Play.svg.js +6 -9
  36. package/dist/components/ScalarIcon/icons/Search.svg.js +16 -14
  37. package/dist/components/ScalarIcon/icons/Show.svg.js +15 -14
  38. package/dist/components/ScalarIcon/icons/Sort.svg.js +16 -11
  39. package/dist/components/ScalarIcon/icons/Terminal.svg.js +11 -10
  40. package/dist/components/ScalarIcon/icons/icons.d.ts +1 -1
  41. package/dist/components/ScalarIcon/icons/icons.d.ts.map +1 -1
  42. package/dist/components/ScalarIcon/icons/index.js +1 -1
  43. package/dist/components/ScalarIcon/icons/programming-script-code.svg.js +3 -3
  44. package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts +9 -3
  45. package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts.map +1 -1
  46. package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts +2 -0
  47. package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts.map +1 -1
  48. package/dist/components/ScalarIconButton/ScalarIconButton.vue.js +22 -18
  49. package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts.map +1 -1
  50. package/dist/components/ScalarListbox/ScalarListbox.vue.js +12 -11
  51. package/dist/components/ScalarModal/ScalarModal.vue.d.ts.map +1 -1
  52. package/dist/components/ScalarModal/ScalarModal.vue.js +4 -4
  53. package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.d.ts.map +1 -1
  54. package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js +13 -12
  55. package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.js +4 -4
  56. package/dist/components/ScalarSearchResults/ScalarSearchResults.stories.d.ts +4 -4
  57. package/dist/style.css +1 -1
  58. package/package.json +4 -4
  59. package/dist/components/ScalarIcon/icons/JsonObject.svg.js +0 -21
  60. package/dist/components/ScalarIcon/icons/Response.svg.js +0 -20
  61. package/dist/components/ScalarIcon/icons/SearchNew.svg.js +0 -23
@@ -1,8 +1,8 @@
1
- import { defineComponent as u, computed as o, openBlock as l, createElementBlock as r, unref as t, createVNode as f, createCommentVNode as C, createElementVNode as a } from "vue";
2
- import { syntaxHighlight as _, standardLanguages as b } from "@scalar/code-highlight";
1
+ import { defineComponent as u, computed as o, openBlock as l, createElementBlock as r, unref as t, createVNode as C, createCommentVNode as f, createElementVNode as a } from "vue";
2
+ import { syntaxHighlight as b, standardLanguages as g } from "@scalar/code-highlight";
3
3
  import { prettyPrintJson as s } from "../../helpers/oas-utils.js";
4
- import { useClipboard as g } from "./useClipboard.js";
5
- import h from "../ScalarIcon/ScalarIcon.vue.js";
4
+ import { useClipboard as h } from "./useClipboard.js";
5
+ import _ from "../ScalarIcon/ScalarIcon.vue.js";
6
6
  const y = { class: "scalar-code-block" }, k = /* @__PURE__ */ a("span", { class: "sr-only" }, "Copy content", -1), N = ["innerHTML"], T = /* @__PURE__ */ u({
7
7
  __name: "ScalarCodeBlock",
8
8
  props: {
@@ -12,25 +12,25 @@ const y = { class: "scalar-code-block" }, k = /* @__PURE__ */ a("span", { class:
12
12
  hideCredentials: {}
13
13
  },
14
14
  setup(c) {
15
- const e = c, i = o(() => _(s(e.content), {
15
+ const e = c, i = o(() => b(s(e.content), {
16
16
  lang: e.lang.trim(),
17
- languages: b,
17
+ languages: g,
18
18
  lineNumbers: e.lineNumbers,
19
19
  maskCredentials: e.hideCredentials
20
- }).slice(5, -6)), { copyToClipboard: d } = g(), m = o(() => e.content !== null && e.content !== "null");
21
- return (p, n) => (l(), r("div", y, [
22
- m.value ? (l(), r("button", {
20
+ }).slice(5, -6)), { copyToClipboard: d } = h(), p = o(() => e.content !== null && e.content !== "null");
21
+ return (m, n) => (l(), r("div", y, [
22
+ p.value ? (l(), r("button", {
23
23
  key: 0,
24
24
  class: "copy-button",
25
25
  type: "button",
26
26
  onClick: n[0] || (n[0] = (v) => t(d)(t(s)(e.content)))
27
27
  }, [
28
28
  k,
29
- f(t(h), {
29
+ C(t(_), {
30
30
  icon: "Clipboard",
31
31
  size: "md"
32
32
  })
33
- ])) : C("", !0),
33
+ ])) : f("", !0),
34
34
  a("pre", {
35
35
  class: "scalar-codeblock-pre",
36
36
  innerHTML: i.value
@@ -1,3 +1,16 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
1
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
2
+ thickness?: string;
3
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
4
+ thickness?: string;
5
+ }>>>, {}, {}>;
2
6
  export default _default;
7
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
8
+ type __VLS_TypePropsToOption<T> = {
9
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
10
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
11
+ } : {
12
+ type: import('vue').PropType<T[K]>;
13
+ required: true;
14
+ };
15
+ };
3
16
  //# sourceMappingURL=IconList.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/IconList.vue"],"names":[],"mappings":";AAuKA,wBAKG"}
1
+ {"version":3,"file":"IconList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/IconList.vue"],"names":[],"mappings":";gBAsDc,MAAM;;gBAAN,MAAM;;AAiIpB,wBAMG;AAOH,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"}
@@ -2,31 +2,51 @@ 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" | "AddLine" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "Import" | "Info" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "SearchNew" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Google" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Search" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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: {
9
9
  type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
10
10
  };
11
+ thickness: {
12
+ type: import("vue").PropType<string>;
13
+ };
11
14
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
12
15
  icon: {
13
- type: import("vue").PropType<"Add" | "AddLine" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "Import" | "Info" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "SearchNew" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Google" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Search" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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">;
14
17
  required: true;
15
18
  };
16
19
  size: {
17
20
  type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
18
21
  };
22
+ thickness: {
23
+ type: import("vue").PropType<string>;
24
+ };
19
25
  }>>, {}, {}>;
20
26
  tags: string[];
21
27
  argTypes: {
22
28
  icon: {
23
29
  control: "select";
24
- options: readonly ["Add", "AddLine", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DocsPage", "Duplicate", "Edit", "Ellipses", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "Hide", "History", "Import", "Info", "JsonObject", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Play", "Refresh", "Response", "Search", "SearchNew", "Server", "Show", "SideBarClosed", "SideBarOpen", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "UploadSimple", "User", "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", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DocsPage", "Duplicate", "Edit", "Ellipses", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "Google", "Hide", "History", "House", "Import", "Info", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Pencil", "Play", "Refresh", "Search", "Server", "Show", "SideBarClosed", "SideBarOpen", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "UploadSimple", "User", "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"];
25
31
  };
26
32
  size: {
27
33
  control: "select";
28
34
  options: string[];
29
35
  };
36
+ thickness: {
37
+ control: {
38
+ type: "range";
39
+ min: number;
40
+ max: number;
41
+ step: number;
42
+ };
43
+ };
44
+ class: {
45
+ control: "text";
46
+ };
47
+ style: {
48
+ control: "text";
49
+ };
30
50
  };
31
51
  parameters: {
32
52
  docs: {
@@ -37,57 +57,75 @@ declare const meta: {
37
57
  };
38
58
  render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
39
59
  icon: {
40
- type: import("vue").PropType<"Add" | "AddLine" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "Import" | "Info" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "SearchNew" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Google" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Search" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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">;
41
61
  required: true;
42
62
  };
43
63
  size: {
44
64
  type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
45
65
  };
66
+ thickness: {
67
+ type: import("vue").PropType<string>;
68
+ };
46
69
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
47
70
  icon: {
48
- type: import("vue").PropType<"Add" | "AddLine" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "Import" | "Info" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "SearchNew" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Google" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Search" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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">;
49
72
  required: true;
50
73
  };
51
74
  size: {
52
75
  type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
53
76
  };
77
+ thickness: {
78
+ type: import("vue").PropType<string>;
79
+ };
54
80
  }>>, {}, {}>>) => {
55
81
  components: {
56
82
  ScalarIcon: import("vue").DefineComponent<{
57
83
  icon: {
58
- type: import("vue").PropType<"Add" | "AddLine" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "Import" | "Info" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "SearchNew" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Google" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Search" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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">;
59
85
  required: true;
60
86
  };
61
87
  size: {
62
88
  type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
63
89
  };
90
+ thickness: {
91
+ type: import("vue").PropType<string>;
92
+ };
64
93
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
65
94
  icon: {
66
- type: import("vue").PropType<"Add" | "AddLine" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "Import" | "Info" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "SearchNew" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Google" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Search" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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">;
67
96
  required: true;
68
97
  };
69
98
  size: {
70
99
  type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
71
100
  };
101
+ thickness: {
102
+ type: import("vue").PropType<string>;
103
+ };
72
104
  }>>, {}, {}>;
73
105
  };
74
106
  setup(this: void): {
75
107
  args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
76
108
  icon: {
77
- type: import("vue").PropType<"Add" | "AddLine" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "Import" | "Info" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "SearchNew" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Google" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Search" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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">;
78
110
  required: true;
79
111
  };
80
112
  size: {
81
113
  type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
82
114
  };
115
+ thickness: {
116
+ type: import("vue").PropType<string>;
117
+ };
83
118
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
84
119
  icon: {
85
- type: import("vue").PropType<"Add" | "AddLine" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "Import" | "Info" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "SearchNew" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Google" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Search" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "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">;
86
121
  required: true;
87
122
  };
88
123
  size: {
89
124
  type: import("vue").PropType<"sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "full">;
90
125
  };
126
+ thickness: {
127
+ type: import("vue").PropType<string>;
128
+ };
91
129
  }>>, {}, {}>>;
92
130
  };
93
131
  template: string;
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/ScalarIcon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyByB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,QAQtB,CAAA"}
1
+ {"version":3,"file":"ScalarIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/ScalarIcon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ByB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,QAQtB,CAAA"}
@@ -61,9 +61,11 @@ declare const iconProps: (props?: ({
61
61
  declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
62
62
  icon: Icon;
63
63
  size?: IconVariants["size"];
64
+ thickness?: string;
64
65
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
65
66
  icon: Icon;
66
67
  size?: IconVariants["size"];
68
+ thickness?: string;
67
69
  }>>>, {}, {}>;
68
70
  export default _default;
69
71
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/ScalarIcon.vue"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAGvC,OAAO,EAAE,KAAK,IAAI,EAAW,MAAM,UAAU,CAAA;AAI7C,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;AAWlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAgBb,CAAA;;UArBM,IAAI;WACH,YAAY,CAAC,MAAM,CAAC;;UADrB,IAAI;WACH,YAAY,CAAC,MAAM,CAAC;;AAkE7B,wBAMG;AAOH,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":"ScalarIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/ScalarIcon.vue"],"names":[],"mappings":"AAmDA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAIvC,OAAO,EAAE,KAAK,IAAI,EAAW,MAAM,UAAU,CAAA;AAI7C,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;AAYlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAgBb,CAAA;;UAtBM,IAAI;WACH,YAAY,CAAC,MAAM,CAAC;gBACf,MAAM;;UAFZ,IAAI;WACH,YAAY,CAAC,MAAM,CAAC;gBACf,MAAM;;AA0EpB,wBAMG;AAOH,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,35 +1,7 @@
1
- import { defineComponent as r, openBlock as i, createBlock as n, resolveDynamicComponent as l, unref as e, normalizeClass as t } from "vue";
2
- import { cva as a, cx as c } from "../../cva.js";
3
- import { getIcon as m } from "./icons/index.js";
4
- const _ = /* @__PURE__ */ r({
5
- __name: "ScalarIcon",
6
- props: {
7
- icon: {},
8
- size: {}
9
- },
10
- setup(z) {
11
- const o = a({
12
- variants: {
13
- size: {
14
- xs: "size-3 stroke-[1.4]",
15
- sm: "size-3.5 stroke-[1.2]",
16
- md: "size-4 stroke-[1.1]",
17
- lg: "size-5",
18
- xl: "size-6 stroke-[0.96]",
19
- "2xl": "size-8 stroke-[0.92]",
20
- "3xl": "size-10 stroke-[0.9]",
21
- full: "size-full"
22
- }
23
- },
24
- defaultVariants: {
25
- size: "full"
26
- }
27
- });
28
- return (s, p) => (i(), n(l(e(m)(s.icon)), {
29
- class: t(e(c)("scalar-icon", e(o)({ size: s.size })))
30
- }, null, 8, ["class"]));
31
- }
32
- });
1
+ import o from "./ScalarIcon.vue2.js";
2
+ /* empty css */
3
+ import r from "../../_virtual/_plugin-vue_export-helper.js";
4
+ const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-43d05207"]]);
33
5
  export {
34
- _ as default
6
+ m as default
35
7
  };
@@ -1,4 +1,39 @@
1
- import f from "./ScalarIcon.vue.js";
1
+ import { defineComponent as l, useCssVars as r, computed as a, openBlock as t, createBlock as m, resolveDynamicComponent as p, unref as e, normalizeClass as z } from "vue";
2
+ import { cva as u, cx as f } from "../../cva.js";
3
+ import { getIcon as d } from "./icons/index.js";
4
+ const C = /* @__PURE__ */ l({
5
+ __name: "ScalarIcon",
6
+ props: {
7
+ icon: {},
8
+ size: {},
9
+ thickness: {}
10
+ },
11
+ setup(o) {
12
+ r((s) => ({
13
+ "5933775d": c.value
14
+ }));
15
+ const i = o, n = u({
16
+ variants: {
17
+ size: {
18
+ xs: "size-3",
19
+ sm: "size-3.5",
20
+ md: "size-4",
21
+ lg: "size-5",
22
+ xl: "size-6",
23
+ "2xl": "size-8",
24
+ "3xl": "size-10",
25
+ full: "size-full"
26
+ }
27
+ },
28
+ defaultVariants: {
29
+ size: "full"
30
+ }
31
+ }), c = a(() => i.thickness ?? "2");
32
+ return (s, x) => (t(), m(p(e(d)(s.icon)), {
33
+ class: z(e(f)("scalar-icon", e(n)({ size: s.size })))
34
+ }, null, 8, ["class"]));
35
+ }
36
+ });
2
37
  export {
3
- f as default
38
+ C as default
4
39
  };
@@ -1,13 +1,13 @@
1
1
  import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
2
2
  const n = {
3
3
  xmlns: "http://www.w3.org/2000/svg",
4
- fill: "none",
5
- viewBox: "0 0 12 12"
4
+ viewBox: "0 0 24 24"
6
5
  }, r = /* @__PURE__ */ t("path", {
6
+ fill: "none",
7
7
  stroke: "currentColor",
8
8
  "stroke-linecap": "round",
9
9
  "stroke-linejoin": "round",
10
- d: "M6 1v10M1 6h10"
10
+ d: "M2 12h20M12 2v20"
11
11
  }, null, -1), c = [
12
12
  r
13
13
  ];
@@ -1,20 +1,21 @@
1
1
  import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
2
- const r = {
2
+ const n = {
3
3
  xmlns: "http://www.w3.org/2000/svg",
4
- fill: "currentColor",
5
- viewBox: "0 0 14 14"
6
- }, c = /* @__PURE__ */ t("path", {
7
- "fill-rule": "evenodd",
8
- d: "M12.6 7.8c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8H3.2l3.1-3.1c.3-.3.3-.8 0-1.1-.3-.2-.8-.2-1 .1L.9 6.5c-.3.3-.3.8 0 1.1L5.3 12c.3.3.8.3 1.1 0s.3-.8 0-1.1L3.2 7.8z",
9
- "clip-rule": "evenodd"
10
- }, null, -1), l = [
11
- c
4
+ viewBox: "0 0 24 24"
5
+ }, r = /* @__PURE__ */ t("path", {
6
+ fill: "none",
7
+ stroke: "currentColor",
8
+ "stroke-linecap": "round",
9
+ "stroke-linejoin": "round",
10
+ d: "M22 12H2m9.3-9.3L2 12l9.3 9.3"
11
+ }, null, -1), c = [
12
+ r
12
13
  ];
13
- function n(d, s) {
14
- return e(), o("svg", r, [...l]);
14
+ function l(s, d) {
15
+ return e(), o("svg", n, [...c]);
15
16
  }
16
- const _ = { render: n };
17
+ const _ = { render: l };
17
18
  export {
18
19
  _ as default,
19
- n as render
20
+ l as render
20
21
  };
@@ -1,20 +1,21 @@
1
1
  import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
2
- const l = {
2
+ const n = {
3
3
  xmlns: "http://www.w3.org/2000/svg",
4
- fill: "currentColor",
5
- viewBox: "0 0 14 14"
4
+ viewBox: "0 0 24 24"
6
5
  }, r = /* @__PURE__ */ t("path", {
7
- "fill-rule": "evenodd",
8
- d: "M1.3 6.2c-.4 0-.7.3-.7.7s.3.8.8.8h9.4l-3.2 3.1c-.3.3-.3.8 0 1.1s.8.3 1.1 0l4.4-4.4c.3-.3.3-.8 0-1.1L8.6 2c-.2-.3-.7-.3-1 0s-.3.8 0 1.1l3.1 3.1z",
9
- "clip-rule": "evenodd"
6
+ fill: "none",
7
+ stroke: "currentColor",
8
+ "stroke-linecap": "round",
9
+ "stroke-linejoin": "round",
10
+ d: "M2 12h20m-9.3 9.3L22 12l-9.3-9.3"
10
11
  }, null, -1), c = [
11
12
  r
12
13
  ];
13
- function n(s, d) {
14
- return e(), o("svg", l, [...c]);
14
+ function l(s, i) {
15
+ return e(), o("svg", n, [...c]);
15
16
  }
16
- const h = { render: n };
17
+ const h = { render: l };
17
18
  export {
18
19
  h as default,
19
- n as render
20
+ l as render
20
21
  };
@@ -5,19 +5,19 @@ const t = {
5
5
  stroke: "currentColor",
6
6
  "stroke-linecap": "round",
7
7
  "stroke-linejoin": "round",
8
- viewBox: "0 0 12 12"
9
- }, n = /* @__PURE__ */ e("path", { d: "M8.2 3.8v2.4H3.8m0-2.4v4.4" }, null, -1), r = /* @__PURE__ */ e("circle", {
10
- cx: "3.8",
11
- cy: "2.2",
12
- r: "1.2"
8
+ viewBox: "0 0 24 24"
9
+ }, n = /* @__PURE__ */ e("path", { d: "M16.4 6.8v5.6H7.6m0-5.6v10.4" }, null, -1), r = /* @__PURE__ */ e("circle", {
10
+ cx: "7.6",
11
+ cy: "4.4",
12
+ r: "2.4"
13
13
  }, null, -1), l = /* @__PURE__ */ e("circle", {
14
- cx: "3.8",
15
- cy: "9.8",
16
- r: "1.2"
14
+ cx: "7.6",
15
+ cy: "19.6",
16
+ r: "2.4"
17
17
  }, null, -1), s = /* @__PURE__ */ e("circle", {
18
- cx: "8.2",
19
- cy: "2.2",
20
- r: "1.2"
18
+ cx: "16.4",
19
+ cy: "4.4",
20
+ r: "2.4"
21
21
  }, null, -1), i = [
22
22
  n,
23
23
  r,
@@ -1,13 +1,13 @@
1
1
  import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
2
2
  const n = {
3
3
  xmlns: "http://www.w3.org/2000/svg",
4
- fill: "none",
5
- viewBox: "0 0 12 12"
4
+ viewBox: "0 0 24 24"
6
5
  }, r = /* @__PURE__ */ t("path", {
6
+ fill: "none",
7
7
  stroke: "currentColor",
8
8
  "stroke-linecap": "round",
9
9
  "stroke-linejoin": "round",
10
- d: "M10.7 2.3 5.3 9.7l-4-3.2"
10
+ d: "M21.4 4.6 10.6 19.4l-8-6.4"
11
11
  }, null, -1), c = [
12
12
  r
13
13
  ];
@@ -2,20 +2,20 @@ import { openBlock as e, createElementBlock as o, createElementVNode as n } from
2
2
  const t = {
3
3
  xmlns: "http://www.w3.org/2000/svg",
4
4
  fill: "none",
5
- viewBox: "0 0 12 12"
5
+ viewBox: "0 0 24 24"
6
6
  }, r = /* @__PURE__ */ n("path", {
7
7
  stroke: "currentColor",
8
8
  "stroke-linecap": "round",
9
9
  "stroke-linejoin": "round",
10
- d: "M2.2 4.1 6 7.9l3.8-3.8"
10
+ d: "m4.5 8.25 7.5 7.5 7.5-7.5"
11
11
  }, null, -1), c = [
12
12
  r
13
13
  ];
14
- function l(s, d) {
14
+ function s(l, d) {
15
15
  return e(), o("svg", t, [...c]);
16
16
  }
17
- const _ = { render: l };
17
+ const _ = { render: s };
18
18
  export {
19
19
  _ as default,
20
- l as render
20
+ s as render
21
21
  };
@@ -2,12 +2,12 @@ import { openBlock as e, createElementBlock as o, createElementVNode as t } from
2
2
  const n = {
3
3
  xmlns: "http://www.w3.org/2000/svg",
4
4
  fill: "none",
5
- viewBox: "0 0 12 12"
5
+ viewBox: "0 0 24 24"
6
6
  }, r = /* @__PURE__ */ t("path", {
7
7
  stroke: "currentColor",
8
8
  "stroke-linecap": "round",
9
9
  "stroke-linejoin": "round",
10
- d: "M7.9 9.8 4.1 6l3.8-3.8"
10
+ d: "M15.75 19.5 8.25 12l7.5-7.5"
11
11
  }, null, -1), c = [
12
12
  r
13
13
  ];
@@ -2,12 +2,12 @@ import { openBlock as e, createElementBlock as o, createElementVNode as t } from
2
2
  const n = {
3
3
  xmlns: "http://www.w3.org/2000/svg",
4
4
  fill: "none",
5
- viewBox: "0 0 12 12"
5
+ viewBox: "0 0 24 24"
6
6
  }, r = /* @__PURE__ */ t("path", {
7
7
  stroke: "currentColor",
8
8
  "stroke-linecap": "round",
9
9
  "stroke-linejoin": "round",
10
- d: "M4.1 9.8 7.9 6 4.1 2.2"
10
+ d: "m8.25 19.5 7.5-7.5-7.5-7.5"
11
11
  }, null, -1), c = [
12
12
  r
13
13
  ];