@scalar/components 0.27.10 → 0.27.11

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

@@ -1,6 +1,6 @@
 import { cva, cx } from "@scalar/use-hooks/useBindCx";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
-var ScalarDropdownButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarDropdownButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ScalarDropdownButton",
 	props: {
 		is: { default: "button" },

package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarDropdownButton.vue.script.js","names":[],"sources":["../../../src/components/ScalarDropdown/ScalarDropdownButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar dropdown button base component\n *\n * Provide a styled button for the ScalarDropdown or similar\n *\n * This is used internally by the ScalarDropdownItem component\n *\n * If you're looking to add items to a dropdown menu you\n * probably want the ScalarDropdownItem component\n *\n * @example\n * <ScalarDropdownButton ＠click=\"handleClick\">\n *   Label\n * </ScalarDropdownButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, cx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nconst { is = 'button' } = defineProps<{\n  is?: string | Component\n  active?: boolean\n  disabled?: boolean\n}>()\n\nconst variants = cva({\n  base: [\n    // Layout\n    'block h-8 min-w-0 gap-1.5 rounded px-2.5 py-1.5 text-left',\n    // Text / background style\n    'truncate  no-underline text-sm text-c-1',\n    // Interaction — hover:bg-b-2 handles mouse, highlighted:bg-b-2 handles\n    // Radix keyboard navigation and mouse-hover within Radix menu items\n    'cursor-pointer hover:bg-b-2 highlighted:bg-b-2',\n  ],\n  variants: {\n    disabled: { true: 'pointer-events-none text-c-3' },\n    active: { true: '' },\n  },\n  compoundVariants: [{ disabled: false, active: true, class: 'bg-b-2' }],\n})\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :aria-disabled=\"disabled\"\n    class=\"item\"\n    :class=\"cx('scalar-dropdown-item', variants({ active, disabled }))\"\n    :type=\"is === 'button' ? 'button' : undefined\">\n    <slot />\n  </component>\n</template>\n<style scoped>\n.dark-mode .scalar-dropdown-item:hover,\n.dark-mode .scalar-dropdown-item[data-highlighted] {\n  filter: brightness(1.1);\n}\n</style>\n"],"mappings":";;;;;;;;;;EA4BA,MAAM,WAAW,IAAI;GACnB,MAAM;IAEJ;IAEA;IAGA;IACD;GACD,UAAU;IACR,UAAU,EAAE,MAAM,gCAAgC;IAClD,QAAQ,EAAE,MAAM,IAAI;IACrB;GACD,kBAAkB,CAAC;IAAE,UAAU;IAAO,QAAQ;IAAM,OAAO;IAAU,CAAC;GACvE,CAAA;;uBAGC,YAOY,wBANL,QAAA,GAAE,EAAA;IACN,iBAAe,QAAA;IAChB,OAAK,eAAA,CAAC,QACE,MAAA,GAAE,CAAA,wBAAyB,MAAA,SAAQ,CAAA;KAAA,QAAG,QAAA;KAAM,UAAE,QAAA;KAAQ,CAAA,CAAA,CAAA,CAAA;IAC7D,MAAM,QAAA,OAAE,WAAA,WAA2B,KAAA;;2BAC5B,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"ScalarDropdownButton.vue.script.js","names":[],"sources":["../../../src/components/ScalarDropdown/ScalarDropdownButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar dropdown button base component\n *\n * Provide a styled button for the ScalarDropdown or similar\n *\n * This is used internally by the ScalarDropdownItem component\n *\n * If you're looking to add items to a dropdown menu you\n * probably want the ScalarDropdownItem component\n *\n * @example\n * <ScalarDropdownButton ＠click=\"handleClick\">\n *   Label\n * </ScalarDropdownButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, cx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nconst { is = 'button' } = defineProps<{\n  is?: string | Component\n  active?: boolean\n  disabled?: boolean\n}>()\n\nconst variants = cva({\n  base: [\n    // Layout\n    'block h-8 min-w-0 gap-1.5 rounded px-2.5 py-1.5 text-left',\n    // Text / background style\n    'truncate  no-underline text-sm text-c-1',\n    // Interaction — hover:bg-b-2 handles mouse, highlighted:bg-b-2 handles\n    // Radix keyboard navigation and mouse-hover within Radix menu items\n    'cursor-pointer hover:bg-b-2 highlighted:bg-b-2',\n  ],\n  variants: {\n    disabled: { true: 'pointer-events-none text-c-3' },\n    active: { true: '' },\n  },\n  compoundVariants: [{ disabled: false, active: true, class: 'bg-b-2' }],\n})\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :aria-disabled=\"disabled\"\n    class=\"item\"\n    :class=\"cx('scalar-dropdown-item', variants({ active, disabled }))\"\n    :type=\"is === 'button' ? 'button' : undefined\">\n    <slot />\n  </component>\n</template>\n<style scoped>\n.dark-mode .scalar-dropdown-item:hover,\n.dark-mode .scalar-dropdown-item[data-highlighted] {\n  filter: brightness(1.1);\n}\n</style>\n"],"mappings":";;;;;;;;;;EA4BA,MAAM,WAAW,IAAI;GACnB,MAAM;IAEJ;IAEA;IAGA;GACF;GACA,UAAU;IACR,UAAU,EAAE,MAAM,+BAA+B;IACjD,QAAQ,EAAE,MAAM,GAAG;GACrB;GACA,kBAAkB,CAAC;IAAE,UAAU;IAAO,QAAQ;IAAM,OAAO;GAAS,CAAC;EACvE,CAAC;;uBAGC,YAOY,wBANL,QAAA,EAAE,GAAA;IACN,iBAAe,QAAA;IAChB,OAAK,eAAA,CAAC,QACE,MAAA,EAAA,CAAE,CAAA,wBAAyB,MAAA,QAAA,CAAQ,CAAA;KAAA,QAAG,QAAA;KAAM,UAAE,QAAA;IAAQ,CAAA,CAAA,CAAA,CAAA;IAC7D,MAAM,QAAA,OAAE,WAAA,WAA2B,KAAA;;2BAC5B,CAAR,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

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

@@ -6,7 +6,7 @@ var _hoisted_1 = { class: "-mx-0.75 my-0.75 h-border bg-border" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("div", _hoisted_1);
 }
-var ScalarDropdownDivider_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ScalarDropdownDivider_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var ScalarDropdownDivider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ScalarDropdownDivider_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { ScalarDropdownDivider_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarDropdownDivider.vue.js","names":[],"sources":["../../../src/components/ScalarDropdown/ScalarDropdownDivider.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar dropdown divider component\n *\n * Used to create a divider between items in the ScalarDropdown component\n *\n * @example\n * <ScalarDropdown>\n *   ...\n *   <template #items>\n *     <ScalarDropdownItem>Item 1</ScalarDropdownItem>\n *     <ScalarDropdownItem>Item 2</ScalarDropdownItem>\n *     <ScalarDropdownDivider />\n *     <ScalarDropdownItem>Item 3</ScalarDropdownItem>\n *   </template>\n * </ScalarDropdown>\n */\nexport default {}\n</script>\n<template>\n  <div class=\"-mx-0.75 my-0.75 h-border bg-border\" />\n</template>\n"],"mappings":";;;;mBAoBO,OAAM,uCAAqC;;qBAAhD,mBAAmD,OAAnD,WAAmD"}
+{"version":3,"file":"ScalarDropdownDivider.vue.js","names":[],"sources":["../../../src/components/ScalarDropdown/ScalarDropdownDivider.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar dropdown divider component\n *\n * Used to create a divider between items in the ScalarDropdown component\n *\n * @example\n * <ScalarDropdown>\n *   ...\n *   <template #items>\n *     <ScalarDropdownItem>Item 1</ScalarDropdownItem>\n *     <ScalarDropdownItem>Item 2</ScalarDropdownItem>\n *     <ScalarDropdownDivider />\n *     <ScalarDropdownItem>Item 3</ScalarDropdownItem>\n *   </template>\n * </ScalarDropdown>\n */\nexport default {}\n</script>\n<template>\n  <div class=\"-mx-0.75 my-0.75 h-border bg-border\" />\n</template>\n"],"mappings":";;;;mBAoBO,OAAM,sCAAqC;;qBAAhD,mBAAmD,OAAnD,UAAmD"}

package/dist/components/ScalarDropdown/ScalarDropdownDivider.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarDropdownDivider.vue.script.js","names":[],"sources":["../../../src/components/ScalarDropdown/ScalarDropdownDivider.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar dropdown divider component\n *\n * Used to create a divider between items in the ScalarDropdown component\n *\n * @example\n * <ScalarDropdown>\n *   ...\n *   <template #items>\n *     <ScalarDropdownItem>Item 1</ScalarDropdownItem>\n *     <ScalarDropdownItem>Item 2</ScalarDropdownItem>\n *     <ScalarDropdownDivider />\n *     <ScalarDropdownItem>Item 3</ScalarDropdownItem>\n *   </template>\n * </ScalarDropdown>\n */\nexport default {}\n</script>\n<template>\n  <div class=\"-mx-0.75 my-0.75 h-border bg-border\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,IAAA,yDAAe,EAAC"}
+{"version":3,"file":"ScalarDropdownDivider.vue.script.js","names":[],"sources":["../../../src/components/ScalarDropdown/ScalarDropdownDivider.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar dropdown divider component\n *\n * Used to create a divider between items in the ScalarDropdown component\n *\n * @example\n * <ScalarDropdown>\n *   ...\n *   <template #items>\n *     <ScalarDropdownItem>Item 1</ScalarDropdownItem>\n *     <ScalarDropdownItem>Item 2</ScalarDropdownItem>\n *     <ScalarDropdownDivider />\n *     <ScalarDropdownItem>Item 3</ScalarDropdownItem>\n *   </template>\n * </ScalarDropdown>\n */\nexport default {}\n</script>\n<template>\n  <div class=\"-mx-0.75 my-0.75 h-border bg-border\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,IAAA,yDAAe,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdownItem.vue"],"names":[],"mappings":"AAwDA;;;;;;;;;GASG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;SAEX,MAAM;eACA,OAAO;;;;SADb,MAAM;eACA,OAAO;;;;cA4EN,CAAC,KAAK,IAAiB,KAAK,GAAG;EAUzC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdownItem.vue"],"names":[],"mappings":"AAwDA;;;;;;;;;GASG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;SAEX,MAAM;eACA,OAAO;;;;SADb,MAAM;eACA,OAAO;;;;cA8EN,CAAC,KAAK,IAAiB,KAAK,GAAG;EAUzC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import ScalarDropdownItem_vue_vue_type_script_setup_true_lang_default from "./ScalarDropdownItem.vue.script.js";
 /* empty css                                 */
 //#region src/components/ScalarDropdown/ScalarDropdownItem.vue
-var ScalarDropdownItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ScalarDropdownItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3402682d"]]);
+var ScalarDropdownItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ScalarDropdownItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3402682d"]]);
 //#endregion
 export { ScalarDropdownItem_default as default };
 

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

@@ -1,7 +1,7 @@
 import { useDropdownItem } from "./useDropdown.js";
 import ScalarDropdownButton_default from "./ScalarDropdownButton.vue.js";
 import { createBlock, defineComponent, openBlock, renderSlot, unref, useId, withCtx } from "vue";
-var ScalarDropdownItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarDropdownItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ScalarDropdownItem",
 	props: {
 		id: { default: () => useId() },

package/dist/components/ScalarDropdown/ScalarDropdownItem.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarDropdownItem.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarDropdown/ScalarDropdownItem.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar dropdown item component\n *\n * Used to create items for the ScalarDropdown component\n *\n * @example\n * <ScalarDropdownItem ＠click=\"handleClick\">\n *   Label\n * </ScalarDropdownItem>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useId } from 'vue'\n\nimport ScalarDropdownButton from './ScalarDropdownButton.vue'\nimport { useDropdownItem } from './useDropdown'\n\nconst { id = useId(), disabled } = defineProps<{\n  id?: string\n  disabled?: boolean\n}>()\n\ndefineEmits<{\n  (e: 'click', event: MouseEvent): void\n}>()\n\nconst { active } = useDropdownItem()\n</script>\n<template>\n  <ScalarDropdownButton\n    :id\n    :active=\"active === id\"\n    :disabled\n    role=\"menuitem\"\n    tabindex=\"-1\"\n    @click=\"(e: MouseEvent) => $emit('click', e)\"\n    @mouseenter=\"active = id\">\n    <slot />\n  </ScalarDropdownButton>\n</template>\n<style scoped>\n.dark-mode .scalar-dropdown-item:hover {\n  filter: brightness(1.1);\n}\n</style>\n"],"mappings":";;;;;;;;;;;EA4BA,MAAM,EAAE,WAAW,iBAAgB;;uBAGjC,YASuB,8BAAA;IARpB,IAAA,QAAA;IACA,QAAQ,MAAA,OAAM,KAAK,QAAA;IACnB,UAAA,QAAA;IACD,MAAK;IACL,UAAS;IACR,SAAK,OAAA,OAAA,OAAA,MAAG,MAAkBA,KAAAA,MAAK,SAAU,EAAC;IAC1C,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAS,QAAA;;2BACd,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"ScalarDropdownItem.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarDropdown/ScalarDropdownItem.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar dropdown item component\n *\n * Used to create items for the ScalarDropdown component\n *\n * @example\n * <ScalarDropdownItem ＠click=\"handleClick\">\n *   Label\n * </ScalarDropdownItem>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useId } from 'vue'\n\nimport ScalarDropdownButton from './ScalarDropdownButton.vue'\nimport { useDropdownItem } from './useDropdown'\n\nconst { id = useId(), disabled } = defineProps<{\n  id?: string\n  disabled?: boolean\n}>()\n\ndefineEmits<{\n  (e: 'click', event: MouseEvent): void\n}>()\n\nconst { active } = useDropdownItem()\n</script>\n<template>\n  <ScalarDropdownButton\n    :id\n    :active=\"active === id\"\n    :disabled\n    role=\"menuitem\"\n    tabindex=\"-1\"\n    @click=\"(e: MouseEvent) => $emit('click', e)\"\n    @mouseenter=\"active = id\">\n    <slot />\n  </ScalarDropdownButton>\n</template>\n<style scoped>\n.dark-mode .scalar-dropdown-item:hover {\n  filter: brightness(1.1);\n}\n</style>\n"],"mappings":";;;;;;;;;;;EA4BA,MAAM,EAAE,WAAW,gBAAgB;;uBAGjC,YASuB,8BAAA;IARpB,IAAA,QAAA;IACA,QAAQ,MAAA,MAAA,MAAW,QAAA;IACnB,UAAA,QAAA;IACD,MAAK;IACL,UAAS;IACR,SAAK,OAAA,OAAA,OAAA,MAAG,MAAkBA,KAAAA,MAAK,SAAU,CAAC;IAC1C,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAS,QAAA;;2BACd,CAAR,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

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

