@scalar/components 0.32.0 → 0.33.0

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

@@ -1,117 +0,0 @@
-import ScalarFileUploadDropTarget_default from "./ScalarFileUploadDropTarget.vue.js";
-import ScalarFileUploadError_default from "./ScalarFileUploadError.vue.js";
-import ScalarFileUploadInput_default from "./ScalarFileUploadInput.vue.js";
-import ScalarFileUploadInputCompact_default from "./ScalarFileUploadInputCompact.vue.js";
-import ScalarFileUploadLoading_default from "./ScalarFileUploadLoading.vue.js";
-import { isExtensionList } from "./types.js";
-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({
-	inheritAttrs: false,
-	__name: "ScalarFileUpload",
-	props: /*@__PURE__*/ mergeModels({
-		multiple: { type: Boolean },
-		accept: { default: "*" },
-		loader: {},
-		variant: { default: "default" }
-	}, {
-		"modelValue": {},
-		"modelModifiers": {},
-		"error": {},
-		"errorModifiers": {}
-	}),
-	emits: /*@__PURE__*/ mergeModels(["selected"], ["update:modelValue", "update:error"]),
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		/** The selected files */
-		const files = useModel(__props, "modelValue");
-		/** The error message */
-		const error = useModel(__props, "error");
-		/** The hidden input element */
-		const input = ref();
-		/** Whether the mouse is hovering over the file upload component */
-		const dragover = ref(false);
-		/** Opens the file dialog to select files */
-		function openFileDialog() {
-			input.value?.click();
-		}
-		/** Handles a list of files */
-		function handleFileList(fileList) {
-			error.value = void 0;
-			if (!fileList || fileList.length < 1) {
-				error.value = `No files found to upload`;
-				return;
-			}
-			const f = Array.from(fileList);
-			if (!__props.multiple && f.length > 1) {
-				error.value = `Too many files selected`;
-				return;
-			}
-			files.value = f;
-			emit("selected", f);
-		}
-		/** Handles the change event from the input */
-		function handleChange(event) {
-			if (!(event.target instanceof HTMLInputElement)) return;
-			const f = event.target.files;
-			handleFileList(f);
-		}
-		/** Handles a drop of files from the dropzone  */
-		function handleDrop(e) {
-			dragover.value = false;
-			handleFileList(e.dataTransfer?.files);
-		}
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps(unref(cx)("flex flex-col relative border-dashed border-1 has-[input:focus-visible]:outline outline-offset-1 rounded"), {
-				onDragenter: _cache[1] || (_cache[1] = ($event) => dragover.value = true),
-				onDragover: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
-				onDrop: withModifiers(handleDrop, ["prevent"])
-			}), [
-				renderSlot(_ctx.$slots, "default", { open: openFileDialog }, () => [(openBlock(), createBlock(resolveDynamicComponent(__props.variant === "compact" ? ScalarFileUploadInputCompact_default : ScalarFileUploadInput_default), {
-					extensions: unref(isExtensionList)(__props.accept) ? __props.accept : void 0,
-					onClick: openFileDialog
-				}, createSlots({ _: 2 }, [_ctx.$slots.label ? {
-					name: "default",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
-					key: "0"
-				} : void 0, error.value ? {
-					name: "sublabel",
-					fn: withCtx(() => [createVNode(ScalarFileUploadError_default, null, {
-						default: withCtx(() => [createTextVNode(toDisplayString(error.value), 1)]),
-						_: 1
-					})]),
-					key: "1"
-				} : void 0]), 1032, ["extensions"]))]),
-				dragover.value ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: "absolute inset-0",
-					onDragleave: _cache[0] || (_cache[0] = ($event) => dragover.value = false)
-				}, [renderSlot(_ctx.$slots, "drop-target", {}, () => [createVNode(ScalarFileUploadDropTarget_default, null, createSlots({ _: 2 }, [_ctx.$slots["drop-target-label"] ? {
-					name: "default",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "drop-target-label")]),
-					key: "0"
-				} : void 0]), 1024)])], 32)) : createCommentVNode("", true),
-				__props.loader?.isActive ? (openBlock(), createBlock(ScalarFileUploadLoading_default, {
-					key: 1,
-					loader: __props.loader
-				}, null, 8, ["loader"])) : createCommentVNode("", true),
-				createElementVNode("input", {
-					ref_key: "input",
-					ref: input,
-					accept: unref(isExtensionList)(__props.accept) ? __props.accept.join(",") : __props.accept,
-					class: "sr-only",
-					multiple: __props.multiple,
-					type: "file",
-					onChange: handleChange
-				}, null, 40, _hoisted_1)
-			], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarFileUpload_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarFileUpload.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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  if (!(event.target instanceof HTMLInputElement)) {\n    return\n  }\n  const f = event.target.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,IAAI,EAAE,MAAM,kBAAkB,mBAC5B;GAEF,MAAM,IAAI,MAAM,OAAO;GACvB,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

