@youcan/celeste 0.6.29 → 0.6.31

package/dist/es/command-group.js

@@ -0,0 +1,42 @@
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { T as qv, Y as Yv } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "command-group",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    heading: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(qv), mergeProps(delegatedProps.value, {
+        class: ["celeste-command-group", props.class]
+      }), {
+        default: withCtx(() => [
+          _ctx.heading ? (openBlock(), createBlock(unref(Yv), {
+            key: 0,
+            class: "celeste-command-label"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.heading), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const commandGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04d6d7e5"]]);
+export {
+  commandGroup as default
+};

package/dist/es/command-input.js

@@ -0,0 +1,43 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createVNode, unref, mergeProps } from "vue";
+import { c as clsx } from "./chunks/clsx.js";
+import { A as At, U as Wv } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = {
+  class: "celeste-command-input",
+  "cmdk-input-wrapper": ""
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "command-input",
+  props: {
+    type: {},
+    disabled: { type: Boolean },
+    autoFocus: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwardedProps = At(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = createElementVNode("i", { class: "celeste-command-input-icon i-celeste-search-line" }, null, -1)),
+        createVNode(unref(Wv), mergeProps({ ...unref(forwardedProps), ..._ctx.$attrs }, {
+          "auto-focus": "",
+          class: unref(clsx)("celeste-command-input-primitive", props.class)
+        }), null, 16, ["class"])
+      ]);
+    };
+  }
+});
+const commandInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0407a5d5"]]);
+export {
+  commandInput as default
+};

package/dist/es/command-item.js

@@ -0,0 +1,35 @@
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { x as xe, X as Qv } from "./chunks/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "command-item",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = xe(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Qv), mergeProps(unref(forwarded), {
+        class: ["celeste-command-item", props.class]
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/command-list.js