@@ -4,7 +4,7 @@ import { createBlock, createElementVNode, createVNode, defineComponent, guardRea
 //#region src/components/ScalarDropdown/ScalarDropdownMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "custom-scroll min-h-0 flex-1" };
 var _hoisted_2 = { class: "flex flex-col p-0.75" };
-var ScalarDropdownMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarDropdownMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarDropdownMenu",
 	props: { is: {} },

package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarDropdownMenu.vue.script.js","names":[],"sources":["../../../src/components/ScalarDropdown/ScalarDropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar dropdown menu component\n *\n * Provides a scrollable container for dropdown items\n * This is used internally by the ScalarDropdown component\n *\n * If you're looking to create a dropdown menu with a trigger\n * button you probably want the ScalarDropdown component\n *\n * @example\n * <ScalarDropdownMenu>\n *   <ScalarDropdownItem>Item 1</ScalarDropdownItem>\n *   <ScalarDropdownItem>Item 2</ScalarDropdownItem>\n * </ScalarDropdownMenu>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { type Component } from 'vue'\n\nimport { ScalarFloatingBackdrop } from '../ScalarFloating'\n\ndefineProps<{\n  /** The component to render */\n  is?: string | Component\n}>()\n\ndefineSlots<{\n  /** The menu contents */\n  default?(): unknown\n  /** Overrides the normal menu list element */\n  menu?(): unknown\n  /** Overrides the backdrop for the dropdown */\n  backdrop?(): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <!-- Background container -->\n  <component\n    :is=\"is ?? 'div'\"\n    v-bind=\"cx('relative flex w-56')\">\n    <!-- Scroll container -->\n    <div class=\"custom-scroll min-h-0 flex-1\">\n      <!-- Menu items -->\n      <slot name=\"menu\">\n        <div class=\"flex flex-col p-0.75\">\n          <slot />\n        </div>\n      </slot>\n      <slot name=\"backdrop\">\n        <ScalarFloatingBackdrop />\n      </slot>\n    </div>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;EAuCA,MAAM,EAAE,OAAO,WAAU;;uBAIvB,YAeY,wBAdL,QAAA,MAAE,MAAA,EAAA,eAAA,mBACC,MAAA,GAAE,CAAA,qBAAA,CAAA,CAAA,EAAA;2BAYJ,CAVN,mBAUM,OAVN,YAUM,CARJ,WAIO,KAAA,QAAA,QAAA,EAAA,QAAA,CAHL,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA,EAGZ,WAEO,KAAA,QAAA,YAAA,EAAA,QAAA,CADL,YAA0B,MAAA,+BAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ScalarDropdownMenu.vue.script.js","names":[],"sources":["../../../src/components/ScalarDropdown/ScalarDropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar dropdown menu component\n *\n * Provides a scrollable container for dropdown items\n * This is used internally by the ScalarDropdown component\n *\n * If you're looking to create a dropdown menu with a trigger\n * button you probably want the ScalarDropdown component\n *\n * @example\n * <ScalarDropdownMenu>\n *   <ScalarDropdownItem>Item 1</ScalarDropdownItem>\n *   <ScalarDropdownItem>Item 2</ScalarDropdownItem>\n * </ScalarDropdownMenu>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { type Component } from 'vue'\n\nimport { ScalarFloatingBackdrop } from '../ScalarFloating'\n\ndefineProps<{\n  /** The component to render */\n  is?: string | Component\n}>()\n\ndefineSlots<{\n  /** The menu contents */\n  default?(): unknown\n  /** Overrides the normal menu list element */\n  menu?(): unknown\n  /** Overrides the backdrop for the dropdown */\n  backdrop?(): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <!-- Background container -->\n  <component\n    :is=\"is ?? 'div'\"\n    v-bind=\"cx('relative flex w-56')\">\n    <!-- Scroll container -->\n    <div class=\"custom-scroll min-h-0 flex-1\">\n      <!-- Menu items -->\n      <slot name=\"menu\">\n        <div class=\"flex flex-col p-0.75\">\n          <slot />\n        </div>\n      </slot>\n      <slot name=\"backdrop\">\n        <ScalarFloatingBackdrop />\n      </slot>\n    </div>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;EAuCA,MAAM,EAAE,OAAO,UAAU;;uBAIvB,YAeY,wBAdL,QAAA,MAAE,KAAA,GAAA,eAAA,mBACC,MAAA,EAAA,CAAE,CAAA,oBAAA,CAAA,CAAA,GAAA;2BAYJ,CAVN,mBAUM,OAVN,YAUM,CARJ,WAIO,KAAA,QAAA,QAAA,CAAA,SAAA,CAHL,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA,GAGZ,WAEO,KAAA,QAAA,YAAA,CAAA,SAAA,CADL,YAA0B,MAAA,8BAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/ScalarDropdown/useDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdown.js","names":[],"sources":["../../../src/components/ScalarDropdown/useDropdown.ts"],"sourcesContent":["import { type InjectionKey, type Ref, inject, provide, ref } from 'vue'\n\n/** The symbol for the dropdown context */\nconst ACTIVE_SYMBOL = Symbol() as InjectionKey<Ref<string | undefined>>\n\n/** Provides a ref for the currently active dropdown item */\nexport function useDropdown() {\n  const active = ref<string>()\n  provide(ACTIVE_SYMBOL, active)\n\n  return { active }\n}\n\n/** Injects the ref for the currently active dropdown item */\nexport function useDropdownItem() {\n  const active = inject(ACTIVE_SYMBOL)\n  if (!active) {\n    console.warn('useDropdownItem must be used within a ScalarDropdown')\n  }\n  return { active }\n}\n"],"mappings":";;;AAGA,IAAM,gBAAgB,QAAQ;;AAG9B,SAAgB,cAAc;CAC5B,MAAM,SAAS,KAAa;AAC5B,SAAQ,eAAe,OAAO;AAE9B,QAAO,EAAE,QAAQ;;;AAInB,SAAgB,kBAAkB;CAChC,MAAM,SAAS,OAAO,cAAc;AACpC,KAAI,CAAC,OACH,SAAQ,KAAK,uDAAuD;AAEtE,QAAO,EAAE,QAAQ"}
+{"version":3,"file":"useDropdown.js","names":[],"sources":["../../../src/components/ScalarDropdown/useDropdown.ts"],"sourcesContent":["import { type InjectionKey, type Ref, inject, provide, ref } from 'vue'\n\n/** The symbol for the dropdown context */\nconst ACTIVE_SYMBOL = Symbol() as InjectionKey<Ref<string | undefined>>\n\n/** Provides a ref for the currently active dropdown item */\nexport function useDropdown() {\n  const active = ref<string>()\n  provide(ACTIVE_SYMBOL, active)\n\n  return { active }\n}\n\n/** Injects the ref for the currently active dropdown item */\nexport function useDropdownItem() {\n  const active = inject(ACTIVE_SYMBOL)\n  if (!active) {\n    console.warn('useDropdownItem must be used within a ScalarDropdown')\n  }\n  return { active }\n}\n"],"mappings":";;;AAGA,IAAM,gBAAgB,OAAO;;AAG7B,SAAgB,cAAc;CAC5B,MAAM,SAAS,IAAY;CAC3B,QAAQ,eAAe,MAAM;CAE7B,OAAO,EAAE,OAAO;AAClB;;AAGA,SAAgB,kBAAkB;CAChC,MAAM,SAAS,OAAO,aAAa;CACnC,IAAI,CAAC,QACH,QAAQ,KAAK,sDAAsD;CAErE,OAAO,EAAE,OAAO;AAClB"}

package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.script.js

@@ -8,7 +8,7 @@ var _hoisted_2 = {
 	key: 0,
 	class: "mt-2 rounded border bg-b-1 p-2 font-code text-c-2"
 };
-var ScalarErrorBoundary_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarErrorBoundary_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ScalarErrorBoundary",
 	setup(__props) {
 		const hasError = ref(false);
@@ -20,7 +20,7 @@ var ScalarErrorBoundary_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 			return false;
 		});
 		return (_ctx, _cache) => {
-			return !hasError.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("div", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("div", { class: "p-2" }, "Oops, something went wrong here.", -1)), error.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(error.value?.name) + ": " + toDisplayString(error.value?.message), 1)) : createCommentVNode("", true)]));
+			return !hasError.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createElementBlock("div", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("div", { class: "p-2" }, "Oops, something went wrong here.", -1)), error.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(error.value?.name) + ": " + toDisplayString(error.value?.message), 1)) : createCommentVNode("", true)]));
 		};
 	}
 });

