@scalar/components 0.12.55 → 0.12.57

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.vue"],"names":[],"mappings":"AAuFA,iBAAS,cAAc;qBA2FM,GAAG;EAiB/B;AACD,QAAA,MAAM,eAAe;aAzIV,OAAO;eACL,OAAO;YACV,OAAO,GAAG,UAAU;kBACd,OAAO;;aAHZ,OAAO;eACL,OAAO;YACV,OAAO,GAAG,UAAU;kBACd,OAAO;iGA4IrB,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"}
+{"version":3,"file":"ScalarComboboxOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.vue"],"names":[],"mappings":"AAyFA,iBAAS,cAAc;qBA8FM,GAAG;EAiB/B;AACD,QAAA,MAAM,eAAe;aA5IV,OAAO;eACL,OAAO;YACV,OAAO,GAAG,UAAU;kBACd,OAAO;;aAHZ,OAAO;eACL,OAAO;YACV,OAAO,GAAG,UAAU;kBACd,OAAO;iGA+IrB,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"}

package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as c, openBlock as r, createElementBlock as i, normalizeClass as s, unref as t, createElementVNode as a, createVNode as p, renderSlot as d, createBlock as m, withModifiers as u, createCommentVNode as b } from "vue";
+import { defineComponent as l, openBlock as r, createElementBlock as i, normalizeClass as s, unref as t, createElementVNode as a, createVNode as p, renderSlot as d, createBlock as m, withModifiers as u, createCommentVNode as b } from "vue";
 import { cva as f, cx as v } from "../../cva.js";
 import n from "../ScalarIcon/ScalarIcon.vue.js";
