@scalar/components 0.14.2 → 0.14.4

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

@@ -10,6 +10,8 @@ declare const meta: {
         transformType?: string;
         clamp?: string | boolean;
         class?: string;
+        withAnchors?: boolean;
+        anchorPrefix?: string;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
         value?: string;
         withImages?: boolean;
@@ -17,8 +19,11 @@ declare const meta: {
         transformType?: string;
         clamp?: string | boolean;
         class?: string;
+        withAnchors?: boolean;
+        anchorPrefix?: string;
     }> & Readonly<{}>, {
         withImages: boolean;
+        withAnchors: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
     tags: string[];
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
@@ -28,6 +33,8 @@ declare const meta: {
         transformType?: string;
         clamp?: string | boolean;
         class?: string;
+        withAnchors?: boolean;
+        anchorPrefix?: string;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
         value?: string;
         withImages?: boolean;
@@ -35,8 +42,11 @@ declare const meta: {
         transformType?: string;
         clamp?: string | boolean;
         class?: string;
+        withAnchors?: boolean;
+        anchorPrefix?: string;
     }> & Readonly<{}>, {
         withImages: boolean;
+        withAnchors: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>>) => {
         components: {
             ScalarMarkdown: import("vue").DefineComponent<{
@@ -46,6 +56,8 @@ declare const meta: {
                 transformType?: string;
                 clamp?: string | boolean;
                 class?: string;
+                withAnchors?: boolean;
+                anchorPrefix?: string;
             }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
                 value?: string;
                 withImages?: boolean;
@@ -53,8 +65,11 @@ declare const meta: {
                 transformType?: string;
                 clamp?: string | boolean;
                 class?: string;
+                withAnchors?: boolean;
+                anchorPrefix?: string;
             }> & Readonly<{}>, {
                 withImages: boolean;
+                withAnchors: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
         };
         setup(this: void): {
@@ -65,6 +80,8 @@ declare const meta: {
                 transformType?: string;
                 clamp?: string | boolean;
                 class?: string;
+                withAnchors?: boolean;
+                anchorPrefix?: string;
             }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
                 value?: string;
                 withImages?: boolean;
@@ -72,8 +89,11 @@ declare const meta: {
                 transformType?: string;
                 clamp?: string | boolean;
                 class?: string;
+                withAnchors?: boolean;
+                anchorPrefix?: string;
             }> & Readonly<{}>, {
                 withImages: boolean;
+                withAnchors: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>>;
         };
         template: string;

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

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

package/dist/components/ScalarMarkdown/ScalarMarkdown.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScalarMarkdown.test.d.ts.map

package/dist/components/ScalarMarkdown/ScalarMarkdown.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMarkdown.test.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.test.ts"],"names":[],"mappings":""}

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

@@ -5,9 +5,12 @@ type __VLS_Props = {
     transformType?: string;
     clamp?: string | boolean;
     class?: string;
+    withAnchors?: boolean;
+    anchorPrefix?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     withImages: boolean;
+    withAnchors: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=ScalarMarkdown.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"AAmDA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;gBALa,OAAO;;AAuFxB,wBAQG"}
+{"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"AAsFA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC;;gBAPa,OAAO;iBAKN,OAAO;;AAsHzB,wBAQG"}

package/dist/components/ScalarMarkdown/ScalarMarkdown.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as t, computed as n, onServerPrefetch as m, createElementBlock as s, openBlock as l, normalizeStyle as i, normalizeClass as p, unref as c } from "vue";
-import { htmlFromMarkdown as f } from "@scalar/code-highlight";
-import { cx as u } from "@scalar/use-hooks/useBindCx";
-const d = ["innerHTML"], T = /* @__PURE__ */ t({
+import { defineComponent as f, computed as p, onServerPrefetch as h, createElementBlock as u, openBlock as d, normalizeStyle as g, normalizeClass as w, unref as y } from "vue";
+import { htmlFromMarkdown as T } from "@scalar/code-highlight";
+import { cx as v } from "@scalar/use-hooks/useBindCx";
+const k = ["innerHTML"], _ = /* @__PURE__ */ f({
   __name: "ScalarMarkdown",
   props: {
     value: {},
@@ -9,27 +9,37 @@ const d = ["innerHTML"], T = /* @__PURE__ */ t({
     transform: {},
     transformType: {},
     clamp: { type: [String, Boolean] },
-    class: {}
+    class: {},
+    withAnchors: { type: Boolean, default: !1 },
+    anchorPrefix: {}
   },
-  setup(a) {
-    const e = a, o = n(
-      () => f(e.value ?? "", {
-        removeTags: e.withImages ? [] : ["img", "picture"],
-        transform: e.transform,
-        transformType: e.transformType
-      })
-    );
-    return m(async () => await new Promise((r) => setTimeout(r, 1))), (r, y) => (l(), s("div", {
-      class: p(
-        c(u)("markdown text-ellipsis", { "line-clamp-4": r.clamp }, e.class)
+  setup(s) {
+    const e = s, i = (r) => {
+      var a, n, o;
+      if (!e.withAnchors)
+        return ((a = e.transform) == null ? void 0 : a.call(e, r)) || r;
+      const t = (((o = (n = r.children) == null ? void 0 : n[0]) == null ? void 0 : o.value) || "").toLowerCase().replace(/\s+/g, "-"), c = e.anchorPrefix ? `${e.anchorPrefix}/description/${t}` : t;
+      return r.data = {
+        hProperties: {
+          id: c
+        }
+      }, e.transform ? e.transform(r) : r;
+    }, l = p(() => T(e.value ?? "", {
+      removeTags: e.withImages ? [] : ["img", "picture"],
+      transform: e.withAnchors && e.transformType === "heading" ? i : e.transform,
+      transformType: e.transformType
+    }));
+    return h(async () => await new Promise((r) => setTimeout(r, 1))), (r, m) => (d(), u("div", {
+      class: w(
+        y(v)("markdown text-ellipsis", { "line-clamp-4": r.clamp }, e.class)
       ),
-      style: i({
+      style: g({
         "-webkit-line-clamp": typeof r.clamp == "string" ? r.clamp : void 0
       }),
-      innerHTML: o.value
-    }, null, 14, d));
+      innerHTML: l.value
+    }, null, 14, k));
   }
 });
 export {
-  T as default
+  _ as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"names":[],"mappings":"AA+MA,+CAA+C;AAC/C,wBAAgB,QAAQ;;;;EAUvB;;WAOQ,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;WAHV,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;qBAoMW,GAAG;qBACH,GAAG;;AA7MjC,wBAmPK;AAWL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"names":[],"mappings":"AAiNA,+CAA+C;AAC/C,wBAAgB,QAAQ;;;;EAUvB;;WAOQ,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;WAHV,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;qBAoMW,GAAG;qBACH,GAAG;;AA7MjC,wBAmPK;AAWL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,8 +1,8 @@
 import o from "./ScalarModal.vue2.js";
 import { useModal as s } from "./ScalarModal.vue2.js";
 /* empty css                 */
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-a99680e7"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-48f67704"]]);
 export {
   m as default,
   s as useModal

package/dist/components/ScalarModal/ScalarModal.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, createBlock as i, openBlock as l, unref as a, withCtx as t, createElementVNode as x, normalizeClass as o, createVNode as m, createElementBlock as r, createCommentVNode as n, normalizeStyle as w, createTextVNode as b, toDisplayString as y, renderSlot as d, reactive as g } from "vue";
+import { defineComponent as x, createBlock as i, openBlock as l, unref as a, withCtx as t, createElementVNode as c, normalizeClass as o, createVNode as m, createElementBlock as r, createCommentVNode as d, normalizeStyle as w, createTextVNode as b, toDisplayString as y, renderSlot as n, reactive as g } from "vue";
 import { Dialog as z, DialogPanel as k, DialogTitle as C } from "@headlessui/vue";
 import { cva as f, cx as v } from "@scalar/use-hooks/useBindCx";
 import S from "../ScalarIconButton/ScalarIconButton.vue.js";
@@ -17,7 +17,7 @@ function W() {
     }
   });
 }
-const E = /* @__PURE__ */ p({
+const E = /* @__PURE__ */ x({
   __name: "ScalarModal",
   props: {
     state: {},
@@ -28,19 +28,19 @@ const E = /* @__PURE__ */ p({
     variant: {}
   },
   setup(D) {
-    const c = f({
+    const p = f({
       base: [
         "scalar-modal",
         "flex flex-col relative mb-0 rounded-lg bg-b-1 p-0 text-left leading-snug text-c-1 opacity-0 w-[calc(100vw-12px)] md:w-[calc(100vw-16px)] lg:w-[calc(100vw-32px)]"
       ].join(" "),
       variants: {
         size: {
-          xxs: "mt-[20svh] max-h-[60svh] max-w-screen-xxs",
-          xs: "mt-[20svh] max-h-[60svh] max-w-screen-xs",
-          sm: "mt-[20svh] max-h-[60svh] max-w-screen-sm",
-          md: "mt-[20svh] max-h-[60svh] max-w-screen-md",
-          lg: "m-auto max-h-[80svh] max-w-screen-lg",
-          xl: "m-auto max-h-[90svh] max-w-screen-xl",
+          xxs: "mt-[20svh] max-h-[60svh] max-w-[360px]",
+          xs: "mt-[20svh] max-h-[60svh] max-w-[480px]",
+          sm: "mt-[20svh] max-h-[60svh] max-w-[540px]",
+          md: "mt-[20svh] max-h-[60svh] max-w-[640px]",
+          lg: "m-auto max-h-[80svh] max-w-[800px]",
+          xl: "m-auto max-h-[90svh] max-w-[1000px]",
           full: "full-size-styles max-h-dvh mt-0 lg:w-full"
         },
         variant: {
@@ -54,7 +54,7 @@ const E = /* @__PURE__ */ p({
       variants: {
         variant: {
           form: "overflow-visible",
-          search: "col !m-0 overflow-hidden p-0",
+          search: "flex flex-col !m-0 overflow-hidden p-0",
           error: "overflow-y-scroll"
         },
         size: {
@@ -73,19 +73,19 @@ const E = /* @__PURE__ */ p({
       onClose: s[1] || (s[1] = (h) => e.state.hide())
     }, {
       default: t(() => [
-        x("div", {
+        c("div", {
           class: o(
             a(v)(
               e.size === "full" ? "scalar-modal-layout-full" : "scalar-modal-layout",
               "fixed left-0 top-0 flex items-start justify-center",
               "z-[1001] h-[100dvh] w-[100dvw]",
-              "bg-backdrop opacity-0 dark:bg-backdropdark",
+              "bg-backdrop opacity-0 dark:bg-backdrop-dark",
               e.size === "full" && "flex"
             )
           )
         }, [
           m(a(k), {
-            class: o(a(c)({ size: e.size, variant: e.variant })),
+            class: o(a(p)({ size: e.size, variant: e.variant })),
             style: w({ maxWidth: e.maxWidth })
           }, {
             default: t(() => [
@@ -97,17 +97,17 @@ const E = /* @__PURE__ */ p({
                   b(y(e.title), 1)
                 ]),
                 _: 1
-              })) : n("", !0),
+              })) : d("", !0),
               e.size === "full" ? (l(), r("div", {
                 key: 1,
                 class: o(e.bodyClass)
               }, [
-                d(e.$slots, "default", {}, void 0, !0)
+                n(e.$slots, "default", {}, void 0, !0)
               ], 2)) : (l(), r("div", {
                 key: 2,
                 class: o(a(v)(a(u)({ size: e.size, variant: e.variant }), e.bodyClass))
               }, [
-                d(e.$slots, "default", {}, void 0, !0)
+                n(e.$slots, "default", {}, void 0, !0)
               ], 2))
             ]),
             _: 3
@@ -119,7 +119,7 @@ const E = /* @__PURE__ */ p({
               label: "Clear Search",
               onClose: s[0] || (s[0] = (h) => e.state.hide())
             })
-          ])) : n("", !0)
+          ])) : d("", !0)
         ], 2)
       ]),
       _: 3

package/dist/components/ScalarSidebar/ScalarSidebarIndent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarIndent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarIndent.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAI3D;;;;;GAKG;;IAID,iDAAiD;aACxC,iBAAiB;IAC1B,oDAAoD;eACzC,OAAO;;IAHlB,iDAAiD;aACxC,iBAAiB;IAC1B,oDAAoD;eACzC,OAAO;;AANpB,wBAkHC"}
+{"version":3,"file":"ScalarSidebarIndent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarIndent.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAI3D;;;;;GAKG;;IAID,iDAAiD;aACxC,iBAAiB;IAC1B,oDAAoD;eACzC,OAAO;;IAHlB,iDAAiD;aACxC,iBAAiB;IAC1B,oDAAoD;eACzC,OAAO;;AANpB,wBAkHC"}

package/dist/components/ScalarSidebar/ScalarSidebarIndent.vue.js

@@ -1,7 +1,7 @@
 import a from "./ScalarSidebarIndent.vue2.js";
 /* empty css                         */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ o(a, [["__scopeId", "data-v-11a7f565"]]);
+const m = /* @__PURE__ */ o(a, [["__scopeId", "data-v-88b1a676"]]);
 export {
-  f as default
+  m as default
 };

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":"AAsDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAOjD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;AA0BF,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;yBATrB,GAAG;;;;;;EAc/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,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":"ScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAOjD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;AA0BF,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;yBATrB,GAAG;;;;;;EAc/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,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/index.d.ts

@@ -1,4 +1,4 @@
-import './tailwind/tailwind.css';
+import './style.css';
 export * from './components/ScalarButton';
 export * from './components/ScalarCodeBlock';
 export * from './components/ScalarColorModeToggle';
@@ -6,6 +6,7 @@ export * from './components/ScalarCombobox';
 export * from './components/ScalarContextMenu';
 export * from './components/ScalarDropdown';
 export * from './components/ScalarErrorBoundary';
+export * from './components/ScalarFileUpload';
 export * from './components/ScalarFloating';
 export * from './components/ScalarForm';
 export * from './components/ScalarHeader';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oCAAoC,CAAA;AAClD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAE9C,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAA;AAC7E,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oCAAoC,CAAA;AAClD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAE9C,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAA;AAC7E,cAAc,WAAW,CAAA"}

package/dist/index.js

@@ -1,136 +1,150 @@
-/* empty css                      */
-import { compose as f, cva as u, cx as d, tw as p, useBindCx as s } from "@scalar/use-hooks/useBindCx";
+/* empty css          */
+import { compose as f, cva as d, cx as p, tw as u, useBindCx as s } from "@scalar/use-hooks/useBindCx";
 import { default as c } from "./components/ScalarButton/ScalarButton.vue.js";
 import { default as S } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
 /* empty css                                                */
-import { default as i } from "./components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
+import { default as n } from "./components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
 import { default as T } from "./components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue.js";
-import { default as g } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
-import { default as C } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
-import { default as L } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
-import { default as F } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
-import { default as k } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
-import { default as R } from "./components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js";
-import { default as v } from "./components/ScalarFloating/ScalarFloating.vue.js";
-import { default as H } from "./components/ScalarFloating/ScalarFloatingBackdrop.vue.js";
-import { default as G } from "./components/ScalarForm/ScalarForm.vue.js";
-import { default as A } from "./components/ScalarForm/ScalarFormField.vue.js";
-import { default as Y } from "./components/ScalarHeader/ScalarHeader.vue.js";
-import { default as j } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
-import { default as z } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
-import { default as K } from "./components/ScalarListbox/ScalarListbox.vue.js";
-import { default as Q } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
-import { default as W } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
-import { default as Z } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
+import { default as b } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
+import { default as B } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
+import { default as C } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
+import { default as w } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
+import { default as P } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
+import { default as k } from "./components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js";
+import { default as h } from "./components/ScalarFileUpload/ScalarFileUpload.vue.js";
+import { default as E } from "./components/ScalarFileUpload/ScalarFileUploadInput.vue.js";
+import { default as y } from "./components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.js";
+import { default as O } from "./components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.js";
+import { default as V } from "./components/ScalarFileUpload/ScalarFileUploadLoading.vue.js";
+import { default as _ } from "./components/ScalarFileUpload/ScalarFileUploadError.vue.js";
+import { default as q } from "./components/ScalarFileUpload/ScalarFileUploadFileList.vue.js";
+import { default as J } from "./components/ScalarFloating/ScalarFloating.vue.js";
+import { default as N } from "./components/ScalarFloating/ScalarFloatingBackdrop.vue.js";
+import { default as W } from "./components/ScalarForm/ScalarForm.vue.js";
+import { default as Z } from "./components/ScalarForm/ScalarFormField.vue.js";
+import { default as aa } from "./components/ScalarHeader/ScalarHeader.vue.js";
+import { default as oa } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
+import { default as ta } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
+import { default as fa } from "./components/ScalarListbox/ScalarListbox.vue.js";
+import { default as pa } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
+import { default as sa } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
+import { default as ca } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
 /* empty css                                              */
-import { default as aa } from "./components/ScalarMenu/ScalarMenu.vue.js";
-import { default as oa } from "./components/ScalarMenu/ScalarMenuButton.vue.js";
-import { default as ta } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
-import { default as fa } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
-import { default as da } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
-import { default as sa } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
-import { default as ca } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
-import { default as Sa } from "./components/ScalarMenu/ScalarMenuTeamProfile.vue.js";
-import { default as ia } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
-import { default as Ta } from "./components/ScalarPopover/ScalarPopover.vue.js";
-import { default as ga } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
-import { default as Ca } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
-import { default as La } from "./components/ScalarSidebar/ScalarSidebar.vue.js";
-import { default as Fa } from "./components/ScalarSidebar/ScalarSidebarFooter.vue.js";
-import { default as ka } from "./components/ScalarSidebar/ScalarSidebarButton.vue.js";
-import { default as Ra } from "./components/ScalarSidebar/ScalarSidebarGroup.vue.js";
-import { default as va } from "./components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js";
-import { default as Ha } from "./components/ScalarSidebar/ScalarSidebarItem.vue.js";
-import { default as Ga } from "./components/ScalarSidebar/ScalarSidebarItems.vue.js";
-import { default as Aa } from "./components/ScalarTeleport/ScalarTeleport.vue.js";
-import { default as Ya } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
-import { default as ja } from "./components/ScalarTextArea/ScalarTextArea.vue.js";
-import { default as za } from "./components/ScalarTextInput/ScalarTextInput.vue.js";
-import { default as Ka } from "./components/ScalarToggle/ScalarToggle.vue.js";
-import { default as Qa } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
+import { default as Sa } from "./components/ScalarMenu/ScalarMenu.vue.js";
+import { default as na } from "./components/ScalarMenu/ScalarMenuButton.vue.js";
+import { default as Ta } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
+import { default as ba } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
+import { default as Ba } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
+import { default as Ca } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
+import { default as wa } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
+import { default as Pa } from "./components/ScalarMenu/ScalarMenuTeamProfile.vue.js";
+import { default as ka } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
+import { default as ha } from "./components/ScalarPopover/ScalarPopover.vue.js";
+import { default as Ea } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
+import { default as ya } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
+import { default as Oa } from "./components/ScalarSidebar/ScalarSidebar.vue.js";
+import { default as Va } from "./components/ScalarSidebar/ScalarSidebarFooter.vue.js";
+import { default as _a } from "./components/ScalarSidebar/ScalarSidebarButton.vue.js";
+import { default as qa } from "./components/ScalarSidebar/ScalarSidebarGroup.vue.js";
+import { default as Ja } from "./components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js";
+import { default as Na } from "./components/ScalarSidebar/ScalarSidebarItem.vue.js";
+import { default as Wa } from "./components/ScalarSidebar/ScalarSidebarItems.vue.js";
+import { default as Za } from "./components/ScalarTeleport/ScalarTeleport.vue.js";
+import { default as ar } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
+import { default as or } from "./components/ScalarTextArea/ScalarTextArea.vue.js";
+import { default as tr } from "./components/ScalarTextInput/ScalarTextInput.vue.js";
+import { default as fr } from "./components/ScalarToggle/ScalarToggle.vue.js";
+import { default as pr } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
 /* empty css                                            */
-import { default as Wa } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
-import { styles as Za } from "./components/ScalarButton/variants.js";
-import { default as ar } from "./components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js";
-import { default as or } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
-import { default as tr } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
-import { default as fr } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
-import { default as dr } from "./components/ScalarForm/ScalarFormSection.vue.js";
-import { default as sr } from "./components/ScalarIcon/ScalarIcon.vue.js";
-import { default as cr } from "./components/ScalarLoading/ScalarLoading.vue.js";
-import { useLoadingState as Sr } from "./components/ScalarLoading/ScalarLoading.vue2.js";
-import { default as ir } from "./components/ScalarModal/ScalarModal.vue.js";
-import { useModal as Tr } from "./components/ScalarModal/ScalarModal.vue2.js";
-import { default as gr } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
-import { TELEPORT_SYMBOL as Cr, useProvideTeleport as Ir, useTeleport as Lr } from "./components/ScalarTeleport/useTeleport.js";
-import { addScalarClassesToHeadless as Fr } from "./helpers/add-scalar-classes.js";
+import { default as sr } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
+import { styles as cr } from "./components/ScalarButton/variants.js";
+import { default as Sr } from "./components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js";
+import { default as nr } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
+import { default as Tr } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
+import { default as br } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
+import { default as Br } from "./components/ScalarForm/ScalarFormSection.vue.js";
+import { default as Cr } from "./components/ScalarIcon/ScalarIcon.vue.js";
+import { default as wr } from "./components/ScalarLoading/ScalarLoading.vue.js";
+import { useLoadingState as Pr } from "./components/ScalarLoading/ScalarLoading.vue2.js";
+import { default as kr } from "./components/ScalarModal/ScalarModal.vue.js";
+import { useModal as hr } from "./components/ScalarModal/ScalarModal.vue2.js";
+import { default as Er } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
+import { TELEPORT_SYMBOL as yr, useProvideTeleport as Gr, useTeleport as Or } from "./components/ScalarTeleport/useTeleport.js";
+import { addScalarClassesToHeadless as Vr } from "./helpers/add-scalar-classes.js";
 export {
   c as ScalarButton,
   S as ScalarCodeBlock,
-  i as ScalarColorModeToggle,
+  n as ScalarColorModeToggle,
   T as ScalarColorModeToggleButton,
-  ar as ScalarColorModeToggleIcon,
-  g as ScalarCombobox,
-  C as ScalarComboboxMultiselect,
-  L as ScalarContextMenu,
-  F as ScalarDropdown,
-  tr as ScalarDropdownButton,
-  or as ScalarDropdownDivider,
-  fr as ScalarDropdownItem,
-  k as ScalarDropdownMenu,
-  R as ScalarErrorBoundary,
-  v as ScalarFloating,
-  H as ScalarFloatingBackdrop,
-  G as ScalarForm,
-  A as ScalarFormField,
-  dr as ScalarFormSection,
-  Y as ScalarHeader,
-  j as ScalarHeaderButton,
-  sr as ScalarIcon,
-  z as ScalarIconButton,
-  K as ScalarListbox,
-  W as ScalarListboxCheckbox,
-  Q as ScalarListboxItem,
-  cr as ScalarLoading,
-  Z as ScalarMarkdown,
-  aa as ScalarMenu,
-  oa as ScalarMenuButton,
-  fa as ScalarMenuLink,
-  da as ScalarMenuProduct,
-  sa as ScalarMenuProducts,
-  ia as ScalarMenuResources,
-  ta as ScalarMenuSection,
-  ca as ScalarMenuTeamPicker,
-  Sa as ScalarMenuTeamProfile,
-  ir as ScalarModal,
-  Ta as ScalarPopover,
-  gr as ScalarSearchInput,
-  Ca as ScalarSearchResultItem,
-  ga as ScalarSearchResultList,
-  La as ScalarSidebar,
-  ka as ScalarSidebarButton,
-  Fa as ScalarSidebarFooter,
-  Ra as ScalarSidebarGroup,
-  va as ScalarSidebarGroupToggle,
-  Ha as ScalarSidebarItem,
-  Ga as ScalarSidebarItems,
-  Aa as ScalarTeleport,
-  Ya as ScalarTeleportRoot,
-  ja as ScalarTextArea,
-  za as ScalarTextInput,
-  Ka as ScalarToggle,
-  Qa as ScalarTooltip,
-  Wa as ScalarVirtualText,
-  Cr as TELEPORT_SYMBOL,
-  Fr as addScalarClassesToHeadless,
+  Sr as ScalarColorModeToggleIcon,
+  b as ScalarCombobox,
+  B as ScalarComboboxMultiselect,
+  C as ScalarContextMenu,
+  w as ScalarDropdown,
+  Tr as ScalarDropdownButton,
+  nr as ScalarDropdownDivider,
+  br as ScalarDropdownItem,
+  P as ScalarDropdownMenu,
+  k as ScalarErrorBoundary,
+  h as ScalarFileUpload,
+  O as ScalarFileUploadDropTarget,
+  _ as ScalarFileUploadError,
+  q as ScalarFileUploadFileList,
+  E as ScalarFileUploadInput,
+  y as ScalarFileUploadInputCompact,
+  V as ScalarFileUploadLoading,
+  J as ScalarFloating,
+  N as ScalarFloatingBackdrop,
+  W as ScalarForm,
+  Z as ScalarFormField,
+  Br as ScalarFormSection,
+  aa as ScalarHeader,
+  oa as ScalarHeaderButton,
+  Cr as ScalarIcon,
+  ta as ScalarIconButton,
+  fa as ScalarListbox,
+  sa as ScalarListboxCheckbox,
+  pa as ScalarListboxItem,
+  wr as ScalarLoading,
+  ca as ScalarMarkdown,
+  Sa as ScalarMenu,
+  na as ScalarMenuButton,
+  ba as ScalarMenuLink,
+  Ba as ScalarMenuProduct,
+  Ca as ScalarMenuProducts,
+  ka as ScalarMenuResources,
+  Ta as ScalarMenuSection,
+  wa as ScalarMenuTeamPicker,
+  Pa as ScalarMenuTeamProfile,
+  kr as ScalarModal,
+  ha as ScalarPopover,
+  Er as ScalarSearchInput,
+  ya as ScalarSearchResultItem,
+  Ea as ScalarSearchResultList,
+  Oa as ScalarSidebar,
+  _a as ScalarSidebarButton,
+  Va as ScalarSidebarFooter,
+  qa as ScalarSidebarGroup,
+  Ja as ScalarSidebarGroupToggle,
+  Na as ScalarSidebarItem,
+  Wa as ScalarSidebarItems,
+  Za as ScalarTeleport,
+  ar as ScalarTeleportRoot,
+  or as ScalarTextArea,
+  tr as ScalarTextInput,
+  fr as ScalarToggle,
+  pr as ScalarTooltip,
+  sr as ScalarVirtualText,
+  yr as TELEPORT_SYMBOL,
+  Vr as addScalarClassesToHeadless,
   f as compose,
-  u as cva,
-  d as cx,
-  Za as styles,
-  p as tw,
+  d as cva,
+  p as cx,
+  cr as styles,
+  u as tw,
   s as useBindCx,
-  Sr as useLoadingState,
-  Tr as useModal,
-  Ir as useProvideTeleport,
-  Lr as useTeleport
+  Pr as useLoadingState,
+  hr as useModal,
+  Gr as useProvideTeleport,
+  Or as useTeleport
 };