@scalar/components 0.16.11 → 0.16.13

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

@@ -1,4 +1,4 @@
-import type { ScalarButtonProps } from '../../components/ScalarButton/types';
+import type { ScalarButtonProps } from './types';
 /**
  * Scalar Button Component
  *

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,iCAAiC,CAAA;AAOxC;;;;;;;;;;;GAWG;;WA+IQ,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC3B,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;AAhJ7C,wBAiLC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAyB,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGvE;;;;;;;;;;;GAWG;;WA+IQ,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC3B,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;AAhJ7C,wBAiLC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,6 +1,6 @@
 import type { ScalarIconComponent } from '@scalar/icons/types';
 import type { Component } from 'vue';
-import type { LoadingState } from '../../components/ScalarLoading';
+import type { LoadingState } from '../ScalarLoading/types';
 /** Styles for the ScalarButton component */
 export type ButtonVariant = 'solid' | 'outlined' | 'ghost' | 'gradient' | 'danger';
 /** Sizes for the ScalarButton component */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAE9D,4CAA4C;AAC5C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;AAElF,2CAA2C;AAC3C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,mCAAmC;AACnC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAEzC,2CAA2C;AAC3C,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;;;;;;OASG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,4CAA4C;AAC5C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;AAElF,2CAA2C;AAC3C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,mCAAmC;AACnC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAEzC,2CAA2C;AAC3C,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;;;;;;OASG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB,CAAA"}

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

@@ -1,5 +1,5 @@
 export { default as ScalarCard } from './ScalarCard.vue.js';
+export { default as ScalarCardFooter } from './ScalarCardFooter.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

@@ -1 +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"}
+{"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,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

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

@@ -1,8 +1,4 @@
-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>>;
+import { type Ref } from 'vue';
 /**
  * Set the region heading id for a ScalarCardHeader component.
  *

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

@@ -1 +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,GAAI,IAAI,MAAM,SAKxC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAMtB,gCAAgC;;CAGnC,CAAA"}
+{"version":3,"file":"useCardHeading.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/useCardHeading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,GAAG,EAAwB,MAAM,KAAK,CAAA;AAOvE;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,IAAI,MAAM,SAKxC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAMtB,gCAAgC;;CAGnC,CAAA"}

package/dist/components/ScalarCard/useCardHeading.js

@@ -10,7 +10,6 @@ const n = Symbol(), s = (o) => {
   };
 };
 export {
-  n as CARD_Heading_SYMBOL,
   s as useCardHeading,
   c as useCardRegion
 };

package/dist/components/ScalarCheckboxInput/ScalarCheckboxGroup.vue.js

@@ -16,17 +16,17 @@ const B = {}, S = /* @__PURE__ */ c({
     return (n, C) => (u(), t(o(h), null, {
       default: m(() => [
         (u(!0), p(v, null, V(n.options, (e) => (u(), t(g, {
-          value: e.value,
-          name: o(d),
+          key: e.value,
           modelValue: l.value?.some(({ value: a }) => a === e.value),
-          "onUpdate:modelValue": (a) => l.value = a ? [...l.value, e] : l.value.filter(({ value: s }) => s !== e.value),
-          key: e.value
+          name: o(d),
+          value: e.value,
+          "onUpdate:modelValue": (a) => l.value = a ? [...l.value, e] : l.value.filter(({ value: s }) => s !== e.value)
         }, {
           default: m(() => [
             k(x(e.label), 1)
           ]),
           _: 2
-        }, 1032, ["value", "name", "modelValue", "onUpdate:modelValue"]))), 128))
+        }, 1032, ["modelValue", "name", "value", "onUpdate:modelValue"]))), 128))
       ]),
       _: 1
     }));

package/dist/components/ScalarCheckboxInput/ScalarCheckboxInput.vue.js