-const k = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, C = /* @__PURE__ */ c({
+const k = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, C = /* @__PURE__ */ l({
   __name: "ScalarComboboxOption",
   props: {
     active: { type: Boolean },
@@ -10,7 +10,7 @@ const k = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, C = /* @__
     isDeletable: { type: Boolean }
   },
   setup(x) {
-    const l = f({
+    const c = f({
       base: [
         // Layout
         "group",
@@ -26,11 +26,11 @@ const k = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, C = /* @__
       }
     });
     return (e, o) => (r(), i("li", {
-      class: s(t(v)(t(l)({ active: e.active, selected: e.selected }), "group"))
+      class: s(t(v)(t(c)({ active: e.active, selected: e.selected }), "group"))
     }, [
       a("div", {
-        class: s(["flex size-4 items-center justify-center p-0.75 group-hover:shadow-border", [
-          e.selected ? "bg-blue text-b-1" : "text-transparent",
+        class: s(["flex size-4 items-center justify-center p-0.75", [
+          e.selected ? "bg-c-accent text-b-1" : "text-transparent group-hover:shadow-border",
           e.style === "checkbox" ? "rounded" : "rounded-full"
         ]])
       }, [

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

@@ -15,7 +15,7 @@ declare const meta: {
     argTypes: {
         icon: {
             control: "select";
-            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", "Scribble", "Search", "Server", "Settings", "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"];
+            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", "Scribble", "Search", "Server", "Settings", "Show", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Unwatch", "Upload", "UploadSimple", "User", "Users", "Wallet", "Watch", "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/ScalarIcon/icons/Unwatch.svg.js

@@ -0,0 +1,21 @@
+import { openBlock as o, createElementBlock as n, createElementVNode as t } from "vue";
+const r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function l(c, e) {
+  return o(), n("svg", r, e[0] || (e[0] = [
+    t("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M4.9 19.1c-3.038-3.038-3.71-7.592-2.015-11.3M7.8 16.2c-1.397-1.397-1.945-3.346-1.646-5.2M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5m2.9-11.4C23 8.8 23 15.1 19.1 19m-8.423-8.5a2 2 0 0 1 2.75 2.901M22 22 2 2"
+    }, null, -1)
+  ]));
+}
+const d = { render: l };
+export {
+  d as default,
+  l as render
+};

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

@@ -0,0 +1,21 @@
+import { openBlock as o, createElementBlock as t, createElementVNode as n } from "vue";
+const r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function l(c, e) {
+  return o(), t("svg", r, e[0] || (e[0] = [
+    n("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M4.9 19.1C1 15.2 1 8.8 4.9 4.9m2.9 11.3c-2.3-2.3-2.3-6.1 0-8.5m8.4.1c2.3 2.3 2.3 6.1 0 8.5m2.9-11.4C23 8.8 23 15.1 19.1 19M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0"
+    }, null, -1)
+  ]));
+}
+const d = { render: l };
+export {
+  d as default,
+  l as render
+};

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

@@ -1,2 +1,2 @@
-export declare const ICONS: 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", "Scribble", "Search", "Server", "Settings", "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"];
+export declare const ICONS: 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", "Scribble", "Search", "Server", "Settings", "Show", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Unwatch", "Upload", "UploadSimple", "User", "Users", "Wallet", "Watch", "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,k2DAkHR,CAAA"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarIcon/icons/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,s3DAoHR,CAAA"}

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

@@ -3,8 +3,8 @@ 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 "./Brackets.svg.js";
-import * as e from "./Branch.svg.js";
-import * as t from "./Changelog.svg.js";
+import * as t from "./Branch.svg.js";
+import * as e 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";
@@ -21,10 +21,10 @@ import * as b from "./Collection.svg.js";
 import * as D from "./Cookie.svg.js";
 import * as S from "./DarkMode.svg.js";
 import * as T 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 U from "./Discord.svg.js";
+import * as P from "./DiscordLine.svg.js";
+import * as A from "./DocsPage.svg.js";
+import * as H from "./Download.svg.js";
 import * as j from "./Duplicate.svg.js";
 import * as y from "./Edit.svg.js";
 import * as E from "./Ellipses.svg.js";
@@ -34,8 +34,8 @@ 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 W from "./GitHubLine.svg.js";
+import * as W from "./GitHub.svg.js";
+import * as B 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";
@@ -57,8 +57,8 @@ 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 "./Pencil.svg.js";
+import * as tr from "./PaperAirplane.svg.js";
+import * as er 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";
@@ -73,52 +73,54 @@ import * as kr from "./ThumbsDown.svg.js";
 import * as wr from "./ThumbsUp.svg.js";
 import * as br from "./Trash.svg.js";
 import * as Dr from "./Unlock.svg.js";
-import * as Sr from "./Upload.svg.js";
-import * as Tr from "./UploadSimple.svg.js";
+import * as Sr from "./Unwatch.svg.js";
+import * as Tr from "./Upload.svg.js";
+import * as Ur from "./UploadSimple.svg.js";
 import * as Pr from "./User.svg.js";
 import * as Ar from "./Users.svg.js";
 import * as Hr from "./Wallet.svg.js";
-import * as Ur from "./Workspace.svg.js";
-import * as jr from "./programming-framework-angular.svg.js";
-import * as yr from "./programming-framework-astro.svg.js";
-import * as Er from "./programming-framework-laravel.svg.js";
-import * as Fr from "./programming-framework-nextdotjs.svg.js";
-import * as Mr from "./programming-framework-react.svg.js";
-import * as Rr from "./programming-framework-vuedotjs.svg.js";
-import * as Gr from "./programming-language-c.svg.js";
-import * as xr from "./programming-language-clojure.svg.js";
-import * as Ir from "./programming-language-csharp.svg.js";
-import * as Br from "./programming-language-css3.svg.js";
-import * as Wr from "./programming-language-go.svg.js";
-import * as Jr from "./programming-language-html5.svg.js";
-import * as Kr from "./programming-language-http.svg.js";
-import * as Or from "./programming-language-java.svg.js";
-import * as Nr from "./programming-language-javascript.svg.js";
-import * as $r from "./programming-language-json.svg.js";
-import * as Vr from "./programming-language-kotlin.svg.js";
-import * as qr from "./programming-language-node.svg.js";
-import * as zr from "./programming-language-objc.svg.js";
-import * as Qr from "./programming-language-ocaml.svg.js";
-import * as Xr from "./programming-language-php.svg.js";
-import * as Yr from "./programming-language-powershell.svg.js";
-import * as Zr from "./programming-language-python.svg.js";
-import * as _r from "./programming-language-r.svg.js";
-import * as ro from "./programming-language-ruby.svg.js";
-import * as oo from "./programming-language-scala.svg.js";
-import * as mo from "./programming-language-shell.svg.js";
-import * as go from "./programming-language-swift.svg.js";
-import * as ao from "./programming-language-typescript.svg.js";
-import * as so from "./programming-script-code.svg.js";
-import * as io from "./programming-tool-git.svg.js";
-import * as po from "./programming-tool-tailwindcss.svg.js";
+import * as jr from "./Watch.svg.js";
+import * as yr from "./Workspace.svg.js";
+import * as Er from "./programming-framework-angular.svg.js";
+import * as Fr from "./programming-framework-astro.svg.js";
+import * as Mr from "./programming-framework-laravel.svg.js";
+import * as Rr from "./programming-framework-nextdotjs.svg.js";
+import * as Gr from "./programming-framework-react.svg.js";
+import * as xr from "./programming-framework-vuedotjs.svg.js";
+import * as Ir from "./programming-language-c.svg.js";
+import * as Wr from "./programming-language-clojure.svg.js";
+import * as Br from "./programming-language-csharp.svg.js";
+import * as Jr from "./programming-language-css3.svg.js";
+import * as Kr from "./programming-language-go.svg.js";
+import * as Or from "./programming-language-html5.svg.js";
+import * as Nr from "./programming-language-http.svg.js";
+import * as $r from "./programming-language-java.svg.js";
+import * as Vr from "./programming-language-javascript.svg.js";
+import * as qr from "./programming-language-json.svg.js";
+import * as zr from "./programming-language-kotlin.svg.js";
+import * as Qr from "./programming-language-node.svg.js";
+import * as Xr from "./programming-language-objc.svg.js";
+import * as Yr from "./programming-language-ocaml.svg.js";
+import * as Zr from "./programming-language-php.svg.js";
+import * as _r from "./programming-language-powershell.svg.js";
+import * as ro from "./programming-language-python.svg.js";
+import * as oo from "./programming-language-r.svg.js";
+import * as mo from "./programming-language-ruby.svg.js";
+import * as go from "./programming-language-scala.svg.js";
+import * as ao from "./programming-language-shell.svg.js";
+import * as so from "./programming-language-swift.svg.js";
+import * as io from "./programming-language-typescript.svg.js";
+import * as po from "./programming-script-code.svg.js";
+import * as to from "./programming-tool-git.svg.js";
+import * as eo from "./programming-tool-tailwindcss.svg.js";
 const m = /* @__PURE__ */ Object.assign({
   "./Add.svg": g,
   "./AddTab.svg": a,
   "./ArrowLeft.svg": s,
   "./ArrowRight.svg": i,
   "./Brackets.svg": p,
-  "./Branch.svg": e,
-  "./Changelog.svg": t,
+  "./Branch.svg": t,
+  "./Changelog.svg": e,
   "./Checkmark.svg": n,
   "./ChevronDown.svg": v,
   "./ChevronLeft.svg": f,
@@ -135,10 +137,10 @@ const m = /* @__PURE__ */ Object.assign({
   "./Cookie.svg": D,
   "./DarkMode.svg": S,
   "./Delete.svg": T,
-  "./Discord.svg": P,
-  "./DiscordLine.svg": A,
-  "./DocsPage.svg": H,
-  "./Download.svg": U,
+  "./Discord.svg": U,
+  "./DiscordLine.svg": P,
+  "./DocsPage.svg": A,
+  "./Download.svg": H,
   "./Duplicate.svg": j,
   "./Edit.svg": y,
   "./Ellipses.svg": E,
@@ -148,8 +150,8 @@ const m = /* @__PURE__ */ Object.assign({
   "./ExternalLink.svg": G,
   "./FilterList.svg": x,
   "./Folder.svg": I,
-  "./GitHub.svg": B,
-  "./GitHubLine.svg": W,
+  "./GitHub.svg": W,
+  "./GitHubLine.svg": B,
   "./Google.svg": J,
   "./Help.svg": K,
   "./Hide.svg": O,
@@ -171,8 +173,8 @@ const m = /* @__PURE__ */ Object.assign({
   "./Magic.svg": sr,
   "./Menu.svg": ir,
   "./Page.svg": pr,
-  "./PaperAirplane.svg": er,
-  "./Pencil.svg": tr,
+  "./PaperAirplane.svg": tr,
+  "./Pencil.svg": er,
   "./Play.svg": nr,
   "./Refresh.svg": vr,
   "./Roadmap.svg": fr,
@@ -187,48 +189,50 @@ const m = /* @__PURE__ */ Object.assign({
   "./ThumbsUp.svg": wr,
   "./Trash.svg": br,
   "./Unlock.svg": Dr,
-  "./Upload.svg": Sr,
-  "./UploadSimple.svg": Tr,
+  "./Unwatch.svg": Sr,
+  "./Upload.svg": Tr,
+  "./UploadSimple.svg": Ur,
   "./User.svg": Pr,
   "./Users.svg": Ar,
   "./Wallet.svg": Hr,
-  "./Workspace.svg": Ur,
-  "./programming-framework-angular.svg": jr,
-  "./programming-framework-astro.svg": yr,
-  "./programming-framework-laravel.svg": Er,
-  "./programming-framework-nextdotjs.svg": Fr,
-  "./programming-framework-react.svg": Mr,
-  "./programming-framework-vuedotjs.svg": Rr,
-  "./programming-language-c.svg": Gr,
-  "./programming-language-clojure.svg": xr,
-  "./programming-language-csharp.svg": Ir,
-  "./programming-language-css3.svg": Br,
-  "./programming-language-go.svg": Wr,
-  "./programming-language-html5.svg": Jr,
-  "./programming-language-http.svg": Kr,
-  "./programming-language-java.svg": Or,
-  "./programming-language-javascript.svg": Nr,
-  "./programming-language-json.svg": $r,
-  "./programming-language-kotlin.svg": Vr,
-  "./programming-language-node.svg": qr,
-  "./programming-language-objc.svg": zr,
-  "./programming-language-ocaml.svg": Qr,
-  "./programming-language-php.svg": Xr,
-  "./programming-language-powershell.svg": Yr,
-  "./programming-language-python.svg": Zr,
-  "./programming-language-r.svg": _r,
-  "./programming-language-ruby.svg": ro,
-  "./programming-language-scala.svg": oo,
-  "./programming-language-shell.svg": mo,
-  "./programming-language-swift.svg": go,
-  "./programming-language-typescript.svg": ao,
-  "./programming-script-code.svg": so,
-  "./programming-tool-git.svg": io,
-  "./programming-tool-tailwindcss.svg": po
-}), eo = (r) => {
+  "./Watch.svg": jr,
+  "./Workspace.svg": yr,
+  "./programming-framework-angular.svg": Er,
+  "./programming-framework-astro.svg": Fr,
+  "./programming-framework-laravel.svg": Mr,
+  "./programming-framework-nextdotjs.svg": Rr,
+  "./programming-framework-react.svg": Gr,
+  "./programming-framework-vuedotjs.svg": xr,
+  "./programming-language-c.svg": Ir,
+  "./programming-language-clojure.svg": Wr,
+  "./programming-language-csharp.svg": Br,
+  "./programming-language-css3.svg": Jr,
+  "./programming-language-go.svg": Kr,
+  "./programming-language-html5.svg": Or,
+  "./programming-language-http.svg": Nr,
+  "./programming-language-java.svg": $r,
+  "./programming-language-javascript.svg": Vr,
+  "./programming-language-json.svg": qr,
+  "./programming-language-kotlin.svg": zr,
+  "./programming-language-node.svg": Qr,
+  "./programming-language-objc.svg": Xr,
+  "./programming-language-ocaml.svg": Yr,
+  "./programming-language-php.svg": Zr,
+  "./programming-language-powershell.svg": _r,
+  "./programming-language-python.svg": ro,
+  "./programming-language-r.svg": oo,
+  "./programming-language-ruby.svg": mo,
+  "./programming-language-scala.svg": go,
+  "./programming-language-shell.svg": ao,
+  "./programming-language-swift.svg": so,
+  "./programming-language-typescript.svg": io,
+  "./programming-script-code.svg": po,
+  "./programming-tool-git.svg": to,
+  "./programming-tool-tailwindcss.svg": eo
+}), no = (r) => {
   const o = `./${r}.svg`;
   return m[o] ? m[o] : (console.warn(`Could not find icon: ${r}`), null);
 };
 export {
-  eo as getIcon
+  no as getIcon
 };

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

@@ -22,7 +22,7 @@ declare const meta: {
     argTypes: {
         icon: {
             control: "select";
-            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", "Scribble", "Search", "Server", "Settings", "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"];
+            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", "Scribble", "Search", "Server", "Settings", "Show", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Unwatch", "Upload", "UploadSimple", "User", "Users", "Wallet", "Watch", "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.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"AAmIA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAExE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAyDrC,iBAAS,cAAc;qBAmMO,GAAG;EA2BhC;AACD,QAAA,MAAM,eAAe;IAnRf;;;;OAIG;eACQ,OAAO;aACT,MAAM,EAAE;iBACJ,MAAM,GAAG,MAAM,EAAE;gBAClB,OAAO;SACd,MAAM;YACH,MAAM;;;;IAVd;;;;OAIG;eACQ,OAAO;aACT,MAAM,EAAE;iBACJ,MAAM,GAAG,MAAM,EAAE;gBAClB,OAAO;SACd,MAAM;YACH,MAAM;;;;cALH,OAAO;6EAwRtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"AAuIA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAExE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAyDrC,iBAAS,cAAc;qBA0MO,GAAG;EA2BhC;AACD,QAAA,MAAM,eAAe;IA1Rf;;;;OAIG;eACQ,OAAO;aACT,MAAM,EAAE;iBACJ,MAAM,GAAG,MAAM,EAAE;gBAClB,OAAO;SACd,MAAM;YACH,MAAM;;;;IAVd;;;;OAIG;eACQ,OAAO;aACT,MAAM,EAAE;iBACJ,MAAM,GAAG,MAAM,EAAE;gBAClB,OAAO;SACd,MAAM;YACH,MAAM;;;;cALH,OAAO;6EA+RtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAexG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as y, openBlock as r, createBlock as u, unref as t, normalizeClass as o, withCtx as a, createTextVNode as g, toDisplayString as m, createCommentVNode as v, createVNode as i, mergeProps as x, createElementBlock as V, Fragment as k, renderList as B, createElementVNode as n, renderSlot as h } from "vue";
+import { defineComponent as y, openBlock as o, createBlock as p, unref as t, normalizeClass as r, withCtx as s, createTextVNode as g, toDisplayString as m, createCommentVNode as v, createVNode as i, mergeProps as x, createElementBlock as V, Fragment as k, renderList as B, createElementVNode as n, renderSlot as h } from "vue";
 import { Listbox as z, ListboxLabel as L, ListboxOptions as w, ListboxOption as O, ListboxButton as C } from "@headlessui/vue";
 import { cva as S, cx as N } from "../../cva.js";
 import $ from "../ScalarFloating/ScalarFloating.vue.js";
@@ -20,10 +20,10 @@ const P = /* @__PURE__ */ y({
   },
   emits: ["update:modelValue"],
   setup(E) {
-    const f = S({
+    const c = S({
       base: [
         // Layout
-        "group",
+        "group/listbox",
         "flex min-w-0 items-center gap-1.5 rounded px-2 py-1.5 text-left",
         "first-of-type:mt-0.75 last-of-type:mb-0.75",
         // Text / background style
@@ -37,19 +37,19 @@ const P = /* @__PURE__ */ y({
         disabled: { true: "pointer-events-none opacity-50" }
       }
     });
-    return (e, s) => (r(), u(t(z), {
+    return (e, a) => (o(), p(t(z), {
       as: "div",
-      class: o([{ "w-full": e.fullWidth }, "text-sm"]),
+      class: r([{ "w-full": e.fullWidth }, "text-sm"]),
       modelValue: e.modelValue,
       multiple: e.multiple,
-      "onUpdate:modelValue": s[0] || (s[0] = (d) => e.$emit("update:modelValue", d))
+      "onUpdate:modelValue": a[0] || (a[0] = (d) => e.$emit("update:modelValue", d))
     }, {
-      default: a(({ open: d }) => [
-        e.label ? (r(), u(t(L), {
+      default: s(({ open: d }) => [
+        e.label ? (o(), p(t(L), {
           key: 0,
           class: "sr-only"
         }, {
-          default: a(() => [
+          default: s(() => [
             g(m(e.label), 1)
           ]),
           _: 1
@@ -60,26 +60,29 @@ const P = /* @__PURE__ */ y({
           resize: e.resize,
           teleport: e.teleport
         }, {
-          floating: a(({ width: b }) => [
+          floating: s(({ width: f }) => [
             i(t(w), x({
               class: "relative flex w-40 flex-col rounded border p-0.75",
-              style: { width: b }
+              style: { width: f }
             }, e.$attrs), {
-              default: a(() => [
-                (r(!0), V(k, null, B(e.options, (l) => (r(), u(t(O), {
+              default: s(() => [
+                (o(!0), V(k, null, B(e.options, (l) => (o(), p(t(O), {
                   key: l.id,
                   as: "template",
                   disabled: l.disabled,
                   value: l
                 }, {
-                  default: a(({ active: c, selected: p }) => [
+                  default: s(({ active: b, selected: u }) => [
                     n("li", {
-                      class: o(
-                        t(N)(t(f)({ active: c, selected: p, disabled: l.disabled }))
+                      class: r(
+                        t(N)(t(c)({ active: b, selected: u, disabled: l.disabled }))
                       )
                     }, [
                       n("div", {
-                        class: o(["flex size-4 items-center justify-center rounded-full p-[3px] group-hover:shadow-border", p ? "bg-blue text-b-1" : "text-transparent"])
+                        class: r([
+                          "flex size-4 items-center justify-center rounded-full p-[3px]",
+                          u ? "bg-c-accent text-b-1" : "text-transparent group-hover/listbox:shadow-border"
+                        ])
                       }, [
                         i(t(j), {
                           class: "relative top-[0.5px] size-2.5",
@@ -88,24 +91,24 @@ const P = /* @__PURE__ */ y({
                         })
                       ], 2),
                       n("span", {
-                        class: o(["inline-block min-w-0 flex-1 truncate", l.color ? l.color : "text-c-1"])
+                        class: r(["inline-block min-w-0 flex-1 truncate", l.color ? l.color : "text-c-1"])
                       }, m(l.label), 3)
                     ], 2)
                   ]),
                   _: 2
                 }, 1032, ["disabled", "value"]))), 128)),
-                s[1] || (s[1] = n("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-md brightness-lifted" }, null, -1))
+                a[1] || (a[1] = n("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-md brightness-lifted" }, null, -1))
               ]),
               _: 2
             }, 1040, ["style"])
           ]),
-          default: a(() => [
+          default: s(() => [
             i(t(C), {
               id: e.id,
               as: "template",
               class: "justify-start focus:outline-none focus-visible:ring-1 focus-visible:ring-c-accent"
             }, {
-              default: a(() => [
+              default: s(() => [
                 h(e.$slots, "default")
               ]),
               _: 3