@scalar/components 0.12.34 → 0.12.36

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

@@ -1,222 +1,228 @@
-import * as g from "./Add.svg.js";
-import * as a from "./ArrowLeft.svg.js";
-import * as s from "./ArrowRight.svg.js";
-import * as i from "./Background.svg.js";
-import * as p from "./Brackets.svg.js";
-import * as e from "./Branch.svg.js";
-import * as t from "./CallToAction.svg.js";
-import * as n from "./Changelog.svg.js";
-import * as v from "./Checkmark.svg.js";
-import * as f from "./ChevronDown.svg.js";
-import * as l from "./ChevronLeft.svg.js";
-import * as u from "./ChevronRight.svg.js";
-import * as c from "./ChevronUp.svg.js";
-import * as L from "./Clipboard.svg.js";
-import * as d from "./Close.svg.js";
-import * as h from "./CodeFolder.svg.js";
-import * as k from "./Collection.svg.js";
-import * as w from "./Cookie.svg.js";
-import * as C from "./DarkMode.svg.js";
-import * as D from "./Delete.svg.js";
-import * as P from "./Discord.svg.js";
+import * as a from "./Add.svg.js";
+import * as g from "./AddTab.svg.js";
+import * as s from "./ArrowLeft.svg.js";
+import * as i from "./ArrowRight.svg.js";
+import * as p from "./Background.svg.js";
+import * as e from "./Brackets.svg.js";
+import * as t from "./Branch.svg.js";
+import * as n from "./CallToAction.svg.js";
+import * as v from "./Changelog.svg.js";
+import * as f from "./Checkmark.svg.js";
+import * as l from "./ChevronDown.svg.js";
+import * as u from "./ChevronLeft.svg.js";
+import * as c from "./ChevronRight.svg.js";
+import * as L from "./ChevronUp.svg.js";
+import * as d from "./Clipboard.svg.js";
+import * as h from "./Close.svg.js";
+import * as k from "./CloseTab.svg.js";
+import * as C from "./CloseTabs.svg.js";
+import * as w from "./CodeFolder.svg.js";
+import * as T from "./Collection.svg.js";
+import * as b from "./Cookie.svg.js";
+import * as D from "./DarkMode.svg.js";
+import * as P from "./Delete.svg.js";
+import * as A from "./Discord.svg.js";
 import * as S from "./DiscordLine.svg.js";
