@scalar/components 0.32.1 → 0.33.1

package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,30 @@
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, onErrorCaptured, openBlock, ref, renderSlot, toDisplayString } from "vue";
+//#region src/components/ScalarErrorBoundary/ScalarErrorBoundary.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "bg-b-2 rounded border p-3 text-sm"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "bg-b-1 font-code text-c-2 mt-2 rounded border p-2"
+};
+var ScalarErrorBoundary_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ScalarErrorBoundary",
+	setup(__props) {
+		const hasError = ref(false);
+		const error = ref();
+		onErrorCaptured((err, _, info) => {
+			console.error("[ERROR]", err, info);
+			hasError.value = true;
+			error.value = err;
+			return false;
+		});
+		return (_ctx, _cache) => {
+			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)]));
+		};
+	}
+});
+//#endregion
+export { ScalarErrorBoundary_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarErrorBoundary.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarErrorBoundary.vue_vue_type_script_setup_true_lang.js","names":["_renderSlot","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode"],"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=\"bg-b-2 rounded border p-3 text-sm\">\n    <div class=\"p-2\">Oops, something went wrong here.</div>\n    <div\n      v-if=\"error\"\n      class=\"bg-b-1 font-code text-c-2 mt-2 rounded border p-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;;GAIc,OAAA,CAAA,SAAA,QAAbA,WAAyB,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,KACzBC,UAAA,GAAAC,mBASM,OATN,YASM,CANJ,OAAA,OAAA,OAAA,KAAAC,mBAAuD,OAAA,EAAlD,OAAM,MAAK,GAAC,oCAAgC,EAAA,IAEzC,MAAA,SADRF,UAAA,GAAAC,mBAIM,OAJN,YAIME,gBADD,MAAA,OAAO,IAAI,IAAG,OAAEA,gBAAG,MAAA,OAAO,OAAO,GAAA,CAAA,K"}

package/dist/components/ScalarErrorBoundary/index.js

@@ -1,2 +1 @@
-import ScalarErrorBoundary_default from "./ScalarErrorBoundary.vue.js";
-export { ScalarErrorBoundary_default as ScalarErrorBoundary };
+export { default as ScalarErrorBoundary } from "./ScalarErrorBoundary.vue.js";

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":"AAsLA,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;;IAuFjC,yBAAyB;iBACZ,IAAI,EAAE;IACnB,wBAAwB;YACd,MAAM;;;;;;;IArGd,6CAA6C;eAClC,OAAO;IAClB;;;;OAIG;aACM,aAAa,GAAG,MAAM;IAC/B,yCAAyC;aAChC,YAAY;IACrB,yCAAyC;cAC/B,SAAS,GAAG,SAAS;;IAuFjC,yBAAyB;iBACZ,IAAI,EAAE;IACnB,wBAAwB;YACd,MAAM;;;;;;IA1Ed,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;EAmO7B,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":"AAsLA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAMpD,OAAO,EAAmB,KAAK,aAAa,EAAE,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;;IAuFjC,yBAAyB;iBACZ,IAAI,EAAE;IACnB,wBAAwB;YACd,MAAM;;;;;;;IArGd,6CAA6C;eAClC,OAAO;IAClB;;;;OAIG;aACM,aAAa,GAAG,MAAM;IAC/B,yCAAyC;aAChC,YAAY;IACrB,yCAAyC;cAC/B,SAAS,GAAG,SAAS;;IAuFjC,yBAAyB;iBACZ,IAAI,EAAE;IACnB,wBAAwB;YACd,MAAM;;;;;;IA1Ed,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;EAmO7B,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.js

@@ -1,4 +1,4 @@
-import ScalarFileUpload_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUpload.vue.script.js";
+import ScalarFileUpload_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUpload.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarFileUpload/ScalarFileUpload.vue
 var ScalarFileUpload_default = ScalarFileUpload_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUpload.vue.js","names":[],"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":""}
+{"version":3,"file":"ScalarFileUpload.vue.js","names":["_sfc_main"],"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 { isExtensionList, type ExtensionList } 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":""}

