@scalar/components 0.12.44 → 0.12.46

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

@@ -1,45 +1,45 @@
-import * as a from "./Add.svg.js";
-import * as g from "./AddTab.svg.js";
+import * as g from "./Add.svg.js";
+import * as a 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 y from "./DocsPage.svg.js";
-import * as H from "./Download.svg.js";
+import * as p from "./Brackets.svg.js";
+import * as e from "./Branch.svg.js";
+import * as t from "./Changelog.svg.js";
+import * as n from "./Checkmark.svg.js";
+import * as v from "./ChevronDown.svg.js";
+import * as f from "./ChevronLeft.svg.js";
+import * as l from "./ChevronRight.svg.js";
+import * as u from "./ChevronUp.svg.js";
+import * as c from "./Clipboard.svg.js";
+import * as L from "./Close.svg.js";
+import * as d from "./CloseTab.svg.js";
+import * as h from "./CloseTabs.svg.js";
+import * as C from "./Cloud.svg.js";
+import * as k from "./CodeFolder.svg.js";
+import * as w from "./Cog.svg.js";
+import * as b from "./Collection.svg.js";
+import * as D from "./Cookie.svg.js";
+import * as T from "./DarkMode.svg.js";
+import * as S from "./Delete.svg.js";
+import * as P from "./Discord.svg.js";
+import * as A from "./DiscordLine.svg.js";
+import * as H from "./DocsPage.svg.js";
+import * as U 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 y from "./Edit.svg.js";
+import * as E from "./Ellipses.svg.js";
+import * as F from "./Email.svg.js";
+import * as M 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 W from "./GitHubLine.svg.js";
+import * as J from "./Google.svg.js";
+import * as K from "./Help.svg.js";
+import * as O from "./Hide.svg.js";
+import * as N from "./History.svg.js";
 import * as $ from "./House.svg.js";
 import * as V from "./Import.svg.js";
 import * as q from "./Info.svg.js";
@@ -52,105 +52,106 @@ 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 gr from "./LogoMarket.svg.js";
+import * as ar 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 tr from "./Pencil.svg.js";
+import * as nr from "./Play.svg.js";
+import * as vr from "./Refresh.svg.js";
+import * as fr from "./Roadmap.svg.js";
+import * as lr from "./Search.svg.js";
+import * as ur from "./Server.svg.js";
+import * as cr from "./Show.svg.js";
+import * as Lr from "./Sort.svg.js";
+import * as dr from "./Terminal.svg.js";
+import * as hr 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 kr from "./Trash.svg.js";
+import * as wr 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 Tr from "./User.svg.js";
+import * as Sr from "./Users.svg.js";
+import * as Pr from "./Wallet.svg.js";
 import * as Ar from "./Workspace.svg.js";
-import * as Sr from "./programming-framework-angular.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 Hr from "./programming-framework-angular.svg.js";
+import * as Ur from "./programming-framework-astro.svg.js";
+import * as jr from "./programming-framework-laravel.svg.js";
+import * as yr 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 Rr from "./programming-language-clojure.svg.js";
+import * as Gr from "./programming-language-csharp.svg.js";
+import * as xr from "./programming-language-css3.svg.js";
+import * as Ir from "./programming-language-go.svg.js";
+import * as Br from "./programming-language-html5.svg.js";
+import * as Wr 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 $r from "./programming-language-node.svg.js";
+import * as Vr from "./programming-language-objc.svg.js";
+import * as qr from "./programming-language-ocaml.svg.js";
+import * as zr from "./programming-language-php.svg.js";
+import * as Qr from "./programming-language-powershell.svg.js";
+import * as Xr from "./programming-language-python.svg.js";
+import * as Yr from "./programming-language-r.svg.js";
+import * as Zr from "./programming-language-ruby.svg.js";
+import * as _r from "./programming-language-scala.svg.js";
+import * as ro from "./programming-language-shell.svg.js";
+import * as oo from "./programming-language-swift.svg.js";
+import * as mo from "./programming-language-typescript.svg.js";
+import * as go from "./programming-script-code.svg.js";
 import * as ao from "./programming-tool-git.svg.js";
