@youcan/celeste 0.6.97 → 0.6.98

package/dist/es/fancy-button.js

@@ -1,39 +0,0 @@
-import { defineComponent, createBlock, openBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { h as O } from "./chunks/index.js";
-/* empty css                                                                    */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "fancy-button",
-  props: {
-    class: {},
-    size: { default: "md" },
-    intent: { default: "primary" },
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(O), {
-        as: _ctx.as,
-        "as-child": _ctx.asChild,
-        class: normalizeClass(unref(clsx)(
-          "celeste-fbutton",
-          `celeste-fbutton-${_ctx.intent}`,
-          `celeste-fbutton-${_ctx.size}`,
-          props.class
-        ))
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 8, ["as", "as-child", "class"]);
-    };
-  }
-});
-const fancyButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc3b0550"]]);
-export {
-  fancyButton as default
-};

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

@@ -1,147 +0,0 @@
-import { defineComponent, mergeModels, useModel, useTemplateRef, computed, createBlock, openBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, createElementVNode, createCommentVNode, createElementBlock, toDisplayString, mergeProps } from "vue";
-import { c as useDropZone } from "./chunks/index3.js";
-import { c as clsx } from "./chunks/clsx.js";
-import Button from "./button.js";
-/* empty css                                                                        */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-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_4 = ["multiple", "accept"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "file-upload-area",
-  props: /* @__PURE__ */ mergeModels({
-    label: { default: "Choose a file or drag & drop it here." },
-    description: { default: "JPEG, PNG, PDF, and MP4 formats, up to 50 MB." },
-    labelOnDrop: { default: "Drop file to upload" },
-    triggerLabel: { default: "Browse Files" },
-    maxSize: { default: 2e3 },
-    maxFiles: { default: 5 },
-    multiple: { type: Boolean, default: false },
-    icon: { default: "i-celeste-upload-cloud-2-line" },
-    accept: {},
-    onTriggerClick: {},
-    class: {}
-  }, {
-    "modelValue": { default: [] },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["error"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    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 ?? []);
-      const filesToProcess = newFiles.slice(0, props.maxFiles);
-      const rejectedFiles = newFiles.slice(props.maxFiles);
-      if (rejectedFiles.length > 0) {
-        emit("error", {
-          message: "Files exceeded upload limit",
-          type: "count",
-          files: rejectedFiles
-        });
-      }
-      const validFiles = filesToProcess.filter(isValidFile);
-      files.value = [...validFiles];
-    }
-    function onDrop(droppedFiles) {
-      if (!(droppedFiles == null ? void 0 : droppedFiles.length))
-        return;
-      const filesToProcess = droppedFiles.slice(0, props.maxFiles);
-      const rejectedFiles = droppedFiles.slice(props.maxFiles);
-      if (rejectedFiles.length > 0) {
-        emit("error", {
-          message: "Files exceeded upload limit",
-          type: "count",
-          files: rejectedFiles
-        });
-      }
-      const validFiles = filesToProcess.filter(isValidFile);
-      files.value = [...validFiles];
-    }
-    function isValidFile(file) {
-      var _a;
-      const maxBytes = props.maxSize * 1024;
-      if (file.size > maxBytes) {
-        emit("error", {
-          message: `File too large: ${file.name}`,
-          type: "size",
-          files: [file]
-        });
-        return false;
-      }
-      const acceptableTypes = ((_a = props.accept) == null ? void 0 : _a.split(",")) ?? [];
-      if (acceptableTypes.length > 0 && !acceptableTypes.includes(file.type)) {
-        emit("error", {
-          message: "Unsupported type",
-          type: "type",
-          files: [file]
-        });
-        return false;
-      }
-      return true;
-    }
-    function handleTriggerClick(e) {
-      if (props.onTriggerClick) {
-        e.preventDefault();
-        props.onTriggerClick();
-      }
-    }
-    return (_ctx, _cache) => {
-      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),
-        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)
-          ]),
-          !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-0e4f337e"]]);
-export {
-  fileUploadArea as default
-};

package/dist/es/hint-text.js

