@youcan/celeste 0.6.97 → 0.6.98

package/dist/es/color.js

@@ -1,102 +0,0 @@
-const COLOR_NUMBER_VALIDATION_PATTERN = /^\d*\s?[%°]?$/;
-const HEX_VALIDATION_PATTERN = /^#?[0-9a-f]{0,6}$/i;
-const DEFAULT_SWATCH = [
-  "#717784ff",
-  "#335cffff",
-  "#ff8547ff",
-  "#fb3747ff",
-  "#1fc16bff",
-  "#f6b51eff",
-  "#7e52f4ff",
-  "#47c2ffff"
-];
-function getFractionDigit(data) {
-  const str = data.toString();
-  if (str.includes(".")) {
-    return str.split(".")[1].length;
-  }
-  return 0;
-}
-function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-function truncColorValue(value) {
-  return Math.trunc(Number(value.replace(/[%°]/g, "").trim()));
-}
-function getColorConstraints(key) {
-  const min = 0;
-  let max = 0;
-  if (key === "r" || key === "g" || key === "b") {
-    max = 255;
-  }
-  if (key === "h") {
-    max = 359;
-  }
-  if (["s", "l", "v", "a"].includes(key)) {
-    max = 100;
-  }
-  return {
-    min,
-    max
-  };
-}
-function bumpColorValue(value, direction) {
-  let multiplier = 0;
-  switch (direction) {
-    case "down":
-      multiplier = -1;
-      break;
-    case "up":
-      multiplier = 1;
-      break;
-  }
-  return value + multiplier;
-}
-function getPageXYFromEvent(e) {
-  const coordinates = { x: 0, y: 0 };
-  if (e instanceof MouseEvent) {
-    coordinates.x = e.pageX;
-    coordinates.y = e.pageY;
-  }
-  if (typeof TouchEvent !== "undefined" && e instanceof TouchEvent) {
-    coordinates.x = e.touches ? e.touches[0].pageX : e.changedTouches ? e.changedTouches[0].pageX : 0;
-    coordinates.y = e.touches ? e.touches[0].pageY : e.changedTouches ? e.changedTouches[0].pageY : 0;
-  }
-  return coordinates;
-}
-function getScrollXY() {
-  const x = window.scrollX || window.pageXOffset || document.documentElement.scrollLeft || 0;
-  const y = window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0;
-  return { x, y };
-}
-function getAbsolutePosition(container) {
-  const { x: scrollX, y: scrollY } = getScrollXY();
-  const rect = container.getBoundingClientRect();
-  return {
-    x: rect.left + scrollX,
-    y: rect.top + scrollY
-  };
-}
-function resolveArrowDirection(e) {
-  const arrowMap = {
-    ArrowUp: "up",
-    ArrowDown: "down",
-    ArrowLeft: "left",
-    ArrowRight: "right"
-  };
-  return arrowMap[e.code];
-}
-export {
-  COLOR_NUMBER_VALIDATION_PATTERN,
-  DEFAULT_SWATCH,
-  HEX_VALIDATION_PATTERN,
-  bumpColorValue,
-  clamp,
-  getAbsolutePosition,
-  getColorConstraints,
-  getFractionDigit,
-  getPageXYFromEvent,
-  getScrollXY,
-  resolveArrowDirection,
-  truncColorValue
-};

package/dist/es/combobox-anchor.js

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

package/dist/es/combobox-empty.js