package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarErrorBoundary.vue.script.js","names":[],"sources":["../../../src/components/ScalarErrorBoundary/ScalarErrorBoundary.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Error Boundary component\n *\n * Catches errors thrown by child components and displays\n * a fallback error message instead of crashing the entire app.\n *\n * @example\n * <ScalarErrorBoundary>\n *   <SomeComponent />\n * </ScalarErrorBoundary>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { onErrorCaptured, ref } from 'vue'\n\nconst hasError = ref<boolean>(false)\nconst error = ref<Error>()\n\nonErrorCaptured((err, _, info) => {\n  console.error('[ERROR]', err, info)\n\n  hasError.value = true\n  error.value = err\n\n  // Prevent the error from propagating further up\n  return false\n})\n</script>\n\n<template>\n  <slot v-if=\"!hasError\" />\n  <div\n    v-else\n    class=\"rounded border bg-b-2 p-3 text-sm\">\n    <div class=\"p-2\">Oops, something went wrong here.</div>\n    <div\n      v-if=\"error\"\n      class=\"mt-2 rounded border bg-b-1 p-2 font-code text-c-2\">\n      {{ error?.name }}: {{ error?.message }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAiBA,MAAM,WAAW,IAAa,MAAK;EACnC,MAAM,QAAQ,KAAW;AAEzB,mBAAiB,KAAK,GAAG,SAAS;AAChC,WAAQ,MAAM,WAAW,KAAK,KAAI;AAElC,YAAS,QAAQ;AACjB,SAAM,QAAQ;AAGd,UAAO;IACR;;WAIc,SAAA,QAAb,WAAyB,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,IAAA,WAAA,EACzB,mBASM,OATN,YASM,CAAA,OAAA,OAAA,OAAA,KANJ,mBAAuD,OAAA,EAAlD,OAAM,OAAK,EAAC,oCAAgC,GAAA,GAEzC,MAAA,SAAA,WAAA,EADR,mBAIM,OAJN,YAIM,gBADD,MAAA,OAAO,KAAI,GAAG,OAAE,gBAAG,MAAA,OAAO,QAAO,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"ScalarErrorBoundary.vue.script.js","names":[],"sources":["../../../src/components/ScalarErrorBoundary/ScalarErrorBoundary.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Error Boundary component\n *\n * Catches errors thrown by child components and displays\n * a fallback error message instead of crashing the entire app.\n *\n * @example\n * <ScalarErrorBoundary>\n *   <SomeComponent />\n * </ScalarErrorBoundary>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { onErrorCaptured, ref } from 'vue'\n\nconst hasError = ref<boolean>(false)\nconst error = ref<Error>()\n\nonErrorCaptured((err, _, info) => {\n  console.error('[ERROR]', err, info)\n\n  hasError.value = true\n  error.value = err\n\n  // Prevent the error from propagating further up\n  return false\n})\n</script>\n\n<template>\n  <slot v-if=\"!hasError\" />\n  <div\n    v-else\n    class=\"rounded border bg-b-2 p-3 text-sm\">\n    <div class=\"p-2\">Oops, something went wrong here.</div>\n    <div\n      v-if=\"error\"\n      class=\"mt-2 rounded border bg-b-1 p-2 font-code text-c-2\">\n      {{ error?.name }}: {{ error?.message }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAiBA,MAAM,WAAW,IAAa,KAAK;EACnC,MAAM,QAAQ,IAAW;EAEzB,iBAAiB,KAAK,GAAG,SAAS;GAChC,QAAQ,MAAM,WAAW,KAAK,IAAI;GAElC,SAAS,QAAQ;GACjB,MAAM,QAAQ;GAGd,OAAO;EACT,CAAC;;WAIc,SAAA,QAAb,WAAyB,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,KAAA,UAAA,GACzB,mBASM,OATN,YASM,CAAA,OAAA,OAAA,OAAA,KANJ,mBAAuD,OAAA,EAAlD,OAAM,MAAK,GAAC,oCAAgC,EAAA,IAEzC,MAAA,SAAA,UAAA,GADR,mBAIM,OAJN,YAIM,gBADD,MAAA,OAAO,IAAI,IAAG,OAAE,gBAAG,MAAA,OAAO,OAAO,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUpload.vue"],"names":[],"mappings":"AAmLA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAMpD,OAAO,EAAE,KAAK,aAAa,EAAmB,MAAM,SAAS,CAAA;AAG7D;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,6CAA6C;eAClC,OAAO;IAClB;;;;OAIG;aACM,aAAa,GAAG,MAAM;IAC/B,yCAAyC;aAChC,YAAY;IACrB,yCAAyC;cAC/B,SAAS,GAAG,SAAS;;IAoFjC,yBAAyB;iBACZ,IAAI,EAAE;IACnB,wBAAwB;YACd,MAAM;;;;;;;IAlGd,6CAA6C;eAClC,OAAO;IAClB;;;;OAIG;aACM,aAAa,GAAG,MAAM;IAC/B,yCAAyC;aAChC,YAAY;IACrB,yCAAyC;cAC/B,SAAS,GAAG,SAAS;;IAoFjC,yBAAyB;iBACZ,IAAI,EAAE;IACnB,wBAAwB;YACd,MAAM;;;;;;IAvEd,gCAAgC;oBACd;QAChB,2CAA2C;QAC3C,IAAI,EAAE,MAAM,IAAI,CAAA;KACjB,GAAG,OAAO;IACX,yBAAyB;cACb,OAAO;IACnB,sCAAsC;sBACpB,OAAO;IACzB,qCAAqC;4BACb,OAAO;EA+N7B,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarFileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUpload.vue"],"names":[],"mappings":"AAmLA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAMpD,OAAO,EAAE,KAAK,aAAa,EAAmB,MAAM,SAAS,CAAA;AAG7D;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,6CAA6C;eAClC,OAAO;IAClB;;;;OAIG;aACM,aAAa,GAAG,MAAM;IAC/B,yCAAyC;aAChC,YAAY;IACrB,yCAAyC;cAC/B,SAAS,GAAG,SAAS;;IAoFjC,yBAAyB;iBACZ,IAAI,EAAE;IACnB,wBAAwB;YACd,MAAM;;;;;;;IAlGd,6CAA6C;eAClC,OAAO;IAClB;;;;OAIG;aACM,aAAa,GAAG,MAAM;IAC/B,yCAAyC;aAChC,YAAY;IACrB,yCAAyC;cAC/B,SAAS,GAAG,SAAS;;IAoFjC,yBAAyB;iBACZ,IAAI,EAAE;IACnB,wBAAwB;YACd,MAAM;;;;;;IAvEd,gCAAgC;oBACd;QAChB,2CAA2C;QAC3C,IAAI,EAAE,MAAM,IAAI,CAAA;KACjB,GAAG,OAAO;IACX,yBAAyB;cACb,OAAO;IACnB,sCAAsC;sBACpB,OAAO;IACzB,qCAAqC;4BACb,OAAO;EAgO7B,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -8,10 +8,10 @@ import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
 //#region src/components/ScalarFileUpload/ScalarFileUpload.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["accept", "multiple"];
-var ScalarFileUpload_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarFileUpload_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarFileUpload",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		multiple: { type: Boolean },
 		accept: { default: "*" },
 		loader: {},
@@ -22,7 +22,7 @@ var ScalarFileUpload_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		"error": {},
 		"errorModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["selected"], ["update:modelValue", "update:error"]),
+	emits: /*@__PURE__*/ mergeModels(["selected"], ["update:modelValue", "update:error"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		/** The selected files */

package/dist/components/ScalarFileUpload/ScalarFileUpload.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUpload.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUpload.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload component\n *\n * @example\n * <ScalarFileUpload @selected=\"handleSelected\" />\n *\n * @example\n * <ScalarFileUpload v-slot=\"{ open }\">\n *   <ScalarButton @click=\"open\">Select files</ScalarButton>\n * </ScalarFileUpload>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { ref } from 'vue'\n\nimport type { LoadingState } from '../ScalarLoading'\nimport ScalarFileUploadDropTarget from './ScalarFileUploadDropTarget.vue'\nimport ScalarFileUploadError from './ScalarFileUploadError.vue'\nimport ScalarFileUploadInput from './ScalarFileUploadInput.vue'\nimport ScalarFileUploadInputCompact from './ScalarFileUploadInputCompact.vue'\nimport ScalarFileUploadLoading from './ScalarFileUploadLoading.vue'\nimport { type ExtensionList, isExtensionList } from './types'\n\nconst {\n  variant = 'default',\n  multiple,\n  accept = '*',\n} = defineProps<{\n  /** Whether multiple files can be uploaded */\n  multiple?: boolean\n  /**\n   * Accepted file types\n   * @default '*'\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept\n   */\n  accept?: ExtensionList | string\n  /** Whether the file upload is loading */\n  loader?: LoadingState\n  /** Whether the file upload is compact */\n  variant?: 'compact' | 'default'\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the user selects files */\n  (e: 'selected', value: File[]): void\n}>()\n\ndefineSlots<{\n  /** Override the entire input */\n  'default'?(props: {\n    /** Open the file dialog to select files */\n    open: () => void\n  }): unknown\n  /** Override the label */\n  'label'?(): unknown\n  /** Override the entire drop target */\n  'drop-target'?(): unknown\n  /** Override the drop target label */\n  'drop-target-label'?(): unknown\n}>()\n\n/** The selected files */\nconst files = defineModel<File[]>()\n\n/** The error message */\nconst error = defineModel<string>('error')\n\n/** The hidden input element */\nconst input = ref<HTMLInputElement>()\n\n/** Whether the mouse is hovering over the file upload component */\nconst dragover = ref(false)\n\n/** Opens the file dialog to select files */\nfunction openFileDialog() {\n  input.value?.click()\n}\n\n/** Handles a list of files */\nfunction handleFileList(fileList?: FileList | null) {\n  error.value = undefined\n\n  // Use DataTransfer interface to access the file(s)\n  if (!fileList || fileList.length < 1) {\n    error.value = `No files found to upload`\n    return\n  }\n  const f = Array.from(fileList)\n\n  if (!multiple && f.length > 1) {\n    error.value = `Too many files selected`\n    return\n  }\n\n  files.value = f\n  emit('selected', f)\n}\n\n/** Handles the change event from the input */\nfunction handleChange(event: Event) {\n  const f = (event.target as HTMLInputElement).files\n  handleFileList(f)\n}\n\n/** Handles a drop of files from the dropzone  */\nfunction handleDrop(e: DragEvent) {\n  dragover.value = false\n  handleFileList(e.dataTransfer?.files)\n}\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'flex flex-col relative border-dashed border-1 has-[input:focus-visible]:outline outline-offset-1 rounded',\n      )\n    \"\n    @dragenter=\"dragover = true\"\n    @dragover.prevent\n    @drop.prevent=\"handleDrop\">\n    <slot :open=\"openFileDialog\">\n      <component\n        :is=\"\n          variant === 'compact'\n            ? ScalarFileUploadInputCompact\n            : ScalarFileUploadInput\n        \"\n        :extensions=\"isExtensionList(accept) ? accept : undefined\"\n        @click=\"openFileDialog\">\n        <template\n          v-if=\"$slots.label\"\n          #default>\n          <slot name=\"label\" />\n        </template>\n        <template\n          v-if=\"error\"\n          #sublabel>\n          <ScalarFileUploadError>{{ error }}</ScalarFileUploadError>\n        </template>\n      </component>\n    </slot>\n    <div\n      v-if=\"dragover\"\n      class=\"absolute inset-0\"\n      @dragleave=\"dragover = false\">\n      <slot name=\"drop-target\">\n        <ScalarFileUploadDropTarget>\n          <template\n            v-if=\"$slots['drop-target-label']\"\n            #default>\n            <slot name=\"drop-target-label\" />\n          </template>\n        </ScalarFileUploadDropTarget>\n      </slot>\n    </div>\n    <ScalarFileUploadLoading\n      v-if=\"loader?.isActive\"\n      :loader />\n    <input\n      ref=\"input\"\n      :accept=\"isExtensionList(accept) ? accept.join(',') : accept\"\n      class=\"sr-only\"\n      :multiple=\"multiple\"\n      type=\"file\"\n      @change=\"handleChange\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EA6CA,MAAM,OAAO;;EAoBb,MAAM,QAAQ,SAAmB,SAAA,aAAC;;EAGlC,MAAM,QAAQ,SAAmB,SAAC,QAAO;;EAGzC,MAAM,QAAQ,KAAsB;;EAGpC,MAAM,WAAW,IAAI,MAAK;;EAG1B,SAAS,iBAAiB;AACxB,SAAM,OAAO,OAAM;;;EAIrB,SAAS,eAAe,UAA4B;AAClD,SAAM,QAAQ,KAAA;AAGd,OAAI,CAAC,YAAY,SAAS,SAAS,GAAG;AACpC,UAAM,QAAQ;AACd;;GAEF,MAAM,IAAI,MAAM,KAAK,SAAQ;AAE7B,OAAI,CAAC,QAAA,YAAY,EAAE,SAAS,GAAG;AAC7B,UAAM,QAAQ;AACd;;AAGF,SAAM,QAAQ;AACd,QAAK,YAAY,EAAC;;;EAIpB,SAAS,aAAa,OAAc;GAClC,MAAM,IAAK,MAAM,OAA4B;AAC7C,kBAAe,EAAC;;;EAIlB,SAAS,WAAW,GAAc;AAChC,YAAS,QAAQ;AACjB,kBAAe,EAAE,cAAc,MAAK;;EAItC,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAsDM,OAtDN,WACiB,MAAA,GAAE,CAAA,2GAAA,EAAA;IAKhB,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,QAAQ;IACnB,YAAQ,OAAA,OAAA,OAAA,KAAA,oBAAT,IAAiB,CAAA,UAAA,CAAA;IAChB,QAAI,cAAU,YAAU,CAAA,UAAA,CAAA;;IACzB,WAoBO,KAAA,QAAA,WAAA,EApBA,MAAM,gBAAc,QAoBpB,EAAA,WAAA,EAnBL,YAkBY,wBAjBM,QAAA,YAAO,YAA6B,uCAA2C,8BAAA,EAAA;KAK9F,YAAY,MAAA,gBAAe,CAAC,QAAA,OAAM,GAAI,QAAA,SAAS,KAAA;KAC/C,SAAO;8BAEAA,KAAAA,OAAO,QAAA;WACZ;uBACoB,CAArB,WAAqB,KAAA,QAAA,QAAA,CAAA,CAAA;;gBAGf,MAAA,QAAA;WACL;uBACyD,CAA1D,YAA0D,+BAAA,MAAA;6BAAxB,CAAA,gBAAA,gBAAR,MAAA,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;IAK7B,SAAA,SAAA,WAAA,EADR,mBAaM,OAAA;;KAXJ,OAAM;KACL,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,QAAQ;QACpB,WAQO,KAAA,QAAA,eAAA,EAAA,QAAA,CAPL,YAM6B,oCAAA,MAAA,YAAA,EAAA,GAAA,GAAA,EAAA,CAJnBA,KAAAA,OAAM,uBAAA;WACX;uBACgC,CAAjC,WAAiC,KAAA,QAAA,oBAAA,CAAA,CAAA;;;IAMjC,QAAA,QAAQ,YAAA,WAAA,EADhB,YAEY,iCAAA;;KAAT,QAAA,QAAA;;IACH,mBAM2B,SAAA;cALrB;KAAJ,KAAI;KACH,QAAQ,MAAA,gBAAe,CAAC,QAAA,OAAM,GAAI,QAAA,OAAO,KAAI,IAAA,GAAQ,QAAA;KACtD,OAAM;KACL,UAAU,QAAA;KACX,MAAK;KACJ,UAAQ"}
+{"version":3,"file":"ScalarFileUpload.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUpload.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload component\n *\n * @example\n * <ScalarFileUpload @selected=\"handleSelected\" />\n *\n * @example\n * <ScalarFileUpload v-slot=\"{ open }\">\n *   <ScalarButton @click=\"open\">Select files</ScalarButton>\n * </ScalarFileUpload>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { ref } from 'vue'\n\nimport type { LoadingState } from '../ScalarLoading'\nimport ScalarFileUploadDropTarget from './ScalarFileUploadDropTarget.vue'\nimport ScalarFileUploadError from './ScalarFileUploadError.vue'\nimport ScalarFileUploadInput from './ScalarFileUploadInput.vue'\nimport ScalarFileUploadInputCompact from './ScalarFileUploadInputCompact.vue'\nimport ScalarFileUploadLoading from './ScalarFileUploadLoading.vue'\nimport { type ExtensionList, isExtensionList } from './types'\n\nconst {\n  variant = 'default',\n  multiple,\n  accept = '*',\n} = defineProps<{\n  /** Whether multiple files can be uploaded */\n  multiple?: boolean\n  /**\n   * Accepted file types\n   * @default '*'\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept\n   */\n  accept?: ExtensionList | string\n  /** Whether the file upload is loading */\n  loader?: LoadingState\n  /** Whether the file upload is compact */\n  variant?: 'compact' | 'default'\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the user selects files */\n  (e: 'selected', value: File[]): void\n}>()\n\ndefineSlots<{\n  /** Override the entire input */\n  'default'?(props: {\n    /** Open the file dialog to select files */\n    open: () => void\n  }): unknown\n  /** Override the label */\n  'label'?(): unknown\n  /** Override the entire drop target */\n  'drop-target'?(): unknown\n  /** Override the drop target label */\n  'drop-target-label'?(): unknown\n}>()\n\n/** The selected files */\nconst files = defineModel<File[]>()\n\n/** The error message */\nconst error = defineModel<string>('error')\n\n/** The hidden input element */\nconst input = ref<HTMLInputElement>()\n\n/** Whether the mouse is hovering over the file upload component */\nconst dragover = ref(false)\n\n/** Opens the file dialog to select files */\nfunction openFileDialog() {\n  input.value?.click()\n}\n\n/** Handles a list of files */\nfunction handleFileList(fileList?: FileList | null) {\n  error.value = undefined\n\n  // Use DataTransfer interface to access the file(s)\n  if (!fileList || fileList.length < 1) {\n    error.value = `No files found to upload`\n    return\n  }\n  const f = Array.from(fileList)\n\n  if (!multiple && f.length > 1) {\n    error.value = `Too many files selected`\n    return\n  }\n\n  files.value = f\n  emit('selected', f)\n}\n\n/** Handles the change event from the input */\nfunction handleChange(event: Event) {\n  const f = (event.target as HTMLInputElement).files\n  handleFileList(f)\n}\n\n/** Handles a drop of files from the dropzone  */\nfunction handleDrop(e: DragEvent) {\n  dragover.value = false\n  handleFileList(e.dataTransfer?.files)\n}\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'flex flex-col relative border-dashed border-1 has-[input:focus-visible]:outline outline-offset-1 rounded',\n      )\n    \"\n    @dragenter=\"dragover = true\"\n    @dragover.prevent\n    @drop.prevent=\"handleDrop\">\n    <slot :open=\"openFileDialog\">\n      <component\n        :is=\"\n          variant === 'compact'\n            ? ScalarFileUploadInputCompact\n            : ScalarFileUploadInput\n        \"\n        :extensions=\"isExtensionList(accept) ? accept : undefined\"\n        @click=\"openFileDialog\">\n        <template\n          v-if=\"$slots.label\"\n          #default>\n          <slot name=\"label\" />\n        </template>\n        <template\n          v-if=\"error\"\n          #sublabel>\n          <ScalarFileUploadError>{{ error }}</ScalarFileUploadError>\n        </template>\n      </component>\n    </slot>\n    <div\n      v-if=\"dragover\"\n      class=\"absolute inset-0\"\n      @dragleave=\"dragover = false\">\n      <slot name=\"drop-target\">\n        <ScalarFileUploadDropTarget>\n          <template\n            v-if=\"$slots['drop-target-label']\"\n            #default>\n            <slot name=\"drop-target-label\" />\n          </template>\n        </ScalarFileUploadDropTarget>\n      </slot>\n    </div>\n    <ScalarFileUploadLoading\n      v-if=\"loader?.isActive\"\n      :loader />\n    <input\n      ref=\"input\"\n      :accept=\"isExtensionList(accept) ? accept.join(',') : accept\"\n      class=\"sr-only\"\n      :multiple=\"multiple\"\n      type=\"file\"\n      @change=\"handleChange\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EA6CA,MAAM,OAAO;;EAoBb,MAAM,QAAQ,SAAmB,SAAA,YAAC;;EAGlC,MAAM,QAAQ,SAAmB,SAAC,OAAO;;EAGzC,MAAM,QAAQ,IAAsB;;EAGpC,MAAM,WAAW,IAAI,KAAK;;EAG1B,SAAS,iBAAiB;GACxB,MAAM,OAAO,MAAM;EACrB;;EAGA,SAAS,eAAe,UAA4B;GAClD,MAAM,QAAQ,KAAA;GAGd,IAAI,CAAC,YAAY,SAAS,SAAS,GAAG;IACpC,MAAM,QAAQ;IACd;GACF;GACA,MAAM,IAAI,MAAM,KAAK,QAAQ;GAE7B,IAAI,CAAC,QAAA,YAAY,EAAE,SAAS,GAAG;IAC7B,MAAM,QAAQ;IACd;GACF;GAEA,MAAM,QAAQ;GACd,KAAK,YAAY,CAAC;EACpB;;EAGA,SAAS,aAAa,OAAc;GAClC,MAAM,IAAK,MAAM,OAA4B;GAC7C,eAAe,CAAC;EAClB;;EAGA,SAAS,WAAW,GAAc;GAChC,SAAS,QAAQ;GACjB,eAAe,EAAE,cAAc,KAAK;EACtC;EAGA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAsDM,OAtDN,WACiB,MAAA,EAAA,CAAE,CAAA,0GAAA,GAAA;IAKhB,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,QAAQ;IACnB,YAAQ,OAAA,OAAA,OAAA,KAAA,oBAAT,CAAA,GAAiB,CAAA,SAAA,CAAA;IAChB,QAAI,cAAU,YAAU,CAAA,SAAA,CAAA;;IACzB,WAoBO,KAAA,QAAA,WAAA,EApBA,MAAM,eAAc,SAoBpB,EAAA,UAAA,GAnBL,YAkBY,wBAjBM,QAAA,YAAO,YAA6B,uCAA2C,6BAAA,GAAA;KAK9F,YAAY,MAAA,eAAA,CAAe,CAAC,QAAA,MAAM,IAAI,QAAA,SAAS,KAAA;KAC/C,SAAO;8BAEAA,KAAAA,OAAO,QAAA;WACZ;uBACoB,CAArB,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA;;gBAGf,MAAA,QAAA;WACL;uBACyD,CAA1D,YAA0D,+BAAA,MAAA;6BAAxB,CAAA,gBAAA,gBAAR,MAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;;;;IAK7B,SAAA,SAAA,UAAA,GADR,mBAaM,OAAA;;KAXJ,OAAM;KACL,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,QAAQ;QACpB,WAQO,KAAA,QAAA,eAAA,CAAA,SAAA,CAPL,YAM6B,oCAAA,MAAA,YAAA,EAAA,GAAA,EAAA,GAAA,CAJnBA,KAAAA,OAAM,uBAAA;WACX;uBACgC,CAAjC,WAAiC,KAAA,QAAA,mBAAA,CAAA,CAAA;;;IAMjC,QAAA,QAAQ,YAAA,UAAA,GADhB,YAEY,iCAAA;;KAAT,QAAA,QAAA;;IACH,mBAM2B,SAAA;cALrB;KAAJ,KAAI;KACH,QAAQ,MAAA,eAAA,CAAe,CAAC,QAAA,MAAM,IAAI,QAAA,OAAO,KAAI,GAAA,IAAQ,QAAA;KACtD,OAAM;KACL,UAAU,QAAA;KACX,MAAK;KACJ,UAAQ"}

package/dist/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.script.js

@@ -4,7 +4,7 @@ import { ScalarIconUploadSimple } from "@scalar/icons";
 //#region src/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "pointer-events-none flex size-full items-center justify-center gap-1 rounded-md p-1 text-c-2" };
 var _hoisted_2 = { class: "font-medium" };
-var ScalarFileUploadDropTarget_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarFileUploadDropTarget_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarFileUploadDropTarget",
 	setup(__props) {

package/dist/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadDropTarget.vue.script.js","names":[],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload Drop Target\n *\n * Displays a drop target for file uploads (used when\n * the user is dragging files over the component)\n *\n * @example\n * <ScalarFileUploadDropTarget />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconUploadSimple } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        ' size-full flex items-center justify-center absolute inset-0 z-1 rounded p-1 backdrop-blur',\n      )\n    \">\n    <div\n      class=\"pointer-events-none flex size-full items-center justify-center gap-1 rounded-md p-1 text-c-2\">\n      <ScalarIconUploadSimple class=\"size-4\" />\n      <span class=\"font-medium\"><slot>Drop to upload</slot></span>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAiBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAWM,OAAA,eAAA,mBAVW,MAAA,GAAE,CAAA,6FAAA,CAAA,CAAA,EAAA,CAKjB,mBAIM,OAJN,YAIM,CAFJ,YAAyC,MAAA,uBAAA,EAAA,EAAjB,OAAM,UAAQ,CAAA,EACtC,mBAA4D,QAA5D,YAA4D,CAAlC,WAA2B,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAArB,kBAAc,GAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarFileUploadDropTarget.vue.script.js","names":[],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload Drop Target\n *\n * Displays a drop target for file uploads (used when\n * the user is dragging files over the component)\n *\n * @example\n * <ScalarFileUploadDropTarget />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconUploadSimple } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        ' size-full flex items-center justify-center absolute inset-0 z-1 rounded p-1 backdrop-blur',\n      )\n    \">\n    <div\n      class=\"pointer-events-none flex size-full items-center justify-center gap-1 rounded-md p-1 text-c-2\">\n      <ScalarIconUploadSimple class=\"size-4\" />\n      <span class=\"font-medium\"><slot>Drop to upload</slot></span>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAiBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAWM,OAAA,eAAA,mBAVW,MAAA,EAAA,CAAE,CAAA,4FAAA,CAAA,CAAA,GAAA,CAKjB,mBAIM,OAJN,YAIM,CAFJ,YAAyC,MAAA,sBAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,GACtC,mBAA4D,QAA5D,YAA4D,CAAlC,WAA2B,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAArB,kBAAc,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/ScalarFileUpload/ScalarFileUploadError.vue.script.js

@@ -1,7 +1,7 @@
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createElementBlock, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
 import { ScalarIconWarningCircle } from "@scalar/icons";
-var ScalarFileUploadError_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarFileUploadError_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarFileUploadError",
 	setup(__props) {

package/dist/components/ScalarFileUpload/ScalarFileUploadError.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadError.vue.script.js","names":[],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadError.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload Error\n *\n * Displays an error message\n *\n * @example\n * <ScalarFileUploadError>\n *   <!-- Error message -->\n * </ScalarFileUploadError>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconWarningCircle } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex items-center gap-1 text-c-danger')\">\n    <ScalarIconWarningCircle class=\"size-3.5\" />\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;EAkBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAGM,OAAA,eAAA,mBAHO,MAAA,GAAE,CAAA,wCAAA,CAAA,CAAA,EAAA,CACb,YAA4C,MAAA,wBAAA,EAAA,EAAnB,OAAM,YAAU,CAAA,EACzC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarFileUploadError.vue.script.js","names":[],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadError.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload Error\n *\n * Displays an error message\n *\n * @example\n * <ScalarFileUploadError>\n *   <!-- Error message -->\n * </ScalarFileUploadError>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconWarningCircle } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex items-center gap-1 text-c-danger')\">\n    <ScalarIconWarningCircle class=\"size-3.5\" />\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;EAkBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAGM,OAAA,eAAA,mBAHO,MAAA,EAAA,CAAE,CAAA,uCAAA,CAAA,CAAA,GAAA,CACb,YAA4C,MAAA,uBAAA,GAAA,EAAnB,OAAM,WAAU,CAAA,GACzC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadFileList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadFileList.vue"],"names":[],"mappings":"AAoEA;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAelB,2BAA2B;iBACd,IAAI,EAAE;;;;;;IADnB,2BAA2B;iBACd,IAAI,EAAE;;;;kFAwIf,CAAC"}
+{"version":3,"file":"ScalarFileUploadFileList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadFileList.vue"],"names":[],"mappings":"AAoEA;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAelB,2BAA2B;iBACd,IAAI,EAAE;;;;;;IADnB,2BAA2B;iBACd,IAAI,EAAE;;;;kFA0If,CAAC"}

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

@@ -8,14 +8,14 @@ var _hoisted_2 = { class: "flex items-center justify-between" };
 var _hoisted_3 = { class: "flex-1 min-w-0 truncate" };
 var _hoisted_4 = { class: "text-c-3" };
 var _hoisted_5 = { class: "flex items-center gap-1.5" };
-var ScalarFileUploadFileList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarFileUploadFileList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarFileUploadFileList",
 	props: {
 		"modelValue": {},
 		"modelModifiers": {}
 	},
-	emits: /* @__PURE__ */ mergeModels(["upload"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["upload"], ["update:modelValue"]),
 	setup(__props) {
 		/** The files to display */
 		const files = useModel(__props, "modelValue");

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadFileList.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadFileList.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload File List\n *\n * Displays a list of files\n *\n * @example\n * <ScalarFileUploadFileList :files=\"files\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { formatBytes } from '@scalar/helpers/formatters/format-bytes'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarButton } from '../ScalarButton'\n\ndefineEmits<{\n  /** Emitted when the user clicks the upload button */\n  (e: 'upload'): void\n}>()\n\n/** The files to display */\nconst files = defineModel<File[]>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col gap-2 p-4')\">\n    <div class=\"text-c-2\">Selected files:</div>\n    <ul\n      v-for=\"file in files\"\n      :key=\"file.name\"\n      class=\"flex flex-col gap-0.5\">\n      <li class=\"border rounded p-1 text-xs\">\n        <div class=\"flex items-center justify-between\">\n          <div class=\"flex-1 min-w-0 truncate\">\n            {{ file.name }}\n          </div>\n          <div class=\"text-c-3\">{{ formatBytes(file.size) }}</div>\n        </div>\n      </li>\n    </ul>\n    <div class=\"flex items-center gap-1.5\">\n      <ScalarButton\n        size=\"xs\"\n        @click=\"$emit('upload')\">\n        Upload\n      </ScalarButton>\n      <ScalarButton\n        size=\"xs\"\n        variant=\"outlined\"\n        @click=\"files = []\">\n        Clear\n      </ScalarButton>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAGlC,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBA4BM,OAAA,eAAA,mBA5BO,MAAA,GAAE,CAAA,0BAAA,CAAA,CAAA,EAAA;8BACb,mBAA2C,OAAA,EAAtC,OAAM,YAAU,EAAC,mBAAe,GAAA;sBACrC,mBAYK,UAAA,MAAA,WAXY,MAAA,QAAR,SAAI;yBADb,mBAYK,MAAA;MAVF,KAAK,KAAK;MACX,OAAM;SACN,mBAOK,MAPL,YAOK,CANH,mBAKM,OALN,YAKM,CAJJ,mBAEM,OAFN,YAEM,gBADD,KAAK,KAAI,EAAA,EAAA,EAEd,mBAAwD,OAAxD,YAAwD,gBAA/B,MAAA,YAAW,CAAC,KAAK,KAAI,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;IAIpD,mBAYM,OAZN,YAYM,CAXJ,YAIe,MAAA,qBAAA,EAAA;KAHb,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;4BAEf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2B,YAE3B,GAAA,CAAA,EAAA,CAAA;;QACA,YAKe,MAAA,qBAAA,EAAA;KAJb,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK,EAAA;;4BAEf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFsB,WAEtB,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"ScalarFileUploadFileList.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadFileList.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload File List\n *\n * Displays a list of files\n *\n * @example\n * <ScalarFileUploadFileList :files=\"files\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { formatBytes } from '@scalar/helpers/formatters/format-bytes'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarButton } from '../ScalarButton'\n\ndefineEmits<{\n  /** Emitted when the user clicks the upload button */\n  (e: 'upload'): void\n}>()\n\n/** The files to display */\nconst files = defineModel<File[]>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col gap-2 p-4')\">\n    <div class=\"text-c-2\">Selected files:</div>\n    <ul\n      v-for=\"file in files\"\n      :key=\"file.name\"\n      class=\"flex flex-col gap-0.5\">\n      <li class=\"border rounded p-1 text-xs\">\n        <div class=\"flex items-center justify-between\">\n          <div class=\"flex-1 min-w-0 truncate\">\n            {{ file.name }}\n          </div>\n          <div class=\"text-c-3\">{{ formatBytes(file.size) }}</div>\n        </div>\n      </li>\n    </ul>\n    <div class=\"flex items-center gap-1.5\">\n      <ScalarButton\n        size=\"xs\"\n        @click=\"$emit('upload')\">\n        Upload\n      </ScalarButton>\n      <ScalarButton\n        size=\"xs\"\n        variant=\"outlined\"\n        @click=\"files = []\">\n        Clear\n      </ScalarButton>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ,SAAmB,SAAA,YAAC;EAGlC,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBA4BM,OAAA,eAAA,mBA5BO,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA,CAAA,GAAA;8BACb,mBAA2C,OAAA,EAAtC,OAAM,WAAU,GAAC,mBAAe,EAAA;sBACrC,mBAYK,UAAA,MAAA,WAXY,MAAA,QAAR,SAAI;yBADb,mBAYK,MAAA;MAVF,KAAK,KAAK;MACX,OAAM;SACN,mBAOK,MAPL,YAOK,CANH,mBAKM,OALN,YAKM,CAJJ,mBAEM,OAFN,YAEM,gBADD,KAAK,IAAI,GAAA,CAAA,GAEd,mBAAwD,OAAxD,YAAwD,gBAA/B,MAAA,WAAA,CAAW,CAAC,KAAK,IAAI,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;IAIpD,mBAYM,OAZN,YAYM,CAXJ,YAIe,MAAA,oBAAA,GAAA;KAHb,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAA;;4BAEf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2B,YAE3B,EAAA,CAAA,EAAA,CAAA;;QACA,YAKe,MAAA,oBAAA,GAAA;KAJb,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK,CAAA;;4BAEf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFsB,WAEtB,EAAA,CAAA,EAAA,CAAA"}

package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInput.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAEV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;;;yGAwGd,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarFileUploadInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInput.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAEV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;;;yGAyGd,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue.script.js

@@ -8,7 +8,7 @@ var _hoisted_3 = {
 	key: 0,
 	class: "text-c-3 text-xs"
 };
-var ScalarFileUploadInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarFileUploadInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarFileUploadInput",
 	props: {

package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadInput.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload Input\n *\n * Displays a label and button for file uploads\n *\n * @example\n * <ScalarFileUploadInput />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarButton } from '../ScalarButton'\nimport type {\n  FileUploadInputEmits,\n  FileUploadInputProps,\n  FileUploadInputSlots,\n} from './types'\n\ndefineProps<FileUploadInputProps>()\ndefineEmits<FileUploadInputEmits>()\ndefineSlots<FileUploadInputSlots>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex items-center justify-center gap-2 flex-col px-6 py-4')\">\n    <div class=\"flex items-center gap-1.5 whitespace-nowrap\">\n      <span class=\"text-c-2\">\n        <slot>Drop {{ multiple ? 'files' : 'file' }} here to upload</slot>\n        <span class=\"text-c-3\"> or</span>\n      </span>\n      <ScalarButton\n        size=\"xs\"\n        tabindex=\"-1\"\n        variant=\"outlined\"\n        @click=\"$emit('click', $event)\">\n        Browse files\n      </ScalarButton>\n    </div>\n    <slot name=\"sublabel\">\n      <div\n        v-if=\"extensions\"\n        class=\"text-c-3 text-xs\">\n        <span class=\"font-medium\">Supported file types:</span>\n        {{ extensions.join(', ') }}\n      </div>\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA0BA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAsBM,OAAA,eAAA,mBAtBO,MAAA,GAAE,CAAA,4DAAA,CAAA,CAAA,EAAA,CACb,mBAYM,OAZN,YAYM,CAXJ,mBAGO,QAHP,YAGO,CAFL,WAAkE,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAA5D,UAAK,gBAAG,QAAA,WAAQ,UAAA,OAAA,GAAsB,mBAAe,EAAA,CAAA,CAAA,EAAA,OAAA,OAAA,OAAA,KAC3D,mBAAiC,QAAA,EAA3B,OAAM,YAAU,EAAC,OAAG,GAAA,EAAA,CAAA,EAE5B,YAMe,MAAA,qBAAA,EAAA;IALb,MAAK;IACL,UAAS;IACT,SAAQ;IACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAU,OAAM;;2BAE/B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkC,kBAElC,GAAA,CAAA,EAAA,CAAA;;SAEF,WAOO,KAAA,QAAA,YAAA,EAAA,QAAA,CALG,QAAA,cAAA,WAAA,EADR,mBAKM,OALN,YAKM,CAAA,OAAA,OAAA,OAAA,KAFJ,mBAAsD,QAAA,EAAhD,OAAM,eAAa,EAAC,yBAAqB,GAAA,GAAA,gBAAO,MACtD,gBAAG,QAAA,WAAW,KAAI,KAAA,CAAA,EAAA,EAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarFileUploadInput.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload Input\n *\n * Displays a label and button for file uploads\n *\n * @example\n * <ScalarFileUploadInput />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarButton } from '../ScalarButton'\nimport type {\n  FileUploadInputEmits,\n  FileUploadInputProps,\n  FileUploadInputSlots,\n} from './types'\n\ndefineProps<FileUploadInputProps>()\ndefineEmits<FileUploadInputEmits>()\ndefineSlots<FileUploadInputSlots>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex items-center justify-center gap-2 flex-col px-6 py-4')\">\n    <div class=\"flex items-center gap-1.5 whitespace-nowrap\">\n      <span class=\"text-c-2\">\n        <slot>Drop {{ multiple ? 'files' : 'file' }} here to upload</slot>\n        <span class=\"text-c-3\"> or</span>\n      </span>\n      <ScalarButton\n        size=\"xs\"\n        tabindex=\"-1\"\n        variant=\"outlined\"\n        @click=\"$emit('click', $event)\">\n        Browse files\n      </ScalarButton>\n    </div>\n    <slot name=\"sublabel\">\n      <div\n        v-if=\"extensions\"\n        class=\"text-c-3 text-xs\">\n        <span class=\"font-medium\">Supported file types:</span>\n        {{ extensions.join(', ') }}\n      </div>\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA0BA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAsBM,OAAA,eAAA,mBAtBO,MAAA,EAAA,CAAE,CAAA,2DAAA,CAAA,CAAA,GAAA,CACb,mBAYM,OAZN,YAYM,CAXJ,mBAGO,QAHP,YAGO,CAFL,WAAkE,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAA5D,UAAK,gBAAG,QAAA,WAAQ,UAAA,MAAA,IAAsB,mBAAe,CAAA,CAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAC3D,mBAAiC,QAAA,EAA3B,OAAM,WAAU,GAAC,OAAG,EAAA,EAAA,CAAA,GAE5B,YAMe,MAAA,oBAAA,GAAA;IALb,MAAK;IACL,UAAS;IACT,SAAQ;IACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAU,MAAM;;2BAE/B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkC,kBAElC,EAAA,CAAA,EAAA,CAAA;;SAEF,WAOO,KAAA,QAAA,YAAA,CAAA,SAAA,CALG,QAAA,cAAA,UAAA,GADR,mBAKM,OALN,YAKM,CAAA,OAAA,OAAA,OAAA,KAFJ,mBAAsD,QAAA,EAAhD,OAAM,cAAa,GAAC,yBAAqB,EAAA,IAAA,gBAAO,MACtD,gBAAG,QAAA,WAAW,KAAI,IAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.script.js

@@ -7,7 +7,7 @@ var _hoisted_2 = {
 	key: 0,
 	class: "text-c-3 text-xs"
 };
-var ScalarFileUploadInputCompact_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarFileUploadInputCompact_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarFileUploadInputCompact",
 	props: {

package/dist/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadInputCompact.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload Input\n *\n * Displays a label and button for file uploads\n *\n * @example\n * <ScalarFileUploadInput />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconUploadSimple } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport type {\n  FileUploadInputEmits,\n  FileUploadInputProps,\n  FileUploadInputSlots,\n} from './types'\n\ndefineProps<FileUploadInputProps>()\ndefineEmits<FileUploadInputEmits>()\ndefineSlots<FileUploadInputSlots>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <button\n    type=\"button\"\n    v-bind=\"\n      cx(\n        'flex items-center justify-center gap-1 rounded flex-col px-4 py-3 hover:bg-b-2',\n      )\n    \"\n    @click=\"$emit('click', $event)\">\n    <div class=\"flex items-center gap-1 whitespace-nowrap text-c-2\">\n      <slot>\n        <ScalarIconUploadSimple class=\"size-3.5\" />\n        <span> Upload {{ multiple ? 'files' : 'file' }} </span>\n      </slot>\n    </div>\n    <slot name=\"sublabel\">\n      <div\n        v-if=\"extensions\"\n        class=\"text-c-3 text-xs\">\n        {{ extensions.join(', ') }}\n      </div>\n    </slot>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA0BA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAqBS,UArBT,WAqBS,EApBP,MAAK,UAAQ,EACE,MAAA,GAAE,CAAA,iFAAA,EAAA,EAKhB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAU,OAAM,GAAA,CAAA,EAAA,CAC7B,mBAKM,OALN,YAKM,CAJJ,WAGO,KAAA,QAAA,WAAA,EAAA,QAAA,CAFL,YAA2C,MAAA,uBAAA,EAAA,EAAnB,OAAM,YAAU,CAAA,EACxC,mBAAuD,QAAA,MAAjD,aAAQ,gBAAG,QAAA,WAAQ,UAAA,OAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,EAG7B,WAMO,KAAA,QAAA,YAAA,EAAA,QAAA,CAJG,QAAA,cAAA,WAAA,EADR,mBAIM,OAJN,YAIM,gBADD,QAAA,WAAW,KAAI,KAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarFileUploadInputCompact.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload Input\n *\n * Displays a label and button for file uploads\n *\n * @example\n * <ScalarFileUploadInput />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconUploadSimple } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport type {\n  FileUploadInputEmits,\n  FileUploadInputProps,\n  FileUploadInputSlots,\n} from './types'\n\ndefineProps<FileUploadInputProps>()\ndefineEmits<FileUploadInputEmits>()\ndefineSlots<FileUploadInputSlots>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <button\n    type=\"button\"\n    v-bind=\"\n      cx(\n        'flex items-center justify-center gap-1 rounded flex-col px-4 py-3 hover:bg-b-2',\n      )\n    \"\n    @click=\"$emit('click', $event)\">\n    <div class=\"flex items-center gap-1 whitespace-nowrap text-c-2\">\n      <slot>\n        <ScalarIconUploadSimple class=\"size-3.5\" />\n        <span> Upload {{ multiple ? 'files' : 'file' }} </span>\n      </slot>\n    </div>\n    <slot name=\"sublabel\">\n      <div\n        v-if=\"extensions\"\n        class=\"text-c-3 text-xs\">\n        {{ extensions.join(', ') }}\n      </div>\n    </slot>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA0BA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAqBS,UArBT,WAqBS,EApBP,MAAK,SAAQ,GACE,MAAA,EAAA,CAAE,CAAA,gFAAA,GAAA,EAKhB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAU,MAAM,GAAA,CAAA,GAAA,CAC7B,mBAKM,OALN,YAKM,CAJJ,WAGO,KAAA,QAAA,WAAA,CAAA,SAAA,CAFL,YAA2C,MAAA,sBAAA,GAAA,EAAnB,OAAM,WAAU,CAAA,GACxC,mBAAuD,QAAA,MAAjD,aAAQ,gBAAG,QAAA,WAAQ,UAAA,MAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAG7B,WAMO,KAAA,QAAA,YAAA,CAAA,SAAA,CAJG,QAAA,cAAA,UAAA,GADR,mBAIM,OAJN,YAIM,gBADD,QAAA,WAAW,KAAI,IAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/ScalarFileUpload/ScalarFileUploadLoading.vue.script.js

@@ -1,7 +1,7 @@
 import ScalarLoading_default from "../ScalarLoading/ScalarLoading.vue.js";
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createElementBlock, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, unref } from "vue";
-var ScalarFileUploadLoading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarFileUploadLoading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarFileUploadLoading",
 	props: { loader: {} },

