@youcan/celeste 0.6.38 → 0.6.39

package/dist/cjs/digit-input-group.js

@@ -0,0 +1,31 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./chunks/clsx.js");
+const index$1 = require("./chunks/index.js");
+const index = require("./chunks/index2.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "digit-input-group",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = index.reactiveOmit(props, "class");
+    const forwardedProps = index$1.At(delegatedProps);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index$1.O), Mo.mergeProps(Mo.unref(forwardedProps), {
+        class: Mo.unref(clsx.clsx)("celeste-digit-input-group", props.class)
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const digitInputGroup = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-1a28428d"]]);
+module.exports = digitInputGroup;

package/dist/cjs/digit-input-slot.js

@@ -0,0 +1,28 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./chunks/clsx.js");
+const index$1 = require("./chunks/index.js");
+const index = require("./chunks/index2.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "digit-input-slot",
+  props: {
+    index: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = index.reactiveOmit(props, "class");
+    const forwardedProps = index$1.At(delegatedProps);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index$1.$y), Mo.mergeProps(Mo.unref(forwardedProps), {
+        class: Mo.unref(clsx.clsx)("celeste-digit-input-slot", props.class)
+      }), null, 16, ["class"]);
+    };
+  }
+});
+const digitInputSlot = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-5b5299e2"]]);
+module.exports = digitInputSlot;

package/dist/cjs/digit-input.js

@@ -0,0 +1,46 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./chunks/clsx.js");
+const index$1 = require("./chunks/index.js");
+const index = require("./chunks/index2.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "digit-input",
+  props: {
+    modelValue: { default: () => [] },
+    defaultValue: {},
+    placeholder: {},
+    mask: { type: Boolean },
+    otp: { type: Boolean },
+    type: {},
+    dir: {},
+    name: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    hasError: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "complete"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = index.reactiveOmit(props, "class", "hasError");
+    const forwarded = index$1.xe(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index$1.Dy), Mo.mergeProps(Mo.unref(forwarded), {
+        class: Mo.unref(clsx.clsx)("celeste-digit-input", props.class),
+        "data-error": _ctx.hasError
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16, ["class", "data-error"]);
+    };
+  }
+});
+const digitInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-be93d7bf"]]);
+module.exports = digitInput;

package/dist/cjs/index.js

@@ -21,6 +21,9 @@ const comboboxSeparator = require("./combobox-separator.js");
 const comboboxTrigger = require("./combobox-trigger.js");
 const combobox = require("./combobox.js");
 const contentDivider_vue_vue_type_style_index_0_lang = require("./chunks/content-divider.vue_vue_type_style_index_0_lang.js");
+const digitInputGroup = require("./digit-input-group.js");
+const digitInputSlot = require("./digit-input-slot.js");
+const digitInput = require("./digit-input.js");
 const contextMenuItem = require("./context-menu-item.js");
 const dropdownItem = require("./dropdown-item.js");
 const dropdown = require("./dropdown.js");
@@ -97,6 +100,9 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   CompactButton: compactButton,
   ContentDivider: contentDivider_vue_vue_type_style_index_0_lang._sfc_main,
   ContextMenuItem: contextMenuItem,
+  DigitInput: digitInput,
+  DigitInputGroup: digitInputGroup,
+  DigitInputSlot: digitInputSlot,
   Dropdown: dropdown,
   DropdownItem: dropdownItem,
   DropdownMenu: dropdownMenu,
@@ -231,6 +237,9 @@ exports.ComboboxSeparator = comboboxSeparator;
 exports.ComboboxTrigger = comboboxTrigger;
 exports.Combobox = combobox;
 exports.ContentDivider = contentDivider_vue_vue_type_style_index_0_lang._sfc_main;
+exports.DigitInputGroup = digitInputGroup;
+exports.DigitInputSlot = digitInputSlot;
+exports.DigitInput = digitInput;
 exports.ContextMenuItem = contextMenuItem;
 exports.DropdownItem = dropdownItem;
 exports.Dropdown = dropdown;

package/dist/cjs/link-bubble.js

@@ -29,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     const props = __props;
     const emit = __emit;
     const BubbleMenu = Mo.defineAsyncComponent(
-      () => Promise.resolve().then(() => require("./chunks/index2.js")).then((m) => m.BubbleMenu)
+      () => Promise.resolve().then(() => require("./chunks/index3.js")).then((m) => m.BubbleMenu)
     );
     const href = Mo.ref("");
     const openInNewTab = Mo.ref(false);