@@ -1,34 +0,0 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { G as em } from "./chunks/index.js";
-/* empty css                                                                      */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "combobox-empty",
-  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(em), mergeProps(delegatedProps.value, {
-        class: unref(clsx)("celeste-dropdown-empty-list", props.class)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const ComboboxEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-450bfb63"]]);
-export {
-  ComboboxEmpty as default
-};

package/dist/es/combobox-group.js

@@ -1,44 +0,0 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { I as Zv, J as Jv } from "./chunks/index.js";
-/* empty css                                                                      */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "combobox-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(Zv), mergeProps(delegatedProps.value, {
-        class: unref(clsx)(props.class, "celeste-dropdown-items-group")
-      }), {
-        default: withCtx(() => [
-          _ctx.heading ? (openBlock(), createBlock(unref(Jv), {
-            key: 0,
-            class: ""
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.heading), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const ComboboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-66b5c9e4"]]);
-export {
-  ComboboxGroup as default
-};

package/dist/es/combobox-input.js

@@ -1,66 +0,0 @@
-import { defineComponent, mergeModels, useModel, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, createElementVNode } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { L as Gv } from "./chunks/index.js";
-import TextInput from "./text-input.js";
-/* empty css                                                                      */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "combobox-input",
-  props: /* @__PURE__ */ mergeModels({
-    type: {},
-    disabled: { type: Boolean },
-    autoFocus: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {},
-    textInputProps: {},
-    searchable: { type: Boolean },
-    placeholder: {}
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const model = useModel(__props, "modelValue");
-    const comboboxInputProps = computed(() => {
-      const { class: _class, textInputProps: _textInputProps, placeholder: _placeholder, ...rest } = props;
-      return rest;
-    });
-    const textInputProps = computed(() => {
-      return {
-        type: "search",
-        size: "sm",
-        placeholder: props.placeholder ?? "Search",
-        ...props.textInputProps
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Gv), mergeProps(comboboxInputProps.value, {
-        class: unref(clsx)("celeste-dropdown-input", props.class),
-        readonly: !props.searchable,
-        as: "div"
-      }), {
-        default: withCtx(() => [
-          createVNode(TextInput, mergeProps(textInputProps.value, {
-            modelValue: model.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-            readonly: !props.searchable,
-            style: !props.searchable ? "opacity: 0; height: 1px; padding: 0; border: none;" : ""
-          }), {
-            leadingIcon: withCtx(() => _cache[1] || (_cache[1] = [
-              createElementVNode("i", { "i-celeste-search-2-line": "" }, null, -1)
-            ])),
-            _: 1
-          }, 16, ["modelValue", "readonly", "style"])
-        ]),
-        _: 1
-      }, 16, ["class", "readonly"]);
-    };
-  }
-});
-const ComboboxInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32b6a3f8"]]);
-export {
-  ComboboxInput as default
-};

package/dist/es/combobox-item.js

@@ -1,112 +0,0 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, normalizeClass, createCommentVNode, createElementBlock, renderSlot, toDisplayString } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { S as Se, N as am } from "./chunks/index.js";
-import { _ as _sfc_main$1 } from "./chunks/checkbox.js";
-/* empty css                                                */
-/* empty css                                                                     */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _hoisted_1 = ["aria-disabled"];
-const _hoisted_2 = { class: "celeste-dropdown-item-info" };
-const _hoisted_3 = ["innerHTML"];
-const _hoisted_4 = {
-  key: 0,
-  class: "celeste-dropdown-item-sublabel"
-};
-const _hoisted_5 = {
-  key: 0,
-  class: "celeste-dropdown-item-description"
-};
-const _hoisted_6 = {
-  key: 2,
-  class: "celeste-dropdown-item-suffix"
-};
-const _hoisted_7 = {
-  key: 3,
-  class: "i-celeste-check-fill"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "combobox-item",
-  props: {
-    class: {},
-    label: {},
-    size: { default: "sm" },
-    checkbox: { type: Boolean },
-    sublabel: {},
-    description: {},
-    selected: { type: [Boolean, String] },
-    focused: { type: Boolean },
-    value: { type: [String, Number, Boolean, Object] },
-    icon: {},
-    image: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = Se(delegatedProps, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(am), mergeProps(unref(forwarded), {
-        disabled: _ctx.disabled,
-        "as-child": ""
-      }), {
-        default: withCtx(() => [
-          createElementVNode("div", {
-            tabindex: "0",
-            "aria-disabled": _ctx.disabled,
-            class: normalizeClass(unref(clsx)(
-              props.class,
-              "celeste-dropdown-item",
-              { "celeste-dropdown-item-disabled": _ctx.disabled },
-              { "celeste-dropdown-item-selected": _ctx.selected },
-              { "celeste-dropdown-item-focused": _ctx.focused }
-            ))
-          }, [
-            _ctx.checkbox && _ctx.size === "sm" ? (openBlock(), createBlock(_sfc_main$1, {
-              key: 0,
-              checked: _ctx.selected,
-              disabled: _ctx.disabled
-            }, null, 8, ["checked", "disabled"])) : createCommentVNode("", true),
-            _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(unref(clsx)(
-                "celeste-dropdown-item-prefix",
-                `celeste-dropdown-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-dropdown-item-header",
-                  `celeste-dropdown-item-header-${_ctx.size}`
-                ))
-              }, [
-                createElementVNode("span", {
-                  class: "celeste-dropdown-item-label",
-                  innerHTML: _ctx.label
-                }, null, 8, _hoisted_3),
-                _ctx.sublabel ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.sublabel), 1)) : createCommentVNode("", true)
-              ], 2),
-              _ctx.description && _ctx.size === "lg" ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
-            ]),
-            _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_6, [
-              renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
-            ])) : createCommentVNode("", true),
-            _ctx.selected ? (openBlock(), createElementBlock("i", _hoisted_7)) : createCommentVNode("", true)
-          ], 10, _hoisted_1)
-        ]),
-        _: 3
-      }, 16, ["disabled"]);
-    };
-  }
-});
-const ComboboxItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c2bd0ae"]]);
-export {
-  ComboboxItem as default
-};

package/dist/es/combobox-list.js

@@ -1,64 +0,0 @@
-import { defineComponent, computed, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { S as Se, P as sm, Q as Qv, R as tm } from "./chunks/index.js";
-/* empty css                                                                     */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "combobox-list",
-  props: {
-    forceMount: { type: Boolean },
-    position: { default: "popper" },
-    bodyLock: { type: Boolean },
-    dismissable: { type: Boolean },
-    side: {},
-    sideOffset: { default: 4 },
-    align: { default: "start" },
-    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 = Se(delegatedProps, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(sm), null, {
-        default: withCtx(() => [
-          createVNode(unref(Qv), mergeProps(unref(forwarded), {
-            class: unref(clsx)("celeste-dropdown-content", props.class)
-          }), {
-            default: withCtx(() => [
-              createVNode(unref(tm), { class: "celeste-dropdown-items-viewport" }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                ]),
-                _: 3
-              })
-            ]),
-            _: 3
-          }, 16, ["class"])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const ComboboxList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-38838139"]]);
-export {
-  ComboboxList as default
-};

package/dist/es/combobox-root.js

@@ -1,43 +0,0 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { S as Se, U as Uv } from "./chunks/index.js";
-/* empty css                                                                     */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "combobox-root",
-  props: {
-    modelValue: {},
-    defaultValue: {},
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    searchTerm: {},
-    selectedValue: {},
-    multiple: { type: Boolean },
-    disabled: { type: Boolean },
-    name: {},
-    dir: {},
-    filterFunction: { type: Function },
-    displayValue: { type: Function },
-    resetSearchTermOnBlur: { type: Boolean },
-    resetSearchTermOnSelect: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = Se(props, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Uv), mergeProps({ class: "celeste-combobox-root" }, unref(forwarded)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const ComboboxRoot = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-29e14e56"]]);
-export {
-  ComboboxRoot as default
-};

package/dist/es/combobox-separator.js

@@ -1,34 +0,0 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { T as om } from "./chunks/index.js";
-/* empty css                                                                          */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "combobox-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(om), mergeProps(delegatedProps.value, {
-        class: unref(clsx)("celeste-dropdown-separator", props.class)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const ComboboxSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-987226c9"]]);
-export {
-  ComboboxSeparator as default
-};

package/dist/es/combobox-trigger.js

@@ -1,49 +0,0 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { O as Ot, a0 as Yv } from "./chunks/index.js";
-/* empty css                                                                        */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "combobox-trigger",
-  props: {
-    class: {},
-    size: {},
-    filled: { type: Boolean },
-    type: { default: "normal" },
-    error: { type: Boolean },
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = Ot(delegatedProps);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Yv), mergeProps(unref(forwarded), {
-        type: "button",
-        tabindex: "0",
-        class: unref(clsx)(
-          "celeste-dropdown-anchor-trigger",
-          `celeste-dropdown-anchor-trigger-size-${props.size}`,
-          `celeste-dropdown-anchor-trigger-type-${props.type}`,
-          { "celeste-dropdown-anchor-trigger-error": props.error },
-          { "celeste-dropdown-anchor-trigger-filled": _ctx.filled },
-          props.class
-        )
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const ComboboxTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bddcd2de"]]);
-export {
-  ComboboxTrigger as default
-};