@scalar/components 0.12.61 → 0.12.62

package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js

@@ -1,85 +1,7 @@
-import { defineComponent as b, ref as h, computed as g, useAttrs as v, openBlock as s, createElementBlock as k, normalizeClass as i, unref as a, createBlock as r, createCommentVNode as u, createElementVNode as S, mergeProps as V } from "vue";
-import { cva as y, cx as c } from "../../cva.js";
-import C from "../ScalarIcon/ScalarIcon.vue.js";
-import N from "../ScalarLoading/ScalarLoading.vue.js";
-import z from "../ScalarIconButton/ScalarIconButton.vue.js";
-const B = ["aria-label", "value"], q = /* @__PURE__ */ b({
-  inheritAttrs: !1,
-  __name: "ScalarSearchInput",
-  props: {
-    loading: {},
-    modelValue: {},
-    sidebar: { type: Boolean },
-    label: {}
-  },
-  emits: ["update:modelValue"],
-  setup(I, { expose: d, emit: m }) {
-    const t = m, o = h(null);
-    function p(e) {
-      t("update:modelValue", e.target.value);
-    }
-    const n = g(() => {
-      const { class: e, ...l } = v();
-      return { className: e || "", rest: l };
-    }), f = y({
-      base: "flex items-center rounded border bg-b-1/2 text-sm font-medium has-[:focus-visible]:bg-b-1 has-[:focus-visible]:outline",
-      variants: {
-        sidebar: {
-          true: "h-8 gap-1.5 px-1.5",
-          false: "h-10 p-3"
-        }
-      }
-    });
-    return d({
-      focus: () => {
-        var e;
-        (e = o.value) == null || e.focus();
-      },
-      blur: () => {
-        var e;
-        (e = o.value) == null || e.blur();
-      }
-    }), (e, l) => (s(), k("label", {
-      class: i(a(c)(a(f)({ sidebar: e.sidebar }), n.value.className))
-    }, [
-      e.sidebar ? (s(), r(a(C), {
-        key: 0,
-        class: "text-c-2",
-        icon: "Search",
-        size: "xs",
-        thickness: "2.5"
-      })) : u("", !0),
-      S("input", V({
-        ref_key: "inputRef",
-        ref: o
-      }, n.value.rest, {
-        "aria-label": e.label ?? "Enter search query",
-        autocapitalize: "off",
-        autocomplete: "off",
-        autocorrect: "off",
-        class: "flex-1 appearance-none rounded border-none bg-transparent outline-none",
-        placeholder: "Search...",
-        spellcheck: "false",
-        type: "search",
-        value: e.modelValue,
-        onInput: p
-      }), null, 16, B),
-      e.loading && e.loading.isLoading ? (s(), r(a(N), {
-        key: 1,
-        class: "mr-3 self-center",
-        loadingState: e.loading,
-        size: "md"
-      }, null, 8, ["loadingState"])) : e.modelValue ? (s(), r(a(z), {
-        key: 2,
-        class: i(a(c)("p-0", e.sidebar ? "h-4 w-4" : "h-5 w-5")),
-        icon: "Close",
-        label: "Clear Search",
-        thickness: e.sidebar ? "1.75" : "1.5",
-        onClick: l[0] || (l[0] = (E) => t("update:modelValue", ""))
-      }, null, 8, ["class", "thickness"])) : u("", !0)
-    ], 2));
-  }
-});
+import a from "./ScalarSearchInput.vue2.js";
+/* empty css                       */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ o(a, [["__scopeId", "data-v-52e35a1d"]]);
 export {
-  q as default
+  c as default
 };

package/dist/components/ScalarSearchInput/ScalarSearchInput.vue2.js

