@youcan/celeste 0.6.59 → 0.6.61

package/dist/es/dropdown-menu-separator.js

@@ -1,7 +1,8 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { af as ph } from "./chunks/index.js";
+import { ab as ph } from "./chunks/index.js";
+/* empty css                                                                               */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-separator",

package/dist/es/dropdown-menu-sub-content.js

@@ -1,7 +1,8 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, aa as ih, ag as Ch } from "./chunks/index.js";
+import { x as xe, a6 as ih, ac as Ch } from "./chunks/index.js";
+/* empty css                                                                                 */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-sub-content",

package/dist/es/dropdown-menu-sub-trigger.js

@@ -1,7 +1,8 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, renderSlot, createCommentVNode, createElementVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { A as At, ah as wh } from "./chunks/index.js";
+import { A as At, ad as wh } from "./chunks/index.js";
+/* empty css                                                                                 */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,

package/dist/es/dropdown-menu-trigger.js

@@ -1,5 +1,6 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { A as At, ai as rh } from "./chunks/index.js";
+import { A as At, ae as rh } from "./chunks/index.js";
+/* empty css                                                                             */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-trigger",

package/dist/es/dropdown-menu.js

@@ -1,6 +1,7 @@
 import { defineComponent, ref, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
-import { aj as sh } from "./chunks/index.js";
+import { af as sh } from "./chunks/index.js";
+/* empty css                                                                     */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu",

package/dist/es/extra-settings.js

@@ -5,7 +5,8 @@ import SelectIcon from "./select-icon.js";
 import SelectItem from "./select-item.js";
 import SelectTrigger from "./select-trigger.js";
 import { _ as _sfc_main$1 } from "./chunks/select.js";
-import Tooltip from "./tooltip.js";
+import { _ as _sfc_main$2 } from "./chunks/tooltip.js";
+/* empty css                                                                      */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "show-more-wrapper" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -101,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(SelectTrigger, { variant: "inline" }, {
               default: withCtx(() => [
-                createVNode(Tooltip, {
+                createVNode(_sfc_main$2, {
                   title: "Extra settings",
                   variant: "dark"
                 }, {

package/dist/es/fancy-button.js

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { l as O } from "./chunks/index.js";
+import { f as O } from "./chunks/index.js";
 /* empty css                                                                    */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/file-upload-area.js

@@ -1,156 +1,16 @@
-import { shallowRef, computed, toValue, unref, defineComponent, mergeModels, useModel, useTemplateRef, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createBlock, withCtx, mergeProps } from "vue";
+import { defineComponent, mergeModels, useModel, useTemplateRef, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, mergeProps } from "vue";
 import Button from "./button.js";
-import { i as isClient, t as toArray, w as watchImmediate, a as tryOnScopeDispose, b as isObject } from "./chunks/index2.js";
+import { c as useDropZone } from "./chunks/index3.js";
 import { c as clsx } from "./chunks/clsx.js";
+/* empty css                                                                        */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const defaultWindow = isClient ? window : void 0;
-function unrefElement(elRef) {
-  var _a;
-  const plain = toValue(elRef);
-  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
-}
-function useEventListener(...args) {
-  const cleanups = [];
-  const cleanup = () => {
-    cleanups.forEach((fn) => fn());
-    cleanups.length = 0;
-  };
-  const register = (el, event, listener, options) => {
-    el.addEventListener(event, listener, options);
-    return () => el.removeEventListener(event, listener, options);
-  };
-  const firstParamTargets = computed(() => {
-    const test = toArray(toValue(args[0])).filter((e) => e != null);
-    return test.every((e) => typeof e !== "string") ? test : void 0;
-  });
-  const stopWatch = watchImmediate(
-    () => {
-      var _a, _b;
-      return [
-        (_b = (_a = firstParamTargets.value) == null ? void 0 : _a.map((e) => unrefElement(e))) != null ? _b : [defaultWindow].filter((e) => e != null),
-        toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
-        toArray(unref(firstParamTargets.value ? args[2] : args[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        toValue(firstParamTargets.value ? args[3] : args[2])
-      ];
-    },
-    ([raw_targets, raw_events, raw_listeners, raw_options]) => {
-      cleanup();
-      if (!(raw_targets == null ? void 0 : raw_targets.length) || !(raw_events == null ? void 0 : raw_events.length) || !(raw_listeners == null ? void 0 : raw_listeners.length))
-        return;
-      const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
-      cleanups.push(
-        ...raw_targets.flatMap(
-          (el) => raw_events.flatMap(
-            (event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  );
-  const stop = () => {
-    stopWatch();
-    cleanup();
-  };
-  tryOnScopeDispose(cleanup);
-  return stop;
-}
-function useDropZone(target, options = {}) {
-  var _a, _b;
-  const isOverDropZone = shallowRef(false);
-  const files = shallowRef(null);
-  let counter = 0;
-  let isValid = true;
-  if (isClient) {
-    const _options = typeof options === "function" ? { onDrop: options } : options;
-    const multiple = (_a = _options.multiple) != null ? _a : true;
-    const preventDefaultForUnhandled = (_b = _options.preventDefaultForUnhandled) != null ? _b : false;
-    const getFiles = (event) => {
-      var _a2, _b2;
-      const list = Array.from((_b2 = (_a2 = event.dataTransfer) == null ? void 0 : _a2.files) != null ? _b2 : []);
-      return list.length === 0 ? null : multiple ? list : [list[0]];
-    };
-    const checkDataTypes = (types) => {
-      const dataTypes = unref(_options.dataTypes);
-      if (typeof dataTypes === "function")
-        return dataTypes(types);
-      if (!(dataTypes == null ? void 0 : dataTypes.length))
-        return true;
-      if (types.length === 0)
-        return false;
-      return types.every(
-        (type) => dataTypes.some((allowedType) => type.includes(allowedType))
-      );
-    };
-    const checkValidity = (items) => {
-      const types = Array.from(items != null ? items : []).map((item) => item.type);
-      const dataTypesValid = checkDataTypes(types);
-      const multipleFilesValid = multiple || items.length <= 1;
-      return dataTypesValid && multipleFilesValid;
-    };
-    const isSafari = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window);
-    const handleDragEvent = (event, eventType) => {
-      var _a2, _b2, _c, _d, _e, _f;
-      const dataTransferItemList = (_a2 = event.dataTransfer) == null ? void 0 : _a2.items;
-      isValid = (_b2 = dataTransferItemList && checkValidity(dataTransferItemList)) != null ? _b2 : false;
-      if (preventDefaultForUnhandled) {
-        event.preventDefault();
-      }
-      if (!isSafari() && !isValid) {
-        if (event.dataTransfer) {
-          event.dataTransfer.dropEffect = "none";
-        }
-        return;
-      }
-      event.preventDefault();
-      if (event.dataTransfer) {
-        event.dataTransfer.dropEffect = "copy";
-      }
-      const currentFiles = getFiles(event);
-      switch (eventType) {
-        case "enter":
-          counter += 1;
-          isOverDropZone.value = true;
-          (_c = _options.onEnter) == null ? void 0 : _c.call(_options, null, event);
-          break;
-        case "over":
-          (_d = _options.onOver) == null ? void 0 : _d.call(_options, null, event);
-          break;
-        case "leave":
-          counter -= 1;
-          if (counter === 0)
-            isOverDropZone.value = false;
-          (_e = _options.onLeave) == null ? void 0 : _e.call(_options, null, event);
-          break;
-        case "drop":
-          counter = 0;
-          isOverDropZone.value = false;
-          if (isValid) {
-            files.value = currentFiles;
-            (_f = _options.onDrop) == null ? void 0 : _f.call(_options, currentFiles, event);
-          }
-          break;
-      }
-    };
-    useEventListener(target, "dragenter", (event) => handleDragEvent(event, "enter"));
-    useEventListener(target, "dragover", (event) => handleDragEvent(event, "over"));
-    useEventListener(target, "dragleave", (event) => handleDragEvent(event, "leave"));
-    useEventListener(target, "drop", (event) => handleDragEvent(event, "drop"));
-  }
-  return {
-    files,
-    isOverDropZone
-  };
-}
-const _hoisted_1 = ["data-over-drop-zone"];
-const _hoisted_2 = { class: "celeste-file-upload-area-content" };
-const _hoisted_3 = { class: "celeste-file-upload-area-label" };
-const _hoisted_4 = {
+const _hoisted_1 = { class: "celeste-file-upload-area-content" };
+const _hoisted_2 = { class: "celeste-file-upload-area-label" };
+const _hoisted_3 = {
   key: 0,
   class: "celeste-file-upload-area-description"
 };
-const _hoisted_5 = ["multiple", "accept"];
+const _hoisted_4 = ["multiple", "accept"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "file-upload-area",
   props: /* @__PURE__ */ mergeModels({
@@ -176,6 +36,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const files = useModel(__props, "modelValue");
     const dropZoneRef = useTemplateRef("dropZoneRef");
     const { isOverDropZone } = useDropZone(dropZoneRef, { onDrop });
+    const uploadComponent = computed(() => {
+      return props.onTriggerClick ? "div" : "label";
+    });
     function handleUpload(e) {
       const input = e.target;
       const newFiles = Array.from(input.files ?? []);
@@ -235,47 +98,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
+      return openBlock(), createBlock(resolveDynamicComponent(uploadComponent.value), {
         ref_key: "dropZoneRef",
         ref: dropZoneRef,
         class: normalizeClass(unref(clsx)(
           "celeste-file-upload-area",
           props.class
         )),
-        "data-over-drop-zone": unref(isOverDropZone)
-      }, [
-        createElementVNode("i", {
-          class: normalizeClass(_ctx.icon)
-        }, null, 2),
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("span", _hoisted_3, toDisplayString(unref(isOverDropZone) ? _ctx.labelOnDrop : _ctx.label), 1),
-          !unref(isOverDropZone) ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
-        ]),
-        !unref(isOverDropZone) ? (openBlock(), createBlock(Button, {
-          key: 0,
-          "as-child": "",
-          intent: "neutral",
-          variant: "stroke",
-          size: "xs",
-          class: "celeste-file-upload-area-trigger",
-          onClick: handleTriggerClick
-        }, {
-          default: withCtx(() => [
-            createElementVNode("span", null, toDisplayString(_ctx.triggerLabel), 1)
+        "data-over-drop-zone": unref(isOverDropZone),
+        onClick: handleTriggerClick
+      }, {
+        default: withCtx(() => [
+          createElementVNode("i", {
+            class: normalizeClass(_ctx.icon)
+          }, null, 2),
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("span", _hoisted_2, toDisplayString(unref(isOverDropZone) ? _ctx.labelOnDrop : _ctx.label), 1),
+            !unref(isOverDropZone) ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
           ]),
-          _: 1
-        })) : createCommentVNode("", true),
-        createElementVNode("input", mergeProps(_ctx.$attrs, {
-          type: "file",
-          multiple: _ctx.multiple,
-          accept: _ctx.accept,
-          onChange: handleUpload
-        }), null, 16, _hoisted_5)
-      ], 10, _hoisted_1);
+          !unref(isOverDropZone) ? (openBlock(), createBlock(Button, {
+            key: 0,
+            "as-child": "",
+            intent: "neutral",
+            variant: "stroke",
+            size: "xs",
+            class: "celeste-file-upload-area-trigger"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", null, toDisplayString(_ctx.triggerLabel), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          !_ctx.onTriggerClick ? (openBlock(), createElementBlock("input", mergeProps({ key: 1 }, _ctx.$attrs, {
+            type: "file",
+            multiple: _ctx.multiple,
+            accept: _ctx.accept,
+            onChange: handleUpload
+          }), null, 16, _hoisted_4)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class", "data-over-drop-zone"]);
     };
   }
 });
-const fileUploadArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6e8a873e"]]);
+const fileUploadArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cfdea6ac"]]);
 export {
   fileUploadArea as default
 };

package/dist/es/hint-text.js

@@ -1,5 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, toDisplayString } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
+/* empty css                                                                 */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["role"];
 const _hoisted_2 = { key: 1 };

package/dist/es/hue-slider.js

@@ -1,6 +1,7 @@
 import { defineComponent, useModel, ref, useTemplateRef, watch, computed, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeStyle } from "vue";
 import { getAbsolutePosition, getPageXYFromEvent, resolveArrowDirection } from "./color.js";
 import { useUserPageSelection } from "./use-user-select.js";
+/* empty css                                                                  */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "celeste-color-slider" };
 const _hoisted_2 = ["aria-valuenow"];