@@ -1,38 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, 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 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "hint-text",
-  props: {
-    text: {},
-    icon: {},
-    class: {},
-    state: { default: "default" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        role: props.state === "error" ? "alert" : "note",
-        class: normalizeClass(unref(clsx)(
-          "celeste-hint-text",
-          `celeste-hint-text-${_ctx.state}`,
-          props.class
-        ))
-      }, [
-        _ctx.icon ? (openBlock(), createElementBlock("i", {
-          key: 0,
-          class: normalizeClass(_ctx.icon)
-        }, null, 2)) : createCommentVNode("", true),
-        _ctx.text ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(_ctx.text), 1)) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-const hintText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-42c3df99"]]);
-export {
-  hintText as default
-};

package/dist/es/hue-slider.js

@@ -1,135 +0,0 @@
-import { defineComponent, useModel, ref, useTemplateRef, watch, computed, onUnmounted, createElementBlock, openBlock, 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"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "hue-slider",
-  props: {
-    "modelValue": {
-      default: 0
-    },
-    "modelModifiers": {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const hue = useModel(__props, "modelValue");
-    const pullDirection = ref();
-    const containerRef = useTemplateRef("slider-track");
-    const { preventPageUserSelect, allowPageUserSelect } = useUserPageSelection();
-    watch(hue, (newHue, oldHue) => {
-      if (newHue !== 0 && newHue - oldHue > 0)
-        pullDirection.value = "right";
-      if (newHue !== 0 && newHue - oldHue < 0)
-        pullDirection.value = "left";
-    });
-    const pointerLeft = computed(
-      () => {
-        if (hue.value === 0 && pullDirection.value === "right")
-          return "100%";
-        return `${hue.value * 100 / 360}%`;
-      }
-    );
-    const trackThumbBg = computed(() => {
-      return `hsl(${hue.value}, 100%, 50%)`;
-    });
-    function handleChange(e, skip) {
-      if (!skip) {
-        e.preventDefault();
-      }
-      const container = containerRef.value;
-      if (!container) {
-        return;
-      }
-      const containerWidth = container.clientWidth;
-      const { x: xOffset } = getAbsolutePosition(container);
-      const { x: pageX } = getPageXYFromEvent(e);
-      const left = pageX - xOffset;
-      let h;
-      let percent;
-      if (left < 0) {
-        h = 0;
-      } else if (left > containerWidth) {
-        h = 360;
-      } else {
-        percent = left * 100 / containerWidth;
-        h = Math.round(360 * percent / 100);
-      }
-      if (hue.value !== h) {
-        emitChange(h);
-      }
-    }
-    function emitChange(h) {
-      hue.value = h;
-    }
-    function handleMouseDown(e) {
-      handleChange(e, true);
-      preventPageUserSelect();
-      window.addEventListener("mousemove", handleChange);
-      window.addEventListener("mouseup", handleMouseUp);
-    }
-    function handleMouseUp() {
-      allowPageUserSelect();
-      unbindEventListeners();
-    }
-    function unbindEventListeners() {
-      window.removeEventListener("mousemove", handleChange);
-      window.removeEventListener("mouseup", handleMouseUp);
-    }
-    function handleKeyDown(e) {
-      const direction = resolveArrowDirection(e);
-      if (!direction) {
-        return;
-      }
-      e.preventDefault();
-      const currentValue = hue.value;
-      let newValue;
-      switch (direction) {
-        case "left": {
-          newValue = currentValue - 1 < 0 ? 0 : Math.floor(currentValue - 1);
-          break;
-        }
-        case "right": {
-          newValue = currentValue + 1 > 360 ? 360 : Math.ceil(currentValue + 1);
-          break;
-        }
-      }
-      if (typeof newValue !== "undefined") {
-        emitChange(newValue);
-      }
-    }
-    onUnmounted(() => {
-      unbindEventListeners();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          ref: "slider-track",
-          class: "slider-track",
-          role: "slider",
-          "aria-valuenow": hue.value,
-          "aria-valuemin": "0",
-          "aria-valuemax": "360",
-          "aria-label": "Hue",
-          tabindex: "0",
-          onMousedown: handleMouseDown,
-          onTouchmovePassive: handleChange,
-          onTouchstartPassive: handleChange,
-          onKeydown: handleKeyDown
-        }, [
-          createElementVNode("div", {
-            class: "celeste-color-thumb",
-            style: normalizeStyle({ left: pointerLeft.value, background: trackThumbBg.value }),
-            role: "presentation"
-          }, null, 4)
-        ], 40, _hoisted_2)
-      ]);
-    };
-  }
-});
-const hueSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69ac87ad"]]);
-export {
-  hueSlider as default
-};