@youcan/celeste 0.6.97 → 0.6.99

package/dist/cjs/text-input.js

@@ -1,120 +0,0 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-const crypto = require("./crypto.js");
-const textInputButton = require("./text-input-button.js");
-;/* empty css                                                                   */
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = ["for", "size", "has-error"];
-const _hoisted_2 = ["id", "type"];
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "text-input",
-  props: /* @__PURE__ */ No.mergeModels({
-    type: { default: "text" },
-    size: { default: "md" },
-    hasError: { type: Boolean, default: false }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const id = No.computed(() => props.id || crypto.uid());
-    const modelValue = No.useModel(__props, "modelValue");
-    const showClearButton = No.computed(() => {
-      return props.type === "search" && modelValue.value && String(modelValue.value).length > 0;
-    });
-    function clearInput() {
-      modelValue.value = "";
-    }
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createElementBlock("label", {
-        for: id.value,
-        size: _ctx.size,
-        role: "presentation",
-        "has-error": _ctx.hasError,
-        class: No.normalizeClass(No.unref(clsx.clsx)("celeste-text-input-wrapper", props.class))
-      }, [
-        No.createVNode(No.unref(index.O), {
-          "as-child": "",
-          class: "celeste-text-input-icon celeste-text-input-leading-icon"
-        }, {
-          default: No.withCtx(() => [
-            No.renderSlot(_ctx.$slots, "leadingIcon", {}, void 0, true)
-          ]),
-          _: 3
-        }),
-        No.createVNode(No.unref(index.O), {
-          "as-child": "",
-          class: "celeste-text-input-node celeste-text-input-leading-node"
-        }, {
-          default: No.withCtx(() => [
-            No.renderSlot(_ctx.$slots, "leadingNode", {}, void 0, true)
-          ]),
-          _: 3
-        }),
-        No.createVNode(No.unref(index.O), {
-          inline: "",
-          "as-child": "",
-          class: "celeste-text-input-inline-node celeste-text-input-leading-inline-node"
-        }, {
-          default: No.withCtx(() => [
-            No.renderSlot(_ctx.$slots, "leadingInlineNode", {}, void 0, true)
-          ]),
-          _: 3
-        }),
-        No.withDirectives(No.createElementVNode("input", No.mergeProps({
-          id: id.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
-        }, _ctx.$attrs, {
-          type: _ctx.type,
-          class: "celeste-text-input"
-        }), null, 16, _hoisted_2), [
-          [No.vModelDynamic, modelValue.value]
-        ]),
-        No.createVNode(No.unref(index.O), {
-          "as-child": "",
-          class: "celeste-text-input-icon celeste-text-input-trailing-icon"
-        }, {
-          default: No.withCtx(() => [
-            No.renderSlot(_ctx.$slots, "trailingIcon", {}, void 0, true)
-          ]),
-          _: 3
-        }),
-        No.createVNode(No.unref(index.O), {
-          "as-child": "",
-          class: "celeste-text-input-node celeste-text-input-trailing-node"
-        }, {
-          default: No.withCtx(() => [
-            No.renderSlot(_ctx.$slots, "trailingNode", {}, void 0, true)
-          ]),
-          _: 3
-        }),
-        No.createVNode(No.unref(index.O), {
-          inline: "",
-          "as-child": "",
-          class: "celeste-text-input-inline-node celeste-text-input-trailing-inline-node"
-        }, {
-          default: No.withCtx(() => [
-            showClearButton.value ? (No.openBlock(), No.createBlock(textInputButton, {
-              key: 0,
-              type: "button",
-              "aria-label": "Clear search",
-              onClick: clearInput
-            }, {
-              default: No.withCtx(() => _cache[1] || (_cache[1] = [
-                No.createElementVNode("i", { class: "i-celeste-close-line" }, null, -1)
-              ])),
-              _: 1
-            })) : No.renderSlot(_ctx.$slots, "trailingInlineNode", { key: 1 }, void 0, true)
-          ]),
-          _: 3
-        })
-      ], 10, _hoisted_1);
-    };
-  }
-});
-const TextInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-ad7ee7de"]]);
-module.exports = TextInput;

package/dist/cjs/textarea.js