package/dist/components/ScalarFileUpload/ScalarFileUploadLoading.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadLoading.vue.script.js","names":[],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadLoading.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload Loading\n *\n * Displays a loading state for file uploads\n *\n * @example\n * <ScalarFileUploadLoading :loader=\"loader\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { type LoadingState, ScalarLoading } from '../ScalarLoading'\n\ndefineProps<{\n  loader: LoadingState\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        ' size-full flex items-center justify-center absolute inset-0 z-1 rounded p-1 backdrop-blur text-c-2',\n      )\n    \">\n    <ScalarLoading\n      :loader\n      size=\"md\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAqBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBASM,OAAA,eAAA,mBARW,MAAA,GAAE,CAAA,sGAAA,CAAA,CAAA,EAAA,CAKjB,YAEc,MAAA,sBAAA,EAAA;IADX,QAAA,QAAA;IACD,MAAK"}
+{"version":3,"file":"ScalarFileUploadLoading.vue.script.js","names":[],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadLoading.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload Loading\n *\n * Displays a loading state for file uploads\n *\n * @example\n * <ScalarFileUploadLoading :loader=\"loader\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { type LoadingState, ScalarLoading } from '../ScalarLoading'\n\ndefineProps<{\n  loader: LoadingState\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        ' size-full flex items-center justify-center absolute inset-0 z-1 rounded p-1 backdrop-blur text-c-2',\n      )\n    \">\n    <ScalarLoading\n      :loader\n      size=\"md\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAqBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBASM,OAAA,eAAA,mBARW,MAAA,EAAA,CAAE,CAAA,qGAAA,CAAA,CAAA,GAAA,CAKjB,YAEc,MAAA,qBAAA,GAAA;IADX,QAAA,QAAA;IACD,MAAK"}

