@youcan/celeste 0.6.57 → 0.6.60

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, createElementVNode, onUnmounted, resolveDynamicComponent, normalizeStyle, 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, openBlock, createBlock, withCtx, renderSlot, toRefs, nextTick, onMounted, createVNode, createCommentVNode, normalizeProps, guardReactiveProps, reactive, createElementBlock, Fragment, withKeys, withModifiers, watchEffect, markRaw, watchSyncEffect, withDirectives, vShow, createTextVNode, toDisplayString, isRef, createElementVNode, onUnmounted, resolveDynamicComponent, normalizeStyle, renderList, Teleport, onBeforeUnmount, useSlots, onBeforeMount, toHandlers, inject, provide, effectScope, readonly, toHandlerKey, vModelSelect, toRaw, 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]), []);
@@ -3247,6 +3247,71 @@ function Ie() {
     currentElement: t
   };
 }
+const [Nl, Wi] = Q("CollapsibleRoot"), ji = /* @__PURE__ */ defineComponent({
+  __name: "CollapsibleRoot",
+  props: {
+    defaultOpen: { type: Boolean, default: false },
+    open: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:open"],
+  setup(a2, { expose: t, emit: e }) {
+    const n = a2, s = ne(n, "open", e, {
+      defaultValue: n.defaultOpen,
+      passive: n.open === void 0
+    }), r = ne(n, "disabled");
+    return Wi({
+      contentId: "",
+      disabled: r,
+      open: s,
+      onOpenToggle: () => {
+        s.value = !s.value;
+      }
+    }), t({ open: s }), R(), (i, u) => (openBlock(), createBlock(unref(O), {
+      as: i.as,
+      "as-child": n.asChild,
+      "data-state": unref(s) ? "open" : "closed",
+      "data-disabled": unref(r) ? "" : void 0
+    }, {
+      default: withCtx(() => [
+        renderSlot(i.$slots, "default", { open: unref(s) })
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "data-state", "data-disabled"]));
+  }
+}), Ui = /* @__PURE__ */ defineComponent({
+  __name: "CollapsibleTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2;
+    R();
+    const e = Nl();
+    return (n, l) => {
+      var s, r;
+      return openBlock(), createBlock(unref(O), {
+        type: n.as === "button" ? "button" : void 0,
+        as: n.as,
+        "as-child": t.asChild,
+        "aria-controls": unref(e).contentId,
+        "aria-expanded": unref(e).open.value,
+        "data-state": unref(e).open.value ? "open" : "closed",
+        "data-disabled": (s = unref(e).disabled) != null && s.value ? "" : void 0,
+        disabled: (r = unref(e).disabled) == null ? void 0 : r.value,
+        onClick: unref(e).onOpenToggle
+      }, {
+        default: withCtx(() => [
+          renderSlot(n.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["type", "as", "as-child", "aria-controls", "aria-expanded", "data-state", "data-disabled", "disabled", "onClick"]);
+    };
+  }
+});
 function Gi(a2, t) {
   var _;
   const e = ref({}), n = ref("none"), l = ref(a2), s = a2.value ? "mounted" : "unmounted";
@@ -3360,6 +3425,77 @@ const Pe = defineComponent({
       }
     }) : null;
   }
+}), qi = /* @__PURE__ */ defineComponent({
+  inheritAttrs: false,
+  __name: "CollapsibleContent",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(a2) {
+    const t = a2, e = Nl();
+    e.contentId || (e.contentId = he(void 0, "radix-vue-collapsible-content"));
+    const n = ref(), { forwardRef: l, currentElement: s } = R(), r = ref(0), i = ref(0), u = computed(() => e.open.value), d = ref(u.value), c = ref();
+    return watch(
+      () => {
+        var f;
+        return [u.value, (f = n.value) == null ? void 0 : f.present];
+      },
+      async () => {
+        await nextTick();
+        const f = s.value;
+        if (!f)
+          return;
+        c.value = c.value || {
+          transitionDuration: f.style.transitionDuration,
+          animationName: f.style.animationName
+        }, f.style.transitionDuration = "0s", f.style.animationName = "none";
+        const v = f.getBoundingClientRect();
+        i.value = v.height, r.value = v.width, d.value || (f.style.transitionDuration = c.value.transitionDuration, f.style.animationName = c.value.animationName);
+      },
+      {
+        immediate: true
+      }
+    ), onMounted(() => {
+      requestAnimationFrame(() => {
+        d.value = false;
+      });
+    }), (f, v) => (openBlock(), createBlock(unref(Pe), {
+      ref_key: "presentRef",
+      ref: n,
+      present: f.forceMount || unref(e).open.value,
+      "force-mount": true
+    }, {
+      default: withCtx(() => {
+        var p, g;
+        return [
+          createVNode(unref(O), mergeProps(f.$attrs, {
+            id: unref(e).contentId,
+            ref: unref(l),
+            "as-child": t.asChild,
+            as: f.as,
+            "data-state": unref(e).open.value ? "open" : "closed",
+            "data-disabled": (p = unref(e).disabled) != null && p.value ? "" : void 0,
+            hidden: !((g = n.value) != null && g.present),
+            style: {
+              "--radix-collapsible-content-height": `${i.value}px`,
+              "--radix-collapsible-content-width": `${r.value}px`
+            }
+          }), {
+            default: withCtx(() => {
+              var m;
+              return [
+                (m = n.value) != null && m.present ? renderSlot(f.$slots, "default", { key: 0 }) : createCommentVNode("", true)
+              ];
+            }),
+            _: 3
+          }, 16, ["id", "as-child", "as", "data-state", "data-disabled", "hidden", "style"])
+        ];
+      }),
+      _: 3
+    }, 8, ["present"]));
+  }
 });
 function Ll({ type: a2, defaultValue: t, modelValue: e }) {
   const n = e || t;
@@ -6764,8 +6900,244 @@ const Kc = ["value", "name", "disabled", "required"], [Eo, Hc] = Q("NumberFieldR
       _: 3
     }, 16, ["type", "style", "disabled", "data-disabled", "data-pressed"]));
   }
+}), [ta, Wc] = Q("PaginationRoot"), by = /* @__PURE__ */ defineComponent({
+  __name: "PaginationRoot",
+  props: {
+    page: {},
+    defaultPage: { default: 1 },
+    itemsPerPage: { default: 10 },
+    total: { default: 0 },
+    siblingCount: { default: 2 },
+    disabled: { type: Boolean },
+    showEdges: { type: Boolean, default: false },
+    asChild: { type: Boolean },
+    as: { default: "nav" }
+  },
+  emits: ["update:page"],
+  setup(a2, { emit: t }) {
+    const e = a2, n = t, { siblingCount: l, disabled: s, showEdges: r } = toRefs(e);
+    R();
+    const i = ne(e, "page", n, {
+      defaultValue: e.defaultPage,
+      passive: e.page === void 0
+    }), u = computed(() => Math.max(1, Math.ceil(e.total / e.itemsPerPage)));
+    return Wc({
+      page: i,
+      onPageChange(d) {
+        i.value = d;
+      },
+      pageCount: u,
+      siblingCount: l,
+      disabled: s,
+      showEdges: r
+    }), (d, c) => (openBlock(), createBlock(unref(O), {
+      as: d.as,
+      "as-child": d.asChild
+    }, {
+      default: withCtx(() => [
+        renderSlot(d.$slots, "default", {
+          page: unref(i),
+          pageCount: u.value
+        })
+      ]),
+      _: 3
+    }, 8, ["as", "as-child"]));
+  }
+}), Cy = /* @__PURE__ */ defineComponent({
+  __name: "PaginationEllipsis",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(a2) {
+    const t = a2;
+    return R(), (e, n) => (openBlock(), createBlock(unref(O), mergeProps(t, { "data-type": "ellipsis" }), {
+      default: withCtx(() => [
+        renderSlot(e.$slots, "default", {}, () => [
+          createTextVNode("…")
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), wy = /* @__PURE__ */ defineComponent({
+  __name: "PaginationFirst",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2, e = ta();
+    R();
+    const n = computed(() => e.page.value === 1 || e.disabled.value);
+    return (l, s) => (openBlock(), createBlock(unref(O), mergeProps(t, {
+      "aria-label": "First Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: n.value,
+      onClick: s[0] || (s[0] = (r) => !n.value && unref(e).onPageChange(1))
+    }), {
+      default: withCtx(() => [
+        renderSlot(l.$slots, "default", {}, () => [
+          createTextVNode("First page")
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
+}), _y = /* @__PURE__ */ defineComponent({
+  __name: "PaginationLast",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2, e = ta();
+    R();
+    const n = computed(() => e.page.value === e.pageCount.value || e.disabled.value);
+    return (l, s) => (openBlock(), createBlock(unref(O), mergeProps(t, {
+      "aria-label": "Last Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: n.value,
+      onClick: s[0] || (s[0] = (r) => !n.value && unref(e).onPageChange(unref(e).pageCount.value))
+    }), {
+      default: withCtx(() => [
+        renderSlot(l.$slots, "default", {}, () => [
+          createTextVNode("Last page")
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
 });
-const Gc = ["id", "value", "name", "disabled", "required"], [qc, Yc] = Q("PinInputRoot"), Dy = /* @__PURE__ */ defineComponent({
+function it(a2, t) {
+  const e = t - a2 + 1;
+  return Array.from({ length: e }, (n, l) => l + a2);
+}
+function jc(a2) {
+  return a2.map((t) => typeof t == "number" ? { type: "page", value: t } : { type: "ellipsis" });
+}
+const Ba = "ellipsis";
+function Uc(a2, t, e, n) {
+  const s = t, r = Math.max(a2 - e, 1), i = Math.min(a2 + e, s);
+  if (n) {
+    const d = Math.min(2 * e + 5, t) - 2, c = r > 3 && Math.abs(s - d - 1 + 1) > 2 && Math.abs(r - 1) > 2, f = i < s - 2 && Math.abs(s - d) > 2 && Math.abs(s - i) > 2;
+    if (!c && f)
+      return [...it(1, d), Ba, s];
+    if (c && !f) {
+      const p = it(s - d + 1, s);
+      return [1, Ba, ...p];
+    }
+    if (c && f) {
+      const p = it(r, i);
+      return [1, Ba, ...p, Ba, s];
+    }
+    return it(1, s);
+  } else {
+    const u = e * 2 + 1;
+    return t < u ? it(1, s) : a2 <= e + 1 ? it(1, u) : t - a2 <= e ? it(t - u + 1, s) : it(r, i);
+  }
+}
+const xy = /* @__PURE__ */ defineComponent({
+  __name: "PaginationList",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(a2) {
+    const t = a2;
+    R();
+    const e = ta(), n = computed(() => jc(
+      Uc(
+        e.page.value,
+        e.pageCount.value,
+        e.siblingCount.value,
+        e.showEdges.value
+      )
+    ));
+    return (l, s) => (openBlock(), createBlock(unref(O), normalizeProps(guardReactiveProps(t)), {
+      default: withCtx(() => [
+        renderSlot(l.$slots, "default", { items: n.value })
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Sy = /* @__PURE__ */ defineComponent({
+  __name: "PaginationListItem",
+  props: {
+    value: {},
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2;
+    R();
+    const e = ta(), n = computed(() => e.page.value === t.value), l = computed(() => e.disabled.value);
+    return (s, r) => (openBlock(), createBlock(unref(O), mergeProps(t, {
+      "data-type": "page",
+      "aria-label": `Page ${s.value}`,
+      "aria-current": n.value ? "page" : void 0,
+      "data-selected": n.value ? "true" : void 0,
+      disabled: l.value,
+      type: s.as === "button" ? "button" : void 0,
+      onClick: r[0] || (r[0] = (i) => !l.value && unref(e).onPageChange(s.value))
+    }), {
+      default: withCtx(() => [
+        renderSlot(s.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(s.value), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["aria-label", "aria-current", "data-selected", "disabled", "type"]));
+  }
+}), Ey = /* @__PURE__ */ defineComponent({
+  __name: "PaginationNext",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2;
+    R();
+    const e = ta(), n = computed(() => e.page.value === e.pageCount.value || e.disabled.value);
+    return (l, s) => (openBlock(), createBlock(unref(O), mergeProps(t, {
+      "aria-label": "Next Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: n.value,
+      onClick: s[0] || (s[0] = (r) => !n.value && unref(e).onPageChange(unref(e).page.value + 1))
+    }), {
+      default: withCtx(() => [
+        renderSlot(l.$slots, "default", {}, () => [
+          createTextVNode("Next page")
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
+}), Py = /* @__PURE__ */ defineComponent({
+  __name: "PaginationPrev",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2;
+    R();
+    const e = ta(), n = computed(() => e.page.value === 1 || e.disabled.value);
+    return (l, s) => (openBlock(), createBlock(unref(O), mergeProps(t, {
+      "aria-label": "Previous Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: n.value,
+      onClick: s[0] || (s[0] = (r) => !n.value && unref(e).onPageChange(unref(e).page.value - 1))
+    }), {
+      default: withCtx(() => [
+        renderSlot(l.$slots, "default", {}, () => [
+          createTextVNode("Prev page")
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
+}), Gc = ["id", "value", "name", "disabled", "required"], [qc, Yc] = Q("PinInputRoot"), Dy = /* @__PURE__ */ defineComponent({
   inheritAttrs: false,
   __name: "PinInputRoot",
   props: {
@@ -10374,104 +10746,116 @@ const av = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  Jv as $,
+  Xv as $,
   At as A,
-  size as B,
-  autoPlacement as C,
-  hide as D,
-  inline as E,
+  yg as B,
+  gg as C,
+  Cg as D,
+  Ey as E,
   Fy as F,
   Gl as G,
-  computePosition as H,
-  yg as I,
-  gg as J,
+  bg as H,
+  Qf as I,
+  Oh as J,
   Kv as K,
-  Cg as L,
-  bg as M,
+  Lg as L,
+  qv as M,
   Ny as N,
   Oy as O,
-  Oh as P,
-  Qf as Q,
+  Py as P,
+  Q,
   Ry as R,
-  qv as S,
+  Sy as S,
   Ty as T,
-  Wv as U,
+  Ui as U,
   Qv as V,
-  Wy as W,
+  Wv as W,
   nm as X,
   Yv as Y,
   Zv as Z,
-  Xv as _,
-  Gy as a,
-  Hv as a0,
-  tm as a1,
-  Uv as a2,
-  $y as a3,
-  Dy as a4,
-  ih as a5,
-  uh as a6,
-  fh as a7,
-  ch as a8,
-  hh as a9,
-  eg as aA,
-  Qy as aB,
-  Lg as aC,
-  zg as aD,
-  Kg as aE,
-  jg as aF,
-  Hg as aG,
-  Wg as aH,
-  My as aI,
-  Vy as aJ,
-  ph as aa,
-  Ch as ab,
-  wh as ac,
-  rh as ad,
-  sh as ae,
-  Dv as af,
-  Eu as ag,
-  xu as ah,
-  Pu as ai,
-  Du as aj,
-  bs as ak,
-  ws as al,
-  _s as am,
-  xs as an,
-  gs as ao,
-  By as ap,
-  Iy as aq,
-  sv as ar,
-  lv as as,
-  zy as at,
-  Ky as au,
-  Xy as av,
-  jy as aw,
-  Yy as ax,
-  Uy as ay,
-  Ly as az,
+  _y as _,
+  jv as a,
+  Jv as a0,
+  Hv as a1,
+  tm as a2,
+  Uv as a3,
+  $y as a4,
+  Dy as a5,
+  ih as a6,
+  uh as a7,
+  fh as a8,
+  ch as a9,
+  jy as aA,
+  Yy as aB,
+  Uy as aC,
+  qy as aD,
+  Wy as aE,
+  Ly as aF,
+  eg as aG,
+  Qy as aH,
+  jg as aI,
+  Hg as aJ,
+  Wg as aK,
+  My as aL,
+  Vy as aM,
+  flip as aN,
+  shift as aO,
+  offset as aP,
+  arrow$1 as aQ,
+  size as aR,
+  autoPlacement as aS,
+  hide as aT,
+  inline as aU,
+  computePosition as aV,
+  hh as aa,
+  ph as ab,
+  Ch as ac,
+  wh as ad,
+  rh as ae,
+  sh as af,
+  Dv as ag,
+  Eu as ah,
+  xu as ai,
+  Pu as aj,
+  Du as ak,
+  xy as al,
+  Cy as am,
+  by as an,
+  bs as ao,
+  ws as ap,
+  _s as aq,
+  xs as ar,
+  gs as as,
+  By as at,
+  Iy as au,
+  sv as av,
+  lv as aw,
+  zy as ax,
+  Ky as ay,
+  Xy as az,
   bh as b,
-  tg as c,
-  ag as d,
+  Ay as c,
+  Gy as d,
   eu as e,
-  yy as f,
+  O as f,
   gy as g,
   hy as h,
-  Ay as i,
-  jv as j,
+  tg as i,
+  ji as j,
   ky as k,
-  O as l,
+  ag as l,
   my as m,
   ng as n,
   og as o,
-  mg as p,
-  qy as q,
-  hg as r,
-  flip as s,
+  ys as p,
+  qi as q,
+  mg as r,
+  hg as s,
   tu as t,
-  shift as u,
-  offset as v,
-  arrow$1 as w,
+  zg as u,
+  Kg as v,
+  wy as w,
   xe as x,
-  ys as y,
+  yy as y,
   zv as z
 };

package/dist/es/chunks/index2.js

@@ -1,4 +1,4 @@
-import { computed, toRefs, toValue, getCurrentScope, onScopeDispose, isRef, reactive, unref, watch } from "vue";
+import { getCurrentScope, onScopeDispose, computed, toRefs, toValue, watch, isRef, reactive, unref, getCurrentInstance, hasInjectionContext, inject } from "vue";
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
@@ -6,6 +6,17 @@ function tryOnScopeDispose(fn) {
   }
   return false;
 }
+const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
+const injectLocal = /* @__NO_SIDE_EFFECTS__ */ (...args) => {
+  var _a;
+  const key = args[0];
+  const instance = (_a = getCurrentInstance()) == null ? void 0 : _a.proxy;
+  if (instance == null && !hasInjectionContext())
+    throw new Error("injectLocal must be called in setup");
+  if (instance && localProvidedStateMap.has(instance) && key in localProvidedStateMap.get(instance))
+    return localProvidedStateMap.get(instance)[key];
+  return inject(...args);
+};
 function toReactive(objectRef) {
   if (!isRef(objectRef))
     return reactive(objectRef);
@@ -48,8 +59,12 @@ function reactiveOmit(obj, ...keys) {
 }
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const isDef = (val) => typeof val !== "undefined";
 const toString = Object.prototype.toString;
 const isObject = (val) => toString.call(val) === "[object Object]";
+function pxValue(px) {
+  return px.endsWith("rem") ? Number.parseFloat(px) * 16 : Number.parseFloat(px);
+}
 function toArray(value) {
   return Array.isArray(value) ? value : [value];
 }
@@ -66,7 +81,10 @@ function watchImmediate(source, cb, options) {
 export {
   tryOnScopeDispose as a,
   isObject as b,
+  isDef as c,
+  injectLocal as d,
   isClient as i,
+  pxValue as p,
   reactiveOmit as r,
   toArray as t,
   watchImmediate as w