-import * as T from "./DocsPage.svg.js";
-import * as b from "./Download.svg.js";
-import * as y from "./Duplicate.svg.js";
-import * as A from "./Edit.svg.js";
-import * as H from "./Ellipses.svg.js";
-import * as j from "./Email.svg.js";
-import * as E from "./Error.svg.js";
-import * as F from "./Example.svg.js";
-import * as M from "./ExternalLink.svg.js";
-import * as U from "./FilterList.svg.js";
-import * as R from "./Folder.svg.js";
-import * as G from "./GitHub.svg.js";
-import * as x from "./GitHubLine.svg.js";
-import * as I from "./Google.svg.js";
-import * as B from "./Help.svg.js";
-import * as J from "./Hide.svg.js";
-import * as K from "./History.svg.js";
-import * as O from "./House.svg.js";
-import * as N from "./Import.svg.js";
-import * as W from "./Info.svg.js";
-import * as $ from "./Key.svg.js";
-import * as V from "./Leave.svg.js";
-import * as q from "./LightDarkModeToggle.svg.js";
-import * as z from "./LightMode.svg.js";
-import * as Q from "./Link.svg.js";
-import * as X from "./Lock.svg.js";
-import * as Y from "./Logo.svg.js";
-import * as Z from "./LogoAPI.svg.js";
-import * as _ from "./LogoClient.svg.js";
-import * as rr from "./LogoMarket.svg.js";
-import * as or from "./LogoSwagger.svg.js";
-import * as mr from "./Magic.svg.js";
-import * as gr from "./Menu.svg.js";
-import * as ar from "./Page.svg.js";
-import * as sr from "./PaperAirplane.svg.js";
-import * as ir from "./Payment.svg.js";
-import * as pr from "./Pencil.svg.js";
-import * as er from "./Play.svg.js";
-import * as tr from "./Refresh.svg.js";
-import * as nr from "./Roadmap.svg.js";
-import * as vr from "./Search.svg.js";
-import * as fr from "./Server.svg.js";
-import * as lr from "./Show.svg.js";
-import * as ur from "./Sort.svg.js";
-import * as cr from "./Terminal.svg.js";
-import * as Lr from "./ThumbsDown.svg.js";
-import * as dr from "./ThumbsUp.svg.js";
-import * as hr from "./Trash.svg.js";
-import * as kr from "./Unlock.svg.js";
-import * as wr from "./Upload.svg.js";
-import * as Cr from "./UploadSimple.svg.js";
-import * as Dr from "./User.svg.js";
-import * as Pr from "./Workspace.svg.js";
+import * as y from "./DocsPage.svg.js";
+import * as H from "./Download.svg.js";
+import * as j from "./Duplicate.svg.js";
+import * as E from "./Edit.svg.js";
+import * as F from "./Ellipses.svg.js";
+import * as M from "./Email.svg.js";
+import * as U from "./Error.svg.js";
+import * as R from "./Example.svg.js";
+import * as G from "./ExternalLink.svg.js";
+import * as x from "./FilterList.svg.js";
+import * as I from "./Folder.svg.js";
+import * as B from "./GitHub.svg.js";
+import * as J from "./GitHubLine.svg.js";
+import * as K from "./Google.svg.js";
+import * as O from "./Help.svg.js";
+import * as N from "./Hide.svg.js";
+import * as W from "./History.svg.js";
+import * as $ from "./House.svg.js";
+import * as V from "./Import.svg.js";
+import * as q from "./Info.svg.js";
+import * as z from "./Key.svg.js";
+import * as Q from "./Leave.svg.js";
+import * as X from "./LightDarkModeToggle.svg.js";
+import * as Y from "./LightMode.svg.js";
+import * as Z from "./Link.svg.js";
+import * as _ from "./Lock.svg.js";
+import * as rr from "./Logo.svg.js";
+import * as or from "./LogoAPI.svg.js";
+import * as mr from "./LogoClient.svg.js";
+import * as ar from "./LogoMarket.svg.js";
+import * as gr from "./LogoSwagger.svg.js";
+import * as sr from "./Magic.svg.js";
+import * as ir from "./Menu.svg.js";
+import * as pr from "./Page.svg.js";
+import * as er from "./PaperAirplane.svg.js";
+import * as tr from "./Payment.svg.js";
+import * as nr from "./Pencil.svg.js";
+import * as vr from "./Play.svg.js";
+import * as fr from "./Refresh.svg.js";
+import * as lr from "./Roadmap.svg.js";
+import * as ur from "./Search.svg.js";
+import * as cr from "./Server.svg.js";
+import * as Lr from "./Show.svg.js";
+import * as dr from "./Sort.svg.js";
+import * as hr from "./Terminal.svg.js";
+import * as kr from "./ThumbsDown.svg.js";
+import * as Cr from "./ThumbsUp.svg.js";
+import * as wr from "./Trash.svg.js";
+import * as Tr from "./Unlock.svg.js";
+import * as br from "./Upload.svg.js";
+import * as Dr from "./UploadSimple.svg.js";
+import * as Pr from "./User.svg.js";
+import * as Ar from "./Workspace.svg.js";
 import * as Sr from "./programming-framework-angular.svg.js";