-import * as go from "./programming-tool-tailwindcss.svg.js";
+import * as so from "./programming-tool-tailwindcss.svg.js";
 const m = /* @__PURE__ */ Object.assign({
-  "./Add.svg": a,
-  "./AddTab.svg": g,
+  "./Add.svg": g,
+  "./AddTab.svg": a,
   "./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": y,
-  "./Download.svg": H,
+  "./Brackets.svg": p,
+  "./Branch.svg": e,
+  "./Changelog.svg": t,
+  "./Checkmark.svg": n,
+  "./ChevronDown.svg": v,
+  "./ChevronLeft.svg": f,
+  "./ChevronRight.svg": l,
+  "./ChevronUp.svg": u,
+  "./Clipboard.svg": c,
+  "./Close.svg": L,
+  "./CloseTab.svg": d,
+  "./CloseTabs.svg": h,
+  "./Cloud.svg": C,
+  "./CodeFolder.svg": k,
+  "./Cog.svg": w,
+  "./Collection.svg": b,
+  "./Cookie.svg": D,
+  "./DarkMode.svg": T,
+  "./Delete.svg": S,
+  "./Discord.svg": P,
+  "./DiscordLine.svg": A,
+  "./DocsPage.svg": H,
+  "./Download.svg": U,
   "./Duplicate.svg": j,
-  "./Edit.svg": E,
-  "./Ellipses.svg": F,
-  "./Email.svg": M,
-  "./Error.svg": U,
+  "./Edit.svg": y,
+  "./Ellipses.svg": E,
+  "./Email.svg": F,
+  "./Error.svg": M,
   "./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,
+  "./GitHubLine.svg": W,
+  "./Google.svg": J,
+  "./Help.svg": K,
+  "./Hide.svg": O,
+  "./History.svg": N,
   "./House.svg": $,
   "./Import.svg": V,
   "./Info.svg": q,
@@ -163,66 +164,67 @@ const m = /* @__PURE__ */ Object.assign({
   "./Logo.svg": rr,
   "./LogoAPI.svg": or,
   "./LogoClient.svg": mr,
-  "./LogoMarket.svg": ar,
-  "./LogoSwagger.svg": gr,
+  "./LogoMarket.svg": gr,
+  "./LogoSwagger.svg": ar,
   "./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,
+  "./Pencil.svg": tr,
+  "./Play.svg": nr,
+  "./Refresh.svg": vr,
+  "./Roadmap.svg": fr,
+  "./Search.svg": lr,
+  "./Server.svg": ur,
+  "./Show.svg": cr,
+  "./Sort.svg": Lr,
+  "./Terminal.svg": dr,
+  "./ThumbsDown.svg": hr,
   "./ThumbsUp.svg": Cr,
-  "./Trash.svg": wr,
-  "./Unlock.svg": Tr,
+  "./Trash.svg": kr,
+  "./Unlock.svg": wr,
   "./Upload.svg": br,
   "./UploadSimple.svg": Dr,
-  "./User.svg": Pr,
+  "./User.svg": Tr,
+  "./Users.svg": Sr,
+  "./Wallet.svg": Pr,
   "./Workspace.svg": Ar,
-  "./programming-framework-angular.svg": Sr,
-  "./programming-framework-astro.svg": yr,
-  "./programming-framework-laravel.svg": Hr,
-  "./programming-framework-nextdotjs.svg": jr,
+  "./programming-framework-angular.svg": Hr,
+  "./programming-framework-astro.svg": Ur,
+  "./programming-framework-laravel.svg": jr,
+  "./programming-framework-nextdotjs.svg": yr,
   "./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-clojure.svg": Rr,
+  "./programming-language-csharp.svg": Gr,
+  "./programming-language-css3.svg": xr,
+  "./programming-language-go.svg": Ir,
+  "./programming-language-html5.svg": Br,
+  "./programming-language-http.svg": Wr,
   "./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-language-node.svg": $r,
+  "./programming-language-objc.svg": Vr,
+  "./programming-language-ocaml.svg": qr,
+  "./programming-language-php.svg": zr,
+  "./programming-language-powershell.svg": Qr,
+  "./programming-language-python.svg": Xr,
+  "./programming-language-r.svg": Yr,
+  "./programming-language-ruby.svg": Zr,
+  "./programming-language-scala.svg": _r,
+  "./programming-language-shell.svg": ro,
+  "./programming-language-swift.svg": oo,
+  "./programming-language-typescript.svg": mo,
+  "./programming-script-code.svg": go,
   "./programming-tool-git.svg": ao,
-  "./programming-tool-tailwindcss.svg": go
-}), so = (r) => {
+  "./programming-tool-tailwindcss.svg": so
+}), io = (r) => {
   const o = `./${r}.svg`;
   return m[o] ? m[o] : (console.warn(`Could not find icon: ${r}`), null);
 };
 export {
-  so as getIcon
+  io as getIcon
 };

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" | "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">;
+            type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "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" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "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" | "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">;
+            type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "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" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "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", "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"];
+            options: readonly ["Add", "AddTab", "ArrowLeft", "ArrowRight", "Brackets", "Branch", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CloseTab", "CloseTabs", "Cloud", "CodeFolder", "Cog", "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", "Pencil", "Play", "Refresh", "Roadmap", "Search", "Server", "Show", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "UploadSimple", "User", "Users", "Wallet", "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/ScalarListbox/ScalarListbox.stories.d.ts

@@ -14,7 +14,10 @@ declare const meta: {
                 required: true;
             };
             placement: {
-                type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            };
+            targetRef: {
+                type: import("vue").PropType<HTMLElement>;
             };
             isOpen: {
                 type: import("vue").PropType<boolean>;
@@ -48,7 +51,10 @@ declare const meta: {
                 required: true;
             };
             placement: {
-                type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            };
+            targetRef: {
+                type: import("vue").PropType<HTMLElement>;
             };
             isOpen: {
                 type: import("vue").PropType<boolean>;
@@ -89,7 +95,10 @@ declare const meta: {
                 required: true;
             };
             placement: {
-                type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            };
+            targetRef: {
+                type: import("vue").PropType<HTMLElement>;
             };
             isOpen: {
                 type: import("vue").PropType<boolean>;
@@ -127,7 +136,10 @@ declare const meta: {
             required: true;
         };
         placement: {
-            type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+        };
+        targetRef: {
+            type: import("vue").PropType<HTMLElement>;
         };
         isOpen: {
             type: import("vue").PropType<boolean>;

package/dist/components/ScalarListbox/ScalarListbox.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarListbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAErC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAY4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAkClB,CAAA"}
+{"version":3,"file":"ScalarListbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAErC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAY4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAkClB,CAAA"}

package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"AAyHA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAExE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAsDrC,iBAAS,cAAc;qBA8KO,GAAG;EAuBhC;AACD,QAAA,MAAM,eAAe;IAvPf;;;;OAIG;eACQ,OAAO;aACT,MAAM,EAAE;iBACJ,MAAM,GAAG,MAAM,EAAE;gBAClB,OAAO;SACd,MAAM;;;;;;IATX;;;;OAIG;eACQ,OAAO;aACT,MAAM,EAAE;iBACJ,MAAM,GAAG,MAAM,EAAE;gBAClB,OAAO;SACd,MAAM;;;;;;cAJA,OAAO;MAyPtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"AA2HA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAExE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAsDrC,iBAAS,cAAc;qBA4KO,GAAG;EAuBhC;AACD,QAAA,MAAM,eAAe;IArPf;;;;OAIG;eACQ,OAAO;aACT,MAAM,EAAE;iBACJ,MAAM,GAAG,MAAM,EAAE;gBAClB,OAAO;SACd,MAAM;;;;;;IATX;;;;OAIG;eACQ,OAAO;aACT,MAAM,EAAE;iBACJ,MAAM,GAAG,MAAM,EAAE;gBAClB,OAAO;SACd,MAAM;;;;;;cAJA,OAAO;MAuPtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/ScalarListbox/ScalarListbox.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as b, openBlock as i, createBlock as u, unref as t, normalizeClass as n, withCtx as l, createVNode as a, mergeProps as y, createElementBlock as g, Fragment as v, renderList as h, createElementVNode as o, toDisplayString as x, renderSlot as B } from "vue";
+import { defineComponent as b, openBlock as n, createBlock as u, unref as t, normalizeClass as s, withCtx as a, createVNode as r, mergeProps as g, createElementBlock as y, Fragment as v, renderList as x, createElementVNode as o, toDisplayString as h, renderSlot as B } from "vue";
 import { Listbox as V, ListboxOptions as k, ListboxOption as z, ListboxButton as w } from "@headlessui/vue";
 import { cva as L, cx as O } from "../../cva.js";
 import S from "../ScalarFloating/ScalarFloating.vue.js";
-import _ from "../ScalarIcon/ScalarIcon.vue.js";
-const C = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, $ = /* @__PURE__ */ o("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-md brightness-lifted" }, null, -1), F = /* @__PURE__ */ b({
+import C from "../ScalarIcon/ScalarIcon.vue.js";
+const $ = /* @__PURE__ */ o("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-md brightness-lifted" }, null, -1), D = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "ScalarListbox",
   props: {
@@ -14,11 +14,12 @@ const C = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, $ = /* @__
     id: {},
     placement: {},
     resize: { type: Boolean },
+    targetRef: {},
     isOpen: { type: Boolean },
     teleport: { type: [Boolean, String] }
   },
   emits: ["update:modelValue"],
-  setup(j) {
+  setup(_) {
     const m = L({
       base: [
         // Layout
@@ -36,48 +37,50 @@ const C = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, $ = /* @__
         disabled: { true: "pointer-events-none opacity-50" }
       }
     });
-    return (e, d) => (i(), u(t(V), {
+    return (e, d) => (n(), u(t(V), {
       as: "div",
-      class: n([{ "w-full": e.fullWidth }, "text-sm"]),
+      class: s([{ "w-full": e.fullWidth }, "text-sm"]),
       modelValue: e.modelValue,
       multiple: e.multiple,
-      "onUpdate:modelValue": d[0] || (d[0] = (r) => e.$emit("update:modelValue", r))
+      "onUpdate:modelValue": d[0] || (d[0] = (i) => e.$emit("update:modelValue", i))
     }, {
-      default: l(({ open: r }) => [
-        a(t(S), {
-          isOpen: r ?? e.isOpen,
+      default: a(({ open: i }) => [
+        r(t(S), {
+          isOpen: i ?? e.isOpen,
           placement: e.placement ?? "bottom-start",
           resize: e.resize,
           teleport: e.teleport
         }, {
-          floating: l(({ width: f }) => [
-            a(t(k), y({
+          floating: a(({ width: f }) => [
+            r(t(k), g({
               class: "relative flex w-40 flex-col rounded border p-0.75",
               style: { width: f }
             }, e.$attrs), {
-              default: l(() => [
-                (i(!0), g(v, null, h(e.options, (s) => (i(), u(t(z), {
-                  key: s.id,
+              default: a(() => [
+                (n(!0), y(v, null, x(e.options, (l) => (n(), u(t(z), {
+                  key: l.id,
                   as: "template",
-                  disabled: s.disabled,
-                  value: s
+                  disabled: l.disabled,
+                  value: l
                 }, {
-                  default: l(({ active: c, selected: p }) => [
+                  default: a(({ active: c, selected: p }) => [
                     o("li", {
-                      class: n(
-                        t(O)(t(m)({ active: c, selected: p, disabled: s.disabled }))
+                      class: s(
+                        t(O)(t(m)({ active: c, selected: p, disabled: l.disabled }))
                       )
                     }, [
                       o("div", {
-                        class: n(["flex size-4 items-center justify-center rounded-full p-[3px] group-hover:shadow-border", p ? "bg-blue text-b-1" : "text-transparent"])
+                        class: s(["flex size-4 items-center justify-center rounded-full p-[3px] group-hover:shadow-border", p ? "bg-blue text-b-1" : "text-transparent"])
                       }, [
-                        a(t(_), {
+                        r(t(C), {
                           class: "relative top-[0.5px] size-2.5",
                           icon: "Checkmark",
                           thickness: "2.5"
                         })
                       ], 2),
-                      o("span", C, x(s.label), 1)
+                      o("span", {
+                        class: s(["inline-block min-w-0 flex-1 truncate", l.color ? l.color : "text-c-1"])
+                      }, h(l.label), 3)
                     ], 2)
                   ]),
                   _: 2
@@ -87,13 +90,13 @@ const C = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, $ = /* @__
               _: 2
             }, 1040, ["style"])
           ]),
-          default: l(() => [
-            a(t(w), {
+          default: a(() => [
+            r(t(w), {
               id: e.id,
               as: "template",
               class: "justify-start"
             }, {
-              default: l(() => [
+              default: a(() => [
                 B(e.$slots, "default")
               ]),
               _: 3
@@ -107,5 +110,5 @@ const C = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, $ = /* @__
   }
 });
 export {
-  F as default
+  D as default
 };

package/dist/components/ScalarModal/ScalarModal.vue.js

@@ -1,9 +1,9 @@
 import o from "./ScalarModal.vue2.js";
-import { useModal as d } from "./ScalarModal.vue2.js";
+import { useModal as s } from "./ScalarModal.vue2.js";
 /* empty css                 */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-026cfd1c"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-53795735"]]);
 export {
-  f as default,
-  d as useModal
+  p as default,
+  s as useModal
 };