package/dist/components/ScalarFileUpload/ScalarFileUpload.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,117 @@
+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_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarFileUpload.vue_vue_type_script_setup_true_lang.js","names":["$slots","_useModel","_openBlock","_createElementBlock","_mergeProps","_unref","_withModifiers","_renderSlot","_createBlock","_resolveDynamicComponent","ScalarFileUploadInputCompact","ScalarFileUploadInput","_createSlots","_withCtx","_createVNode","ScalarFileUploadError","_createTextVNode","_toDisplayString","ScalarFileUploadDropTarget","_createCommentVNode","ScalarFileUploadLoading","_createElementVNode"],"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 { isExtensionList, type ExtensionList } 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,QAAQC,SAAmB,SAAA,YAAC;;EAGlC,MAAM,QAAQA,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;;GAGvB,OAAAC,UAAA,GAAAC,mBAsDM,OAtDNC,WACiBC,MAAA,EAAA,CAAE,C;IAKhB,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,QAAQ;IACnB,YAAQ,OAAA,OAAA,OAAA,KAAAC,oBAAT,CAAA,GAAiB,CAAA,SAAA,CAAA;IAChB,QAAIA,cAAU,YAAU,CAAA,SAAA,CAAA;;IACzBC,WAoBO,KAAA,QAAA,WAAA,EApBA,MAAM,eAAc,SAoBpB,EAnBLL,UAAA,GAAAM,YAkBYC,wBAjBM,QAAA,YAAO,YAA6BC,uCAA2CC,6B;KAK9F,YAAYN,MAAA,eAAA,CAAe,CAAC,QAAA,MAAM,IAAI,QAAA,SAAS,KAAA;KAC/C,SAAO;I,0BAEAL,KAAAA,OAAO,Q;KACZ,MAAA;KACD,IAAAa,cAAqB,CAArBN,WAAqB,KAAA,QAAA,OAAA,C;;I,YAGf,MAAA,Q;KACL,MAAA;KACD,IAAAM,cAA0D,CAA1DC,YAA0DC,+BAAA,MAAA;MAAnC,SAAAF,cAAW,CAARG,gBAAAC,gBAAA,MAAA,KAAK,GAAA,CAAA,C;;;;;IAK7B,SAAA,SADRf,UAAA,GAAAC,mBAaM,OAAA;;KAXJ,OAAM;KACL,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,QAAQ;I,IACpBI,WAQO,KAAA,QAAA,eAAA,CAAA,SAAA,CAPLO,YAM6BI,oCAAA,MAAAN,YAAA,EAAA,GAAA,EAAA,GAAA,CAJnBZ,KAAAA,OAAM,uB;KACX,MAAA;KACD,IAAAa,cAAiC,CAAjCN,WAAiC,KAAA,QAAA,mBAAA,C;;;IAMjC,QAAA,QAAQ,YADhBL,UAAA,GAAAM,YAEYY,iCAAA;;KAAT,QAAA,QAAA;;IACHC,mBAM2B,SAAA;KALrB,SAAA;KAAJ,KAAI;KACH,QAAQhB,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.js

@@ -1,4 +1,4 @@
-import ScalarFileUploadDropTarget_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadDropTarget.vue.script.js";
+import ScalarFileUploadDropTarget_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadDropTarget.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue
 var ScalarFileUploadDropTarget_default = ScalarFileUploadDropTarget_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadDropTarget.vue.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":""}
