@scalar/components 0.14.18 → 0.14.19

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import { ScalarCard } from './index';
+declare const meta: Meta<typeof ScalarCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const HeaderWithActions: Story;
+export declare const MinimalCard: Story;
+//# sourceMappingURL=ScalarCard.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/ScalarCard.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,EAAE,UAAU,EAAyD,MAAM,SAAS,CAAA;AAE3F,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA0BjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAoB/B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAczB,CAAA"}

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

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

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

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

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

@@ -0,0 +1,30 @@
+/**
+ * Scalar card component
+ *
+ * Creates an aria region using the nearest ScalarCardHeader as the label
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/region_role
+ *
+ * @example
+ * <ScalarCard>
+ *   <ScalarCardHeader>Header</ScalarCardHeader>
+ *   <ScalarCardSection>Content</ScalarCardSection>
+ *   <ScalarCardFooter>Footer</ScalarCardFooter>
+ * </ScalarCard>
+ */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** The a11y label for the card region */
+    label?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** The a11y label for the card region */
+    label?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarCard.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/ScalarCard.vue"],"names":[],"mappings":"AAmEA;;;;;;;;;;;;;GAaG;;IAID,yCAAyC;YACjC,MAAM;;IADd,yCAAyC;YACjC,MAAM;;qBA4Da,GAAG;;AAhEhC,wBAiGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCard/ScalarCard.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent as o, computed as n, createElementBlock as i, openBlock as d, normalizeProps as s, guardReactiveProps as u, unref as c, renderSlot as f } from "vue";
+import { useBindCx as m } from "@scalar/use-hooks/useBindCx";
+import { useCardRegion as b } from "./useCardHeading.js";
+const p = {}, h = /* @__PURE__ */ o({
+  ...p,
+  inheritAttrs: !1,
+  __name: "ScalarCard",
+  props: {
+    label: {}
+  },
+  setup(e) {
+    const { id: r } = b(), t = n(() => e.label ? { "aria-label": e.label } : r.value ? { "aria-labelledby": r.value } : {}), { cx: a } = m();
+    return (l, _) => (d(), i("section", s(u({
+      ...t.value,
+      ...c(a)(
+        "scalar-card bg-b-2 flex flex-col divide-y rounded-lg border *:first:rounded-t-[inherit] *:last:rounded-b-[inherit]"
+      )
+    })), [
+      f(l.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  h as default
+};

package/dist/components/ScalarCard/ScalarCard.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScalarCard.vue.js";
+export {
+  f as default
+};

package/dist/components/ScalarCard/ScalarCardFooter.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Scalar card footer component
+ *
+ * @example
+ * <ScalarCard>
+ *   ...
+ *   <ScalarCardFooter>Footer</ScalarCardFooter>
+ * </ScalarCard>
+ */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarCardFooter.vue.d.ts.map

package/dist/components/ScalarCard/ScalarCardFooter.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarCardFooter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/ScalarCardFooter.vue"],"names":[],"mappings":"AAiCA;;;;;;;;GAQG;;qBA4C0B,GAAG;;AA3ChC,wBA0EC;AAKD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCard/ScalarCardFooter.vue.js

@@ -0,0 +1,20 @@
+import { defineComponent as t, createBlock as o, openBlock as a, normalizeProps as n, guardReactiveProps as s, unref as c, withCtx as _, renderSlot as f } from "vue";
+import { useBindCx as i } from "@scalar/use-hooks/useBindCx";
+import l from "./ScalarCardSection.vue.js";
+const m = {}, h = /* @__PURE__ */ t({
+  ...m,
+  inheritAttrs: !1,
+  __name: "ScalarCardFooter",
+  setup(p) {
+    const { cx: r } = i();
+    return (e, d) => (a(), o(l, n(s(c(r)("scalar-card-footer"))), {
+      default: _(() => [
+        f(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  h as default
+};

package/dist/components/ScalarCard/ScalarCardFooter.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScalarCardFooter.vue.js";
+export {
+  f as default
+};

package/dist/components/ScalarCard/ScalarCardHeader.vue.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Scalar card header component
+ *
+ * Will automatically be used as the aria-labelledby for the parent ScalarCard component
+ *
+ * @example
+ * <ScalarCard>
+ *   <ScalarCardHeader>Header</ScalarCardHeader>
+ *   ...
+ * </ScalarCard>
+ */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+    actions?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarCardHeader.vue.d.ts.map

package/dist/components/ScalarCard/ScalarCardHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarCardHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/ScalarCardHeader.vue"],"names":[],"mappings":"AA4DA;;;;;;;;;;GAUG;;qBAoE0B,GAAG;qBACH,GAAG;;AApEhC,wBAoGC;AAKD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCard/ScalarCardHeader.vue.js

@@ -0,0 +1,34 @@
+import { defineComponent as n, useId as d, createBlock as i, openBlock as r, normalizeProps as c, guardReactiveProps as l, unref as a, withCtx as m, createElementVNode as f, createElementBlock as _, createCommentVNode as u, renderSlot as o } from "vue";
+import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
+import h from "./ScalarCardSection.vue.js";
+import { useCardHeading as C } from "./useCardHeading.js";
+const k = ["id"], x = {
+  key: 0,
+  class: "flex"
+}, B = {}, H = /* @__PURE__ */ n({
+  ...B,
+  inheritAttrs: !1,
+  __name: "ScalarCardHeader",
+  setup($) {
+    const { cx: s } = p(), t = d();
+    return C(t), (e, g) => (r(), i(h, c(l(
+      a(s)("scalar-card-header leading-[1.35] font-medium py-2.25 px-3 shrink-0")
+    )), {
+      default: m(() => [
+        f("div", {
+          id: a(t),
+          class: "scalar-card-header-title min-w-0 flex-1 truncate"
+        }, [
+          o(e.$slots, "default")
+        ], 8, k),
+        e.$slots.actions ? (r(), _("div", x, [
+          o(e.$slots, "actions")
+        ])) : u("", !0)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  H as default
+};

package/dist/components/ScalarCard/ScalarCardHeader.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScalarCardHeader.vue.js";
+export {
+  f as default
+};

package/dist/components/ScalarCard/ScalarCardSection.vue.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Scalar card section component
+ *
+ * A generic section of a ScalarCard component, provides the base for ScalarCardHeader and ScalarCardFooter
+ *
+ * @example
+ * <ScalarCard>
+ *   ...
+ *   <ScalarCardSection>Content</ScalarCardSection>
+ *   ...
+ * </ScalarCard>
+ */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarCardSection.vue.d.ts.map

package/dist/components/ScalarCard/ScalarCardSection.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarCardSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/ScalarCardSection.vue"],"names":[],"mappings":"AAgCA;;;;;;;;;;;GAWG;;qBAqC0B,GAAG;;AApChC,wBAkEC;AAKD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCard/ScalarCardSection.vue.js

@@ -0,0 +1,16 @@
+import { defineComponent as t, createElementBlock as o, openBlock as n, normalizeProps as a, guardReactiveProps as c, unref as s, renderSlot as l } from "vue";
+import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
+const i = {}, m = /* @__PURE__ */ t({
+  ...i,
+  inheritAttrs: !1,
+  __name: "ScalarCardSection",
+  setup(_) {
+    const { cx: e } = f();
+    return (r, d) => (n(), o("div", a(c(s(e)("scalar-card-content flex overflow-auto"))), [
+      l(r.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  m as default
+};

package/dist/components/ScalarCard/ScalarCardSection.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScalarCardSection.vue.js";
+export {
+  f as default
+};

package/dist/components/ScalarCard/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ScalarCard } from './ScalarCard.vue.js';
+export { default as ScalarCardHeader } from './ScalarCardHeader.vue.js';
+export { default as ScalarCardSection } from './ScalarCardSection.vue.js';
+export { default as ScalarCardFooter } from './ScalarCardFooter.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/components/ScalarCard/useCardHeading.d.ts

@@ -0,0 +1,21 @@
+import { type InjectionKey, type Ref } from 'vue';
+/**
+ * Tracks the region heading id for card accessibility
+ */
+export declare const CARD_Heading_SYMBOL: InjectionKey<Ref<string | undefined>>;
+/**
+ * Set the region heading id for a ScalarCardHeader component.
+ *
+ * This should be called from ScalarCardHeader components.
+ */
+export declare const useCardHeading: (id: string) => void;
+/**
+ * Get the region heading id if set.
+ *
+ * This should be called from ScalarCard components.
+ */
+export declare const useCardRegion: () => {
+    /** The region heading id ref */
+    id: Ref<string | undefined, string | undefined>;
+};
+//# sourceMappingURL=useCardHeading.d.ts.map

package/dist/components/ScalarCard/useCardHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCardHeading.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/useCardHeading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,YAAY,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAEvE;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAe,YAAY,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;AAEpF;;;;GAIG;AACH,eAAO,MAAM,cAAc,OAAQ,MAAM,SAKxC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAMtB,gCAAgC;;CAGnC,CAAA"}

package/dist/components/ScalarCard/useCardHeading.js

@@ -0,0 +1,16 @@
+import { ref as i, provide as r, inject as t } from "vue";
+const n = Symbol(), s = (o) => {
+  const e = t(n, void 0);
+  e && (e.value = o);
+}, c = () => {
+  const o = i();
+  return r(n, o), {
+    /** The region heading id ref */
+    id: o
+  };
+};
+export {
+  n as CARD_Heading_SYMBOL,
+  s as useCardHeading,
+  c as useCardRegion
+};

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as a, computed as r, createBlock as i, openBlock as c, resolveDynamicComponent as u, mergeProps as m, unref as p, withCtx as g, createElementVNode as e } from "vue";
 import { useBindCx as d } from "@scalar/use-hooks/useBindCx";
-const f = {}, _ = /* @__PURE__ */ a({
+const f = {}, b = /* @__PURE__ */ a({
   ...f,
   inheritAttrs: !1,
   __name: "ScalarColorModeToggleIcon",
@@ -26,10 +26,11 @@ const f = {}, _ = /* @__PURE__ */ a({
           e("span", { class: "toggle-icon-moon-mask" })
         ], -1)
       ])),
-      _: 1
+      _: 1,
+      __: [0]
     }, 16, ["aria-label", "class", "type"]));
   }
 });
 export {
-  _ as default
+  b as default
 };

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

@@ -1,14 +1,14 @@
-import { defineComponent as m, createBlock as p, openBlock as d, withCtx as l, createVNode as s, createSlots as n, renderSlot as t } from "vue";
+import { defineComponent as m, createBlock as p, openBlock as d, withCtx as t, createVNode as s, createSlots as n, renderSlot as l } from "vue";
 import f from "./ScalarComboboxOptions.vue.js";
 import i from "./ScalarComboboxPopover.vue.js";
-const c = /* @__PURE__ */ m({
+const h = /* @__PURE__ */ m({
   __name: "ScalarCombobox",
   props: {
     options: {},
     modelValue: {},
     placeholder: {},
     placement: {},
-    offset: {},
+    offset: { type: [Number, Object, Function] },
     resize: { type: Boolean },
     target: {},
     middleware: {},
@@ -24,10 +24,10 @@ const c = /* @__PURE__ */ m({
       target: e.target,
       teleport: e.teleport
     }, {
-      default: l(({ open: o }) => [
-        t(e.$slots, "default", { open: o })
+      default: t(({ open: o }) => [
+        l(e.$slots, "default", { open: o })
       ]),
-      popover: l(({ open: o, close: a }) => [
+      popover: t(({ open: o, close: a }) => [
         s(f, {
           modelValue: e.modelValue ? [e.modelValue] : [],
           open: o,
@@ -37,15 +37,15 @@ const c = /* @__PURE__ */ m({
         }, n({ _: 2 }, [
           e.$slots.before ? {
             name: "before",
-            fn: l(() => [
-              t(e.$slots, "before", { open: o })
+            fn: t(() => [
+              l(e.$slots, "before", { open: o })
             ]),
             key: "0"
           } : void 0,
           e.$slots.after ? {
             name: "after",
-            fn: l(() => [
-              t(e.$slots, "after", { open: o })
+            fn: t(() => [
+              l(e.$slots, "after", { open: o })
             ]),
             key: "1"
           } : void 0
@@ -56,5 +56,5 @@ const c = /* @__PURE__ */ m({
   }
 });
 export {
-  c as default
+  h as default
 };

package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.d.ts

@@ -14,7 +14,7 @@ declare function __VLS_template(): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly placement?: import("@floating-ui/utils").Placement | undefined;
+                readonly placement?: import("@floating-ui/vue").Placement | undefined;
                 readonly offset?: import("@floating-ui/vue").OffsetOptions | undefined;
                 readonly resize?: boolean | undefined;
                 readonly target?: (string | HTMLElement) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxMultiselect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxMultiselect.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIjE,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,GAAG,qBAAqB,CAAC;AAyB5B,iBAAS,cAAc;WAgGT,OAAO,IAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAvIlD,KA9Ba,eA8Bb,KA7BU,uBA6BV,KA5BO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAgNozhB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAxCh7hB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;4BAzJrB,KA9Ba,eA8Bb,KA7BU,uBA6BV,KA5BO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA4BP,KA9Ba,eA8Bb,KA7BU,uBA6BV,KA5BO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFA8LL,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":"ScalarComboboxMultiselect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxMultiselect.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIjE,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,GAAG,qBAAqB,CAAC;AAyB5B,iBAAS,cAAc;WAgGT,OAAO,IAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAvIlD,KA9Ba,eA8Bb,KA7BU,uBA6BV,KA5BO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAgNk5hB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAxC9giB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;4BAzJrB,KA9Ba,eA8Bb,KA7BU,uBA6BV,KA5BO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA4BP,KA9Ba,eA8Bb,KA7BU,uBA6BV,KA5BO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFA8LL,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/ScalarCombobox/ScalarComboboxMultiselect.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as d, ref as f, createBlock as p, openBlock as n, withCtx as l, renderSlot as a, createCommentVNode as u, createSlots as b } from "vue";
+import { defineComponent as d, ref as f, createBlock as p, openBlock as n, withCtx as t, renderSlot as a, createCommentVNode as u, createSlots as b } from "vue";
 import $ from "./ScalarComboboxOptions.vue.js";
-import V from "./ScalarComboboxPopover.vue.js";
+import y from "./ScalarComboboxPopover.vue.js";
 const w = /* @__PURE__ */ d({
   __name: "ScalarComboboxMultiselect",
   props: {
@@ -9,16 +9,16 @@ const w = /* @__PURE__ */ d({
     placeholder: {},
     isDeletable: { type: Boolean },
     placement: {},
-    offset: {},
+    offset: { type: [Number, Object, Function] },
     resize: { type: Boolean },
     target: {},
     middleware: {},
     teleport: { type: [Boolean, String] }
   },
   emits: ["update:modelValue", "delete"],
-  setup(y, { expose: i }) {
+  setup(V, { expose: i }) {
     const s = f(null);
-    return i({ comboboxPopoverRef: s }), (e, o) => (n(), p(V, {
+    return i({ comboboxPopoverRef: s }), (e, o) => (n(), p(y, {
       ref_key: "comboboxPopoverRef",
       ref: s,
       middleware: e.middleware,
@@ -28,7 +28,7 @@ const w = /* @__PURE__ */ d({
       target: e.target,
       teleport: e.teleport
     }, {
-      popover: l(({ open: t }) => {
+      popover: t(({ open: l }) => {
         var m;
         return [
           (m = e.options) != null && m.length ? (n(), p($, {
@@ -36,7 +36,7 @@ const w = /* @__PURE__ */ d({
             isDeletable: e.isDeletable,
             modelValue: e.modelValue,
             multiselect: "",
-            open: t,
+            open: l,
             options: e.options,
             placeholder: e.placeholder,
             onDelete: o[0] || (o[0] = (r) => e.$emit("delete", r)),
@@ -44,22 +44,22 @@ const w = /* @__PURE__ */ d({
           }, b({ _: 2 }, [
             e.$slots.before ? {
               name: "before",
-              fn: l(() => [
-                a(e.$slots, "before", { open: t })
+              fn: t(() => [
+                a(e.$slots, "before", { open: l })
               ]),
               key: "0"
             } : void 0,
             e.$slots.after ? {
               name: "after",
-              fn: l(() => [
-                a(e.$slots, "after", { open: t })
+              fn: t(() => [
+                a(e.$slots, "after", { open: l })
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["isDeletable", "modelValue", "open", "options", "placeholder"])) : u("", !0)
         ];
       }),
-      default: l(() => [
+      default: t(() => [
         a(e.$slots, "default")
       ]),
       _: 3

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

@@ -1,27 +1,27 @@
 import { defineComponent as u, ref as c, createBlock as _, openBlock as v, unref as o, withCtx as t, createVNode as r, normalizeProps as y, guardReactiveProps as w, createSlots as x, renderSlot as l, mergeProps as B } from "vue";
 import { Popover as P, PopoverButton as h, PopoverPanel as k } from "@headlessui/vue";
 import { useBindCx as g } from "@scalar/use-hooks/useBindCx";
-import $ from "../ScalarFloating/ScalarFloating.vue.js";
-import C from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
+import b from "../ScalarFloating/ScalarFloating.vue.js";
+import $ from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
 const z = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "ScalarComboboxPopover",
   props: {
     placement: {},
-    offset: {},
+    offset: { type: [Number, Object, Function] },
     resize: { type: Boolean },
     target: {},
     middleware: {},
     teleport: { type: [Boolean, String] }
   },
-  setup(S, { expose: s }) {
+  setup(C, { expose: s }) {
     const { cx: f } = g(), p = c(null), i = (e) => {
       var n;
       ["ArrowUp", "ArrowDown"].includes(e.key) && (e.preventDefault(), (n = e.target) == null || n.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter" })));
     };
     return s({ popoverButtonRef: p }), (e, n) => (v(), _(o(P), { as: "template" }, {
       default: t(({ open: a }) => [
-        r(o($), y(w(e.$props)), x({
+        r(o(b), y(w(e.$props)), x({
           default: t(() => [
             r(o(h), {
               ref_key: "popoverButtonRef",
@@ -51,7 +51,7 @@ const z = /* @__PURE__ */ u({
                     close: d,
                     open: a
                   }),
-                  r(o(C))
+                  r(o($))
                 ]),
                 _: 2
               }, 1040, ["style"])

package/dist/components/ScalarDropdown/ScalarDropdown.vue.js

@@ -1,42 +1,42 @@
-import { defineComponent as p, createBlock as i, openBlock as f, unref as e, withCtx as t, createVNode as r, mergeProps as n, renderSlot as s } from "vue";
-import { Menu as u, MenuButton as _, MenuItems as c } from "@headlessui/vue";
+import { defineComponent as p, createBlock as i, openBlock as f, unref as e, withCtx as t, createVNode as r, mergeProps as a, renderSlot as s } from "vue";
+import { Menu as u, MenuButton as c, MenuItems as _ } from "@headlessui/vue";
 import { useBindCx as d } from "@scalar/use-hooks/useBindCx";
 import B from "./ScalarDropdownMenu.vue.js";
 import h from "../ScalarFloating/ScalarFloating.vue.js";
-const $ = {}, x = /* @__PURE__ */ p({
-  ...$,
+const y = {}, k = /* @__PURE__ */ p({
+  ...y,
   inheritAttrs: !1,
   __name: "ScalarDropdown",
   props: {
     placement: {},
-    offset: {},
+    offset: { type: [Number, Object, Function] },
     resize: { type: Boolean },
     target: {},
     middleware: {},
     teleport: { type: [Boolean, String] }
   },
-  setup(g) {
+  setup($) {
     const { cx: l } = d();
-    return (o, y) => (f(), i(e(u), null, {
-      default: t(({ open: a }) => [
-        r(e(h), n(o.$props, {
+    return (o, g) => (f(), i(e(u), null, {
+      default: t(({ open: n }) => [
+        r(e(h), a(o.$props, {
           placement: o.placement ?? "bottom-start"
         }), {
           floating: t(({ width: m }) => [
-            r(B, n({
-              is: e(c),
+            r(B, a({
+              is: e(_),
               style: { width: m }
             }, e(l)("max-h-[inherit]")), {
               default: t(() => [
-                s(o.$slots, "items", { open: a })
+                s(o.$slots, "items", { open: n })
               ]),
               _: 2
             }, 1040, ["is", "style"])
           ]),
           default: t(() => [
-            r(e(_), { as: "template" }, {
+            r(e(c), { as: "template" }, {
               default: t(() => [
-                s(o.$slots, "default", { open: a })
+                s(o.$slots, "default", { open: n })
               ]),
               _: 2
             }, 1024)
@@ -49,5 +49,5 @@ const $ = {}, x = /* @__PURE__ */ p({
   }
 });
 export {
-  x as default
+  k as default
 };

package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as x, mergeModels as _, useModel as v, createElementBlock as o, openBlock as i, normalizeProps as g, guardReactiveProps as C, unref as l, createElementVNode as t, Fragment as V, renderList as k, toDisplayString as n, createVNode as d, withCtx as a, createTextVNode as m } from "vue";
+import { defineComponent as _, mergeModels as x, useModel as v, createElementBlock as o, openBlock as i, normalizeProps as g, guardReactiveProps as C, unref as l, createElementVNode as t, Fragment as V, renderList as k, toDisplayString as n, createVNode as d, withCtx as a, createTextVNode as m } from "vue";
 import { useBindCx as y } from "@scalar/use-hooks/useBindCx";
 import z from "pretty-bytes";
 import u from "../ScalarButton/ScalarButton.vue.js";
-const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-center justify-between" }, w = { class: "flex-1 min-w-0 truncate" }, F = { class: "text-c-3" }, M = { class: "flex items-center gap-1.5" }, N = {}, P = /* @__PURE__ */ x({
+const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-center justify-between" }, w = { class: "flex-1 min-w-0 truncate" }, F = { class: "text-c-3" }, M = { class: "flex items-center gap-1.5" }, N = {}, P = /* @__PURE__ */ _({
   ...N,
   inheritAttrs: !1,
   __name: "ScalarFileUploadFileList",
@@ -10,7 +10,7 @@ const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-cent
     modelValue: {},
     modelModifiers: {}
   },
-  emits: /* @__PURE__ */ _(["upload"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ x(["upload"], ["update:modelValue"]),
   setup(p) {
     const r = v(p, "modelValue"), { cx: f } = y();
     return (c, e) => (i(), o("div", g(C(l(f)("flex flex-col gap-2 p-4"))), [
@@ -34,7 +34,8 @@ const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-cent
           default: a(() => e[2] || (e[2] = [
             m(" Upload ")
           ])),
-          _: 1
+          _: 1,
+          __: [2]
         }),
         d(l(u), {
           size: "sm",
@@ -44,7 +45,8 @@ const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-cent
           default: a(() => e[3] || (e[3] = [
             m(" Clear ")
           ])),
-          _: 1
+          _: 1,
+          __: [3]
         })
       ])
     ], 16));