@@ -1,20 +0,0 @@
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
-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({
-	inheritAttrs: false,
-	__name: "ScalarFileUploadDropTarget",
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)(" size-full flex items-center justify-center absolute inset-0 z-1 rounded p-1 backdrop-blur"))), [createElementVNode("div", _hoisted_1, [createVNode(unref(ScalarIconUploadSimple), { class: "size-4" }), createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("Drop to upload", -1))])])])], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarFileUploadDropTarget_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarFileUploadDropTarget.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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,17 +0,0 @@
-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({
-	inheritAttrs: false,
-	__name: "ScalarFileUploadError",
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("flex items-center gap-1 text-c-danger"))), [createVNode(unref(ScalarIconWarningCircle), { class: "size-3.5" }), renderSlot(_ctx.$slots, "default")], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarFileUploadError_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarFileUploadError.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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.script.js

@@ -1,53 +0,0 @@
-import ScalarButton_default from "../ScalarButton/ScalarButton.vue.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { Fragment, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, normalizeProps, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
-import { formatBytes } from "@scalar/helpers/formatters/format-bytes";
-//#region src/components/ScalarFileUpload/ScalarFileUploadFileList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "border rounded p-1 text-xs" };
-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({
-	inheritAttrs: false,
-	__name: "ScalarFileUploadFileList",
-	props: {
-		"modelValue": {},
-		"modelModifiers": {}
-	},
-	emits: /*@__PURE__*/ mergeModels(["upload"], ["update:modelValue"]),
-	setup(__props) {
-		/** The files to display */
-		const files = useModel(__props, "modelValue");
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("flex flex-col gap-2 p-4"))), [
-				_cache[4] || (_cache[4] = createElementVNode("div", { class: "text-c-2" }, "Selected files:", -1)),
-				(openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file) => {
-					return openBlock(), createElementBlock("ul", {
-						key: file.name,
-						class: "flex flex-col gap-0.5"
-					}, [createElementVNode("li", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(file.name), 1), createElementVNode("div", _hoisted_4, toDisplayString(unref(formatBytes)(file.size)), 1)])])]);
-				}), 128)),
-				createElementVNode("div", _hoisted_5, [createVNode(unref(ScalarButton_default), {
-					size: "xs",
-					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("upload"))
-				}, {
-					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Upload ", -1)])]),
-					_: 1
-				}), createVNode(unref(ScalarButton_default), {
-					size: "xs",
-					variant: "outlined",
-					onClick: _cache[1] || (_cache[1] = ($event) => files.value = [])
-				}, {
-					default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Clear ", -1)])]),
-					_: 1
-				})])
-			], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarFileUploadFileList_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarFileUploadFileList.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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.script.js