+{"version":3,"file":"ScalarFileUploadDropTarget.vue.js","names":["_sfc_main"],"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=\"text-c-2 pointer-events-none flex size-full items-center justify-center gap-1 rounded-md p-1\">\n      <ScalarIconUploadSimple class=\"size-4\" />\n      <span class=\"font-medium\"><slot>Drop to upload</slot></span>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,20 @@
+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: "text-c-2 pointer-events-none flex size-full items-center justify-center gap-1 rounded-md p-1" };
+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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarFileUploadDropTarget.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","_createElementVNode","_createVNode","_renderSlot","_createTextVNode"],"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=\"text-c-2 pointer-events-none flex size-full items-center justify-center gap-1 rounded-md p-1\">\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;;GAGvB,OAAAA,UAAA,GAAAC,mBAWM,OAAAC,eAAAC,mBAVWC,MAAA,EAAA,CAAE,C,kGAKjBC,mBAIM,OAJN,YAIM,CAFJC,YAAyCF,MAAA,sBAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,GACtCC,mBAA4D,QAA5D,YAA4D,CAAlCE,WAA2B,KAAA,QAAA,WAAA,CAAA,SAAA,CAArB,OAAA,OAAA,OAAA,KAAAC,gBAAA,kBAAc,EAAA,E"}

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

@@ -1,4 +1,4 @@
-import ScalarFileUploadError_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadError.vue.script.js";
+import ScalarFileUploadError_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadError.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarFileUpload/ScalarFileUploadError.vue
 var ScalarFileUploadError_default = ScalarFileUploadError_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadError.vue.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":""}
+{"version":3,"file":"ScalarFileUploadError.vue.js","names":["_sfc_main"],"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":""}

package/dist/components/ScalarFileUpload/ScalarFileUploadError.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarFileUpload/ScalarFileUploadError.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarFileUploadError.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","_createVNode","_renderSlot"],"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;;GAGvB,OAAAA,UAAA,GAAAC,mBAGM,OAAAC,eAAAC,mBAHOC,MAAA,EAAA,CAAE,CAAA,uCAAA,CAAA,CAAA,GAAA,CACbC,YAA4CD,MAAA,uBAAA,GAAA,EAAnB,OAAM,WAAU,CAAA,GACzCE,WAAQ,KAAA,QAAA,SAAA,C"}

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

@@ -1,4 +1,4 @@
-import ScalarFileUploadFileList_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadFileList.vue.script.js";
+import ScalarFileUploadFileList_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadFileList.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarFileUpload/ScalarFileUploadFileList.vue
 var ScalarFileUploadFileList_default = ScalarFileUploadFileList_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadFileList.vue.js","names":[],"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":""}
+{"version":3,"file":"ScalarFileUploadFileList.vue.js","names":["_sfc_main"],"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=\"rounded border p-1 text-xs\">\n        <div class=\"flex items-center justify-between\">\n          <div class=\"min-w-0 flex-1 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":""}

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

@@ -0,0 +1,53 @@
+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: "rounded border p-1 text-xs" };
+var _hoisted_2 = { class: "flex items-center justify-between" };
+var _hoisted_3 = { class: "min-w-0 flex-1 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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarFileUploadFileList.vue_vue_type_script_setup_true_lang.js","names":["$emit","_useModel","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","_createElementVNode","_Fragment","_renderList","_toDisplayString","_createVNode","ScalarButton","_withCtx","_createTextVNode"],"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=\"rounded border p-1 text-xs\">\n        <div class=\"flex items-center justify-between\">\n          <div class=\"min-w-0 flex-1 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,QAAQC,SAAmB,SAAA,YAAC;EAGlC,MAAM,EAAE,OAAO,UAAU;;GAGvB,OAAAC,UAAA,GAAAC,mBA4BM,OAAAC,eAAAC,mBA5BOC,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA,CAAA,GAAA;IACb,OAAA,OAAA,OAAA,KAAAC,mBAA2C,OAAA,EAAtC,OAAM,WAAU,GAAC,mBAAe,EAAA;KACrCL,UAAA,IAAA,GAAAC,mBAYKK,UAAA,MAAAC,WAXY,MAAA,QAAR,SAAI;KADb,OAAAP,UAAA,GAAAC,mBAYK,MAAA;MAVF,KAAK,KAAK;MACX,OAAM;K,IACNI,mBAOK,MAPL,YAOK,CANHA,mBAKM,OALN,YAKM,CAJJA,mBAEM,OAFN,YAEMG,gBADD,KAAK,IAAI,GAAA,CAAA,GAEdH,mBAAwD,OAAxD,YAAwDG,gBAA/BJ,MAAA,WAAA,CAAW,CAAC,KAAK,IAAI,CAAA,GAAA,CAAA,C;;IAIpDC,mBAYM,OAZN,YAYM,CAXJI,YAIeL,MAAAM,oBAAA,GAAA;KAHb,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEZ,KAAAA,MAAK,QAAA;;KAAY,SAAAa,cAE3B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAF2BC,gBAAA,YAE3B,EAAA,C;;I,IACAH,YAKeL,MAAAM,oBAAA,GAAA;KAJb,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK,CAAA;;KAAO,SAAAC,cAEtB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFsBC,gBAAA,WAEtB,EAAA,C"}

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