package/dist/components/ScalarFileUpload/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/ScalarFileUpload/types.ts"],"sourcesContent":["type FileExtension = `.${string}`\n\nexport type ExtensionList = FileExtension[]\n\n/**\n * Type guard to check if a value is an ExtensionList\n */\nexport function isExtensionList(value: ExtensionList | string): value is ExtensionList {\n  return Array.isArray(value) && value.every((item) => item.startsWith('.'))\n}\n\n/**\n * Props for both the default and compact variants of the FileUploadInput\n */\nexport type FileUploadInputProps = {\n  /** Whether multiple files can be uploaded */\n  multiple?: boolean\n  /** A list of extensions that are supported */\n  extensions?: ExtensionList\n}\n\n/**\n * Emits for both the default and compact variants of the FileUploadInput\n */\nexport type FileUploadInputEmits = {\n  /** Emitted when the user clicks the browse button */\n  // biome-ignore lint/style/useShorthandFunctionType: other events might be added\n  (e: 'click', event: MouseEvent): void\n}\n\n/**\n * Slots for both the default and compact variants of the FileUploadInput\n */\nexport type FileUploadInputSlots = {\n  /** The default label slot */\n  default?(): unknown\n  /** The sublabel or error slot */\n  sublabel?(): unknown\n}\n"],"mappings":";;;;AAOA,SAAgB,gBAAgB,OAAuD;AACrF,QAAO,MAAM,QAAQ,MAAM,IAAI,MAAM,OAAO,SAAS,KAAK,WAAW,IAAI,CAAC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/ScalarFileUpload/types.ts"],"sourcesContent":["type FileExtension = `.${string}`\n\nexport type ExtensionList = FileExtension[]\n\n/**\n * Type guard to check if a value is an ExtensionList\n */\nexport function isExtensionList(value: ExtensionList | string): value is ExtensionList {\n  return Array.isArray(value) && value.every((item) => item.startsWith('.'))\n}\n\n/**\n * Props for both the default and compact variants of the FileUploadInput\n */\nexport type FileUploadInputProps = {\n  /** Whether multiple files can be uploaded */\n  multiple?: boolean\n  /** A list of extensions that are supported */\n  extensions?: ExtensionList\n}\n\n/**\n * Emits for both the default and compact variants of the FileUploadInput\n */\nexport type FileUploadInputEmits = {\n  /** Emitted when the user clicks the browse button */\n  // biome-ignore lint/style/useShorthandFunctionType: other events might be added\n  (e: 'click', event: MouseEvent): void\n}\n\n/**\n * Slots for both the default and compact variants of the FileUploadInput\n */\nexport type FileUploadInputSlots = {\n  /** The default label slot */\n  default?(): unknown\n  /** The sublabel or error slot */\n  sublabel?(): unknown\n}\n"],"mappings":";;;;AAOA,SAAgB,gBAAgB,OAAuD;CACrF,OAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,OAAO,SAAS,KAAK,WAAW,GAAG,CAAC;AAC3E"}

package/dist/components/ScalarFloating/ScalarFloating.vue.script.js

@@ -3,7 +3,7 @@ import { useResizeWithTarget } from "./useResizeWithTarget.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, withCtx } from "vue";
 import { getSideAxis } from "@floating-ui/utils";
 import { autoUpdate, flip, offset, shift, size, useFloating } from "@floating-ui/vue";
-var ScalarFloating_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarFloating_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarFloating",
 	props: {
@@ -58,7 +58,9 @@ var ScalarFloating_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				...__props.middleware
 			])
 		});