@@ -21,17 +21,17 @@ const k = { class: "flex-1 text-left min-w-0 truncate" }, C = ["type"], B = {},
     ), {
       default: _(() => [
         y(b, {
+          class: "shrink-0",
           selected: e.value,
-          type: t.type,
-          class: "shrink-0"
+          type: t.type
         }, null, 8, ["selected", "type"]),
         r("div", k, [
           v(t.$slots, "default")
         ]),
         h(r("input", s({
-          type: t.type,
           "onUpdate:modelValue": l[0] || (l[0] = (d) => e.value = d),
-          class: "sr-only"
+          class: "sr-only",
+          type: t.type
         }, o(i)), null, 16, C), [
           [x, e.value]
         ])

package/dist/components/ScalarCheckboxInput/ScalarCheckboxRadioGroup.vue.js

@@ -16,18 +16,18 @@ const h = {}, b = /* @__PURE__ */ s({
     return (m, y) => (l(), o(t(g), null, {
       default: u(() => [
         (l(!0), f(p, null, v(m.options, (e) => (l(), o(x, {
+          key: e.value,
+          modelValue: a.value?.value === e.value,
+          name: t(d),
           type: "radio",
           value: e.value,
-          name: t(d),
-          modelValue: a.value?.value === e.value,
-          "onUpdate:modelValue": (n) => a.value = n ? e : void 0,
-          key: e.value
+          "onUpdate:modelValue": (n) => a.value = n ? e : void 0
         }, {
           default: u(() => [
             V(k(e.label), 1)
           ]),
           _: 2
-        }, 1032, ["value", "name", "modelValue", "onUpdate:modelValue"]))), 128))
+        }, 1032, ["modelValue", "name", "value", "onUpdate:modelValue"]))), 128))
       ]),
       _: 1
     }));

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

@@ -1,6 +1,6 @@
-export { default as ScalarCheckboxInput } from './ScalarCheckboxInput.vue.js';
+export { default as ScalarCheckbox } from './ScalarCheckbox.vue.js';
 export { default as ScalarCheckboxGroup } from './ScalarCheckboxGroup.vue.js';
+export { default as ScalarCheckboxInput } from './ScalarCheckboxInput.vue.js';
 export { default as ScalarCheckboxRadioGroup } from './ScalarCheckboxRadioGroup.vue.js';
-export { default as ScalarCheckbox } from './ScalarCheckbox.vue.js';
 export type { ScalarCheckboxOption, ScalarCheckboxType } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCheckboxInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAEhE,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCheckboxInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue.js

@@ -1,7 +1,7 @@
 import o from "./ScalarCodeBlockCopy.vue2.js";
 /* empty css                         */
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ a(o, [["__scopeId", "data-v-0295860a"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e1870266"]]);
 export {
   c as default
 };

package/dist/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue2.js

@@ -5,8 +5,8 @@ import { useClipboard as b } from "@scalar/use-hooks/useClipboard";
 import k from "../ScalarButton/ScalarButton.vue.js";
 const g = {
   key: 0,
-  role: "alert",
-  class: "sr-only"
+  class: "sr-only",
+  role: "alert"
 }, N = /* @__PURE__ */ f({
   __name: "ScalarCodeBlockCopy",
   props: {
@@ -40,11 +40,11 @@ const g = {
       )
     }, [
       a(o(k), {
+        "aria-controls": c.controls,
+        "aria-label": "Copy",
         class: s(o(i)(o(p)({ showCopied: e.value }))),
         type: "button",
         variant: "ghost",
-        "aria-controls": c.controls,
-        "aria-label": "Copy",
         onClick: u
       }, {
         default: y(() => [
@@ -56,7 +56,7 @@ const g = {
           }, null, 8, ["class"])
         ]),
         _: 1
-      }, 8, ["class", "aria-controls"]),
+      }, 8, ["aria-controls", "class"]),
       e.value ? (l(), n("div", g, " Copied ")) : m("", !0)
     ], 2));
   }

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