@@ -0,0 +1,53 @@
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot } from "vue";
+import { x as xe, $ as Xv } from "./chunks/index.js";
+const _hoisted_1 = { role: "presentation" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "command-list",
+  props: {
+    forceMount: { type: Boolean },
+    position: {},
+    bodyLock: { type: Boolean },
+    dismissable: { type: Boolean, default: false },
+    side: {},
+    sideOffset: {},
+    align: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    updatePositionStrategy: {},
+    prioritizePosition: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    disableOutsidePointerEvents: { type: Boolean },
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = xe(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Xv), mergeProps(unref(forwarded), {
+        class: ["celeste-command-list", props.class]
+      }), {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/command-root.js

@@ -0,0 +1,46 @@
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { x as xe, a1 as Hv } from "./chunks/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "command-root",
+  props: {
+    modelValue: { default: "" },
+    defaultValue: {},
+    open: { type: Boolean, default: true },
+    defaultOpen: { type: Boolean },
+    searchTerm: {},
+    selectedValue: {},
+    multiple: { type: Boolean },
+    disabled: { type: Boolean },
+    name: {},
+    dir: {},
+    filterFunction: {},
+    displayValue: {},
+    resetSearchTermOnBlur: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = xe(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Hv), mergeProps(unref(forwarded), {
+        class: ["celeste-command-root", props.class]
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/command-separator.js

@@ -0,0 +1,33 @@
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { c as clsx } from "./chunks/clsx.js";
+import { a2 as tm } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "command-separator",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(tm), mergeProps(delegatedProps.value, {
+        class: unref(clsx)("celeste-command-separator", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const commandSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-547148a7"]]);
+export {
+  commandSeparator as default
+};

package/dist/es/compact-button.js

@@ -0,0 +1,43 @@
+import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, createElementVNode } from "vue";
+import { c as clsx } from "./chunks/clsx.js";
+import { f as O } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "compact-button",
+  props: {
+    class: {},
+    icon: {},
+    size: { default: "lg" },
+    rounded: { type: Boolean },
+    variant: { default: "stroke" },
+    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-cbutton",
+          `celeste-cbutton-${_ctx.size}`,
+          `celeste-cbutton-${_ctx.variant}`,
+          _ctx.rounded && `celeste-cbutton-rounded`,
+          props.class
+        ))
+      }, {
+        default: withCtx(() => [
+          createElementVNode("i", {
+            class: normalizeClass(_ctx.icon)
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["as", "as-child", "class"]);
+    };
+  }
+});
+const CompactButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c062bacd"]]);
+export {
+  CompactButton as default
+};

package/dist/es/config.js

@@ -0,0 +1,136 @@
+import { ref } from "vue";
+const fullToolbar = ref([
+  {
+    slug: "heading",
+    name: "Text styles",
+    children: [
+      { option: "p", name: "Normal text", active: "paragraph" },
+      { option: "1", name: "Heading 1", active: { level: 1 } },
+      { option: "2", name: "Heading 2", active: { level: 2 } },
+      { option: "3", name: "Heading 3", active: { level: 3 } },
+      { option: "4", name: "Heading 4", active: { level: 4 } },
+      { option: "5", name: "Heading 5", active: { level: 5 } },
+      { option: "6", name: "Heading 6", active: { level: 6 } }
+    ]
+  },
+  { type: "divider" },
+  {
+    slug: "fontSize",
+    name: "Font size",
+    children: [
+      { option: "8px", name: "8", active: { fontSize: "8px" } },
+      { option: "10px", name: "10", active: { fontSize: "10px" } },
+      { option: "12px", name: "12", active: { fontSize: "12px" } },
+      { option: "14px", name: "14", active: { fontSize: "14px" } },
+      { option: "16px", name: "16", active: { fontSize: "16px" } },
+      { option: "18px", name: "18", active: { fontSize: "18px" } },
+      { option: "24px", name: "24", active: { fontSize: "24px" } },
+      { option: "30px", name: "30", active: { fontSize: "30px" } },
+      { option: "36px", name: "36", active: { fontSize: "36px" } },
+      { option: "48px", name: "48", active: { fontSize: "48px" } },
+      { option: "60px", name: "60", active: { fontSize: "60px" } },
+      { option: "72px", name: "72", active: { fontSize: "72px" } },
+      { option: "96px", name: "96", active: { fontSize: "96px" } }
+    ]
+  },
+  { type: "divider" },
+  {
+    slug: "color",
+    name: "Text color",
+    children: [
+      { option: "#000000", name: "Black", icon: "i-celeste-circle-fill", active: { color: "#000000" } },
+      { option: "#7B7B7B", name: "Gray", icon: "i-celeste-circle-fill", active: { color: "#7B7B7B" } },
+      { option: "#335CFF", name: "Blue", icon: "i-celeste-circle-fill", active: { color: "#335CFF" } },
+      { option: "#FA7319", name: "Orange", icon: "i-celeste-circle-fill", active: { color: "#FA7319" } },
+      { option: "#7D52F4", name: "Purple", icon: "i-celeste-circle-fill", active: { color: "#7D52F4" } },
+      { option: "#47C2FF", name: "Sky", icon: "i-celeste-circle-fill", active: { color: "#47C2FF" } }
+    ]
+  },
+  { type: "divider" },
+  { slug: "bold", name: "Bold", icon: "i-celeste-bold", active: "bold" },
+  { slug: "italic", name: "Italic", icon: "i-celeste-italic", active: "italic" },
+  { slug: "underline", name: "Underline", icon: "i-celeste-underline", active: "underline" },
+  { slug: "strike", name: "Strike", icon: "i-celeste-strikethrough", active: "strike" },
+  { type: "divider" },
+  { slug: "bulletList", name: "Bulleted list", icon: "i-celeste-list-unordered", active: "bulletList" },
+  { slug: "orderedList", name: "Numbered list", icon: "i-celeste-list-ordered", active: "orderedList" },
+  { type: "divider" },
+  {
+    slug: "align",
+    name: "Text alignment",
+    children: [
+      { option: "left", name: "Left align", icon: "i-celeste-align-left", active: { textAlign: "left" } },
+      { option: "center", name: "Center align", icon: "i-celeste-align-center", active: { textAlign: "center" } },
+      { option: "right", name: "Right align", icon: "i-celeste-align-right", active: { textAlign: "right" } },
+      { option: "justify", name: "Justify", icon: "i-celeste-align-justify", active: { textAlign: "justify" } }
+    ]
+  },
+  { type: "divider" },
+  { slug: "link", name: "Insert Link", icon: "i-celeste-link", active: "link" },
+  { type: "divider" },
+  { slug: "undo", name: "Undo", icon: "i-celeste-arrow-go-back-line", active: "undo" },
+  { slug: "redo", name: "Redo", icon: "i-celeste-arrow-go-forward-line", active: "redo" },
+  { slug: "clear", name: "Clear style", icon: "i-celeste-format-clear", active: "clear" }
+]);
+function onActionClick(editor, slug, option = null, showLinkBubble) {
+  var _a;
+  const chain = editor.chain().focus();
+  if (!chain) {
+    return;
+  }
+  const actionTriggers = {
+    heading: () => {
+      if (!option) {
+        return;
+      }
+      if (option === "p") {
+        chain.setParagraph().run();
+      } else {
+        const headingLevel = Number(option);
+        chain.toggleHeading({ level: headingLevel }).run();
+      }
+    },
+    fontSize: () => {
+      editor.chain().focus().setFontSize(option ?? "16px").run();
+    },
+    color: () => {
+      editor.chain().focus().setColor(option ?? "#000000").run();
+    },
+    bold: () => chain.toggleBold().run(),
+    italic: () => chain.toggleItalic().run(),
+    underline: () => chain.toggleUnderline().run(),
+    strike: () => chain.toggleStrike().run(),
+    bulletList: () => chain.toggleBulletList().run(),
+    orderedList: () => chain.toggleOrderedList().run(),
+    align: () => chain.setTextAlign(option ?? "left").run(),
+    link: () => {
+      if (showLinkBubble) {
+        showLinkBubble();
+      }
+    },
+    undo: () => chain.undo().run(),
+    redo: () => chain.redo().run(),
+    clear: () => chain.clearNodes().unsetAllMarks().run()
+  };
+  (_a = actionTriggers[slug]) == null ? void 0 : _a.call(actionTriggers);
+}
+function selectedOption(editor, children) {
+  if (!Array.isArray(children)) {
+    return "";
+  }
+  for (const child of children) {
+    if (Object.prototype.hasOwnProperty.call(child.active, "fontSize")) {
+      const currentFontSize = editor.getAttributes("textStyle").fontSize || "16px";
+      return currentFontSize;
+    }
+    if (editor.isActive(child.active)) {
+      return child.option;
+    }
+  }
+  return children[0].option;
+}
+export {
+  fullToolbar,
+  onActionClick,
+  selectedOption
+};

package/dist/es/content-divider.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./chunks/content-divider.vue_vue_type_style_index_0_lang.js";
+export {
+  _sfc_main as default
+};

package/dist/es/context-menu-item.js

@@ -0,0 +1,135 @@
+import { defineComponent, mergeModels, useModel, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, toDisplayString, createBlock, mergeProps, createVNode, withCtx, normalizeProps } from "vue";
+import { c as clsx } from "./chunks/clsx.js";
+import { m as mg, h as hg } from "./chunks/index.js";
+import Badge from "./badge.js";
+import Button from "./button.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["aria-disabled"];
+const _hoisted_2 = { class: "celeste-context-menu-item-info" };
+const _hoisted_3 = ["innerHTML"];
+const _hoisted_4 = {
+  key: 0,
+  class: "celeste-context-menu-item-sublabel"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "celeste-context-menu-item-description"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "celeste-context-menu-item-shortcut"
+};
+const _hoisted_7 = { class: "celeste-context-menu-item-switch" };
+const _hoisted_8 = { class: "celeste-context-menu-item-button" };
+const _hoisted_9 = {
+  key: 3,
+  class: "celeste-context-menu-item-suffix"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "context-menu-item",
+  props: /* @__PURE__ */ mergeModels({
+    size: { default: "sm" },
+    class: {},
+    label: {},
+    sublabel: {},
+    description: {},
+    disabled: { type: Boolean, default: false },
+    focused: { type: Boolean, default: false },
+    badgeProps: {},
+    shortcut: {},
+    toggle: { type: Boolean },
+    selected: { type: Boolean },
+    buttonProps: {},
+    rightIcon: {}
+  }, {
+    "selected": { type: Boolean },
+    "selectedModifiers": {}
+  }),
+  emits: ["update:selected"],
+  setup(__props) {
+    const props = __props;
+    const selectedModel = useModel(__props, "selected");
+    const mergedBadgeProps = computed(() => ({
+      ...props.badgeProps,
+      disabled: props.disabled
+    }));
+    const mergedButtonProps = computed(() => {
+      return props.buttonProps ? {
+        size: props.size === "sm" ? "xxs" : "xs",
+        variant: props.size === "sm" ? "ghost" : "lighter",
+        disabled: props.disabled,
+        ...props.buttonProps
+      } : null;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        tabindex: "0",
+        "aria-disabled": _ctx.disabled,
+        class: normalizeClass(unref(clsx)(
+          "celeste-context-menu-item",
+          `celeste-context-menu-item-size-${_ctx.size}`,
+          { "celeste-context-menu-item-disabled": _ctx.disabled },
+          { "celeste-context-menu-item-selected": __props.selected },
+          { "celeste-context-menu-item-focused": _ctx.focused }
+        ))
+      }, [
+        _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(clsx)(
+            "celeste-context-menu-item-prefix",
+            `celeste-context-menu-item-prefix-${_ctx.size}`
+          ))
+        }, [
+          renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(clsx)(
+              "celeste-context-menu-item-header",
+              `celeste-context-menu-item-header-${_ctx.size}`
+            ))
+          }, [
+            createElementVNode("span", {
+              class: "celeste-context-menu-item-label",
+              innerHTML: _ctx.label
+            }, null, 8, _hoisted_3),
+            _ctx.sublabel ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.sublabel), 1)) : createCommentVNode("", true)
+          ], 2),
+          props.description && props.size === "lg" ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
+        ]),
+        mergedBadgeProps.value ? (openBlock(), createBlock(Badge, mergeProps({ key: 1 }, mergedBadgeProps.value, { class: "celeste-context-menu-item-badge" }), null, 16)) : createCommentVNode("", true),
+        _ctx.shortcut ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(_ctx.shortcut), 1)) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_7, [
+          createVNode(unref(mg), {
+            checked: selectedModel.value,
+            "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => selectedModel.value = $event),
+            disabled: _ctx.disabled,
+            class: "celeste-switch-root"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(hg), { class: "celeste-switch-thumb" })
+            ]),
+            _: 1
+          }, 8, ["checked", "disabled"])
+        ]),
+        createElementVNode("span", _hoisted_8, [
+          mergedButtonProps.value ? (openBlock(), createBlock(Button, normalizeProps(mergeProps({ key: 0 }, mergedButtonProps.value)), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "button-label", {}, void 0, true)
+            ]),
+            _: 3
+          }, 16)) : createCommentVNode("", true)
+        ]),
+        _ctx.rightIcon ? (openBlock(), createElementBlock("span", _hoisted_9, [
+          createElementVNode("i", {
+            class: normalizeClass(_ctx.rightIcon)
+          }, null, 2)
+        ])) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+const contextMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3d94f388"]]);
+export {
+  contextMenuItem as default
+};

package/dist/es/crypto.js

@@ -0,0 +1,8 @@
+function uid(prefix = "", random = false) {
+  const sec = Date.now() * 1e3 + Math.random() * 1e3;
+  const id = sec.toString(16).replace(/\./g, "").padEnd(14, "0");
+  return `${prefix}${id}${random ? `.${Math.trunc(Math.random() * 1e8)}` : ""}`;
+}
+export {
+  uid
+};