@@ -1,4 +1,85 @@
-import f from "./ScalarSearchInput.vue.js";
+import { defineComponent as b, ref as h, computed as g, useAttrs as k, openBlock as s, createElementBlock as v, normalizeClass as i, unref as a, createBlock as o, createCommentVNode as u, createElementVNode as S, mergeProps as V } from "vue";
+import { cva as y, cx as c } from "../../cva.js";
+import C from "../ScalarIcon/ScalarIcon.vue.js";
+import N from "../ScalarLoading/ScalarLoading.vue.js";
+import z from "../ScalarIconButton/ScalarIconButton.vue.js";
+const B = ["aria-label", "value"], q = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "ScalarSearchInput",
+  props: {
+    loading: {},
+    modelValue: {},
+    sidebar: { type: Boolean },
+    label: {}
+  },
+  emits: ["update:modelValue"],
+  setup(I, { expose: d, emit: m }) {
+    const t = m, r = h(null);
+    function p(e) {
+      t("update:modelValue", e.target.value);
+    }
+    const n = g(() => {
+      const { class: e, ...l } = k();
+      return { className: e || "", rest: l };
+    }), f = y({
+      base: "search-background flex items-center rounded border text-sm font-medium has-[:focus-visible]:bg-b-1 has-[:focus-visible]:outline",
+      variants: {
+        sidebar: {
+          true: "h-8 gap-1.5 px-1.5",
+          false: "h-10 p-3"
+        }
+      }
+    });
+    return d({
+      focus: () => {
+        var e;
+        (e = r.value) == null || e.focus();
+      },
+      blur: () => {
+        var e;
+        (e = r.value) == null || e.blur();
+      }
+    }), (e, l) => (s(), v("label", {
+      class: i(a(c)(a(f)({ sidebar: e.sidebar }), n.value.className))
+    }, [
+      e.sidebar ? (s(), o(a(C), {
+        key: 0,
+        class: "text-c-2",
+        icon: "Search",
+        size: "xs",
+        thickness: "2.5"
+      })) : u("", !0),
+      S("input", V({
+        ref_key: "inputRef",
+        ref: r
+      }, n.value.rest, {
+        "aria-label": e.label ?? "Enter search query",
+        autocapitalize: "off",
+        autocomplete: "off",
+        autocorrect: "off",
+        class: "flex-1 appearance-none rounded border-none bg-transparent outline-none",
+        placeholder: "Search...",
+        spellcheck: "false",
+        type: "search",
+        value: e.modelValue,
+        onInput: p
+      }), null, 16, B),
+      e.loading && e.loading.isLoading ? (s(), o(a(N), {
+        key: 1,
+        class: "mr-3 self-center",
+        loadingState: e.loading,
+        size: "md"
+      }, null, 8, ["loadingState"])) : e.modelValue ? (s(), o(a(z), {
+        key: 2,
+        class: i(a(c)("p-0", e.sidebar ? "h-4 w-4" : "h-5 w-5")),
+        icon: "Close",
+        label: "Clear Search",
+        thickness: e.sidebar ? "1.75" : "1.5",
+        onClick: l[0] || (l[0] = (E) => t("update:modelValue", ""))
+      }, null, 8, ["class", "thickness"])) : u("", !0)
+    ], 2));
+  }
+});
 export {
-  f as default
+  q as default
 };

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