@@ -18,7 +18,7 @@ const B = /* @__PURE__ */ f({
   }),
   emits: /* @__PURE__ */ s(["add"], ["update:modelValue"]),
   setup(m, { emit: i }) {
-    const a = c(m, "modelValue"), u = i;
+    const u = i, a = c(m, "modelValue");
     return (e, b) => ($(), g(y, {
       middleware: e.middleware,
       offset: e.offset,
@@ -36,8 +36,8 @@ const B = /* @__PURE__ */ f({
           open: d,
           options: e.options,
           placeholder: e.placeholder,
-          "onUpdate:modelValue": (o) => (p(), a.value = o[0]),
-          onAdd: () => (p(), u("add"))
+          onAdd: () => (p(), u("add")),
+          "onUpdate:modelValue": (o) => (p(), a.value = o[0])
         }, V({ _: 2 }, [
           e.$slots.option ? {
             name: "option",
@@ -60,7 +60,7 @@ const B = /* @__PURE__ */ f({
             ]),
             key: "2"
           } : void 0
-        ]), 1032, ["modelValue", "open", "options", "placeholder", "onUpdate:modelValue", "onAdd"])
+        ]), 1032, ["modelValue", "open", "options", "placeholder", "onAdd", "onUpdate:modelValue"])
       ]),
       _: 3
     }, 8, ["middleware", "offset", "placement", "resize", "target", "teleport"]));

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":"AAkRA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,eAAe,EAErB,MAAM,SAAS,CAAA;yBAEC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,EACpF,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA+bO,mBAAmB,CAAC;;;;iBA7bjB,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;sBAChB,MAAM;sBACN,OAAO;;qBAuKV,CAAC,EAAE;SAoRiD,OAAO,IAAsB,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;UAEJ,yEAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1czE,wBA0c4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ScalarComboboxOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptions.vue"],"names":[],"mappings":"AAoRA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,eAAe,EAErB,MAAM,SAAS,CAAA;yBAEC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,EACpF,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAicO,mBAAmB,CAAC;;;;iBA/bjB,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;sBAChB,MAAM;sBACN,OAAO;;qBAyKV,CAAC,EAAE;SAoRiD,OAAO,IAAsB,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;UAEJ,yEAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA5czE,wBA4c4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,10 +1,10 @@
-import { defineComponent as W, mergeModels as O, useModel as X, useSlots as Y, useId as z, computed as w, ref as M, onMounted as D, watch as Z, createElementBlock as c, openBlock as s, Fragment as m, createElementVNode as k, withDirectives as G, createVNode as I, unref as h, withKeys as V, withModifiers as y, vModelText as _, createBlock as C, createCommentVNode as K, renderList as q, withCtx as x, renderSlot as S, toDisplayString as F, createTextVNode as ee, vShow as te } from "vue";
+import { defineComponent as W, mergeModels as O, useModel as X, useSlots as Y, useId as z, computed as w, ref as M, onMounted as D, watch as Z, createElementBlock as c, openBlock as a, Fragment as m, createElementVNode as k, withDirectives as G, createVNode as I, unref as h, withKeys as V, withModifiers as y, vModelText as _, createBlock as C, createCommentVNode as K, renderList as q, withCtx as x, renderSlot as S, toDisplayString as F, createTextVNode as ee, vShow as te } from "vue";
 import { ScalarIconMagnifyingGlass as le, ScalarIconPlus as oe } from "@scalar/icons";
 import P from "./ScalarComboboxOption.vue.js";
