@scalar/components 0.13.19 → 0.13.21

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

@@ -40,20 +40,20 @@ declare const meta: {
             default(props: {
                 open: boolean;
             }): import("vue").Slot;
-            before(props: {
+            before?(props: {
                 open: boolean;
             }): import("vue").Slot;
-            after(props: {
+            after?(props: {
                 open: boolean;
             }): import("vue").Slot;
         }> & {
             default(props: {
                 open: boolean;
             }): import("vue").Slot;
-            before(props: {
+            before?(props: {
                 open: boolean;
             }): import("vue").Slot;
-            after(props: {
+            after?(props: {
                 open: boolean;
             }): import("vue").Slot;
         };
@@ -78,6 +78,7 @@ export declare const Base: Story;
 export declare const Groups: Story;
 export declare const Multiselect: Story;
 export declare const MultiselectGroups: Story;
+export declare const WithSlots: Story;
 /**
  * Applies a custom class to the combobox popover
  */

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCombobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAqClC,eAAO,MAAM,IAAI,EAAE,KA0BlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA0BpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAA"}
+{"version":3,"file":"ScalarCombobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAqClC,eAAO,MAAM,IAAI,EAAE,KA0BlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA0BpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAA"}

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

@@ -16,16 +16,16 @@ declare function __VLS_template(): {
         /** The reference element for the combobox */
         default(props: SlotProps): Slot;
         /** A slot for contents before the combobox options */
-        before(props: SlotProps): Slot;
+        before?(props: SlotProps): Slot;
         /** A slot for contents after the combobox options */
-        after(props: SlotProps): Slot;
+        after?(props: SlotProps): Slot;
     }> & {
         /** The reference element for the combobox */
         default(props: SlotProps): Slot;
         /** A slot for contents before the combobox options */
-        before(props: SlotProps): Slot;
+        before?(props: SlotProps): Slot;
         /** A slot for contents after the combobox options */
-        after(props: SlotProps): Slot;
+        after?(props: SlotProps): Slot;
     };
     refs: {};
     rootEl: any;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,qBAAqB,CAAA;AAEzB,KAAK,SAAS,GAAG;IACf,0CAA0C;IAC1C,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAyBD,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;QAnGhD,6CAA6C;uBAC9B,SAAS,GAAG,IAAI;QAC/B,sDAAsD;sBACxC,SAAS,GAAG,IAAI;QAC9B,qDAAqD;qBACxC,SAAS,GAAG,IAAI;;QAL7B,6CAA6C;uBAC9B,SAAS,GAAG,IAAI;QAC/B,sDAAsD;sBACxC,SAAS,GAAG,IAAI;QAC9B,qDAAqD;qBACxC,SAAS,GAAG,IAAI;;;;EAmG9B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,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":"ScalarCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,qBAAqB,CAAA;AAEzB,KAAK,SAAS,GAAG;IACf,0CAA0C;IAC1C,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAyBD,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;QAnGhD,6CAA6C;uBAC9B,SAAS,GAAG,IAAI;QAC/B,sDAAsD;uBACvC,SAAS,GAAG,IAAI;QAC/B,qDAAqD;sBACvC,SAAS,GAAG,IAAI;;QAL9B,6CAA6C;uBAC9B,SAAS,GAAG,IAAI;QAC/B,sDAAsD;uBACvC,SAAS,GAAG,IAAI;QAC/B,qDAAqD;sBACvC,SAAS,GAAG,IAAI;;;;EAmG/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,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/ScalarCombobox.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as m, openBlock as p, createBlock as d, withCtx as l, renderSlot as a, createVNode as s, createSlots as n } from "vue";
-import i from "./ScalarComboboxOptions.vue.js";
-import f from "./ScalarComboboxPopover.vue.js";
-const h = /* @__PURE__ */ m({
+import { defineComponent as m, openBlock as p, createBlock as d, withCtx as l, renderSlot as t, createVNode as s, createSlots as n } from "vue";
+import f from "./ScalarComboboxOptions.vue.js";
+import i from "./ScalarComboboxPopover.vue.js";
+const c = /* @__PURE__ */ m({
   __name: "ScalarCombobox",
   props: {
     options: {},
@@ -16,44 +16,45 @@ const h = /* @__PURE__ */ m({
   },
   emits: ["update:modelValue"],
   setup(u) {
-    return (e, V) => (p(), d(f, {
+    return (e, V) => (p(), d(i, {
       middleware: e.middleware,
+      offset: e.offset,
       placement: e.placement ?? "bottom-start",
       resize: e.resize,
       target: e.target,
       teleport: e.teleport
     }, {
       default: l(({ open: o }) => [
-        a(e.$slots, "default", { open: o })
+        t(e.$slots, "default", { open: o })
       ]),
-      popover: l(({ open: o, close: t }) => [
-        s(i, {
+      popover: l(({ open: o, close: a }) => [
+        s(f, {
           modelValue: e.modelValue ? [e.modelValue] : [],
           open: o,
           options: e.options,
           placeholder: e.placeholder,
-          "onUpdate:modelValue": (r) => (t(), e.$emit("update:modelValue", r[0]))
+          "onUpdate:modelValue": (r) => (a(), e.$emit("update:modelValue", r[0]))
         }, n({ _: 2 }, [
           e.$slots.before ? {
             name: "before",
             fn: l(() => [
-              a(e.$slots, "before", { open: o })
+              t(e.$slots, "before", { open: o })
             ]),
             key: "0"
           } : void 0,
           e.$slots.after ? {
             name: "after",
             fn: l(() => [
-              a(e.$slots, "after", { open: o })
+              t(e.$slots, "after", { open: o })
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["modelValue", "open", "options", "placeholder", "onUpdate:modelValue"])
       ]),
       _: 3
-    }, 8, ["middleware", "placement", "resize", "target", "teleport"]));
+    }, 8, ["middleware", "offset", "placement", "resize", "target", "teleport"]));
   }
 });
 export {
-  h as default
+  c as default
 };

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

@@ -1,5 +1,5 @@
 import type { ScalarFloatingOptions } from '../ScalarFloating';
-import type { Option, OptionGroup } from './types.js';
+import type { ComboboxSlots, Option, OptionGroup } from './types.js';
 type __VLS_Props = {
     options: Option[] | OptionGroup[];
     modelValue?: Option[];
@@ -8,10 +8,7 @@ type __VLS_Props = {
 } & ScalarFloatingOptions;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        actions?(_: {}): any;
-    };
+    slots: Readonly<ComboboxSlots> & ComboboxSlots;
     refs: {
         comboboxPopoverRef: ({
             $: import("vue").ComponentInternalInstance;

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":"AA6DA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlD,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;AAuB5B,iBAAS,cAAc;WA6FT,OAAO,IAA6B;;yBAVrB,GAAG;yBACF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAzHjC,KApBgB,eAoBhB,KApBoC,uBAoBpC,KAnBqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkM6riB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAxCv0iB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;4BApJrB,KApBgB,eAoBhB,KApBoC,uBAoBpC,KAnBqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAmBrB,KApBgB,eAoBhB,KApBoC,uBAoBpC,KAnBqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAgLnB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

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

@@ -1,10 +1,7 @@
-import { defineComponent as m, ref as u, openBlock as t, createBlock as a, withCtx as s, createElementVNode as f, createCommentVNode as i, createElementBlock as b, renderSlot as p } from "vue";
-import c from "./ScalarComboboxOptions.vue.js";
+import { defineComponent as d, ref as f, openBlock as p, createBlock as n, withCtx as l, createSlots as u, renderSlot as a, createCommentVNode as b } from "vue";
+import $ from "./ScalarComboboxOptions.vue.js";
 import V from "./ScalarComboboxPopover.vue.js";
-const v = { class: "divide-1 divide-y" }, y = {
-  key: 1,
-  class: "p-0.75"
-}, h = /* @__PURE__ */ m({
+const w = /* @__PURE__ */ d({
   __name: "ScalarComboboxMultiselect",
   props: {
     options: {},
@@ -19,42 +16,56 @@ const v = { class: "divide-1 divide-y" }, y = {
     teleport: { type: [Boolean, String] }
   },
   emits: ["update:modelValue", "delete"],
-  setup($, { expose: n }) {
-    const r = u(null);
-    return n({ comboboxPopoverRef: r }), (e, o) => (t(), a(V, {
+  setup(y, { expose: i }) {
+    const s = f(null);
+    return i({ comboboxPopoverRef: s }), (e, o) => (p(), n(V, {
       ref_key: "comboboxPopoverRef",
-      ref: r,
+      ref: s,
       middleware: e.middleware,
+      offset: e.offset,
       placement: e.placement ?? "bottom-start",
       resize: e.resize,
       target: e.target,
       teleport: e.teleport
     }, {
-      popover: s(({ open: d }) => [
-        f("div", v, [
-          e.options && e.options.length ? (t(), a(c, {
+      popover: l(({ open: t }) => {
+        var m;
+        return [
+          (m = e.options) != null && m.length ? (p(), n($, {
             key: 0,
             isDeletable: e.isDeletable,
             modelValue: e.modelValue,
             multiselect: "",
-            open: d,
+            open: t,
             options: e.options,
             placeholder: e.placeholder,
-            onDelete: o[0] || (o[0] = (l) => e.$emit("delete", l)),
-            "onUpdate:modelValue": o[1] || (o[1] = (l) => e.$emit("update:modelValue", l))
-          }, null, 8, ["isDeletable", "modelValue", "open", "options", "placeholder"])) : i("", !0),
-          e.$slots.actions ? (t(), b("div", y, [
-            p(e.$slots, "actions")
-          ])) : i("", !0)
-        ])
-      ]),
-      default: s(() => [
-        p(e.$slots, "default")
+            onDelete: o[0] || (o[0] = (r) => e.$emit("delete", r)),
+            "onUpdate:modelValue": o[1] || (o[1] = (r) => e.$emit("update:modelValue", r))
+          }, u({ _: 2 }, [
+            e.$slots.before ? {
+              name: "before",
+              fn: l(() => [
+                a(e.$slots, "before", { open: t })
+              ]),
+              key: "0"
+            } : void 0,
+            e.$slots.after ? {
+              name: "after",
+              fn: l(() => [
+                a(e.$slots, "after", { open: t })
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["isDeletable", "modelValue", "open", "options", "placeholder"])) : b("", !0)
+        ];
+      }),
+      default: l(() => [
+        a(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["middleware", "placement", "resize", "target", "teleport"]));
+    }, 8, ["middleware", "offset", "placement", "resize", "target", "teleport"]));
   }
 });
 export {
-  h as default
+  w as default
 };

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

@@ -1,5 +1,4 @@
-import { type Slot } from 'vue';
-import { type Option, type OptionGroup } from './types.js';
+import { type ComboboxSlots, type Option, type OptionGroup } from './types.js';
 type __VLS_Props = {
     options: Option[] | OptionGroup[];
     modelValue?: Option[];
@@ -10,17 +9,7 @@ type __VLS_Props = {
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        /** A slot for contents before the combobox options */
-        before(): Slot;
-        /** A slot for contents after the combobox options */
-        after(): Slot;
-    }> & {
-        /** A slot for contents before the combobox options */
-        before(): Slot;
-        /** A slot for contents after the combobox options */
-        after(): Slot;
-    };
+    slots: Readonly<Omit<ComboboxSlots, "default">> & Omit<ComboboxSlots, "default">;
     refs: {};
     rootEl: any;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptions.vue"],"names":[],"mappings":"AAiKA,OAAO,EAAE,KAAK,IAAI,EAAwB,MAAM,KAAK,CAAA;AAIrD,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAY,MAAM,SAAS,CAAA;AAIjE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AA8FF,iBAAS,cAAc;WA2JT,OAAO,IAA6B;;QA/OhD,sDAAsD;kBAC5C,IAAI;QACd,qDAAqD;iBAC5C,IAAI;;QAHb,sDAAsD;kBAC5C,IAAI;QACd,qDAAqD;iBAC5C,IAAI;;;;EAiPd;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAOnB,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":"ScalarComboboxOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptions.vue"],"names":[],"mappings":"AAqKA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,MAAM,EACX,KAAK,WAAW,EAEjB,MAAM,SAAS,CAAA;AAIhB,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AAyFF,iBAAS,cAAc;WA8JT,OAAO,IAA6B;;;;EAKjD;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAOnB,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/ScalarComboboxOptions.vue.js

@@ -73,7 +73,7 @@ const R = { class: "relative flex" }, W = ["aria-controls", "placeholder"], X =
       ]),
       g(x("ul", {
         id: w(h),
-        class: "border-t p-0.75"
+        class: "border-t p-0.75 custom-scroll flex-1 min-h-0"
       }, [
         B(e.$slots, "before"),
         (a(!0), u(m, null, M(K.value, (n, c) => (a(), u(m, { key: c }, [

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxPopover.vue"],"names":[],"mappings":"AA+DA,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AA8B1D,iBAAS,cAAc;WAwGT,OAAO,IAA6B;;;;;;;;;;;;;;;;0BA3IlD,KA1B6B,eA0B7B,KAzBkB,uBAyBlB,KAxBwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwKvB;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;oBAhKrB,KA1B6B,eA0B7B,KAzBkB,uBAyBlB,KAxBwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8PA+LtB,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":"ScalarComboboxPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxPopover.vue"],"names":[],"mappings":"AAoEA,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AA8B1D,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;;;;;;;;;;;;;;;0BAjJlD,KA5BmB,eA4BnB,KA3BkB,uBA2BlB,KA1Be;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgLd;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;oBAvKrB,KA5BmB,eA4BnB,KA3BkB,uBA2BlB,KA1Be;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8PAwMb,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/ScalarComboboxPopover.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as m, ref as c, openBlock as v, createBlock as y, unref as t, withCtx as r, createVNode as l, normalizeProps as w, guardReactiveProps as _, createSlots as b, renderSlot as s, mergeProps as g, createElementVNode as B } from "vue";
-import { Popover as P, PopoverButton as k, PopoverPanel as x } from "@headlessui/vue";
-import { useBindCx as h } from "../../hooks/useBindCx.js";
-import C from "../ScalarFloating/ScalarFloating.vue.js";
-const K = /* @__PURE__ */ m({
+import { defineComponent as u, ref as c, openBlock as _, createBlock 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 "../../hooks/useBindCx.js";
+import $ from "../ScalarFloating/ScalarFloating.vue.js";
+import C from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
+const z = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "ScalarComboboxPopover",
   props: {
@@ -13,42 +14,45 @@ const K = /* @__PURE__ */ m({
     middleware: {},
     teleport: { type: [Boolean, String] }
   },
-  setup(E, { expose: p }) {
-    const { cx: d } = h(), a = c(null), f = (e) => {
-      var o;
-      ["ArrowUp", "ArrowDown"].includes(e.key) && (e.preventDefault(), (o = e.target) == null || o.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter" })));
+  setup(S, { 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 p({ popoverButtonRef: a }), (e, o) => (v(), y(t(P), { as: "template" }, {
-      default: r(({ open: n }) => [
-        l(t(C), w(_(e.$props)), b({
-          default: r(() => [
-            l(t(k), {
+    return s({ popoverButtonRef: p }), (e, n) => (_(), v(o(P), { as: "template" }, {
+      default: t(({ open: a }) => [
+        r(o($), y(w(e.$props)), x({
+          default: t(() => [
+            r(o(h), {
               ref_key: "popoverButtonRef",
-              ref: a,
+              ref: p,
               as: "template",
-              onKeydown: f
+              onKeydown: i
             }, {
-              default: r(() => [
-                s(e.$slots, "default", { open: n })
+              default: t(() => [
+                l(e.$slots, "default", { open: a })
               ]),
               _: 2
             }, 1536)
           ]),
           _: 2
         }, [
-          n ? {
+          a ? {
             name: "floating",
-            fn: r(({ width: i }) => [
-              l(t(x), g({
-                focus: "",
-                style: { width: i }
-              }, t(d)("relative flex w-40 flex-col rounded border text-sm")), {
-                default: r(({ close: u }) => [
-                  s(e.$slots, "popover", {
-                    close: u,
-                    open: n
+            fn: t(({ width: m }) => [
+              r(o(k), B(
+                {
+                  focus: "",
+                  style: { width: m }
+                },
+                o(f)("relative flex flex-col max-h-[inherit] w-40 rounded text-sm")
+              ), {
+                default: t(({ close: d }) => [
+                  l(e.$slots, "popover", {
+                    close: d,
+                    open: a
                   }),
-                  o[0] || (o[0] = B("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-md brightness-lifted" }, null, -1))
+                  r(o(C))
                 ]),
                 _: 2
               }, 1040, ["style"])
@@ -62,5 +66,5 @@ const K = /* @__PURE__ */ m({
   }
 });
 export {
-  K as default
+  z as default
 };

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

@@ -12,4 +12,13 @@ export type OptionGroup = {
 export declare function isGroup(option: Option | OptionGroup): option is OptionGroup;
 /** Type guard to check if an array of options is an array of groups */
 export declare function isGroups(options: Option[] | OptionGroup[]): options is OptionGroup[];
+/** Available slots for the combobox */
+export type ComboboxSlots = {
+    /** The reference element / trigger for the combobox */
+    default(): any;
+    /** A slot for contents before the combobox options */
+    before?(): any;
+    /** A slot for contents after the combobox options */
+    after?(): any;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,kDAAkD;AAClD,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,MAAM,IAAI,WAAW,CAE3E;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CACtB,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,GAChC,OAAO,IAAI,WAAW,EAAE,CAE1B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,kDAAkD;AAClD,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,MAAM,IAAI,WAAW,CAE3E;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CACtB,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,GAChC,OAAO,IAAI,WAAW,EAAE,CAE1B;AAED,uCAAuC;AACvC,MAAM,MAAM,aAAa,GAAG;IAC1B,uDAAuD;IACvD,OAAO,IAAI,GAAG,CAAA;IACd,sDAAsD;IACtD,MAAM,CAAC,IAAI,GAAG,CAAA;IACd,qDAAqD;IACrD,KAAK,CAAC,IAAI,GAAG,CAAA;CACd,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"names":[],"mappings":"AA6FA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAgChB,iBAAS,cAAc;WA8FT,OAAO,IAA6B;;QAxH9C,uCAAuC;iBAC9B,CAAC,CAAC,EAAE,qBAAqB,KAAK,GAAG;QAC1C,kCAAkC;mBACvB,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QAC1C,0DAA0D;kBAChD,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QACzC,sCAAsC;mBAC3B,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;;QAP1C,uCAAuC;iBAC9B,CAAC,CAAC,EAAE,qBAAqB,KAAK,GAAG;QAC1C,kCAAkC;mBACvB,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QAC1C,0DAA0D;kBAChD,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QACzC,sCAAsC;mBAC3B,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;;;;EAsH7C;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"names":[],"mappings":"AA6FA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAgChB,iBAAS,cAAc;WA+FT,OAAO,IAA6B;;QAzH9C,uCAAuC;iBAC9B,CAAC,CAAC,EAAE,qBAAqB,KAAK,GAAG;QAC1C,kCAAkC;mBACvB,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QAC1C,0DAA0D;kBAChD,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QACzC,sCAAsC;mBAC3B,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;;QAP1C,uCAAuC;iBAC9B,CAAC,CAAC,EAAE,qBAAqB,KAAK,GAAG;QAC1C,kCAAkC;mBACvB,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QAC1C,0DAA0D;kBAChD,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;QACzC,sCAAsC;mBAC3B,CAAC,CAAC,EAAE,mBAAmB,KAAK,GAAG;;;;EAuH7C;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarMenu/ScalarMenu.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as i, ref as m, openBlock as u, createBlock as d, unref as n, withCtx as t, createVNode as l, renderSlot as e, createSlots as $, mergeProps as c } from "vue";
+import { defineComponent as i, ref as m, openBlock as u, createBlock as d, unref as l, withCtx as t, createVNode as n, renderSlot as e, createSlots as $, mergeProps as c } from "vue";
 import { DropdownMenu as r } from "radix-vue/namespaced";
 import _ from "./ScalarMenuButton.vue.js";
 import g from "./ScalarMenuProducts.vue.js";
@@ -12,15 +12,15 @@ const M = /* @__PURE__ */ i({
     function a() {
       s.value = !1;
     }
-    return (o, f) => (u(), d(n(r).Root, {
+    return (o, f) => (u(), d(l(r).Root, {
       open: s.value,
       "onUpdate:open": f[0] || (f[0] = (p) => s.value = p)
     }, {
       default: t(() => [
-        l(n(r).Trigger, { asChild: "" }, {
+        n(l(r).Trigger, { asChild: "" }, {
           default: t(() => [
             e(o.$slots, "button", { open: s.value }, () => [
-              l(_, {
+              n(_, {
                 class: "min-w-0",
                 open: s.value
               }, $({ _: 2 }, [
@@ -43,19 +43,19 @@ const M = /* @__PURE__ */ i({
           ]),
           _: 3
         }),
-        l(n(r).Content, c({
+        n(l(r).Content, c({
           align: "start",
-          as: n(b),
-          class: "max-h-radix-popper",
+          as: l(b),
+          class: "max-h-radix-popper z-context",
           sideOffset: 5
         }, o.$attrs), {
           default: t(() => [
             e(o.$slots, "products", { close: a }, () => [
-              l(g)
+              n(g)
             ]),
             e(o.$slots, "profile", { close: a }),
             e(o.$slots, "sections", { close: a }, () => [
-              l(v)
+              n(v)
             ])
           ]),
           _: 3

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

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
-import ScalarSidebar from './ScalarSidebar.vue.js';
-declare const meta: Meta<typeof ScalarSidebar>;
+declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Base: Story;
+export declare const WithNavItems: Story;
+export declare const WithNestedGroups: Story;
 export declare const WithFooter: Story;
 //# sourceMappingURL=ScalarSidebar.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAG/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAqBpC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAA"}
+{"version":3,"file":"ScalarSidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAUrD,QAAA,MAAM,IAAI,EAAE,IAwBX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA6D9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAA"}

package/dist/components/ScalarSidebar/ScalarSidebarButton.vue.d.ts

@@ -0,0 +1,31 @@
+import type { ScalarSidebarItemProps, ScalarSidebarItemSlots } from './types';
+/**
+ * Scalar Sidebar Button component
+ *
+ * Provide a styled link for the ScalarSidebar or similar, supports
+ * the same props and slots as ScalarSidebarItem
+ *
+ * This is used internally by the ScalarSidebarItem component
+ *
+ * If you're looking to create items in ScalarSidebarItems
+ * you probably want the ScalarSidebarItem component
+ *
+ * @example
+ *   <ScalarSidebarButton>
+ *     <template #icon>
+ *       <!-- Overrides the icon slot -->
+ *     </template>
+ *     <!-- Button text -->
+ *     <template #aside>
+ *       <!-- After the button text -->
+ *     </template>
+ *   </ScalarSidebarButton>
+ */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<ScalarSidebarItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScalarSidebarItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<ScalarSidebarItemSlots> & ScalarSidebarItemSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarSidebarButton.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarButton.vue"],"names":[],"mappings":"AAoFA,OAAO,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAI7E;;;;;;;;;;;;;;;;;;;;;GAqBG;;AACH,wBAyHC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,63 @@
+import { defineComponent as d, openBlock as t, createBlock as r, resolveDynamicComponent as p, mergeProps as c, unref as o, withCtx as u, createElementVNode as f, createElementBlock as n, renderSlot as s, createVNode as m, createCommentVNode as l } from "vue";
+import { cva as b } from "../../cva.js";
+import { useBindCx as v } from "../../hooks/useBindCx.js";
+import h from "../ScalarIcon/ScalarIcon.vue.js";
+const y = { class: "flex items-center gap-1 flex-1" }, B = {
+  key: 0,
+  class: "size-3.5"
+}, _ = { key: 0 }, k = {}, N = /* @__PURE__ */ d({
+  ...k,
+  inheritAttrs: !1,
+  __name: "ScalarSidebarButton",
+  props: {
+    is: { default: "a" },
+    icon: {},
+    selected: { type: Boolean },
+    disabled: { type: Boolean },
+    indent: { default: 0 }
+  },
+  setup(C) {
+    const a = b({
+      base: ["rounded p-1.5 font-medium text-c-2 no-underline"],
+      variants: {
+        selected: { true: "cursor-auto bg-b-2 text-c-1" },
+        disabled: { true: "cursor-auto" },
+        indent: {
+          0: "pl-[6px]",
+          1: "pl-[24px]",
+          2: "pl-[42px]",
+          3: "pl-[60px]",
+          4: "pl-[78px]",
+          5: "pl-[96px]",
+          6: "pl-[114px]"
+        }
+      },
+      compoundVariants: [
+        { selected: !1, disabled: !1, class: "hover:bg-b-2" }
+      ],
+      defaultVariants: { selected: !1, disabled: !1, indent: 0 }
+    }), { cx: i } = v();
+    return (e, V) => (t(), r(p(e.is), c({
+      "aria-level": e.indent,
+      type: e.is === "button" ? "button" : void 0
+    }, o(i)(o(a)({ selected: e.selected, disabled: e.disabled, indent: e.indent }))), {
+      default: u(() => [
+        f("div", y, [
+          e.icon || e.$slots.icon ? (t(), n("div", B, [
+            s(e.$slots, "icon", {}, () => [
+              m(o(h), { icon: e.icon }, null, 8, ["icon"])
+            ])
+          ])) : l("", !0),
+          s(e.$slots, "default")
+        ]),
+        e.$slots.aside ? (t(), n("div", _, [
+          s(e.$slots, "aside")
+        ])) : l("", !0)
+      ]),
+      _: 3
+    }, 16, ["aria-level", "type"]));
+  }
+});
+export {
+  N as default
+};

package/dist/components/ScalarSidebar/ScalarSidebarButton.vue2.js

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

package/dist/components/ScalarSidebar/ScalarSidebarGroup.test.d.ts

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

package/dist/components/ScalarSidebar/ScalarSidebarGroup.test.d.ts.map

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