-		__expose({ targetRef });
+		__expose({ 
+		/** The resolved target element */
+targetRef });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", {
 				ref_key: "wrapperRef",

package/dist/components/ScalarFloating/ScalarFloating.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFloating.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Floating component\n *\n * Positions a floating element relative to a reference element\n * using Floating UI. Handles placement, offset, flipping, and resizing.\n *\n * @example\n * <ScalarFloating placement=\"bottom\">\n *   <button>Reference</button>\n *   <template #floating>Floating content</template>\n * </ScalarFloating>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { getSideAxis } from '@floating-ui/utils'\nimport {\n  type MiddlewareData,\n  autoUpdate,\n  flip,\n  offset as offsetMiddleware,\n  shift,\n  size,\n  useFloating,\n} from '@floating-ui/vue'\nimport { type Ref, computed, ref } from 'vue'\n\nimport { ScalarTeleport } from '../ScalarTeleport'\nimport type { FloatingOptions } from './types'\nimport { useResizeWithTarget } from './useResizeWithTarget'\n\nconst {\n  placement,\n  offset = 5,\n  resize = false,\n  middleware = [],\n  target,\n  teleport,\n} = defineProps<FloatingOptions>()\n\ndefineSlots<{\n  /** The reference element for the element in the #floating slot */\n  default(): unknown\n  /** The floating element */\n  floating?(props: {\n    /** The width of the reference element if `resize` is true and placement is on the y axis */\n    width?: string\n    /** The height of the reference element if `resize` is true and placement is on the x axis */\n    height?: string\n    /** The middleware data return by Floating UI */\n    data?: MiddlewareData\n  }): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst floatingRef: Ref<HTMLElement | null> = ref(null)\nconst wrapperRef: Ref<HTMLElement | null> = ref(null)\n\nconst targetRef = computed<HTMLElement | undefined>(() => {\n  if (typeof window !== 'undefined' && wrapperRef.value) {\n    // If target is a string (id), try to find it in the document\n    if (typeof target === 'string') {\n      const t = document.getElementById(target)\n      if (t) {\n        return t\n      }\n      console.warn(`ScalarFloating: Target with id=\"${target}\" not found`)\n    }\n    // If target is an HTMLElement, return it\n    else if (target instanceof HTMLElement) {\n      return target\n    }\n    // Fallback to div wrapper if no child element is provided\n    const firstChild = wrapperRef.value.children?.[0]\n    if (firstChild instanceof HTMLElement) {\n      return firstChild\n    }\n    return wrapperRef.value\n  }\n  // Return undefined if nothing is found\n  return undefined\n})\n\nconst targetSize = useResizeWithTarget(targetRef, {\n  enabled: computed(() => resize),\n})\n\nconst targetWidth = computed(() =>\n  getSideAxis(placement ?? 'bottom') === 'y'\n    ? targetSize.width.value\n    : undefined,\n)\n\nconst targetHeight = computed(() =>\n  getSideAxis(placement ?? 'bottom') === 'x'\n    ? targetSize.height.value\n    : undefined,\n)\nconst { floatingStyles, middlewareData } = useFloating(targetRef, floatingRef, {\n  placement: computed(() => placement ?? 'bottom'),\n  whileElementsMounted: autoUpdate,\n  middleware: computed(() => [\n    offsetMiddleware(offset),\n    flip({ padding: 48 }),\n    shift({ padding: 8 }),\n    size({\n      apply({ availableWidth, availableHeight, elements }) {\n        // Assign the max width and height to the floating element\n        // @see https://floating-ui.com/docs/size\n        Object.assign(elements.floating.style, {\n          maxWidth: `${Math.max(0, availableWidth) - 16}px`,\n          maxHeight: `${Math.max(0, availableHeight) - 16}px`,\n        })\n      },\n    }),\n    ...middleware,\n  ]),\n})\n\ndefineExpose({\n  /** The resolved target element */\n  targetRef,\n})\n</script>\n<template>\n  <div\n    ref=\"wrapperRef\"\n    :class=\"{ contents: !!$slots.default }\">\n    <slot />\n  </div>\n  <ScalarTeleport\n    v-if=\"$slots.floating\"\n    :disabled=\"!teleport\"\n    :to=\"typeof teleport === 'string' ? teleport : undefined\">\n    <div\n      ref=\"floatingRef\"\n      class=\"relative z-context\"\n      :style=\"floatingStyles\">\n      <slot\n        :data=\"middlewareData\"\n        :height=\"targetHeight\"\n        name=\"floating\"\n        :width=\"targetWidth\" />\n    </div>\n  </ScalarTeleport>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDA,MAAM,cAAuC,IAAI,KAAI;EACrD,MAAM,aAAsC,IAAI,KAAI;EAEpD,MAAM,YAAY,eAAwC;AACxD,OAAI,OAAO,WAAW,eAAe,WAAW,OAAO;AAErD,QAAI,OAAO,QAAA,WAAW,UAAU;KAC9B,MAAM,IAAI,SAAS,eAAe,QAAA,OAAM;AACxC,SAAI,EACF,QAAO;AAET,aAAQ,KAAK,mCAAmC,QAAA,OAAO,aAAY;eAG5D,QAAA,kBAAkB,YACzB,QAAO,QAAA;IAGT,MAAM,aAAa,WAAW,MAAM,WAAW;AAC/C,QAAI,sBAAsB,YACxB,QAAO;AAET,WAAO,WAAW;;IAIrB;EAED,MAAM,aAAa,oBAAoB,WAAW,EAChD,SAAS,eAAe,QAAA,OAAO,EAChC,CAAA;EAED,MAAM,cAAc,eAClB,YAAY,QAAA,aAAa,SAAS,KAAK,MACnC,WAAW,MAAM,QACjB,KAAA,EACN;EAEA,MAAM,eAAe,eACnB,YAAY,QAAA,aAAa,SAAS,KAAK,MACnC,WAAW,OAAO,QAClB,KAAA,EACN;EACA,MAAM,EAAE,gBAAgB,mBAAmB,YAAY,WAAW,aAAa;GAC7E,WAAW,eAAe,QAAA,aAAa,SAAS;GAChD,sBAAsB;GACtB,YAAY,eAAe;IACzB,OAAiB,QAAA,OAAO;IACxB,KAAK,EAAE,SAAS,IAAI,CAAC;IACrB,MAAM,EAAE,SAAS,GAAG,CAAC;IACrB,KAAK,EACH,MAAM,EAAE,gBAAgB,iBAAiB,YAAY;AAGnD,YAAO,OAAO,SAAS,SAAS,OAAO;MACrC,UAAU,GAAG,KAAK,IAAI,GAAG,eAAe,GAAG,GAAG;MAC9C,WAAW,GAAG,KAAK,IAAI,GAAG,gBAAgB,GAAG,GAAG;MACjD,CAAA;OAEJ,CAAC;IACF,GAAG,QAAA;IACJ,CAAC;GACH,CAAA;AAED,WAAa,EAEX,WACD,CAAA;;2DAGC,mBAIM,OAAA;aAHA;IAAJ,KAAI;IACH,OAAK,eAAA,EAAA,UAAA,CAAA,CAAgBA,KAAAA,OAAO,SAAO,CAAA;OACpC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,EAGFA,KAAAA,OAAO,YAAA,WAAA,EADf,YAciB,MAAA,uBAAA,EAAA;;IAZd,UAAQ,CAAG,QAAA;IACX,IAAE,OAAS,QAAA,aAAQ,WAAgB,QAAA,WAAW,KAAA;;2BAUzC,CATN,mBASM,OAAA;cARA;KAAJ,KAAI;KACJ,OAAM;KACL,OAAK,eAAE,MAAA,eAAc,CAAA;QACtB,WAIyB,KAAA,QAAA,YAAA;KAHtB,MAAM,MAAA,eAAc;KACpB,QAAQ,aAAA;KAER,OAAO,YAAA"}
+{"version":3,"file":"ScalarFloating.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Floating component\n *\n * Positions a floating element relative to a reference element\n * using Floating UI. Handles placement, offset, flipping, and resizing.\n *\n * @example\n * <ScalarFloating placement=\"bottom\">\n *   <button>Reference</button>\n *   <template #floating>Floating content</template>\n * </ScalarFloating>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { getSideAxis } from '@floating-ui/utils'\nimport {\n  type MiddlewareData,\n  autoUpdate,\n  flip,\n  offset as offsetMiddleware,\n  shift,\n  size,\n  useFloating,\n} from '@floating-ui/vue'\nimport { type Ref, computed, ref } from 'vue'\n\nimport { ScalarTeleport } from '../ScalarTeleport'\nimport type { FloatingOptions } from './types'\nimport { useResizeWithTarget } from './useResizeWithTarget'\n\nconst {\n  placement,\n  offset = 5,\n  resize = false,\n  middleware = [],\n  target,\n  teleport,\n} = defineProps<FloatingOptions>()\n\ndefineSlots<{\n  /** The reference element for the element in the #floating slot */\n  default(): unknown\n  /** The floating element */\n  floating?(props: {\n    /** The width of the reference element if `resize` is true and placement is on the y axis */\n    width?: string\n    /** The height of the reference element if `resize` is true and placement is on the x axis */\n    height?: string\n    /** The middleware data return by Floating UI */\n    data?: MiddlewareData\n  }): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst floatingRef: Ref<HTMLElement | null> = ref(null)\nconst wrapperRef: Ref<HTMLElement | null> = ref(null)\n\nconst targetRef = computed<HTMLElement | undefined>(() => {\n  if (typeof window !== 'undefined' && wrapperRef.value) {\n    // If target is a string (id), try to find it in the document\n    if (typeof target === 'string') {\n      const t = document.getElementById(target)\n      if (t) {\n        return t\n      }\n      console.warn(`ScalarFloating: Target with id=\"${target}\" not found`)\n    }\n    // If target is an HTMLElement, return it\n    else if (target instanceof HTMLElement) {\n      return target\n    }\n    // Fallback to div wrapper if no child element is provided\n    const firstChild = wrapperRef.value.children?.[0]\n    if (firstChild instanceof HTMLElement) {\n      return firstChild\n    }\n    return wrapperRef.value\n  }\n  // Return undefined if nothing is found\n  return undefined\n})\n\nconst targetSize = useResizeWithTarget(targetRef, {\n  enabled: computed(() => resize),\n})\n\nconst targetWidth = computed(() =>\n  getSideAxis(placement ?? 'bottom') === 'y'\n    ? targetSize.width.value\n    : undefined,\n)\n\nconst targetHeight = computed(() =>\n  getSideAxis(placement ?? 'bottom') === 'x'\n    ? targetSize.height.value\n    : undefined,\n)\nconst { floatingStyles, middlewareData } = useFloating(targetRef, floatingRef, {\n  placement: computed(() => placement ?? 'bottom'),\n  whileElementsMounted: autoUpdate,\n  middleware: computed(() => [\n    offsetMiddleware(offset),\n    flip({ padding: 48 }),\n    shift({ padding: 8 }),\n    size({\n      apply({ availableWidth, availableHeight, elements }) {\n        // Assign the max width and height to the floating element\n        // @see https://floating-ui.com/docs/size\n        Object.assign(elements.floating.style, {\n          maxWidth: `${Math.max(0, availableWidth) - 16}px`,\n          maxHeight: `${Math.max(0, availableHeight) - 16}px`,\n        })\n      },\n    }),\n    ...middleware,\n  ]),\n})\n\ndefineExpose({\n  /** The resolved target element */\n  targetRef,\n})\n</script>\n<template>\n  <div\n    ref=\"wrapperRef\"\n    :class=\"{ contents: !!$slots.default }\">\n    <slot />\n  </div>\n  <ScalarTeleport\n    v-if=\"$slots.floating\"\n    :disabled=\"!teleport\"\n    :to=\"typeof teleport === 'string' ? teleport : undefined\">\n    <div\n      ref=\"floatingRef\"\n      class=\"relative z-context\"\n      :style=\"floatingStyles\">\n      <slot\n        :data=\"middlewareData\"\n        :height=\"targetHeight\"\n        name=\"floating\"\n        :width=\"targetWidth\" />\n    </div>\n  </ScalarTeleport>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDA,MAAM,cAAuC,IAAI,IAAI;EACrD,MAAM,aAAsC,IAAI,IAAI;EAEpD,MAAM,YAAY,eAAwC;GACxD,IAAI,OAAO,WAAW,eAAe,WAAW,OAAO;IAErD,IAAI,OAAO,QAAA,WAAW,UAAU;KAC9B,MAAM,IAAI,SAAS,eAAe,QAAA,MAAM;KACxC,IAAI,GACF,OAAO;KAET,QAAQ,KAAK,mCAAmC,QAAA,OAAO,YAAY;IACrE,OAEK,IAAI,QAAA,kBAAkB,aACzB,OAAO,QAAA;IAGT,MAAM,aAAa,WAAW,MAAM,WAAW;IAC/C,IAAI,sBAAsB,aACxB,OAAO;IAET,OAAO,WAAW;GACpB;EAGF,CAAC;EAED,MAAM,aAAa,oBAAoB,WAAW,EAChD,SAAS,eAAe,QAAA,MAAM,EAChC,CAAC;EAED,MAAM,cAAc,eAClB,YAAY,QAAA,aAAa,QAAQ,MAAM,MACnC,WAAW,MAAM,QACjB,KAAA,CACN;EAEA,MAAM,eAAe,eACnB,YAAY,QAAA,aAAa,QAAQ,MAAM,MACnC,WAAW,OAAO,QAClB,KAAA,CACN;EACA,MAAM,EAAE,gBAAgB,mBAAmB,YAAY,WAAW,aAAa;GAC7E,WAAW,eAAe,QAAA,aAAa,QAAQ;GAC/C,sBAAsB;GACtB,YAAY,eAAe;IACzB,OAAiB,QAAA,MAAM;IACvB,KAAK,EAAE,SAAS,GAAG,CAAC;IACpB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EACH,MAAM,EAAE,gBAAgB,iBAAiB,YAAY;KAGnD,OAAO,OAAO,SAAS,SAAS,OAAO;MACrC,UAAU,GAAG,KAAK,IAAI,GAAG,cAAc,IAAI,GAAG;MAC9C,WAAW,GAAG,KAAK,IAAI,GAAG,eAAe,IAAI,GAAG;KAClD,CAAC;IACH,EACF,CAAC;IACD,GAAG,QAAA;GACL,CAAC;EACH,CAAC;EAED,SAAa;;AAEX,UACF,CAAC;;2DAGC,mBAIM,OAAA;aAHA;IAAJ,KAAI;IACH,OAAK,eAAA,EAAA,UAAA,CAAA,CAAgBA,KAAAA,OAAO,QAAO,CAAA;OACpC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,GAGFA,KAAAA,OAAO,YAAA,UAAA,GADf,YAciB,MAAA,sBAAA,GAAA;;IAZd,UAAQ,CAAG,QAAA;IACX,IAAE,OAAS,QAAA,aAAQ,WAAgB,QAAA,WAAW,KAAA;;2BAUzC,CATN,mBASM,OAAA;cARA;KAAJ,KAAI;KACJ,OAAM;KACL,OAAK,eAAE,MAAA,cAAA,CAAc;QACtB,WAIyB,KAAA,QAAA,YAAA;KAHtB,MAAM,MAAA,cAAA;KACN,QAAQ,aAAA;KAER,OAAO,YAAA"}