@@ -1,37 +0,0 @@
-import ScalarButton_default from "../ScalarButton/ScalarButton.vue.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
-//#region src/components/ScalarFileUpload/ScalarFileUploadInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex items-center gap-1.5 whitespace-nowrap" };
-var _hoisted_2 = { class: "text-c-2" };
-var _hoisted_3 = {
-	key: 0,
-	class: "text-c-3 text-xs"
-};
-var ScalarFileUploadInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarFileUploadInput",
-	props: {
-		multiple: { type: Boolean },
-		extensions: {}
-	},
-	emits: ["click"],
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("flex items-center justify-center gap-2 flex-col px-6 py-4"))), [createElementVNode("div", _hoisted_1, [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode("Drop " + toDisplayString(__props.multiple ? "files" : "file") + " here to upload", 1)]), _cache[1] || (_cache[1] = createElementVNode("span", { class: "text-c-3" }, " or", -1))]), createVNode(unref(ScalarButton_default), {
-				size: "xs",
-				tabindex: "-1",
-				variant: "outlined",
-				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-			}, {
-				default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Browse files ", -1)])]),
-				_: 1
-			})]), renderSlot(_ctx.$slots, "sublabel", {}, () => [__props.extensions ? (openBlock(), createElementBlock("div", _hoisted_3, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "font-medium" }, "Supported file types:", -1)), createTextVNode(" " + toDisplayString(__props.extensions.join(", ")), 1)])) : createCommentVNode("", true)])], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarFileUploadInput_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarFileUploadInput.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,28 +0,0 @@
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref } from "vue";
-import { ScalarIconUploadSimple } from "@scalar/icons";
-//#region src/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex items-center gap-1 whitespace-nowrap text-c-2" };
-var _hoisted_2 = {
-	key: 0,
-	class: "text-c-3 text-xs"
-};
-var ScalarFileUploadInputCompact_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarFileUploadInputCompact",
-	props: {
-		multiple: { type: Boolean },
-		extensions: {}
-	},
-	emits: ["click"],
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", mergeProps({ type: "button" }, unref(cx)("flex items-center justify-center gap-1 rounded flex-col px-4 py-3 hover:bg-b-2"), { onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event)) }), [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(ScalarIconUploadSimple), { class: "size-3.5" }), createElementVNode("span", null, " Upload " + toDisplayString(__props.multiple ? "files" : "file"), 1)])]), renderSlot(_ctx.$slots, "sublabel", {}, () => [__props.extensions ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.extensions.join(", ")), 1)) : createCommentVNode("", true)])], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarFileUploadInputCompact_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarFileUploadInputCompact.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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,21 +0,0 @@
-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({
-	inheritAttrs: false,
-	__name: "ScalarFileUploadLoading",
-	props: { loader: {} },
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)(" size-full flex items-center justify-center absolute inset-0 z-1 rounded p-1 backdrop-blur text-c-2"))), [createVNode(unref(ScalarLoading_default), {
-				loader: __props.loader,
-				size: "md"
-			}, null, 8, ["loader"])], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarFileUploadLoading_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarFileUploadLoading.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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/ScalarFloating/ScalarFloating.vue.script.js