-import * as Tr from "./programming-framework-astro.svg.js";
-import * as br from "./programming-framework-laravel.svg.js";
-import * as yr from "./programming-framework-nextdotjs.svg.js";
-import * as Ar from "./programming-framework-react.svg.js";
-import * as Hr from "./programming-framework-vuedotjs.svg.js";
-import * as jr from "./programming-language-c.svg.js";
-import * as Er from "./programming-language-clojure.svg.js";
-import * as Fr from "./programming-language-csharp.svg.js";
-import * as Mr from "./programming-language-css3.svg.js";
-import * as Ur from "./programming-language-go.svg.js";
-import * as Rr from "./programming-language-html5.svg.js";
-import * as Gr from "./programming-language-http.svg.js";
-import * as xr from "./programming-language-java.svg.js";
-import * as Ir from "./programming-language-javascript.svg.js";
-import * as Br from "./programming-language-json.svg.js";
-import * as Jr from "./programming-language-kotlin.svg.js";
-import * as Kr from "./programming-language-node.svg.js";
-import * as Or from "./programming-language-objc.svg.js";
-import * as Nr from "./programming-language-ocaml.svg.js";
-import * as Wr from "./programming-language-php.svg.js";
-import * as $r from "./programming-language-powershell.svg.js";
-import * as Vr from "./programming-language-python.svg.js";
-import * as qr from "./programming-language-r.svg.js";
-import * as zr from "./programming-language-ruby.svg.js";
-import * as Qr from "./programming-language-scala.svg.js";
-import * as Xr from "./programming-language-shell.svg.js";
-import * as Yr from "./programming-language-swift.svg.js";
-import * as Zr from "./programming-language-typescript.svg.js";
-import * as _r from "./programming-script-code.svg.js";
-import * as ro from "./programming-tool-git.svg.js";
-import * as oo from "./programming-tool-tailwindcss.svg.js";
+import * as yr from "./programming-framework-astro.svg.js";
+import * as Hr from "./programming-framework-laravel.svg.js";
+import * as jr from "./programming-framework-nextdotjs.svg.js";
+import * as Er from "./programming-framework-react.svg.js";
+import * as Fr from "./programming-framework-vuedotjs.svg.js";
+import * as Mr from "./programming-language-c.svg.js";
+import * as Ur from "./programming-language-clojure.svg.js";
+import * as Rr from "./programming-language-csharp.svg.js";
+import * as Gr from "./programming-language-css3.svg.js";
+import * as xr from "./programming-language-go.svg.js";
+import * as Ir from "./programming-language-html5.svg.js";
+import * as Br from "./programming-language-http.svg.js";
+import * as Jr from "./programming-language-java.svg.js";
+import * as Kr from "./programming-language-javascript.svg.js";
+import * as Or from "./programming-language-json.svg.js";
+import * as Nr from "./programming-language-kotlin.svg.js";
+import * as Wr from "./programming-language-node.svg.js";
+import * as $r from "./programming-language-objc.svg.js";
+import * as Vr from "./programming-language-ocaml.svg.js";
+import * as qr from "./programming-language-php.svg.js";
+import * as zr from "./programming-language-powershell.svg.js";
+import * as Qr from "./programming-language-python.svg.js";
+import * as Xr from "./programming-language-r.svg.js";
+import * as Yr from "./programming-language-ruby.svg.js";
+import * as Zr from "./programming-language-scala.svg.js";
+import * as _r from "./programming-language-shell.svg.js";
+import * as ro from "./programming-language-swift.svg.js";
+import * as oo from "./programming-language-typescript.svg.js";
+import * as mo from "./programming-script-code.svg.js";
+import * as ao from "./programming-tool-git.svg.js";
+import * as go from "./programming-tool-tailwindcss.svg.js";
 const m = /* @__PURE__ */ Object.assign({
-  "./Add.svg": g,
-  "./ArrowLeft.svg": a,
-  "./ArrowRight.svg": s,
-  "./Background.svg": i,
-  "./Brackets.svg": p,
-  "./Branch.svg": e,
-  "./CallToAction.svg": t,
-  "./Changelog.svg": n,
-  "./Checkmark.svg": v,
-  "./ChevronDown.svg": f,
-  "./ChevronLeft.svg": l,
-  "./ChevronRight.svg": u,
-  "./ChevronUp.svg": c,
-  "./Clipboard.svg": L,
-  "./Close.svg": d,
-  "./CodeFolder.svg": h,
-  "./Collection.svg": k,
-  "./Cookie.svg": w,
-  "./DarkMode.svg": C,
-  "./Delete.svg": D,
-  "./Discord.svg": P,
+  "./Add.svg": a,
+  "./AddTab.svg": g,
+  "./ArrowLeft.svg": s,
+  "./ArrowRight.svg": i,
+  "./Background.svg": p,
+  "./Brackets.svg": e,
+  "./Branch.svg": t,
+  "./CallToAction.svg": n,
+  "./Changelog.svg": v,
+  "./Checkmark.svg": f,
+  "./ChevronDown.svg": l,
+  "./ChevronLeft.svg": u,
+  "./ChevronRight.svg": c,
+  "./ChevronUp.svg": L,
+  "./Clipboard.svg": d,
+  "./Close.svg": h,
+  "./CloseTab.svg": k,
+  "./CloseTabs.svg": C,
+  "./CodeFolder.svg": w,
+  "./Collection.svg": T,
+  "./Cookie.svg": b,
+  "./DarkMode.svg": D,
+  "./Delete.svg": P,
+  "./Discord.svg": A,
   "./DiscordLine.svg": S,
-  "./DocsPage.svg": T,
-  "./Download.svg": b,
-  "./Duplicate.svg": y,
-  "./Edit.svg": A,
-  "./Ellipses.svg": H,
-  "./Email.svg": j,
-  "./Error.svg": E,
-  "./Example.svg": F,
-  "./ExternalLink.svg": M,
-  "./FilterList.svg": U,
-  "./Folder.svg": R,
-  "./GitHub.svg": G,
-  "./GitHubLine.svg": x,
-  "./Google.svg": I,
-  "./Help.svg": B,
-  "./Hide.svg": J,
-  "./History.svg": K,
-  "./House.svg": O,
-  "./Import.svg": N,
-  "./Info.svg": W,
-  "./Key.svg": $,
-  "./Leave.svg": V,
-  "./LightDarkModeToggle.svg": q,
-  "./LightMode.svg": z,
-  "./Link.svg": Q,
-  "./Lock.svg": X,
-  "./Logo.svg": Y,
-  "./LogoAPI.svg": Z,
-  "./LogoClient.svg": _,
-  "./LogoMarket.svg": rr,
-  "./LogoSwagger.svg": or,
-  "./Magic.svg": mr,
-  "./Menu.svg": gr,
-  "./Page.svg": ar,
-  "./PaperAirplane.svg": sr,
-  "./Payment.svg": ir,
-  "./Pencil.svg": pr,
-  "./Play.svg": er,
-  "./Refresh.svg": tr,
-  "./Roadmap.svg": nr,
-  "./Search.svg": vr,
-  "./Server.svg": fr,
-  "./Show.svg": lr,
-  "./Sort.svg": ur,
-  "./Terminal.svg": cr,
-  "./ThumbsDown.svg": Lr,
-  "./ThumbsUp.svg": dr,
-  "./Trash.svg": hr,
-  "./Unlock.svg": kr,
-  "./Upload.svg": wr,
-  "./UploadSimple.svg": Cr,
-  "./User.svg": Dr,
-  "./Workspace.svg": Pr,
+  "./DocsPage.svg": y,
+  "./Download.svg": H,
+  "./Duplicate.svg": j,
+  "./Edit.svg": E,
+  "./Ellipses.svg": F,
+  "./Email.svg": M,
+  "./Error.svg": U,
+  "./Example.svg": R,
+  "./ExternalLink.svg": G,
+  "./FilterList.svg": x,
+  "./Folder.svg": I,
+  "./GitHub.svg": B,
+  "./GitHubLine.svg": J,
+  "./Google.svg": K,
+  "./Help.svg": O,
+  "./Hide.svg": N,
+  "./History.svg": W,
+  "./House.svg": $,
+  "./Import.svg": V,
+  "./Info.svg": q,
+  "./Key.svg": z,
+  "./Leave.svg": Q,
+  "./LightDarkModeToggle.svg": X,
+  "./LightMode.svg": Y,
+  "./Link.svg": Z,
+  "./Lock.svg": _,
+  "./Logo.svg": rr,
+  "./LogoAPI.svg": or,
+  "./LogoClient.svg": mr,
+  "./LogoMarket.svg": ar,
+  "./LogoSwagger.svg": gr,
+  "./Magic.svg": sr,
+  "./Menu.svg": ir,
+  "./Page.svg": pr,
+  "./PaperAirplane.svg": er,
+  "./Payment.svg": tr,
+  "./Pencil.svg": nr,
+  "./Play.svg": vr,
+  "./Refresh.svg": fr,
+  "./Roadmap.svg": lr,
+  "./Search.svg": ur,
+  "./Server.svg": cr,
+  "./Show.svg": Lr,
+  "./Sort.svg": dr,
+  "./Terminal.svg": hr,
+  "./ThumbsDown.svg": kr,
+  "./ThumbsUp.svg": Cr,
+  "./Trash.svg": wr,
+  "./Unlock.svg": Tr,
+  "./Upload.svg": br,
+  "./UploadSimple.svg": Dr,
+  "./User.svg": Pr,
+  "./Workspace.svg": Ar,
   "./programming-framework-angular.svg": Sr,
-  "./programming-framework-astro.svg": Tr,
-  "./programming-framework-laravel.svg": br,
-  "./programming-framework-nextdotjs.svg": yr,
-  "./programming-framework-react.svg": Ar,
-  "./programming-framework-vuedotjs.svg": Hr,
-  "./programming-language-c.svg": jr,
-  "./programming-language-clojure.svg": Er,
-  "./programming-language-csharp.svg": Fr,
-  "./programming-language-css3.svg": Mr,
-  "./programming-language-go.svg": Ur,
-  "./programming-language-html5.svg": Rr,
-  "./programming-language-http.svg": Gr,
-  "./programming-language-java.svg": xr,
-  "./programming-language-javascript.svg": Ir,
-  "./programming-language-json.svg": Br,
-  "./programming-language-kotlin.svg": Jr,
-  "./programming-language-node.svg": Kr,
-  "./programming-language-objc.svg": Or,
-  "./programming-language-ocaml.svg": Nr,
-  "./programming-language-php.svg": Wr,
-  "./programming-language-powershell.svg": $r,
-  "./programming-language-python.svg": Vr,
-  "./programming-language-r.svg": qr,
-  "./programming-language-ruby.svg": zr,
-  "./programming-language-scala.svg": Qr,
-  "./programming-language-shell.svg": Xr,
-  "./programming-language-swift.svg": Yr,
-  "./programming-language-typescript.svg": Zr,
-  "./programming-script-code.svg": _r,
-  "./programming-tool-git.svg": ro,
-  "./programming-tool-tailwindcss.svg": oo
-}), mo = (r) => {
+  "./programming-framework-astro.svg": yr,
+  "./programming-framework-laravel.svg": Hr,
+  "./programming-framework-nextdotjs.svg": jr,
+  "./programming-framework-react.svg": Er,
+  "./programming-framework-vuedotjs.svg": Fr,
+  "./programming-language-c.svg": Mr,
+  "./programming-language-clojure.svg": Ur,
+  "./programming-language-csharp.svg": Rr,
+  "./programming-language-css3.svg": Gr,
+  "./programming-language-go.svg": xr,
+  "./programming-language-html5.svg": Ir,
+  "./programming-language-http.svg": Br,
+  "./programming-language-java.svg": Jr,
+  "./programming-language-javascript.svg": Kr,
+  "./programming-language-json.svg": Or,
+  "./programming-language-kotlin.svg": Nr,
+  "./programming-language-node.svg": Wr,
+  "./programming-language-objc.svg": $r,
+  "./programming-language-ocaml.svg": Vr,
+  "./programming-language-php.svg": qr,
+  "./programming-language-powershell.svg": zr,
+  "./programming-language-python.svg": Qr,
+  "./programming-language-r.svg": Xr,
+  "./programming-language-ruby.svg": Yr,
+  "./programming-language-scala.svg": Zr,
+  "./programming-language-shell.svg": _r,
+  "./programming-language-swift.svg": ro,
+  "./programming-language-typescript.svg": oo,
+  "./programming-script-code.svg": mo,
+  "./programming-tool-git.svg": ao,
+  "./programming-tool-tailwindcss.svg": go
+}), so = (r) => {
   const o = `./${r}.svg`;
   return m[o] ? m[o] : (console.warn(`Could not find icon: ${r}`), null);
 };
 export {
-  mo as getIcon
+  so as getIcon
 };

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

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
     component: import("vue").DefineComponent<{
         size: {
-            type: import("vue").PropType<"sm" | "md" | "xs" | "full" | "xxs">;
+            type: import("vue").PropType<"xs" | "sm" | "md" | "full" | "xxs">;
             default: string;
         };
         label: {
@@ -17,7 +17,7 @@ declare const meta: {
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
+            type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
             required: true;
         };
         thickness: {
@@ -25,7 +25,7 @@ declare const meta: {
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<"sm" | "md" | "xs" | "full" | "xxs">;
+            type: import("vue").PropType<"xs" | "sm" | "md" | "full" | "xxs">;
             default: string;
         };
         label: {
@@ -40,21 +40,21 @@ declare const meta: {
             type: import("vue").PropType<boolean>;
         };
         icon: {
-            type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
+            type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
             required: true;
         };
         thickness: {
             type: import("vue").PropType<string>;
         };
     }>>, {
-        size: "sm" | "md" | "xs" | "full" | "xxs";
+        size: "xs" | "sm" | "md" | "full" | "xxs";
         variant: string;
     }, {}>;
     tags: string[];
     argTypes: {
         icon: {
             control: "select";
-            options: readonly ["Add", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DiscordLine", "DocsPage", "Download", "Duplicate", "Edit", "Ellipses", "Email", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "GitHubLine", "Google", "Help", "Hide", "History", "House", "Import", "Info", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Pencil", "Play", "Refresh", "Roadmap", "Search", "Server", "Show", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "UploadSimple", "User", "Workspace", "programming-framework-angular", "programming-framework-astro", "programming-framework-laravel", "programming-framework-nextdotjs", "programming-framework-react", "programming-framework-vuedotjs", "programming-language-c", "programming-language-clojure", "programming-language-csharp", "programming-language-css3", "programming-language-go", "programming-language-html5", "programming-language-http", "programming-language-java", "programming-language-javascript", "programming-language-json", "programming-language-kotlin", "programming-language-node", "programming-language-objc", "programming-language-ocaml", "programming-language-php", "programming-language-powershell", "programming-language-python", "programming-language-r", "programming-language-ruby", "programming-language-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
+            options: readonly ["Add", "AddTab", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CloseTab", "CloseTabs", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DiscordLine", "DocsPage", "Download", "Duplicate", "Edit", "Ellipses", "Email", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "GitHubLine", "Google", "Help", "Hide", "History", "House", "Import", "Info", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Pencil", "Play", "Refresh", "Roadmap", "Search", "Server", "Show", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "UploadSimple", "User", "Workspace", "programming-framework-angular", "programming-framework-astro", "programming-framework-laravel", "programming-framework-nextdotjs", "programming-framework-react", "programming-framework-vuedotjs", "programming-language-c", "programming-language-clojure", "programming-language-csharp", "programming-language-css3", "programming-language-go", "programming-language-html5", "programming-language-http", "programming-language-java", "programming-language-javascript", "programming-language-json", "programming-language-kotlin", "programming-language-node", "programming-language-objc", "programming-language-ocaml", "programming-language-php", "programming-language-powershell", "programming-language-python", "programming-language-r", "programming-language-ruby", "programming-language-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
         };
         size: {
             control: "select";

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

@@ -2,7 +2,7 @@ import type { VariantProps } from 'cva';
 import { type Icon } from '../ScalarIcon';
 type Variants = VariantProps<typeof variants>;
 declare const variants: (props?: ({
-    size?: "sm" | "md" | "xs" | "full" | "xxs" | undefined;
+    size?: "xs" | "sm" | "md" | "full" | "xxs" | undefined;
     disabled?: boolean | undefined;
     variant?: string | undefined;
 } & ({
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     variant: string;
     size: string;
 }>>>, {
-    size: "sm" | "md" | "xs" | "full" | "xxs";
+    size: "xs" | "sm" | "md" | "full" | "xxs";
     variant: string;
 }, {}>;
 export default _default;

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

@@ -4,10 +4,6 @@ import type { StoryObj } from '@storybook/vue3';
  */
 declare const meta: {
     component: import("vue").DefineComponent<{
-        size: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         loadingState: {
             type: import("vue").PropType<{
                 isValid: boolean;
@@ -21,11 +17,10 @@ declare const meta: {
             }>;
             required: true;
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<string>;
-            default: string;
+            type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
         };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         loadingState: {
             type: import("vue").PropType<{
                 isValid: boolean;
@@ -39,16 +34,12 @@ declare const meta: {
             }>;
             required: true;
         };
-    }>>, {
-        size: string;
-    }, {}>;
-    tags: string[];
-    argTypes: {
         size: {
-            control: "text";
-            default: string;
+            type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
         };
-    };
+    }>>, {}, {}>;
+    tags: string[];
+    argTypes: {};
     render: () => {
         components: {
             ScalarButton: {
@@ -214,10 +205,6 @@ declare const meta: {
                 };
             });
             ScalarLoading: import("vue").DefineComponent<{
-                size: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 loadingState: {
                     type: import("vue").PropType<{
                         isValid: boolean;
@@ -231,11 +218,10 @@ declare const meta: {
                     }>;
                     required: true;
                 };
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 size: {
-                    type: import("vue").PropType<string>;
-                    default: string;
+                    type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
                 };
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 loadingState: {
                     type: import("vue").PropType<{
                         isValid: boolean;
@@ -249,9 +235,10 @@ declare const meta: {
                     }>;
                     required: true;
                 };
-            }>>, {
-                size: string;
-            }, {}>;
+                size: {
+                    type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">;
+                };
+            }>>, {}, {}>;
         };
         setup(this: void): {
             loadingState: {