package/dist/components/ScalarFloating/ScalarFloatingBackdrop.vue.script.js

@@ -1,6 +1,6 @@
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
-var ScalarFloatingBackdrop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarFloatingBackdrop_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarFloatingBackdrop",
 	setup(__props) {

package/dist/components/ScalarFloating/ScalarFloatingBackdrop.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFloatingBackdrop.vue.script.js","names":[],"sources":["../../../src/components/ScalarFloating/ScalarFloatingBackdrop.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar floating backdrop component\n *\n * Provides an absolutely positioned backdrop for the floating element\n * This is used internally by a number of the Scalar floating components\n * (e.g. Dropdown, Popover, Listbox)\n *\n * You can use this component directly if you need to customize the backdrop\n * for a floating component\n *\n * @example\n * <ScalarDropdown>\n *   <!-- Menu stuff -->\n *   <template #backdrop>\n *     <ScalarFloatingBackdrop />\n *   </template>\n * </ScalarDropdown>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx('absolute inset-0 -z-1 rounded bg-b-1 shadow-lg brightness-lifted')\n    \">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;EAyBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAKM,OAAA,eAAA,mBAJW,MAAA,GAAE,CAAA,mEAAA,CAAA,CAAA,EAAA,CAGjB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarFloatingBackdrop.vue.script.js","names":[],"sources":["../../../src/components/ScalarFloating/ScalarFloatingBackdrop.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar floating backdrop component\n *\n * Provides an absolutely positioned backdrop for the floating element\n * This is used internally by a number of the Scalar floating components\n * (e.g. Dropdown, Popover, Listbox)\n *\n * You can use this component directly if you need to customize the backdrop\n * for a floating component\n *\n * @example\n * <ScalarDropdown>\n *   <!-- Menu stuff -->\n *   <template #backdrop>\n *     <ScalarFloatingBackdrop />\n *   </template>\n * </ScalarDropdown>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx('absolute inset-0 -z-1 rounded bg-b-1 shadow-lg brightness-lifted')\n    \">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;EAyBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAKM,OAAA,eAAA,mBAJW,MAAA,EAAA,CAAE,CAAA,kEAAA,CAAA,CAAA,GAAA,CAGjB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

package/dist/components/ScalarFloating/useResizeWithTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeWithTarget.js","names":[],"sources":["../../../src/components/ScalarFloating/useResizeWithTarget.ts"],"sourcesContent":["import { type MaybeRefOrGetter, computed, ref, toValue, watch } from 'vue'\n\ntype ResizeOptions = {\n  enabled?: MaybeRefOrGetter<boolean>\n}\n\n/**\n * Resize a floating element to match a target element\n */\nexport function useResizeWithTarget(\n  target: MaybeRefOrGetter<Element | undefined>,\n  opts: ResizeOptions = { enabled: ref(true) },\n) {\n  const targetWidth = ref(0)\n  const targetHeight = ref(0)\n  const observer = ref<ResizeObserver>()\n\n  if (typeof ResizeObserver !== 'undefined') {\n    observer.value = new ResizeObserver(([entry]) => {\n      if (!entry) {\n        return\n      }\n      targetWidth.value = entry.borderBoxSize[0]?.inlineSize ?? 0\n      targetHeight.value = entry.borderBoxSize[0]?.blockSize ?? 0\n    })\n  }\n\n  watch(\n    [() => toValue(opts.enabled), () => toValue(target)],\n    ([enabled, element]) => {\n      if (!element || !observer.value) {\n        return\n      }\n      if (enabled) {\n        observer.value.observe(element)\n      } else {\n        observer.value.disconnect()\n      }\n    },\n    { immediate: true },\n  )\n\n  return {\n    width: computed(() => (toValue(opts.enabled) ? `${targetWidth.value}px` : undefined)),\n    height: computed(() => (toValue(opts.enabled) ? `${targetHeight.value}px` : undefined)),\n  }\n}\n"],"mappings":";;;;;AASA,SAAgB,oBACd,QACA,OAAsB,EAAE,SAAS,IAAI,KAAK,EAAE,EAC5C;CACA,MAAM,cAAc,IAAI,EAAE;CAC1B,MAAM,eAAe,IAAI,EAAE;CAC3B,MAAM,WAAW,KAAqB;AAEtC,KAAI,OAAO,mBAAmB,YAC5B,UAAS,QAAQ,IAAI,gBAAgB,CAAC,WAAW;AAC/C,MAAI,CAAC,MACH;AAEF,cAAY,QAAQ,MAAM,cAAc,IAAI,cAAc;AAC1D,eAAa,QAAQ,MAAM,cAAc,IAAI,aAAa;GAC1D;AAGJ,OACE,OAAO,QAAQ,KAAK,QAAQ,QAAQ,QAAQ,OAAO,CAAC,GACnD,CAAC,SAAS,aAAa;AACtB,MAAI,CAAC,WAAW,CAAC,SAAS,MACxB;AAEF,MAAI,QACF,UAAS,MAAM,QAAQ,QAAQ;MAE/B,UAAS,MAAM,YAAY;IAG/B,EAAE,WAAW,MAAM,CACpB;AAED,QAAO;EACL,OAAO,eAAgB,QAAQ,KAAK,QAAQ,GAAG,GAAG,YAAY,MAAM,MAAM,KAAA,EAAW;EACrF,QAAQ,eAAgB,QAAQ,KAAK,QAAQ,GAAG,GAAG,aAAa,MAAM,MAAM,KAAA,EAAW;EACxF"}
+{"version":3,"file":"useResizeWithTarget.js","names":[],"sources":["../../../src/components/ScalarFloating/useResizeWithTarget.ts"],"sourcesContent":["import { type MaybeRefOrGetter, computed, ref, toValue, watch } from 'vue'\n\ntype ResizeOptions = {\n  enabled?: MaybeRefOrGetter<boolean>\n}\n\n/**\n * Resize a floating element to match a target element\n */\nexport function useResizeWithTarget(\n  target: MaybeRefOrGetter<Element | undefined>,\n  opts: ResizeOptions = { enabled: ref(true) },\n) {\n  const targetWidth = ref(0)\n  const targetHeight = ref(0)\n  const observer = ref<ResizeObserver>()\n\n  if (typeof ResizeObserver !== 'undefined') {\n    observer.value = new ResizeObserver(([entry]) => {\n      if (!entry) {\n        return\n      }\n      targetWidth.value = entry.borderBoxSize[0]?.inlineSize ?? 0\n      targetHeight.value = entry.borderBoxSize[0]?.blockSize ?? 0\n    })\n  }\n\n  watch(\n    [() => toValue(opts.enabled), () => toValue(target)],\n    ([enabled, element]) => {\n      if (!element || !observer.value) {\n        return\n      }\n      if (enabled) {\n        observer.value.observe(element)\n      } else {\n        observer.value.disconnect()\n      }\n    },\n    { immediate: true },\n  )\n\n  return {\n    width: computed(() => (toValue(opts.enabled) ? `${targetWidth.value}px` : undefined)),\n    height: computed(() => (toValue(opts.enabled) ? `${targetHeight.value}px` : undefined)),\n  }\n}\n"],"mappings":";;;;;AASA,SAAgB,oBACd,QACA,OAAsB,EAAE,SAAS,IAAI,IAAI,EAAE,GAC3C;CACA,MAAM,cAAc,IAAI,CAAC;CACzB,MAAM,eAAe,IAAI,CAAC;CAC1B,MAAM,WAAW,IAAoB;CAErC,IAAI,OAAO,mBAAmB,aAC5B,SAAS,QAAQ,IAAI,gBAAgB,CAAC,WAAW;EAC/C,IAAI,CAAC,OACH;EAEF,YAAY,QAAQ,MAAM,cAAc,EAAE,EAAE,cAAc;EAC1D,aAAa,QAAQ,MAAM,cAAc,EAAE,EAAE,aAAa;CAC5D,CAAC;CAGH,MACE,OAAO,QAAQ,KAAK,OAAO,SAAS,QAAQ,MAAM,CAAC,IAClD,CAAC,SAAS,aAAa;EACtB,IAAI,CAAC,WAAW,CAAC,SAAS,OACxB;EAEF,IAAI,SACF,SAAS,MAAM,QAAQ,OAAO;OAE9B,SAAS,MAAM,WAAW;CAE9B,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,OAAO;EACL,OAAO,eAAgB,QAAQ,KAAK,OAAO,IAAI,GAAG,YAAY,MAAM,MAAM,KAAA,CAAU;EACpF,QAAQ,eAAgB,QAAQ,KAAK,OAAO,IAAI,GAAG,aAAa,MAAM,MAAM,KAAA,CAAU;CACxF;AACF"}

package/dist/components/ScalarForm/ScalarForm.vue.script.js

@@ -1,6 +1,6 @@
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withModifiers } from "vue";
-var ScalarForm_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarForm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarForm",
 	emits: ["submit"],

