@scalar/components 0.13.1 → 0.13.3

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFloating.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"names":[],"mappings":"AAsHA,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAY,KAAK,IAAI,EAAiB,MAAM,KAAK,CAAA;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAsF9C,iBAAS,cAAc;WAuDT,OAAO,IAA6B;;QApIhD,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;QAVR,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;;;;;;EA+HT;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarFloating.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"names":[],"mappings":"AAqHA,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAY,KAAK,IAAI,EAAiB,MAAM,KAAK,CAAA;AAGxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAsF9C,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;QAlIhD,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;QAVR,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;;;;;;EA6HT;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarFloating/ScalarFloating.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as z, ref as d, computed as a, openBlock as f, createElementBlock as S, Fragment as b, createElementVNode as r, normalizeClass as $, renderSlot as p, createBlock as k, Teleport as B, normalizeStyle as R, unref as m, createCommentVNode as E } from "vue";
-import { getSideAxis as c } from "@floating-ui/utils";
-import { useFloating as F, autoUpdate as M, offset as T, flip as x, shift as C, size as H } from "@floating-ui/vue";
-import { useResizeWithTarget as W } from "./useResizeWithTarget.js";
-const _ = { class: "scalar-app" }, D = /* @__PURE__ */ z({
+import { defineComponent as z, ref as f, computed as a, openBlock as d, createElementBlock as S, Fragment as $, createElementVNode as m, normalizeClass as b, renderSlot as p, createBlock as k, unref as l, withCtx as B, normalizeStyle as R, createCommentVNode as E } from "vue";
+import { getSideAxis as g } from "@floating-ui/utils";
+import { useFloating as x, autoUpdate as C, offset as F, flip as M, shift as _, size as H } from "@floating-ui/vue";
+import { useResizeWithTarget as T } from "./useResizeWithTarget.js";
+import W from "../ScalarTeleport/ScalarTeleport.vue.js";
+const I = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "ScalarFloating",
   props: {
@@ -12,29 +13,29 @@ const _ = { class: "scalar-app" }, D = /* @__PURE__ */ z({
     middleware: {},
     teleport: { type: [Boolean, String] }
   },
-  setup(g) {
-    const t = g, n = d(null), l = d(null), i = a(() => {
+  setup(c) {
+    const t = c, n = f(null), r = f(null), i = a(() => {
       var e;
       if (typeof t.target == "string") {
         const o = document.getElementById(t.target);
         if (o) return o;
         console.warn(`ScalarFloating: Target with id="${t.target}" not found`);
       } else if (t.target instanceof HTMLElement) return t.target;
-      if (l.value)
-        return ((e = l.value.children) == null ? void 0 : e[0]) || l.value;
-    }), s = W(i, {
+      if (r.value)
+        return ((e = r.value.children) == null ? void 0 : e[0]) || r.value;
+    }), s = T(i, {
       enabled: a(() => t.resize)
     }), u = a(
-      () => c(t.placement || "bottom") === "y" ? s.width.value : void 0
+      () => g(t.placement || "bottom") === "y" ? s.width.value : void 0
     ), h = a(
-      () => c(t.placement || "bottom") === "x" ? s.height.value : void 0
-    ), { floatingStyles: y, middlewareData: v } = F(i, n, {
+      () => g(t.placement || "bottom") === "x" ? s.height.value : void 0
+    ), { floatingStyles: v, middlewareData: y } = x(i, n, {
       placement: a(() => t.placement),
-      whileElementsMounted: M,
+      whileElementsMounted: C,
       middleware: a(() => [
-        T(5),
-        x(),
-        C(),
+        F(5),
+        M(),
+        _(),
         H({
           apply({ availableWidth: e, availableHeight: o, elements: w }) {
             Object.assign(w.floating.style, {
@@ -46,37 +47,38 @@ const _ = { class: "scalar-app" }, D = /* @__PURE__ */ z({
         ...t.middleware ?? []
       ])
     });
-    return (e, o) => (f(), S(b, null, [
-      r("div", {
+    return (e, o) => (d(), S($, null, [
+      m("div", {
         ref_key: "wrapperRef",
-        ref: l,
-        class: $({ contents: !!e.$slots.default })
+        ref: r,
+        class: b({ contents: !!e.$slots.default })
       }, [
         p(e.$slots, "default")
       ], 2),
-      e.$slots.floating ? (f(), k(B, {
+      e.$slots.floating ? (d(), k(l(W), {
         key: 0,
         disabled: !e.teleport,
-        to: typeof e.teleport == "string" ? e.teleport : "body"
-      }, [
-        r("div", _, [
-          r("div", {
+        to: typeof e.teleport == "string" ? e.teleport : void 0
+      }, {
+        default: B(() => [
+          m("div", {
             ref_key: "floatingRef",
             ref: n,
             class: "relative z-overlay",
-            style: R(m(y))
+            style: R(l(v))
           }, [
             p(e.$slots, "floating", {
-              data: m(v),
+              data: l(y),
               height: h.value,
               width: u.value
             })
           ], 4)
-        ])
-      ], 8, ["disabled", "to"])) : E("", !0)
+        ]),
+        _: 3
+      }, 8, ["disabled", "to"])) : E("", !0)
     ], 64));
   }
 });
 export {
-  D as default
+  I as default
 };

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

@@ -35,7 +35,9 @@ export type FloatingOptions = {
     middleware?: Middleware[];
     /**
      * Whether to teleport the floating element.
-     * Can be an `id` to teleport to or `true` to teleport to the `<body>`.
+     * Can be an `id` to teleport to or `true` to teleport to the nearest `<ScalarTeleportRoot>` (or `<body>`).
+     *
+     * @see {@link ScalarTeleportRoot}
      * @default false
      */
     teleport?: boolean | string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE7D,iDAAiD;AACjD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC7B;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,UAAU,EAAE,CAAA;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAI7D,iDAAiD;AACjD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC7B;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,UAAU,EAAE,CAAA;IACzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC5B,CAAA"}

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

@@ -17,7 +17,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", "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"];
+            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", "Globe", "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/Globe.svg.js

@@ -0,0 +1,21 @@
+import { openBlock as o, createElementBlock as n, createElementVNode as r } from "vue";
+const t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function l(c, e) {
+  return o(), n("svg", t, e[0] || (e[0] = [
+    r("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M22 12c0 5.523-4.477 10-10 10m10-10c0-5.523-4.477-10-10-10m10 10H2m10 10C6.477 22 2 17.523 2 12m10 10a14.5 14.5 0 0 1 0-20m0 20a14.5 14.5 0 0 0 0-20M2 12C2 6.477 6.477 2 12 2"
+    }, null, -1)
+  ]));
+}
+const s = { render: l };
+export {
+  s as default,
+  l as render
+};

package/dist/components/ScalarIcon/icons/index.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", "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"];
+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", "Globe", "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=index.d.ts.map

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

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