package/dist/cjs/rich-editor.js

@@ -8,7 +8,7 @@ const selectTrigger = require("./select-trigger.js");
 const selectValue = require("./select-value.js");
 const select_vue_vue_type_script_setup_true_lang = require("./chunks/select.js");
 const tooltip = require("./tooltip.js");
-const index = require("./chunks/index3.js");
+const index = require("./chunks/index4.js");
 const config = require("./config.js");
 const extraSettings = require("./extra-settings.js");
 const linkBubble = require("./link-bubble.js");

package/dist/components/digit-input/digit-input-group.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'vue';
+import { PrimitiveProps } from 'radix-vue';
+type __VLS_Props = PrimitiveProps & {
+    class?: HTMLAttributes['class'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/digit-input/digit-input-slot.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'vue';
+import { PinInputInputProps } from 'radix-vue';
+type __VLS_Props = PinInputInputProps & {
+    class?: HTMLAttributes['class'];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/digit-input/digit-input.d.ts

@@ -0,0 +1,32 @@
+import { HTMLAttributes } from 'vue';
+import { PinInputRootProps } from 'radix-vue';
+type __VLS_Props = PinInputRootProps & {
+    class?: HTMLAttributes['class'];
+    hasError?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+    complete: (value: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+    onComplete?: ((value: string[]) => any) | undefined;
+}>, {
+    modelValue: string[];
+    hasError: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/digit-input/index.d.ts

@@ -0,0 +1,6 @@
+export * from './digit-input-group';
+export { default as DigitInputGroup } from './digit-input-group';
+export * from './digit-input-slot';
+export { default as DigitInputSlot } from './digit-input-slot';
+export * from './digit-input';
+export { default as DigitInput } from './digit-input';

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export * from './button';
 export * from './checkbox';
 export * from './combobox';
 export * from './content-divider';
+export * from './digit-input';
 export * from './dropdown';
 export * from './dropdown-menu';
 export * from './hint-text';

package/dist/es/chunks/index.js

@@ -1,5 +1,5 @@
 import * as Mo from "vue";
-import { computed, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, unref, getCurrentInstance, toRef, camelize, defineComponent, Comment, mergeProps, cloneVNode, h, toRefs, renderSlot, onMounted, openBlock, createBlock, withCtx, normalizeProps, guardReactiveProps, reactive, createVNode, createCommentVNode, createElementBlock, Fragment, withKeys, withModifiers, watchEffect, markRaw, nextTick, watchSyncEffect, withDirectives, vShow, createTextVNode, toDisplayString, isRef, resolveDynamicComponent, normalizeStyle, createElementVNode, onUnmounted, renderList, Teleport, onBeforeUnmount, useSlots, onBeforeMount, toHandlers, effectScope, readonly, toHandlerKey, vModelSelect, toRaw, inject, provide, customRef, onBeforeUpdate, onUpdated, mergeDefaults, watchPostEffect } from "vue";
+import { computed, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, unref, getCurrentInstance, toRef, camelize, defineComponent, Comment, mergeProps, cloneVNode, h, toRefs, renderSlot, onMounted, openBlock, createBlock, withCtx, normalizeProps, guardReactiveProps, reactive, createVNode, createCommentVNode, createElementBlock, Fragment, withKeys, withModifiers, watchEffect, markRaw, nextTick, watchSyncEffect, withDirectives, vShow, createTextVNode, toDisplayString, isRef, createElementVNode, onUnmounted, resolveDynamicComponent, normalizeStyle, renderList, Teleport, onBeforeUnmount, useSlots, onBeforeMount, toHandlers, effectScope, readonly, toHandlerKey, vModelSelect, toRaw, inject, provide, customRef, onBeforeUpdate, onUpdated, mergeDefaults, watchPostEffect } from "vue";
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -6085,7 +6085,207 @@ const Oh = /* @__PURE__ */ defineComponent({
     }, 16));
   }
 });
-const [Nt, Xc] = Q("PopoverRoot"), ys = /* @__PURE__ */ defineComponent({
+const Gc = ["id", "value", "name", "disabled", "required"], [qc, Yc] = Q("PinInputRoot"), Dy = /* @__PURE__ */ defineComponent({
+  inheritAttrs: false,
+  __name: "PinInputRoot",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    placeholder: { default: "" },
+    mask: { type: Boolean },
+    otp: { type: Boolean },
+    type: { default: "text" },
+    dir: {},
+    name: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue", "complete"],
+  setup(a2, { emit: t }) {
+    const e = a2, n = t, { mask: l, otp: s, placeholder: r, type: i, disabled: u, dir: d } = toRefs(e), { forwardRef: c } = R(), f = be(d), v = ne(e, "modelValue", n, {
+      defaultValue: e.defaultValue ?? [],
+      passive: e.modelValue === void 0
+    }), p = ref(/* @__PURE__ */ new Set());
+    function g(_) {
+      p.value.add(_);
+    }
+    const m = computed(() => v.value.filter((C) => !!C).length === p.value.size);
+    return watch(v, () => {
+      m.value && n("complete", v.value);
+    }, { deep: true }), Yc({
+      modelValue: v,
+      mask: l,
+      otp: s,
+      placeholder: r,
+      type: i,
+      dir: f,
+      disabled: u,
+      isCompleted: m,
+      inputElements: p,
+      onInputElementChange: g
+    }), (_, C) => (openBlock(), createElementBlock(Fragment, null, [
+      createVNode(unref(O), mergeProps(_.$attrs, {
+        ref: unref(c),
+        dir: unref(f),
+        "data-complete": m.value ? "" : void 0,
+        "data-disabled": unref(u) ? "" : void 0
+      }), {
+        default: withCtx(() => [
+          renderSlot(_.$slots, "default", { modelValue: unref(v) })
+        ]),
+        _: 3
+      }, 16, ["dir", "data-complete", "data-disabled"]),
+      createElementVNode("input", {
+        id: _.id,
+        type: "text",
+        tabindex: "-1",
+        "aria-hidden": "true",
+        value: unref(v).join(""),
+        name: _.name,
+        disabled: unref(u),
+        required: _.required,
+        style: {
+          transform: "translateX(-100%)",
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        },
+        onFocus: C[0] || (C[0] = ($) => {
+          var h2, E;
+          return (E = (h2 = Array.from(p.value)) == null ? void 0 : h2[0]) == null ? void 0 : E.focus();
+        })
+      }, null, 40, Gc)
+    ], 64));
+  }
+}), $y = /* @__PURE__ */ defineComponent({
+  __name: "PinInputInput",
+  props: {
+    index: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { default: "input" }
+  },
+  setup(a2) {
+    const t = a2, e = qc(), n = computed(() => Array.from(e.inputElements.value)), l = computed(() => e.modelValue.value[t.index]), s = computed(() => t.disabled || e.disabled.value), r = computed(() => e.otp.value), i = computed(() => e.type.value === "number"), u = computed(() => e.mask.value), { primitiveElement: d, currentElement: c } = Ie();
+    function f(D) {
+      var V;
+      const I = D.target;
+      if ((((V = D.data) == null ? void 0 : V.length) ?? 0) > 1) {
+        h2(I.value);
+        return;
+      }
+      if (i.value && !/^\d*$/.test(I.value)) {
+        I.value = I.value.replace(/\D/g, "");
+        return;
+      }
+      I.value = I.value.slice(-1), P(t.index, I.value);
+      const M = n.value[t.index + 1];
+      M && M.focus();
+    }
+    function v() {
+      const D = c.value;
+      nextTick(() => {
+        D.value || (D.placeholder = e.placeholder.value);
+      });
+    }
+    function p(D) {
+      Rt(D, document.activeElement, void 0, {
+        itemsArray: n.value,
+        focus: true,
+        loop: false,
+        arrowKeyOptions: "horizontal",
+        dir: e.dir.value
+      });
+    }
+    function g(D) {
+      if (D.preventDefault(), D.target.value)
+        P(t.index, "");
+      else {
+        const V = n.value[t.index - 1];
+        V && (V.focus(), P(t.index - 1, ""));
+      }
+    }
+    function m(D) {
+      D.key === "Delete" && (D.preventDefault(), P(t.index, ""));
+    }
+    function _(D) {
+      const I = D.target;
+      I.setSelectionRange(1, 1), I.value || (I.placeholder = "");
+    }
+    function C(D) {
+      v();
+    }
+    function $(D) {
+      D.preventDefault();
+      const I = D.clipboardData;
+      if (!I)
+        return;
+      const M = I.getData("text");
+      h2(M);
+    }
+    function h2(D) {
+      var A;
+      const I = [...e.modelValue.value], M = D.length >= n.value.length ? 0 : t.index, V = Math.min(M + D.length, n.value.length);
+      for (let F = M; F < V; F++) {
+        const j = n.value[F], W = D[F - M];
+        i.value && !/^\d*$/.test(W) || (I[F] = W, j.focus());
+      }
+      e.modelValue.value = I, (A = n.value[V]) == null || A.focus();
+    }
+    function E(D) {
+      let I = D.length - 1;
+      for (; I >= 0 && D[I] === ""; )
+        D.pop(), I--;
+      return D;
+    }
+    function P(D, I) {
+      const M = [...e.modelValue.value];
+      M[D] = I, e.modelValue.value = E(M);
+    }
+    return watch(l, () => {
+      l.value || v();
+    }), onMounted(() => {
+      e.onInputElementChange(c.value);
+    }), onUnmounted(() => {
+      var D;
+      (D = e.inputElements) == null || D.value.delete(c.value);
+    }), (D, I) => (openBlock(), createBlock(unref(O), {
+      ref_key: "primitiveElement",
+      ref: d,
+      autocapitalize: "none",
+      as: D.as,
+      "as-child": D.asChild,
+      autocomplete: r.value ? "one-time-code" : "false",
+      type: u.value ? "password" : "text",
+      inputmode: i.value ? "numeric" : "text",
+      pattern: i.value ? "[0-9]*" : void 0,
+      placeholder: unref(e).placeholder.value,
+      value: l.value,
+      disabled: s.value,
+      "data-disabled": s.value ? "" : void 0,
+      "data-complete": unref(e).isCompleted.value ? "" : void 0,
+      "aria-label": `pin input ${D.index + 1} of ${n.value.length}`,
+      onInput: I[0] || (I[0] = (M) => f(M)),
+      onKeydown: [
+        withKeys(p, ["left", "right", "up", "down", "home", "end"]),
+        withKeys(g, ["backspace"]),
+        withKeys(m, ["delete"])
+      ],
+      onFocus: _,
+      onBlur: C,
+      onPaste: $
+    }, {
+      default: withCtx(() => [
+        renderSlot(D.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "autocomplete", "type", "inputmode", "pattern", "placeholder", "value", "disabled", "data-disabled", "data-complete", "aria-label"]));
+  }
+}), [Nt, Xc] = Q("PopoverRoot"), ys = /* @__PURE__ */ defineComponent({
   __name: "PopoverRoot",
   props: {
     defaultOpen: { type: Boolean, default: false },
@@ -9315,43 +9515,45 @@ export {
   Zv as Z,
   tm as _,
   Gl as a,
-  ih as a0,
-  uh as a1,
-  fh as a2,
-  ch as a3,
-  hh as a4,
-  ph as a5,
-  Ch as a6,
-  wh as a7,
-  rh as a8,
-  sh as a9,
-  Wg as aA,
-  Dv as aa,
-  Eu as ab,
-  xu as ac,
-  Pu as ad,
-  Du as ae,
-  bs as af,
-  ws as ag,
-  _s as ah,
-  xs as ai,
-  gs as aj,
-  By as ak,
-  Iy as al,
-  zy as am,
-  Ky as an,
-  Xy as ao,
-  jy as ap,
-  Yy as aq,
-  Uy as ar,
-  Ly as as,
-  eg as at,
-  Qy as au,
-  Lg as av,
-  zg as aw,
-  Kg as ax,
-  jg as ay,
-  Hg as az,
+  $y as a0,
+  Dy as a1,
+  ih as a2,
+  uh as a3,
+  fh as a4,
+  ch as a5,
+  hh as a6,
+  ph as a7,
+  Ch as a8,
+  wh as a9,
+  jg as aA,
+  Hg as aB,
+  Wg as aC,
+  rh as aa,
+  sh as ab,
+  Dv as ac,
+  Eu as ad,
+  xu as ae,
+  Pu as af,
+  Du as ag,
+  bs as ah,
+  ws as ai,
+  _s as aj,
+  xs as ak,
+  gs as al,
+  By as am,
+  Iy as an,
+  zy as ao,
+  Ky as ap,
+  Xy as aq,
+  jy as ar,
+  Yy as as,
+  Uy as at,
+  Ly as au,
+  eg as av,
+  Qy as aw,
+  Lg as ax,
+  zg as ay,
+  Kg as az,
   bh as b,
   tg as c,
   ag as d,