@scalar/components 0.12.20 → 0.12.22

package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.d.ts

@@ -6,7 +6,41 @@ declare function __VLS_template(): {
         open: any;
     }): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<Omit<FloatingOptions, "middleware">>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Omit<FloatingOptions, "middleware">>>>, {}, {}>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<Omit<FloatingOptions, "middleware">>, {
+    popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+    }>>, {
+        id: string;
+        as: string | Record<string, any>;
+        disabled: boolean;
+    }, {}> | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Omit<FloatingOptions, "middleware">>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxPopover.vue"],"names":[],"mappings":"AAoDA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAqBxE,iBAAS,cAAc;qBAuHO,GAAG;;;;QACH,GAAG;EAmBhC;AACD,QAAA,MAAM,eAAe,mVAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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"}
+{"version":3,"file":"ScalarComboboxPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxPopover.vue"],"names":[],"mappings":"AA4DA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AA2BxE,iBAAS,cAAc;qBAyHO,GAAG;;;;QACH,GAAG;EAoBhC;AACD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;oBA7KrB,KAvB2B,eAuB3B,KAtBa,uBAsBb,KApBC;;;;;;;;;;;;;;;;;;;;oPAwMC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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/ScalarCombobox/ScalarComboboxPopover.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as d, openBlock as f, createBlock as m, unref as o, withCtx as t, createVNode as n, mergeProps as u, renderSlot as s, createElementVNode as c } from "vue";
-import { Popover as y, PopoverPanel as v, PopoverButton as w } from "@headlessui/vue";
-import b from "../ScalarFloating/ScalarFloating.vue.js";
-const _ = /* @__PURE__ */ c("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-md brightness-lifted" }, null, -1), k = /* @__PURE__ */ d({
+import { defineComponent as m, ref as u, openBlock as c, createBlock as v, unref as o, withCtx as t, createVNode as n, mergeProps as y, renderSlot as a, createElementVNode as w } from "vue";
+import { Popover as _, PopoverPanel as b, PopoverButton as h } from "@headlessui/vue";
+import B from "../ScalarFloating/ScalarFloating.vue.js";
+const g = /* @__PURE__ */ w("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-md brightness-lifted" }, null, -1), O = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "ScalarComboboxPopover",
   props: {
@@ -10,45 +10,47 @@ const _ = /* @__PURE__ */ c("div", { class: "absolute inset-0 -z-1 rounded bg-b-
     isOpen: { type: Boolean },
     teleport: { type: [Boolean, String] }
   },
-  setup(h) {
-    function a(e) {
+  setup(k, { expose: p }) {
+    const l = u(null), i = (e) => {
       var r;
       ["ArrowUp", "ArrowDown"].includes(e.key) && (e.preventDefault(), (r = e.target) == null || r.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter" })));
-    }
-    return (e, r) => (f(), m(o(y), { as: "template" }, {
-      default: t(({ open: l }) => [
-        n(o(b), {
-          isOpen: l ?? e.isOpen,
+    };
+    return p({ popoverButtonRef: l }), (e, r) => (c(), v(o(_), { as: "template" }, {
+      default: t(({ open: s }) => [
+        n(o(B), {
+          isOpen: s ?? e.isOpen,
           placement: e.placement ?? "bottom-start",
           resize: e.resize,
           teleport: e.teleport
         }, {
-          floating: t(({ width: p }) => [
-            n(o(v), u({
+          floating: t(({ width: d }) => [
+            n(o(b), y({
               class: "relative flex w-40 flex-col rounded border text-sm",
               focus: "",
-              style: { width: p }
+              style: { width: d }
             }, e.$attrs), {
-              default: t(({ close: i }) => [
-                s(e.$slots, "popover", {
-                  close: i,
-                  open: l
+              default: t(({ close: f }) => [
+                a(e.$slots, "popover", {
+                  close: f,
+                  open: s
                 }),
-                _
+                g
               ]),
               _: 2
             }, 1040, ["style"])
           ]),
           default: t(() => [
-            n(o(w), {
+            n(o(h), {
+              ref_key: "popoverButtonRef",
+              ref: l,
               as: "template",
-              onKeydown: a
+              onKeydown: i
             }, {
               default: t(() => [
-                s(e.$slots, "default")
+                a(e.$slots, "default")
               ]),
               _: 3
-            })
+            }, 512)
           ]),
           _: 2
         }, 1032, ["isOpen", "placement", "resize", "teleport"])
@@ -58,5 +60,5 @@ const _ = /* @__PURE__ */ c("div", { class: "absolute inset-0 -z-1 rounded bg-b-
   }
 });
 export {
-  k as default
+  O as default
 };

package/dist/components/ScalarCombobox/index.d.ts

@@ -1,4 +1,4 @@
 export { default as ScalarCombobox } from './ScalarCombobox.vue.js';
 export { default as ScalarComboboxMultiselect } from './ScalarComboboxMultiselect.vue.js';
-export type { Option as ScalarComboboxOption } from './types';
+export type { Option as ScalarComboboxOption } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarCombobox/types.d.ts

@@ -3,4 +3,10 @@ export type Option = {
     label: string;
     [x: string]: any;
 };
+export type OptionGroup = {
+    label: string;
+    options: Option[];
+};
+export declare const isGroup: (option: Option | OptionGroup) => option is OptionGroup;
+export declare const isGroups: (options: Option[] | OptionGroup[]) => options is OptionGroup[];
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ScalarCombobox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,OAAO,WACV,MAAM,GAAG,WAAW,KAC3B,MAAM,IAAI,WAEZ,CAAA;AAED,eAAO,MAAM,QAAQ,YACV,MAAM,EAAE,GAAG,WAAW,EAAE,KAChC,OAAO,IAAI,WAAW,EAExB,CAAA"}

package/dist/components/ScalarCombobox/types.js

@@ -0,0 +1,5 @@
+const r = (o) => o.options !== void 0, s = (o) => r(o[0]);
+export {
+  r as isGroup,
+  s as isGroups
+};

package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
     component: import("vue").DefineComponent<{
         icon: {
-            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" | "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">;
+            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" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "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">;
             required: true;
         };
         size: {
@@ -13,7 +13,7 @@ declare const meta: {
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         icon: {
-            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" | "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">;
+            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" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "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">;
             required: true;
         };
         size: {
@@ -27,7 +27,7 @@ declare const meta: {
     argTypes: {
         icon: {
             control: "select";
-            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", "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"];
+            options: readonly ["Add", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DocsPage", "Duplicate", "Edit", "Ellipses", "Email", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "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"];
         };
         size: {
             control: "select";
@@ -57,7 +57,7 @@ declare const meta: {
     };
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
         icon: {
-            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" | "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">;
+            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" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "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">;
             required: true;
         };
         size: {
@@ -68,7 +68,7 @@ declare const meta: {
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         icon: {
-            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" | "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">;
+            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" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "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">;
             required: true;
         };
         size: {
@@ -81,7 +81,7 @@ declare const meta: {
         components: {
             ScalarIcon: import("vue").DefineComponent<{
                 icon: {
-                    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" | "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">;
+                    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" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "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">;
                     required: true;
                 };
                 size: {
@@ -92,7 +92,7 @@ declare const meta: {
                 };
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 icon: {
-                    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" | "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">;
+                    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" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "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">;
                     required: true;
                 };
                 size: {
@@ -106,7 +106,7 @@ declare const meta: {
         setup(this: void): {
             args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
                 icon: {
-                    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" | "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">;
+                    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" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "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">;
                     required: true;
                 };
                 size: {
@@ -117,7 +117,7 @@ declare const meta: {
                 };
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 icon: {
-                    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" | "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">;
+                    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" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "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">;
                     required: true;
                 };
                 size: {

package/dist/components/ScalarIcon/icons/Changelog.svg.js

@@ -0,0 +1,21 @@
+import { openBlock as o, createElementBlock as t, createElementVNode as e } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 24 24"
+}, r = /* @__PURE__ */ e("path", { d: "M12 22.125V4.712S9.545 1.985 1.268 1.875a.5.5 0 0 0-.366.15.52.52 0 0 0-.152.369v16.375a.515.515 0 0 0 .5.519C9.543 19.4 12 22.125 12 22.125" }, null, -1), s = /* @__PURE__ */ e("path", { d: "M9 11.18a21.3 21.3 0 0 0-5.26-1.055M9 15.375a21.3 21.3 0 0 0-5.26-1.055M15 11.18a21.3 21.3 0 0 1 5.26-1.055M15 15.375a21.3 21.3 0 0 1 5.26-1.055" }, null, -1), a = /* @__PURE__ */ e("path", { d: "M12 22.125V4.712s2.455-2.727 10.732-2.837a.5.5 0 0 1 .366.15.52.52 0 0 1 .152.369v16.375a.515.515 0 0 1-.5.519C14.457 19.4 12 22.125 12 22.125" }, null, -1), l = [
+  r,
+  s,
+  a
+];
+function c(d, i) {
+  return o(), t("svg", n, [...l]);
+}
+const h = { render: c };
+export {
+  h as default,
+  c as render
+};

package/dist/components/ScalarIcon/icons/Email.svg.js

@@ -0,0 +1,28 @@
+import { openBlock as o, createElementBlock as n, createElementVNode as e } from "vue";
+const t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, r = /* @__PURE__ */ e("path", {
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M1.5 4.75h21v15h-21Z"
+}, null, -1), l = /* @__PURE__ */ e("path", {
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "m22.161 5.3-8.144 6.264a3.31 3.31 0 0 1-4.034 0L1.839 5.3"
+}, null, -1), s = [
+  r,
+  l
+];
+function c(i, d) {
+  return o(), n("svg", t, [...s]);
+}
+const u = { render: c };
+export {
+  u as default,
+  c as render
+};

package/dist/components/ScalarIcon/icons/Help.svg.js

@@ -0,0 +1,20 @@
+import { openBlock as o, createElementBlock as t, createElementVNode as e } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 24 24"
+}, c = /* @__PURE__ */ e("path", { d: "M9.2 9.2c0-.5.1-1 .4-1.5s.6-.8 1.1-1q.75-.3 1.5-.3c.75 0 1 .2 1.4.5s.7.7 1 1.2c.2.5.3 1 .2 1.5s-.3 1-.6 1.4-.8.7-1.2.9c-.3 0-.5.3-.7.5s-.3.5-.3.8v.9m0 3.5c-.2 0-.4-.2-.4-.4s.2-.4.4-.4m0 .8c.2 0 .4-.2.4-.4s-.2-.4-.4-.4" }, null, -1), s = /* @__PURE__ */ e("path", { d: "M12 22.5c5.8 0 10.5-4.7 10.5-10.5S17.8 1.5 12 1.5 1.5 6.2 1.5 12 6.2 22.5 12 22.5" }, null, -1), r = [
+  c,
+  s
+];
+function l(d, i) {
+  return o(), t("svg", n, [...r]);
+}
+const a = { render: l };
+export {
+  a as default,
+  l as render
+};

package/dist/components/ScalarIcon/icons/Roadmap.svg.js

@@ -0,0 +1,19 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 24 24"
+}, r = /* @__PURE__ */ t("path", { d: "M16.22 2.663a1.47 1.47 0 0 0-1.09 0L8.87 5.167c-.35.14-.74.14-1.09 0L1.982 2.848a.735.735 0 0 0-1.008.686V17.62c0 .601.366 1.142.924 1.365l5.88 2.352c.35.14.742.14 1.092 0l6.258-2.504c.35-.14.741-.14 1.092 0l5.796 2.315a.735.735 0 0 0 1.008-.686V6.38a1.47 1.47 0 0 0-.924-1.365ZM8.325 5.272v16.17m7.35-18.884v16.17" }, null, -1), c = [
+  r
+];
+function l(s, a) {
+  return e(), o("svg", n, [...c]);
+}
+const i = { render: l };
+export {
+  i as default,
+  l as render
+};

package/dist/components/ScalarIcon/icons/icons.d.ts

@@ -1,2 +1,2 @@
-export declare const ICONS: 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", "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"];
+export declare const ICONS: readonly ["Add", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DocsPage", "Duplicate", "Edit", "Ellipses", "Email", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "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"];
 //# sourceMappingURL=icons.d.ts.map

package/dist/components/ScalarIcon/icons/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarIcon/icons/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,2tDAqGR,CAAA"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarIcon/icons/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,owDAyGR,CAAA"}

package/dist/components/ScalarIcon/icons/index.js

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as m, h as i } from "vue";
-const o = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add.svg.js"), "./ArrowLeft.svg": () => import("./ArrowLeft.svg.js"), "./ArrowRight.svg": () => import("./ArrowRight.svg.js"), "./Background.svg": () => import("./Background.svg.js"), "./Brackets.svg": () => import("./Brackets.svg.js"), "./Branch.svg": () => import("./Branch.svg.js"), "./CallToAction.svg": () => import("./CallToAction.svg.js"), "./Checkmark.svg": () => import("./Checkmark.svg.js"), "./ChevronDown.svg": () => import("./ChevronDown.svg.js"), "./ChevronLeft.svg": () => import("./ChevronLeft.svg.js"), "./ChevronRight.svg": () => import("./ChevronRight.svg.js"), "./ChevronUp.svg": () => import("./ChevronUp.svg.js"), "./Clipboard.svg": () => import("./Clipboard.svg.js"), "./Close.svg": () => import("./Close.svg.js"), "./CodeFolder.svg": () => import("./CodeFolder.svg.js"), "./Collection.svg": () => import("./Collection.svg.js"), "./Cookie.svg": () => import("./Cookie.svg.js"), "./DarkMode.svg": () => import("./DarkMode.svg.js"), "./Delete.svg": () => import("./Delete.svg.js"), "./Discord.svg": () => import("./Discord.svg.js"), "./DocsPage.svg": () => import("./DocsPage.svg.js"), "./Duplicate.svg": () => import("./Duplicate.svg.js"), "./Edit.svg": () => import("./Edit.svg.js"), "./Ellipses.svg": () => import("./Ellipses.svg.js"), "./Error.svg": () => import("./Error.svg.js"), "./Example.svg": () => import("./Example.svg.js"), "./ExternalLink.svg": () => import("./ExternalLink.svg.js"), "./FilterList.svg": () => import("./FilterList.svg.js"), "./Folder.svg": () => import("./Folder.svg.js"), "./GitHub.svg": () => import("./GitHub.svg.js"), "./Google.svg": () => import("./Google.svg.js"), "./Hide.svg": () => import("./Hide.svg.js"), "./History.svg": () => import("./History.svg.js"), "./House.svg": () => import("./House.svg.js"), "./Import.svg": () => import("./Import.svg.js"), "./Info.svg": () => import("./Info.svg.js"), "./Key.svg": () => import("./Key.svg.js"), "./Leave.svg": () => import("./Leave.svg.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle.svg.js"), "./LightMode.svg": () => import("./LightMode.svg.js"), "./Link.svg": () => import("./Link.svg.js"), "./Lock.svg": () => import("./Lock.svg.js"), "./Logo.svg": () => import("./Logo.svg.js"), "./LogoAPI.svg": () => import("./LogoAPI.svg.js"), "./LogoClient.svg": () => import("./LogoClient.svg.js"), "./LogoMarket.svg": () => import("./LogoMarket.svg.js"), "./LogoSwagger.svg": () => import("./LogoSwagger.svg.js"), "./Magic.svg": () => import("./Magic.svg.js"), "./Menu.svg": () => import("./Menu.svg.js"), "./Page.svg": () => import("./Page.svg.js"), "./PaperAirplane.svg": () => import("./PaperAirplane.svg.js"), "./Payment.svg": () => import("./Payment.svg.js"), "./Pencil.svg": () => import("./Pencil.svg.js"), "./Play.svg": () => import("./Play.svg.js"), "./Refresh.svg": () => import("./Refresh.svg.js"), "./Search.svg": () => import("./Search.svg.js"), "./Server.svg": () => import("./Server.svg.js"), "./Show.svg": () => import("./Show.svg.js"), "./Sort.svg": () => import("./Sort.svg.js"), "./Terminal.svg": () => import("./Terminal.svg.js"), "./ThumbsDown.svg": () => import("./ThumbsDown.svg.js"), "./ThumbsUp.svg": () => import("./ThumbsUp.svg.js"), "./Trash.svg": () => import("./Trash.svg.js"), "./Unlock.svg": () => import("./Unlock.svg.js"), "./Upload.svg": () => import("./Upload.svg.js"), "./UploadSimple.svg": () => import("./UploadSimple.svg.js"), "./User.svg": () => import("./User.svg.js"), "./Workspace.svg": () => import("./Workspace.svg.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular.svg.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro.svg.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel.svg.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs.svg.js"), "./programming-framework-react.svg": () => import("./programming-framework-react.svg.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs.svg.js"), "./programming-language-c.svg": () => import("./programming-language-c.svg.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure.svg.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp.svg.js"), "./programming-language-css3.svg": () => import("./programming-language-css3.svg.js"), "./programming-language-go.svg": () => import("./programming-language-go.svg.js"), "./programming-language-html5.svg": () => import("./programming-language-html5.svg.js"), "./programming-language-http.svg": () => import("./programming-language-http.svg.js"), "./programming-language-java.svg": () => import("./programming-language-java.svg.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript.svg.js"), "./programming-language-json.svg": () => import("./programming-language-json.svg.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin.svg.js"), "./programming-language-node.svg": () => import("./programming-language-node.svg.js"), "./programming-language-objc.svg": () => import("./programming-language-objc.svg.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml.svg.js"), "./programming-language-php.svg": () => import("./programming-language-php.svg.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell.svg.js"), "./programming-language-python.svg": () => import("./programming-language-python.svg.js"), "./programming-language-r.svg": () => import("./programming-language-r.svg.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby.svg.js"), "./programming-language-scala.svg": () => import("./programming-language-scala.svg.js"), "./programming-language-shell.svg": () => import("./programming-language-shell.svg.js"), "./programming-language-swift.svg": () => import("./programming-language-swift.svg.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript.svg.js"), "./programming-script-code.svg": () => import("./programming-script-code.svg.js"), "./programming-tool-git.svg": () => import("./programming-tool-git.svg.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss.svg.js") }), t = (g) => {
+const o = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add.svg.js"), "./ArrowLeft.svg": () => import("./ArrowLeft.svg.js"), "./ArrowRight.svg": () => import("./ArrowRight.svg.js"), "./Background.svg": () => import("./Background.svg.js"), "./Brackets.svg": () => import("./Brackets.svg.js"), "./Branch.svg": () => import("./Branch.svg.js"), "./CallToAction.svg": () => import("./CallToAction.svg.js"), "./Changelog.svg": () => import("./Changelog.svg.js"), "./Checkmark.svg": () => import("./Checkmark.svg.js"), "./ChevronDown.svg": () => import("./ChevronDown.svg.js"), "./ChevronLeft.svg": () => import("./ChevronLeft.svg.js"), "./ChevronRight.svg": () => import("./ChevronRight.svg.js"), "./ChevronUp.svg": () => import("./ChevronUp.svg.js"), "./Clipboard.svg": () => import("./Clipboard.svg.js"), "./Close.svg": () => import("./Close.svg.js"), "./CodeFolder.svg": () => import("./CodeFolder.svg.js"), "./Collection.svg": () => import("./Collection.svg.js"), "./Cookie.svg": () => import("./Cookie.svg.js"), "./DarkMode.svg": () => import("./DarkMode.svg.js"), "./Delete.svg": () => import("./Delete.svg.js"), "./Discord.svg": () => import("./Discord.svg.js"), "./DocsPage.svg": () => import("./DocsPage.svg.js"), "./Duplicate.svg": () => import("./Duplicate.svg.js"), "./Edit.svg": () => import("./Edit.svg.js"), "./Ellipses.svg": () => import("./Ellipses.svg.js"), "./Email.svg": () => import("./Email.svg.js"), "./Error.svg": () => import("./Error.svg.js"), "./Example.svg": () => import("./Example.svg.js"), "./ExternalLink.svg": () => import("./ExternalLink.svg.js"), "./FilterList.svg": () => import("./FilterList.svg.js"), "./Folder.svg": () => import("./Folder.svg.js"), "./GitHub.svg": () => import("./GitHub.svg.js"), "./Google.svg": () => import("./Google.svg.js"), "./Help.svg": () => import("./Help.svg.js"), "./Hide.svg": () => import("./Hide.svg.js"), "./History.svg": () => import("./History.svg.js"), "./House.svg": () => import("./House.svg.js"), "./Import.svg": () => import("./Import.svg.js"), "./Info.svg": () => import("./Info.svg.js"), "./Key.svg": () => import("./Key.svg.js"), "./Leave.svg": () => import("./Leave.svg.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle.svg.js"), "./LightMode.svg": () => import("./LightMode.svg.js"), "./Link.svg": () => import("./Link.svg.js"), "./Lock.svg": () => import("./Lock.svg.js"), "./Logo.svg": () => import("./Logo.svg.js"), "./LogoAPI.svg": () => import("./LogoAPI.svg.js"), "./LogoClient.svg": () => import("./LogoClient.svg.js"), "./LogoMarket.svg": () => import("./LogoMarket.svg.js"), "./LogoSwagger.svg": () => import("./LogoSwagger.svg.js"), "./Magic.svg": () => import("./Magic.svg.js"), "./Menu.svg": () => import("./Menu.svg.js"), "./Page.svg": () => import("./Page.svg.js"), "./PaperAirplane.svg": () => import("./PaperAirplane.svg.js"), "./Payment.svg": () => import("./Payment.svg.js"), "./Pencil.svg": () => import("./Pencil.svg.js"), "./Play.svg": () => import("./Play.svg.js"), "./Refresh.svg": () => import("./Refresh.svg.js"), "./Roadmap.svg": () => import("./Roadmap.svg.js"), "./Search.svg": () => import("./Search.svg.js"), "./Server.svg": () => import("./Server.svg.js"), "./Show.svg": () => import("./Show.svg.js"), "./Sort.svg": () => import("./Sort.svg.js"), "./Terminal.svg": () => import("./Terminal.svg.js"), "./ThumbsDown.svg": () => import("./ThumbsDown.svg.js"), "./ThumbsUp.svg": () => import("./ThumbsUp.svg.js"), "./Trash.svg": () => import("./Trash.svg.js"), "./Unlock.svg": () => import("./Unlock.svg.js"), "./Upload.svg": () => import("./Upload.svg.js"), "./UploadSimple.svg": () => import("./UploadSimple.svg.js"), "./User.svg": () => import("./User.svg.js"), "./Workspace.svg": () => import("./Workspace.svg.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular.svg.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro.svg.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel.svg.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs.svg.js"), "./programming-framework-react.svg": () => import("./programming-framework-react.svg.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs.svg.js"), "./programming-language-c.svg": () => import("./programming-language-c.svg.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure.svg.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp.svg.js"), "./programming-language-css3.svg": () => import("./programming-language-css3.svg.js"), "./programming-language-go.svg": () => import("./programming-language-go.svg.js"), "./programming-language-html5.svg": () => import("./programming-language-html5.svg.js"), "./programming-language-http.svg": () => import("./programming-language-http.svg.js"), "./programming-language-java.svg": () => import("./programming-language-java.svg.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript.svg.js"), "./programming-language-json.svg": () => import("./programming-language-json.svg.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin.svg.js"), "./programming-language-node.svg": () => import("./programming-language-node.svg.js"), "./programming-language-objc.svg": () => import("./programming-language-objc.svg.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml.svg.js"), "./programming-language-php.svg": () => import("./programming-language-php.svg.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell.svg.js"), "./programming-language-python.svg": () => import("./programming-language-python.svg.js"), "./programming-language-r.svg": () => import("./programming-language-r.svg.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby.svg.js"), "./programming-language-scala.svg": () => import("./programming-language-scala.svg.js"), "./programming-language-shell.svg": () => import("./programming-language-shell.svg.js"), "./programming-language-swift.svg": () => import("./programming-language-swift.svg.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript.svg.js"), "./programming-script-code.svg": () => import("./programming-script-code.svg.js"), "./programming-tool-git.svg": () => import("./programming-tool-git.svg.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss.svg.js") }), t = (g) => {
   const r = `./${g}.svg`;
   return o[r] ? m({
     loader: o[r],

package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts

@@ -17,7 +17,7 @@ declare const meta: {
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            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" | "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">;
+            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" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "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">;
             required: true;
         };
         thickness: {
@@ -40,7 +40,7 @@ declare const meta: {
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            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" | "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">;
+            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" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "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">;
             required: true;
         };
         thickness: {
@@ -54,7 +54,7 @@ declare const meta: {
     argTypes: {
         icon: {
             control: "select";
-            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", "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"];
+            options: readonly ["Add", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DocsPage", "Duplicate", "Edit", "Ellipses", "Email", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "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"];
         };
         size: {
             control: "select";