@@ -1,4 +1,4 @@
-import ScalarFileUploadInput_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadInput.vue.script.js";
+import ScalarFileUploadInput_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadInput.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarFileUpload/ScalarFileUploadInput.vue
 var ScalarFileUploadInput_default = ScalarFileUploadInput_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadInput.vue.js","names":[],"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":""}
+{"version":3,"file":"ScalarFileUploadInput.vue.js","names":["_sfc_main"],"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":""}

package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarFileUploadInput.vue_vue_type_script_setup_true_lang.js","names":["$emit","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_createVNode","ScalarButton","_withCtx","_createCommentVNode"],"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;;GAGvB,OAAAC,UAAA,GAAAC,mBAsBM,OAAAC,eAAAC,mBAtBOC,MAAA,EAAA,CAAE,CAAA,2DAAA,CAAA,CAAA,GAAA,CACbC,mBAYM,OAZN,YAYM,CAXJA,mBAGO,QAHP,YAGO,CAFLC,WAAkE,KAAA,QAAA,WAAA,CAAA,SAAA,CAA5DC,gBAAA,UAAKC,gBAAG,QAAA,WAAQ,UAAA,MAAA,IAAsB,mBAAe,CAAA,C,IAC3D,OAAA,OAAA,OAAA,KAAAH,mBAAiC,QAAA,EAA3B,OAAM,WAAU,GAAC,OAAG,EAAA,E,IAE5BI,YAMeL,MAAAM,oBAAA,GAAA;IALb,MAAK;IACL,UAAS;IACT,SAAQ;IACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEX,KAAAA,MAAK,SAAU,MAAM;;IAAG,SAAAY,cAElC,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFkCJ,gBAAA,kBAElC,EAAA,C;;G,MAEFD,WAOO,KAAA,QAAA,YAAA,CAAA,SAAA,CALG,QAAA,cADRN,UAAA,GAAAC,mBAKM,OALN,YAKM,CAFJ,OAAA,OAAA,OAAA,KAAAI,mBAAsD,QAAA,EAAhD,OAAM,cAAa,GAAC,yBAAqB,EAAA,IAAOE,gBAAA,MACtDC,gBAAG,QAAA,WAAW,KAAI,IAAA,CAAA,GAAA,CAAA,C"}

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

@@ -1,4 +1,4 @@
-import ScalarFileUploadInputCompact_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadInputCompact.vue.script.js";
+import ScalarFileUploadInputCompact_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadInputCompact.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue
 var ScalarFileUploadInputCompact_default = ScalarFileUploadInputCompact_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadInputCompact.vue.js","names":[],"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":""}
+{"version":3,"file":"ScalarFileUploadInputCompact.vue.js","names":["_sfc_main"],"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=\"text-c-2 flex items-center gap-1 whitespace-nowrap\">\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":""}