-import ie from "./ScalarComboboxOptionGroup.vue.js";
-import { isGroups as U } from "./types.js";
-import ne from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
-const ae = { class: "relative flex" }, se = ["aria-activedescendant", "placeholder"], de = ["aria-multiselectable"], ue = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, be = /* @__PURE__ */ W({
+import ne from "./ScalarComboboxOptionGroup.vue.js";
+import { isGroups as R } from "./types.js";
+import ie from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
+const se = { class: "relative flex" }, ae = ["aria-activedescendant", "placeholder"], de = ["aria-multiselectable"], ue = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, be = /* @__PURE__ */ W({
   inheritAttrs: !1,
   __name: "ScalarComboboxOptions",
   props: /* @__PURE__ */ O({
@@ -16,15 +16,15 @@ const ae = { class: "relative flex" }, se = ["aria-activedescendant", "placehold
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ O(["add"], ["update:modelValue"]),
-  setup(B, { emit: j }) {
-    const d = B, H = j, n = X(B, "modelValue"), g = Y(), $ = `scalar-combobox-items-${z()}`, f = { id: `${z()}-add`, label: "Add a new option" };
+  setup(B, { emit: U }) {
+    const d = B, j = U, i = X(B, "modelValue"), g = Y(), $ = `scalar-combobox-items-${z()}`, f = { id: `${z()}-add`, label: "Add a new option" };
     function p(t) {
       return `${$}-${t.id}`;
     }
     const r = w(
-      () => U(d.options) ? d.options.flatMap((t) => t.options) : d.options
-    ), J = w(
-      () => U(d.options) ? d.options : (
+      () => R(d.options) ? d.options.flatMap((t) => t.options) : d.options
+    ), H = w(
+      () => R(d.options) ? d.options : (
         /*
           We know G is an unextended OptionGroup<O> here because of the
           structure of the component props so we can cast it to G
@@ -32,10 +32,10 @@ const ae = { class: "relative flex" }, se = ["aria-activedescendant", "placehold
         [{ label: "", options: d.options }]
       )
       // G is OptionGroup<O>
-    ), u = M(""), l = M(n.value?.[0] ?? r.value[0]);
+    ), u = M(""), l = M(i.value?.[0] ?? r.value[0]);
     D(() => {
-      u.value = "", l.value = n.value?.[0] ?? r.value[0], n.value[0] && setTimeout(() => {
-        const e = n.value[0];
+      u.value = "", l.value = i.value?.[0] ?? r.value[0], i.value[0] && setTimeout(() => {
+        const e = i.value[0];
         e && document?.getElementById(p(e))?.scrollIntoView({ block: "nearest" });
       }, 10);
     }), Z(
@@ -53,25 +53,27 @@ const ae = { class: "relative flex" }, se = ["aria-activedescendant", "placehold
           T();
           return;
         }
-        d.multiselect ? n.value.some((e) => e.id === t.id) ? n.value = n.value.filter((e) => e.id !== t.id) : n.value = [
-          ...n.value,
+        d.multiselect ? i.value.some((e) => e.id === t.id) ? i.value = i.value.filter((e) => e.id !== t.id) : i.value = [
+          ...i.value,
           r.value.find((e) => e.id === t.id)
-        ] : n.value = [r.value.find((e) => e.id === t.id)];
+        ] : i.value = [r.value.find((e) => e.id === t.id)];
       }
     }
     function E(t) {
-      const e = N.value, v = e.findIndex((i) => i.id === l.value?.id) + t;
+      const e = N.value, v = e.findIndex(
+        (n) => n.id === l.value?.id
+      ) + t;
       v < 0 || v > e.length - 1 || (l.value = e[v], l.value && document?.getElementById(p(l.value))?.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       }));
     }
     function T() {
-      H("add"), u.value = "";
+      j("add"), u.value = "";
     }
     const L = M(null);
-    return D(() => setTimeout(() => L.value?.focus(), 0)), (t, e) => (s(), c(m, null, [
-      k("div", ae, [
+    return D(() => setTimeout(() => L.value?.focus(), 0)), (t, e) => (a(), c(m, null, [
+      k("div", se, [
         I(h(le), { class: "pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-c-3 size-4" }),
         G(k("input", {
           ref_key: "input",
@@ -91,7 +93,7 @@ const ae = { class: "relative flex" }, se = ["aria-activedescendant", "placehold
             e[2] || (e[2] = V(y((o) => l.value && A(l.value), ["prevent"]), ["enter"])),
             e[3] || (e[3] = V(y((o) => E(-1), ["prevent"]), ["up"]))
           ]
-        }, null, 40, se), [
+        }, null, 40, ae), [
           [_, u.value]
         ])
       ]),
@@ -102,12 +104,12 @@ const ae = { class: "relative flex" }, se = ["aria-activedescendant", "placehold
         role: "listbox",
         tabindex: "-1"
       }, [
-        (s(!0), c(m, null, q(J.value, (o, v) => (s(), C(ie, {
+        (a(!0), c(m, null, q(H.value, (o, v) => (a(), C(ne, {
           id: `${$}-group-${v}`,
           key: v,
           hidden: (
             // Only show the group label if there are some results
-            !o.options.some((i) => b.value.some((a) => a.id === i.id)) || // And it has a label
+            !o.options.some((n) => b.value.some((s) => s.id === n.id)) || // And it has a label
             !o.label
           )
         }, {
@@ -115,36 +117,36 @@ const ae = { class: "relative flex" }, se = ["aria-activedescendant", "placehold
             t.$slots.group ? S(t.$slots, "group", {
               key: 0,
               group: o
-            }) : (s(), c(m, { key: 1 }, [
+            }) : (a(), c(m, { key: 1 }, [
               ee(F(o.label), 1)
             ], 64))
           ]),
           default: x(() => [
-            (s(!0), c(m, null, q(b.value, (i) => (s(), c(m, {
-              key: i.id
+            (a(!0), c(m, null, q(b.value, (n) => (a(), c(m, {
+              key: n.id
             }, [
-              o.options.some((a) => a.id === i.id) ? (s(), C(P, {
+              o.options.some((s) => s.id === n.id) ? (a(), C(P, {
                 key: 0,
-                id: p(i),
-                active: l.value?.id === i.id,
-                selected: n.value.some((a) => a.id === i.id),
-                onClick: (a) => A(i),
+                id: p(n),
+                active: l.value?.id === n.id,
+                selected: i.value.some((s) => s.id === n.id),
+                onClick: (s) => A(n),
                 onMousedown: e[4] || (e[4] = y(() => {
                 }, ["prevent"])),
-                onMouseenter: (a) => l.value = i
+                onMouseenter: (s) => l.value = n
               }, {
-                default: x(({ active: a, selected: Q }) => [
+                default: x(({ active: s, selected: J }) => [
                   t.$slots.option ? S(t.$slots, "option", {
                     key: 0,
-                    active: a,
-                    option: i,
-                    selected: Q
-                  }) : (s(), c(m, { key: 1 }, [
-                    I(h(ne), {
+                    active: s,
+                    option: n,
+                    selected: J
+                  }) : (a(), c(m, { key: 1 }, [
+                    I(h(ie), {
                       multiselect: t.multiselect,
-                      selected: n.value.some((R) => R.id === i.id)
+                      selected: i.value.some((Q) => Q.id === n.id)
                     }, null, 8, ["multiselect", "selected"]),
-                    k("span", ue, F(i.label), 1)
+                    k("span", ue, F(n.label), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -153,7 +155,7 @@ const ae = { class: "relative flex" }, se = ["aria-activedescendant", "placehold
           ]),
           _: 2
         }, 1032, ["id", "hidden"]))), 128)),
-        g.add ? (s(), C(P, {
+        g.add ? (a(), C(P, {
           key: 0,
           id: p(f),
           active: l.value?.id === f.id,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAEtF,YAAY,EAAE,MAAM,IAAI,oBAAoB,EAAE,WAAW,IAAI,yBAAyB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AACtF,YAAY,EAAE,MAAM,IAAI,oBAAoB,EAAE,WAAW,IAAI,yBAAyB,EAAE,MAAM,SAAS,CAAA"}

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

@@ -7,8 +7,6 @@ export type OptionGroup<O extends Option = Option> = {
     options: O[];
 };
 export type OptionsOrGroups<O extends Option = Option, G extends OptionGroup<O> = OptionGroup<O>> = O[] | G[];
-/** Type guard to check if an option is a group */
-export declare function isGroup(option: Option | OptionGroup | undefined): 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 events emitted by the combobox */

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;CACd,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,EAAE,CAAA;CACb,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;AAE7G,kDAAkD;AAClD,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,IAAI,WAAW,CAEvF;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,IAAI,WAAW,EAAE,CAKpF;AAED,+CAA+C;AAC/C,MAAM,MAAM,aAAa,GAAG;IAC1B,4DAA4D;IAC5D,GAAG,EAAE,EAAE,CAAA;CACR,CAAA;AAED,uCAAuC;AACvC,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI;IAChG,uDAAuD;IACvD,OAAO,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;IAC1C,8CAA8C;IAC9C,MAAM,CAAC,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;IAC1E,6CAA6C;IAC7C,KAAK,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,GAAG,OAAO,CAAA;IACpC,iEAAiE;IACjE,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;CAC1C,CAAA"}
+{"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;CACd,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,EAAE,CAAA;CACb,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;AAO7G,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,IAAI,WAAW,EAAE,CAKpF;AAED,+CAA+C;AAC/C,MAAM,MAAM,aAAa,GAAG;IAC1B,4DAA4D;IAC5D,GAAG,EAAE,EAAE,CAAA;CACR,CAAA;AAED,uCAAuC;AACvC,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI;IAChG,uDAAuD;IACvD,OAAO,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;IAC1C,8CAA8C;IAC9C,MAAM,CAAC,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;IAC1E,6CAA6C;IAC7C,KAAK,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,GAAG,OAAO,CAAA;IACpC,iEAAiE;IACjE,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;CAC1C,CAAA"}

package/dist/components/ScalarCombobox/types.js

@@ -5,6 +5,5 @@ function u(r) {
   return r[0] ? n(r[0]) : !1;
 }
 export {
-  n as isGroup,
   u as isGroups
 };

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

@@ -2,9 +2,6 @@ import { type ScalarFloatingOptions } from '../ScalarFloating';
 /**
  * Scalar dropdown component
  *
- * Uses the headlessui Menu component under the hood
- * @see https://headlessui.com/v1/vue/menu
- *
  * @example
  * <ScalarDropdown>
  *   <ScalarButton>Click Me</ScalarButton>
@@ -14,14 +11,24 @@ import { type ScalarFloatingOptions } from '../ScalarFloating';
  *   </template>
  * </ScalarDropdown>
  */
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ScalarFloatingOptions, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScalarFloatingOptions> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ScalarFloatingOptions & {
+    /** Whether or not the dropdown is open */
+    open?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ScalarFloatingOptions & {
+    /** Whether or not the dropdown is open */
+    open?: boolean;
+}> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     /** The reference element for the element in the #floating slot */
-    default(props: {
+    default?(props: {
         /** Whether or not the dropdown is open */
         open: boolean;
     }): unknown;
     /** The list of dropdown items */
-    items(props: {
+    items?(props: {
         /** Whether or not the dropdown is open */
         open: boolean;
     }): unknown;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdown.vue"],"names":[],"mappings":"AAsEA,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9E;;;;;;;;;;;;;;GAcG;;IAMD,kEAAkE;mBACnD;QACb,0CAA0C;QAC1C,IAAI,EAAE,OAAO,CAAA;KACd,GAAG,OAAO;IACX,iCAAiC;iBACpB;QACX,0CAA0C;QAC1C,IAAI,EAAE,OAAO,CAAA;KACd,GAAG,OAAO;;AAdb,wBA4HC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdown.vue"],"names":[],"mappings":"AA6OA,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAK9E;;;;;;;;;;;GAWG;;IAmLH,0CAA0C;WACjC,OAAO;;;;IADhB,0CAA0C;WACjC,OAAO;;;;IA9Kd,kEAAkE;oBAClD;QACd,0CAA0C;QAC1C,IAAI,EAAE,OAAO,CAAA;KACd,GAAG,OAAO;IACX,iCAAiC;kBACnB;QACZ,0CAA0C;QAC1C,IAAI,EAAE,OAAO,CAAA;KACd,GAAG,OAAO;;AAdb,wBAkTC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}