@@ -1,117 +0,0 @@
-import ScalarTeleport_default from "../ScalarTeleport/ScalarTeleport.vue.js";
-import { useResizeWithTarget } from "./useResizeWithTarget.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, nextTick, 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({
-	inheritAttrs: false,
-	__name: "ScalarFloating",
-	props: {
-		placement: {},
-		offset: {
-			type: [
-				Number,
-				Object,
-				Function
-			],
-			default: 5
-		},
-		resize: {
-			type: Boolean,
-			default: false
-		},
-		target: {},
-		middleware: { default: () => [] },
-		teleport: { type: [Boolean, String] }
-	},
-	setup(__props, { expose: __expose }) {
-		const floatingRef = ref(null);
-		const wrapperRef = ref(null);
-		const targetRef = computed(() => {
-			if (typeof window !== "undefined" && wrapperRef.value) {
-				if (typeof __props.target === "string") {
-					const t = document.getElementById(__props.target);
-					if (t) return t;
-					console.warn(`ScalarFloating: Target with id="${__props.target}" not found`);
-				} else if (__props.target instanceof HTMLElement) return __props.target;
-				const firstChild = wrapperRef.value.children?.[0];
-				if (firstChild instanceof HTMLElement) return firstChild;
-				return wrapperRef.value;
-			}
-		});
-		const targetSize = useResizeWithTarget(targetRef, { enabled: computed(() => __props.resize) });
-		const targetWidth = computed(() => getSideAxis(__props.placement ?? "bottom") === "y" ? targetSize.width.value : void 0);
-		const targetHeight = computed(() => getSideAxis(__props.placement ?? "bottom") === "x" ? targetSize.height.value : void 0);
-		/**
-		* Starts Floating UI's `autoUpdate` one tick after both elements exist.
-		*
-		* `useFloating` attaches `autoUpdate` from a synchronous watch the moment the
-		* template refs resolve, and `autoUpdate` positions the element right away.
-		* Template refs resolve in the post-render phase of a flush, so that first
-		* `computePosition` reads layout while the same flush is still mounting other
-		* components: every floating element mounted together (for example the closed
-		* listboxes of a schema with many compositions) forces its own style recalc and
-		* layout on a tree that was dirtied again in between. Waiting for `nextTick`
-		* runs every first positioning back-to-back once the flush has settled, so the
-		* browser recalculates the tree once for all of them. The tick resolves before
-		* the next paint, so an element that mounts open is positioned in the same task.
-		*/
-		const deferredAutoUpdate = (reference, floating, update, options) => {
-			let cleanup;
-			let disposed = false;
-			nextTick(() => {
-				if (!disposed) cleanup = autoUpdate(reference, floating, update, options);
-			});
-			return () => {
-				disposed = true;
-				cleanup?.();
-			};
-		};
-		const { floatingStyles, middlewareData } = useFloating(targetRef, floatingRef, {
-			placement: computed(() => __props.placement ?? "bottom"),
-			whileElementsMounted: deferredAutoUpdate,
-			middleware: computed(() => [
-				offset(__props.offset),
-				flip({ padding: 48 }),
-				shift({ padding: 8 }),
-				size({ apply({ availableWidth, availableHeight, elements }) {
-					Object.assign(elements.floating.style, {
-						maxWidth: `${Math.max(0, availableWidth) - 16}px`,
-						maxHeight: `${Math.max(0, availableHeight) - 16}px`
-					});
-				} }),
-				...__props.middleware
-			])
-		});
-		__expose({ 
-		/** The resolved target element */
-targetRef });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", {
-				ref_key: "wrapperRef",
-				ref: wrapperRef,
-				class: normalizeClass({ contents: !!_ctx.$slots.default })
-			}, [renderSlot(_ctx.$slots, "default")], 2), _ctx.$slots.floating ? (openBlock(), createBlock(unref(ScalarTeleport_default), {
-				key: 0,
-				disabled: !__props.teleport,
-				to: typeof __props.teleport === "string" ? __props.teleport : void 0
-			}, {
-				default: withCtx(() => [createElementVNode("div", {
-					ref_key: "floatingRef",
-					ref: floatingRef,
-					class: "relative z-context",
-					style: normalizeStyle(unref(floatingStyles))
-				}, [renderSlot(_ctx.$slots, "floating", {
-					data: unref(middlewareData),
-					height: targetHeight.value,
-					width: targetWidth.value
-				})], 4)]),
-				_: 3
-			}, 8, ["disabled", "to"])) : createCommentVNode("", true)], 64);
-		};
-	}
-});
-//#endregion
-export { ScalarFloating_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarFloating.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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, nextTick, 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)\n\n/**\n * Starts Floating UI's `autoUpdate` one tick after both elements exist.\n *\n * `useFloating` attaches `autoUpdate` from a synchronous watch the moment the\n * template refs resolve, and `autoUpdate` positions the element right away.\n * Template refs resolve in the post-render phase of a flush, so that first\n * `computePosition` reads layout while the same flush is still mounting other\n * components: every floating element mounted together (for example the closed\n * listboxes of a schema with many compositions) forces its own style recalc and\n * layout on a tree that was dirtied again in between. Waiting for `nextTick`\n * runs every first positioning back-to-back once the flush has settled, so the\n * browser recalculates the tree once for all of them. The tick resolves before\n * the next paint, so an element that mounts open is positioned in the same task.\n */\nconst deferredAutoUpdate: typeof autoUpdate = (\n  reference,\n  floating,\n  update,\n  options,\n) => {\n  let cleanup: (() => void) | undefined\n  let disposed = false\n\n  void nextTick(() => {\n    if (!disposed) {\n      cleanup = autoUpdate(reference, floating, update, options)\n    }\n  })\n\n  return () => {\n    disposed = true\n    cleanup?.()\n  }\n}\n\nconst { floatingStyles, middlewareData } = useFloating(targetRef, floatingRef, {\n  placement: computed(() => placement ?? 'bottom'),\n  whileElementsMounted: deferredAutoUpdate,\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;;;;;;;;;;;;;;;EAgBA,MAAM,sBACJ,WACA,UACA,QACA,YACG;GACH,IAAI;GACJ,IAAI,WAAW;GAEf,eAAoB;IAClB,IAAI,CAAC,UACH,UAAU,WAAW,WAAW,UAAU,QAAQ,OAAO;GAE7D,CAAC;GAED,aAAa;IACX,WAAW;IACX,UAAU;GACZ;EACF;EAEA,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,16 +0,0 @@
-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({
-	inheritAttrs: false,
-	__name: "ScalarFloatingBackdrop",
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("absolute inset-0 -z-1 rounded-[inherit] bg-b-1 dark:bg-b-1.5 shadow-md inset-shadow-border"))), [renderSlot(_ctx.$slots, "default")], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarFloatingBackdrop_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarFloatingBackdrop.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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 surface behind a floating element\n *\n * The backdrop inherits its border radius from its parent, so set the radius\n * on the floating element itself and the backdrop will follow it\n *\n * @deprecated The Scalar floating components now paint their own surface, so\n * style the floating element directly instead, e.g.\n * `rounded-xl bg-b-1 dark:bg-b-1.5 shadow-md inset-shadow-border`\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(\n        'absolute inset-0 -z-1 rounded-[inherit] bg-b-1 dark:bg-b-1.5 shadow-md inset-shadow-border',\n      )\n    \">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;EAmBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAOM,OAAA,eAAA,mBANW,MAAA,EAAA,CAAE,CAAA,4FAAA,CAAA,CAAA,GAAA,CAKjB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

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

@@ -1,17 +0,0 @@
-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({
-	inheritAttrs: false,
-	__name: "ScalarForm",
-	emits: ["submit"],
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("form", mergeProps(unref(cx)("flex flex-col"), { onSubmit: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("submit", $event), ["prevent"])) }), [renderSlot(_ctx.$slots, "default")], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarForm_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarForm.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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)\">\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,35 +0,0 @@
-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({
-	inheritAttrs: false,
-	__name: "ScalarFormError",
-	props: {
-		variant: { default: "error" },
-		icon: {}
-	},
-	setup(__props) {
-		const iconIs = computed(() => {
-			if (__props.icon) return __props.icon;
-			return __props.variant === "error" ? ScalarIconWarningCircle : ScalarIconWarning;
-		});
-		const variants = cva({
-			base: "flex items-baseline gap-1.5 rounded border p-2",
-			variants: { variant: {
-				error: "border-c-danger bg-b-danger text-c-danger",
-				warning: "border-c-alert bg-b-alert text-c-alert"
-			} }
-		});
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ role: "alert" }, unref(cx)(unref(variants)({ variant: __props.variant }))), [(openBlock(), createBlock(resolveDynamicComponent(iconIs.value), {
-				class: "relative top-0.5 shrink-0",
-				weight: "bold"
-			})), renderSlot(_ctx.$slots, "default")], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarFormError_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarFormError.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,32 +0,0 @@
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createBlock, createCommentVNode, createElementBlock, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
-//#region src/components/ScalarForm/ScalarFormField.vue?vue&type=script&setup=true&lang.ts
-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({
-	inheritAttrs: false,
-	__name: "ScalarFormField",
-	props: { is: { default: "label" } },
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.is), normalizeProps(guardReactiveProps(unref(cx)("flex flex-col gap-1.5 rounded"))), {
-				default: withCtx(() => [
-					_ctx.$slots.label ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "label")])) : createCommentVNode("", true),
-					renderSlot(_ctx.$slots, "default"),
-					_ctx.$slots.below ? (openBlock(), createElementBlock("span", {
-						key: 1,
-						class: normalizeClass(unref(cx)("-mt-1.5 text-sm"))
-					}, [renderSlot(_ctx.$slots, "below")], 2)) : createCommentVNode("", true)
-				]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { ScalarFormField_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarFormField.vue.script.js.map