package/dist/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+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: "text-c-2 flex items-center gap-1 whitespace-nowrap" };
+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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarFileUploadInputCompact.vue_vue_type_script_setup_true_lang.js","names":["$emit","_openBlock","_createElementBlock","_mergeProps","_unref","_createElementVNode","_renderSlot","_createVNode","_toDisplayString","_createCommentVNode"],"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=\"text-c-2 flex items-center gap-1 whitespace-nowrap\">\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;;GAGvB,OAAAC,UAAA,GAAAC,mBAqBS,UArBTC,WAqBS,EApBP,MAAK,SAAQ,GACEC,MAAA,EAAA,CAAE,C,qFAKhB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEJ,KAAAA,MAAK,SAAU,MAAM,G,KAC7BK,mBAKM,OALN,YAKM,CAJJC,WAGO,KAAA,QAAA,WAAA,CAAA,SAAA,CAFLC,YAA2CH,MAAA,sBAAA,GAAA,EAAnB,OAAM,WAAU,CAAA,GACxCC,mBAAuD,QAAA,MAAjD,aAAQG,gBAAG,QAAA,WAAQ,UAAA,MAAA,GAAA,CAAA,C,MAG7BF,WAMO,KAAA,QAAA,YAAA,CAAA,SAAA,CAJG,QAAA,cADRL,UAAA,GAAAC,mBAIM,OAJN,YAIMM,gBADD,QAAA,WAAW,KAAI,IAAA,CAAA,GAAA,CAAA,K"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadLoading.vue"],"names":[],"mappings":"AAwCA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAGnE;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;YAER,YAAY;;YAAZ,YAAY;iGAmDlB,CAAC"}
+{"version":3,"file":"ScalarFileUploadLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadLoading.vue"],"names":[],"mappings":"AAwCA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAGnE;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;YAER,YAAY;;YAAZ,YAAY;iGAmDlB,CAAC"}

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

@@ -1,4 +1,4 @@
-import ScalarFileUploadLoading_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadLoading.vue.script.js";
+import ScalarFileUploadLoading_vue_vue_type_script_setup_true_lang_default from "./ScalarFileUploadLoading.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarFileUpload/ScalarFileUploadLoading.vue
 var ScalarFileUploadLoading_default = ScalarFileUploadLoading_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadLoading.vue.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":""}
+{"version":3,"file":"ScalarFileUploadLoading.vue.js","names":["_sfc_main"],"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 { ScalarLoading, type LoadingState } 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":""}

package/dist/components/ScalarFileUpload/ScalarFileUploadLoading.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarFileUpload/ScalarFileUploadLoading.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarFileUploadLoading.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","_createVNode","ScalarLoading"],"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 { ScalarLoading, type LoadingState } 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;;GAGvB,OAAAA,UAAA,GAAAC,mBASM,OAAAC,eAAAC,mBARWC,MAAA,EAAA,CAAE,C,2GAKjBC,YAEcD,MAAAE,qBAAA,GAAA;IADX,QAAA,QAAA;IACD,MAAK"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFloating.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"names":[],"mappings":"AA4LA,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C;;;;;;;;;;;GAWG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAkIhB,kCAAkC;;;IArHlC,kEAAkE;eACvD,OAAO;IAClB,2BAA2B;qBACV;QACf,4FAA4F;QAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,6FAA6F;QAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,gDAAgD;QAChD,IAAI,CAAC,EAAE,cAAc,CAAA;KACtB,GAAG,OAAO;EAoLT,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":"ScalarFloating.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"names":[],"mappings":"AA4LA,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C;;;;;;;;;;;GAWG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAkIhB,kCAAkC;;;IArHlC,kEAAkE;eACvD,OAAO;IAClB,2BAA2B;qBACV;QACf,4FAA4F;QAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,6FAA6F;QAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,gDAAgD;QAChD,IAAI,CAAC,EAAE,cAAc,CAAA;KACtB,GAAG,OAAO;EAoLT,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/ScalarFloating/ScalarFloating.vue.js

@@ -1,4 +1,4 @@
-import ScalarFloating_vue_vue_type_script_setup_true_lang_default from "./ScalarFloating.vue.script.js";
+import ScalarFloating_vue_vue_type_script_setup_true_lang_default from "./ScalarFloating.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarFloating/ScalarFloating.vue
 var ScalarFloating_default = ScalarFloating_vue_vue_type_script_setup_true_lang_default;
 //#endregion