package/dist/components/ScalarForm/ScalarForm.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarForm.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarForm/ScalarForm.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Form component\n *\n * A form for creating and editing data.\n *\n * Automatically calls preventDefault on the form submit event.\n *\n * @example\n *   <ScalarForm>\n *     <!-- Form content -->\n *   </ScalarForm>\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineEmits<{\n  /** Emitted when the form is submitted */\n  (e: 'submit', event: SubmitEvent): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <form\n    v-bind=\"cx('flex flex-col')\"\n    @submit.prevent=\"$emit('submit', $event as SubmitEvent)\">\n    <slot />\n  </form>\n</template>\n"],"mappings":";;;;;;;EAwBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAIO,QAJP,WACU,MAGH,GAHK,CAAA,gBAAA,EAAA,EACT,UAAM,OAAA,OAAA,OAAA,KAAA,eAAA,WAAUA,KAAAA,MAAK,UAAW,OAAM,EAAA,CAAA,UAAA,CAAA,GAAA,CAAA,EAAA,CACvC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarForm.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarForm/ScalarForm.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Form component\n *\n * A form for creating and editing data.\n *\n * Automatically calls preventDefault on the form submit event.\n *\n * @example\n *   <ScalarForm>\n *     <!-- Form content -->\n *   </ScalarForm>\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineEmits<{\n  /** Emitted when the form is submitted */\n  (e: 'submit', event: SubmitEvent): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <form\n    v-bind=\"cx('flex flex-col')\"\n    @submit.prevent=\"$emit('submit', $event as SubmitEvent)\">\n    <slot />\n  </form>\n</template>\n"],"mappings":";;;;;;;EAwBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAIO,QAJP,WACU,MAGH,EAAA,CAHK,CAAA,eAAA,GAAA,EACT,UAAM,OAAA,OAAA,OAAA,KAAA,eAAA,WAAUA,KAAAA,MAAK,UAAW,MAAM,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,GAAA,CACvC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

package/dist/components/ScalarForm/ScalarFormError.vue.script.js

@@ -1,7 +1,7 @@
 import { cva, useBindCx } from "@scalar/use-hooks/useBindCx";
 import { computed, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref } from "vue";
 import { ScalarIconWarning, ScalarIconWarningCircle } from "@scalar/icons";
-var ScalarFormError_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarFormError_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarFormError",
 	props: {

package/dist/components/ScalarForm/ScalarFormError.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFormError.vue.script.js","names":[],"sources":["../../../src/components/ScalarForm/ScalarFormError.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Form Error component\n *\n * Displays an error or warning message with an icon.\n *\n * @example\n * <ScalarFormError variant=\"error\">Something went wrong</ScalarFormError>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconWarning, ScalarIconWarningCircle } from '@scalar/icons'\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { type Component, computed } from 'vue'\n\nconst { variant = 'error', icon } = defineProps<{\n  /** The variant of the error */\n  variant?: 'error' | 'warning'\n  /** Whether to show the icon */\n  icon?: Component | undefined\n}>()\n\nconst iconIs = computed(() => {\n  if (icon) {\n    return icon\n  }\n  return variant === 'error' ? ScalarIconWarningCircle : ScalarIconWarning\n})\n\nconst variants = cva({\n  base: 'flex items-baseline gap-1.5 rounded border p-2',\n  variants: {\n    variant: {\n      error: 'border-c-danger bg-b-danger text-c-danger',\n      warning: 'border-c-alert bg-b-alert text-c-alert',\n    },\n  },\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    role=\"alert\"\n    v-bind=\"cx(variants({ variant }))\">\n    <component\n      :is=\"iconIs\"\n      class=\"relative top-0.5 shrink-0\"\n      weight=\"bold\" />\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAuBA,MAAM,SAAS,eAAe;AAC5B,OAAI,QAAA,KACF,QAAO,QAAA;AAET,UAAO,QAAA,YAAY,UAAU,0BAA0B;IACxD;EAED,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,SAAS;IACP,OAAO;IACP,SAAS;IACV,EACF;GACF,CAAA;EAGD,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAQM,OARN,WAQM,EAPJ,MAAK,SAAO,EACJ,MAAA,GAAE,CAAC,MAAA,SAAQ,CAAA,EAAA,SAAG,QAAA,SAAO,CAAA,CAAA,CAAA,EAAA,EAAA,WAAA,EAC7B,YAGkB,wBAFX,OAAA,MAAM,EAAA;IACX,OAAM;IACN,QAAO;QACT,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarFormError.vue.script.js","names":[],"sources":["../../../src/components/ScalarForm/ScalarFormError.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Form Error component\n *\n * Displays an error or warning message with an icon.\n *\n * @example\n * <ScalarFormError variant=\"error\">Something went wrong</ScalarFormError>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconWarning, ScalarIconWarningCircle } from '@scalar/icons'\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { type Component, computed } from 'vue'\n\nconst { variant = 'error', icon } = defineProps<{\n  /** The variant of the error */\n  variant?: 'error' | 'warning'\n  /** Whether to show the icon */\n  icon?: Component | undefined\n}>()\n\nconst iconIs = computed(() => {\n  if (icon) {\n    return icon\n  }\n  return variant === 'error' ? ScalarIconWarningCircle : ScalarIconWarning\n})\n\nconst variants = cva({\n  base: 'flex items-baseline gap-1.5 rounded border p-2',\n  variants: {\n    variant: {\n      error: 'border-c-danger bg-b-danger text-c-danger',\n      warning: 'border-c-alert bg-b-alert text-c-alert',\n    },\n  },\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    role=\"alert\"\n    v-bind=\"cx(variants({ variant }))\">\n    <component\n      :is=\"iconIs\"\n      class=\"relative top-0.5 shrink-0\"\n      weight=\"bold\" />\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAuBA,MAAM,SAAS,eAAe;GAC5B,IAAI,QAAA,MACF,OAAO,QAAA;GAET,OAAO,QAAA,YAAY,UAAU,0BAA0B;EACzD,CAAC;EAED,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,SAAS;IACP,OAAO;IACP,SAAS;GACX,EACF;EACF,CAAC;EAGD,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAQM,OARN,WAQM,EAPJ,MAAK,QAAO,GACJ,MAAA,EAAA,CAAE,CAAC,MAAA,QAAA,CAAQ,CAAA,EAAA,SAAG,QAAA,QAAO,CAAA,CAAA,CAAA,GAAA,EAAA,UAAA,GAC7B,YAGkB,wBAFX,OAAA,KAAM,GAAA;IACX,OAAM;IACN,QAAO;QACT,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

package/dist/components/ScalarForm/ScalarFormField.vue.script.js

@@ -5,7 +5,7 @@ var _hoisted_1 = {
 	key: 0,
 	class: "flex items-start justify-between gap-2 text-sm/none text-c-1 whitespace-nowrap font-medium"
 };
-var ScalarFormField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarFormField_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarFormField",
 	props: { is: { default: "label" } },