@@ -1,57 +0,0 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./chunks/clsx.js");
-;/* empty css                                                                 */
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = ["aria-disabled"];
-const _hoisted_2 = ["placeholder", "maxlength", "disabled"];
-const _hoisted_3 = {
-  key: 0,
-  class: "celeste-textarea-count"
-};
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "textarea",
-  props: /* @__PURE__ */ No.mergeModels({
-    class: {},
-    placeholder: { default: "Placeholder" },
-    showCount: { type: Boolean, default: true },
-    disabled: { type: Boolean, default: false },
-    maxLength: {}
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const modelValue = No.useModel(__props, "modelValue");
-    return (_ctx, _cache) => {
-      var _a;
-      return No.openBlock(), No.createElementBlock("div", {
-        class: No.normalizeClass(No.unref(clsx.clsx)(
-          "celeste-textarea-wrapper",
-          props.class
-        )),
-        "aria-disabled": _ctx.disabled,
-        onClick: _cache[1] || (_cache[1] = ($event) => {
-          var _a2;
-          return (_a2 = _ctx.$el.querySelector("textarea")) == null ? void 0 : _a2.focus();
-        })
-      }, [
-        No.withDirectives(No.createElementVNode("textarea", No.mergeProps({
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
-        }, _ctx.$attrs, {
-          placeholder: _ctx.placeholder,
-          maxlength: _ctx.maxLength,
-          disabled: _ctx.disabled,
-          class: "celeste-textarea"
-        }), null, 16, _hoisted_2), [
-          [No.vModelText, modelValue.value]
-        ]),
-        _ctx.showCount && Number(_ctx.maxLength) ? (No.openBlock(), No.createElementBlock("span", _hoisted_3, No.toDisplayString(`${((_a = modelValue.value) == null ? void 0 : _a.length) || 0}/${_ctx.maxLength}`), 1)) : No.createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-const textarea = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-76864cee"]]);
-module.exports = textarea;

package/dist/cjs/tooltip-content.js

@@ -1,94 +0,0 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-const compactButton = require("./compact-button.js");
-const useDelegatedProps = require("./use-delegated-props.js");
-;/* empty css                                                                        */
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = { class: "celeste-tooltip-content-box" };
-const _hoisted_2 = {
-  key: 0,
-  class: "celeste-tooltip-content-title"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "celeste-tooltip-content-description"
-};
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "tooltip-content",
-  props: {
-    class: {},
-    size: { default: "sm" },
-    variant: { default: "light" },
-    icon: {},
-    title: {},
-    description: {},
-    dismissible: { type: Boolean },
-    onDismiss: {},
-    forceMount: { type: Boolean },
-    ariaLabel: {},
-    asChild: { type: Boolean },
-    as: {},
-    side: {},
-    sideOffset: { default: 12 },
-    align: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean }
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const delegated = useDelegatedProps.useDelegatedProps(props, ["class", "size", "variant", "icon", "title", "description", "dismissible", "onDismiss"]);
-    const forwarded = index.Se(delegated, emits);
-    function handleDismiss() {
-      var _a;
-      (_a = props.onDismiss) == null ? void 0 : _a.call(props);
-    }
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index.qg), { class: "celeste-tooltip-portal" }, {
-        default: No.withCtx(() => [
-          No.createVNode(No.unref(index.Ug), No.mergeProps(No.unref(forwarded), {
-            size: _ctx.size,
-            variant: _ctx.variant,
-            class: No.unref(clsx.clsx)("celeste-tooltip-content", props.class)
-          }), {
-            default: No.withCtx(() => [
-              _ctx.icon ? (No.openBlock(), No.createElementBlock("i", {
-                key: 0,
-                class: No.normalizeClass(`celeste-tooltip-content-icon ${_ctx.icon}`)
-              }, null, 2)) : No.createCommentVNode("", true),
-              No.createElementVNode("div", _hoisted_1, [
-                _ctx.title ? (No.openBlock(), No.createElementBlock("span", _hoisted_2, No.toDisplayString(_ctx.title), 1)) : No.createCommentVNode("", true),
-                _ctx.description ? (No.openBlock(), No.createElementBlock("span", _hoisted_3, No.toDisplayString(_ctx.description), 1)) : No.createCommentVNode("", true),
-                No.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ]),
-              _ctx.dismissible ? (No.openBlock(), No.createBlock(compactButton, {
-                key: 1,
-                variant: "ghost",
-                icon: "i-celeste-close-line",
-                onClick: handleDismiss
-              })) : No.createCommentVNode("", true),
-              No.createVNode(No.unref(index.Gg), { "as-child": "" }, {
-                default: No.withCtx(() => _cache[0] || (_cache[0] = [
-                  No.createElementVNode("span", { class: "celeste-tooltip-content-arrow" }, null, -1)
-                ])),
-                _: 1
-              })
-            ]),
-            _: 3
-          }, 16, ["size", "variant", "class"])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const TooltipContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-aa109675"]]);
-module.exports = TooltipContent;

package/dist/cjs/tooltip-provider.js

@@ -1,3 +0,0 @@
-"use strict";
-const tooltipProvider_vue_vue_type_script_setup_true_lang = require("./chunks/tooltip-provider.js");
-module.exports = tooltipProvider_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/tooltip-root.js

@@ -1,3 +0,0 @@
-"use strict";
-const tooltipRoot_vue_vue_type_script_setup_true_lang = require("./chunks/tooltip-root.js");
-module.exports = tooltipRoot_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/tooltip-trigger.js

@@ -1,3 +0,0 @@
-"use strict";
-const tooltipTrigger_vue_vue_type_script_setup_true_lang = require("./chunks/tooltip-trigger.js");
-module.exports = tooltipTrigger_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/tooltip.js

@@ -1,3 +0,0 @@
-"use strict";
-const tooltip_vue_vue_type_script_setup_true_lang = require("./chunks/tooltip.js");
-module.exports = tooltip_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/types.js

@@ -1 +0,0 @@
-"use strict";

package/dist/cjs/use-color-model.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tinycolor = require("./chunks/tinycolor.js");
-const No = require("vue");
-const ColorPickerEmits = ["update:modelValue"];
-function defineColorModel(props, emit) {
-  let originalFormat;
-  const tinyColorRef = No.computed({
-    get: () => {
-      const colorInput = props.modelValue;
-      const value = tinycolor.tinycolor(colorInput);
-      originalFormat = value.getFormat();
-      return value;
-    },
-    set: (newValue) => {
-      const newTinyColor = tinycolor.tinycolor(newValue);
-      const transformedValue = transformToOriginalInputFormat(
-        newTinyColor,
-        originalFormat
-      );
-      emit("update:modelValue", transformedValue);
-    }
-  });
-  return tinyColorRef;
-}
-function transformToOriginalInputFormat(color, originalFormat) {
-  if (originalFormat === "hex" && color.getAlpha() < 1) {
-    return color.toString("hex8");
-  }
-  return color.toString(originalFormat);
-}
-exports.ColorPickerEmits = ColorPickerEmits;
-exports.defineColorModel = defineColorModel;

package/dist/cjs/use-delegated-props.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const No = require("vue");
-function useDelegatedProps(props, excludeKeys = ["class"]) {
-  return No.computed(() => {
-    const keysToExclude = Array.isArray(excludeKeys) ? excludeKeys : [excludeKeys];
-    const delegated = { ...props };
-    keysToExclude.forEach((key) => {
-      delete delegated[key];
-    });
-    return delegated;
-  });
-}
-exports.useDelegatedProps = useDelegatedProps;

package/dist/cjs/use-user-select.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const No = require("vue");
-function useUserPageSelection() {
-  const isDisabled = No.ref(false);
-  let styleElement = null;
-  const preventPageUserSelect = () => {
-    if (!styleElement) {
-      styleElement = document.createElement("style");
-      styleElement.textContent = "body > * { user-select: none; }";
-      document.head.appendChild(styleElement);
-      isDisabled.value = true;
-    }
-  };
-  const allowPageUserSelect = () => {
-    if (styleElement) {
-      styleElement.remove();
-      styleElement = null;
-      isDisabled.value = false;
-    }
-  };
-  const togglePageUserSelect = () => {
-    if (styleElement) {
-      allowPageUserSelect();
-      return;
-    }
-    preventPageUserSelect();
-  };
-  No.onUnmounted(() => {
-    allowPageUserSelect();
-  });
-  return {
-    isDisabled: No.readonly(isDisabled),
-    togglePageUserSelect,
-    preventPageUserSelect,
-    allowPageUserSelect
-  };
-}
-exports.useUserPageSelection = useUserPageSelection;

package/dist/es/chunks/content-divider.vue_vue_type_style_index_0_lang.js

@@ -1,53 +0,0 @@
-import { defineComponent, createBlock, openBlock, unref, normalizeClass, withCtx, createElementBlock, createCommentVNode, toDisplayString, createElementVNode, createTextVNode } from "vue";
-import { c as clsx } from "./clsx.js";
-import { F as ap } from "./index.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "celeste-content-divider-type-line"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "celeste-content-divider-type-text"
-};
-const _hoisted_3 = {
-  key: 2,
-  class: "celeste-content-divider-type-text-line"
-};
-const _hoisted_4 = {
-  key: 3,
-  class: "celeste-content-divider-type-solid-text"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "content-divider",
-  props: {
-    class: {},
-    type: { default: "line" },
-    text: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ap), {
-        "aria-label": "divider",
-        class: normalizeClass([unref(clsx)("celeste-celeste-content-divider", props.class), "celeste-content-divider"])
-      }, {
-        default: withCtx(() => [
-          _ctx.type === "line" ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true),
-          _ctx.type === "text" && _ctx.text ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.text), 1)) : createCommentVNode("", true),
-          _ctx.type === "text-line" && _ctx.text ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            _cache[0] || (_cache[0] = createElementVNode("hr", null, null, -1)),
-            _cache[1] || (_cache[1] = createTextVNode()),
-            createElementVNode("span", null, toDisplayString(_ctx.text), 1),
-            _cache[2] || (_cache[2] = createTextVNode()),
-            _cache[3] || (_cache[3] = createElementVNode("hr", null, null, -1))
-          ])) : createCommentVNode("", true),
-          _ctx.type === "solid-text" && _ctx.text ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(_ctx.text), 1)) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};