@@ -12,11 +12,13 @@ declare const meta: {
             triggerClass?: string;
             resize?: boolean;
             as?: string;
+            disabled?: boolean;
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
             click: () => any;
         }, import("vue").PublicProps, {
+            disabled: boolean;
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
             skipDelay: number;
@@ -38,9 +40,11 @@ declare const meta: {
             triggerClass?: string;
             resize?: boolean;
             as?: string;
+            disabled?: boolean;
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {
+            disabled: boolean;
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
             skipDelay: number;
@@ -59,11 +63,13 @@ declare const meta: {
         triggerClass?: string;
         resize?: boolean;
         as?: string;
+        disabled?: boolean;
     }> & Readonly<{
         onClick?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         click: () => any;
     }, string, {
+        disabled: boolean;
         align: "start" | "center" | "end";
         side: "top" | "right" | "bottom" | "left";
         skipDelay: number;
@@ -104,11 +110,13 @@ declare const meta: {
             triggerClass?: string;
             resize?: boolean;
             as?: string;
+            disabled?: boolean;
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
             click: () => any;
         }, import("vue").PublicProps, {
+            disabled: boolean;
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
             skipDelay: number;
@@ -130,9 +138,11 @@ declare const meta: {
             triggerClass?: string;
             resize?: boolean;
             as?: string;
+            disabled?: boolean;
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {
+            disabled: boolean;
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
             skipDelay: number;
@@ -151,11 +161,13 @@ declare const meta: {
         triggerClass?: string;
         resize?: boolean;
         as?: string;
+        disabled?: boolean;
     }> & Readonly<{
         onClick?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         click: () => any;
     }, string, {
+        disabled: boolean;
         align: "start" | "center" | "end";
         side: "top" | "right" | "bottom" | "left";
         skipDelay: number;
@@ -178,11 +190,13 @@ declare const meta: {
                     triggerClass?: string;
                     resize?: boolean;
                     as?: string;
+                    disabled?: boolean;
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
                     click: () => any;
                 }, import("vue").PublicProps, {
+                    disabled: boolean;
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
                     skipDelay: number;
@@ -204,9 +218,11 @@ declare const meta: {
                     triggerClass?: string;
                     resize?: boolean;
                     as?: string;
+                    disabled?: boolean;
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, {
+                    disabled: boolean;
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
                     skipDelay: number;
@@ -225,11 +241,13 @@ declare const meta: {
                 triggerClass?: string;
                 resize?: boolean;
                 as?: string;
+                disabled?: boolean;
             }> & Readonly<{
                 onClick?: (() => any) | undefined;
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
                 click: () => any;
             }, string, {
+                disabled: boolean;
                 align: "start" | "center" | "end";
                 side: "top" | "right" | "bottom" | "left";
                 skipDelay: number;
@@ -308,11 +326,13 @@ declare const meta: {
                     triggerClass?: string;
                     resize?: boolean;
                     as?: string;
+                    disabled?: boolean;
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
                     click: () => any;
                 }, import("vue").PublicProps, {
+                    disabled: boolean;
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
                     skipDelay: number;
@@ -334,9 +354,11 @@ declare const meta: {
                     triggerClass?: string;
                     resize?: boolean;
                     as?: string;
+                    disabled?: boolean;
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, {
+                    disabled: boolean;
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
                     skipDelay: number;
@@ -355,11 +377,13 @@ declare const meta: {
                 triggerClass?: string;
                 resize?: boolean;
                 as?: string;
+                disabled?: boolean;
             }> & Readonly<{
                 onClick?: (() => any) | undefined;
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
                 click: () => any;
             }, string, {
+                disabled: boolean;
                 align: "start" | "center" | "end";
                 side: "top" | "right" | "bottom" | "left";
                 skipDelay: number;

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

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

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

@@ -13,6 +13,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     triggerClass?: string;
     resize?: boolean;
     as?: string;
+    disabled?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: () => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -26,9 +27,11 @@ declare const __VLS_component: import("vue").DefineComponent<{
     triggerClass?: string;
     resize?: boolean;
     as?: string;
+    disabled?: boolean;
 }> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
+    disabled: boolean;
     align: "start" | "center" | "end";
     side: "top" | "right" | "bottom" | "left";
     skipDelay: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"names":[],"mappings":"AA6GA,iBAAS,cAAc;qBA4GO,GAAG;qBACH,GAAG;EAuBhC;AACD,QAAA,MAAM,eAAe;YA1KT,MAAM,IAAI;YACV,MAAM;gBACF,MAAM;YACV,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;YACX,MAAM;mBACC,MAAM;aACZ,OAAO;SACX,MAAM;;;;YATH,MAAM,IAAI;YACV,MAAM;gBACF,MAAM;YACV,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;YACX,MAAM;mBACC,MAAM;aACZ,OAAO;SACX,MAAM;;;;WANH,OAAO,GAAG,QAAQ,GAAG,KAAK;UAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;eAF9B,MAAM;6EAkLpB,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":"ScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"names":[],"mappings":"AAmHA,iBAAS,cAAc;qBA8GO,GAAG;qBACH,GAAG;EAuBhC;AACD,QAAA,MAAM,eAAe;YA/KT,MAAM,IAAI;YACV,MAAM;gBACF,MAAM;YACV,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;YACX,MAAM;mBACC,MAAM;aACZ,OAAO;SACX,MAAM;eACA,OAAO;;;;YAVV,MAAM,IAAI;YACV,MAAM;gBACF,MAAM;YACV,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;iBAC7B,MAAM;YACX,MAAM;mBACC,MAAM;aACZ,OAAO;SACX,MAAM;eACA,OAAO;;;;cAAP,OAAO;WAPV,OAAO,GAAG,QAAQ,GAAG,KAAK;UAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;eAF9B,MAAM;6EAuLpB,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/ScalarTooltip/ScalarTooltip.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as n, openBlock as c, createBlock as d, unref as t, withCtx as l, createVNode as s, normalizeClass as i, renderSlot as o } from "vue";
-import { TooltipProvider as f, TooltipRoot as p, TooltipTrigger as u, TooltipPortal as g, TooltipContent as k } from "radix-vue";
-const C = /* @__PURE__ */ n({
+import { defineComponent as d, openBlock as o, createBlock as i, unref as t, withCtx as l, createVNode as a, normalizeClass as r, renderSlot as n, createCommentVNode as f } from "vue";
+import { TooltipProvider as p, TooltipRoot as u, TooltipTrigger as g, TooltipPortal as k, TooltipContent as m } from "radix-vue";
+const D = /* @__PURE__ */ d({
   __name: "ScalarTooltip",
   props: {
     click: {},
@@ -12,41 +12,43 @@ const C = /* @__PURE__ */ n({
     class: {},
     triggerClass: {},
     resize: { type: Boolean },
-    as: {}
+    as: {},
+    disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(r) {
-    const e = r;
-    return (a, m) => (c(), d(t(f), {
+  setup(c) {
+    const e = c;
+    return (s, y) => (o(), i(t(p), {
       delayDuration: e.delay,
       skipDelayDuration: e.skipDelay
     }, {
       default: l(() => [
-        s(t(p), null, {
+        a(t(u), null, {
           default: l(() => [
-            s(t(u), {
+            a(t(g), {
               as: e.as || "button",
-              class: i(["flex items-center justify-center", [e.resize ? "w-full" : "", e.triggerClass]]),
+              class: r(["flex items-center justify-center", [e.resize ? "w-full" : "", e.triggerClass]]),
               onClick: e.click
             }, {
               default: l(() => [
-                o(a.$slots, "trigger")
+                n(s.$slots, "trigger")
               ]),
               _: 3
             }, 8, ["as", "class", "onClick"]),
-            s(t(g), { to: ".scalar-client" }, {
+            a(t(k), { to: ".scalar-client" }, {
               default: l(() => [
-                s(t(k), {
+                e.disabled ? f("", !0) : (o(), i(t(m), {
+                  key: 0,
                   align: e.align,
-                  class: i(["scalar-app", e.class]),
+                  class: r(["scalar-app", e.class]),
                   side: e.side,
                   sideOffset: e.sideOffset
                 }, {
                   default: l(() => [
-                    o(a.$slots, "content")
+                    n(s.$slots, "content")
                   ]),
                   _: 3
-                }, 8, ["align", "class", "side", "sideOffset"])
+                }, 8, ["align", "class", "side", "sideOffset"]))
               ]),
               _: 3
             })
@@ -59,5 +61,5 @@ const C = /* @__PURE__ */ n({
   }
 });
 export {
-  C as default
+  D as default
 };