@brumaombra/ui-vintage 0.6.8 → 0.7.3

package/dist/textarea.js

@@ -1,37 +0,0 @@
-import { defineComponent, withDirectives, openBlock, createElementBlock, normalizeClass, unref, isRef, vModelText } from "vue";
-import { a as useVModel } from "./index-Dw56kNV0.js";
-import { c as cn } from "./utils-DbYZ4xaD.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Textarea",
-  props: {
-    class: {},
-    defaultValue: {},
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const modelValue = useVModel(props, "modelValue", emits, {
-      passive: true,
-      defaultValue: props.defaultValue
-    });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("textarea", {
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-        "data-slot": "textarea",
-        class: normalizeClass(unref(cn)(
-          "selection:bg-primary selection:text-primary-foreground flex field-sizing-content min-h-[120px] w-full min-w-0 rounded border border-(--border-light) bg-(--button-secondary-light) px-4 py-3 text-xs font-semibold text-(--text-primary-light) outline-none transition-all duration-300 ease-in-out placeholder:text-(--text-secondary-light) placeholder:opacity-60 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60 dark:border-(--border-dark) dark:bg-(--button-secondary-dark) dark:text-(--text-primary-dark) dark:placeholder:text-(--text-secondary-dark) sm:text-sm",
-          "focus-visible:border-(--border-hover-light) focus-visible:ring-0 dark:focus-visible:border-(--border-hover-dark)",
-          "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-          props.class
-        ))
-      }, null, 2)), [
-        [vModelText, unref(modelValue)]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as Textarea
-};

package/dist/theme-selector.js

@@ -1,159 +0,0 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, openBlock, createBlock, unref, withCtx, createVNode, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass } from "vue";
-import { useI18n } from "vue-i18n";
-import { T as TWr, s as spr, c as bD, e as bV } from "./index.min-CUZWqaEQ.js";
-import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
-import { Button as _sfc_main$3 } from "./button.js";
-import { Command as _sfc_main$5, CommandList as _sfc_main$6, CommandGroup as _sfc_main$7, CommandItem as _sfc_main$8 } from "./command.js";
-import { _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$4 } from "./PopoverTrigger.vue_vue_type_script_setup_true_lang-Bu5YDhSO.js";
-const _hoisted_1 = { class: "flex-1" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ThemeSelector",
-  setup(__props) {
-    const { t } = useI18n();
-    const isOpen = ref(false);
-    const currentTheme = ref("auto");
-    let mediaQueryList;
-    let handleSystemThemeChange;
-    const getThemeIcon = (theme) => {
-      if (theme === "light") {
-        return spr;
-      } else if (theme === "dark") {
-        return bD;
-      } else {
-        return bV;
-      }
-    };
-    const themes = computed(() => [
-      { id: "light", label: t("uiVintage.theme.light") },
-      { id: "dark", label: t("uiVintage.theme.dark") },
-      { id: "auto", label: t("uiVintage.theme.auto") }
-    ]);
-    const isSystemDarkPreferred = () => {
-      return window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
-    };
-    const applyTheme = (theme) => {
-      document.documentElement.classList.remove("light", "dark");
-      if (theme === "auto") {
-        if (isSystemDarkPreferred()) {
-          document.documentElement.classList.add("dark");
-        } else {
-          document.documentElement.classList.add("light");
-        }
-      } else {
-        document.documentElement.classList.add(theme);
-      }
-      localStorage.setItem("theme", theme);
-    };
-    const handleSelectTheme = (theme) => {
-      currentTheme.value = theme;
-      applyTheme(theme);
-      isOpen.value = false;
-    };
-    const currentThemeIcon = computed(() => {
-      return getThemeIcon(currentTheme.value);
-    });
-    const themeOptions = computed(() => {
-      return themes.value.map((theme) => ({
-        key: theme.id,
-        label: theme.label,
-        icon: getThemeIcon(theme.id)
-      }));
-    });
-    onMounted(() => {
-      const savedTheme = localStorage.getItem("theme") || "auto";
-      currentTheme.value = savedTheme;
-      applyTheme(savedTheme);
-      mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
-      handleSystemThemeChange = () => {
-        if (currentTheme.value === "auto") {
-          applyTheme("auto");
-        }
-      };
-      mediaQueryList.addEventListener("change", handleSystemThemeChange);
-    });
-    onUnmounted(() => {
-      if (mediaQueryList && handleSystemThemeChange) {
-        mediaQueryList.removeEventListener("change", handleSystemThemeChange);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), {
-        open: isOpen.value,
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => isOpen.value = $event)
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(_sfc_main$2), { "as-child": "" }, {
-            default: withCtx(() => [
-              createVNode(unref(_sfc_main$3), {
-                variant: "secondary",
-                size: "icon",
-                "aria-label": unref(t)("uiVintage.theme.ariaLabel")
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(HugeiconsIcon), {
-                    icon: currentThemeIcon.value,
-                    class: "h-5 w-5"
-                  }, null, 8, ["icon"])
-                ]),
-                _: 1
-              }, 8, ["aria-label"])
-            ]),
-            _: 1
-          }),
-          createVNode(unref(_sfc_main$4), {
-            side: "bottom",
-            align: "end",
-            "side-offset": 8,
-            class: "w-44 !p-0"
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(_sfc_main$5), { "model-value": currentTheme.value }, {
-                default: withCtx(() => [
-                  createVNode(unref(_sfc_main$6), null, {
-                    default: withCtx(() => [
-                      createVNode(unref(_sfc_main$7), {
-                        heading: unref(t)("uiVintage.theme.title")
-                      }, {
-                        default: withCtx(() => [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(themeOptions.value, (option) => {
-                            return openBlock(), createBlock(unref(_sfc_main$8), {
-                              key: option.key,
-                              value: option.key,
-                              onSelect: ($event) => handleSelectTheme(option.key)
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(unref(HugeiconsIcon), {
-                                  icon: option.icon,
-                                  class: "size-4"
-                                }, null, 8, ["icon"]),
-                                createElementVNode("span", _hoisted_1, toDisplayString(option.label), 1),
-                                createVNode(unref(HugeiconsIcon), {
-                                  icon: unref(TWr),
-                                  class: normalizeClass(["ml-auto size-4 shrink-0", currentTheme.value === option.key ? "opacity-100" : "opacity-0"])
-                                }, null, 8, ["icon", "class"])
-                              ]),
-                              _: 2
-                            }, 1032, ["value", "onSelect"]);
-                          }), 128))
-                        ]),
-                        _: 1
-                      }, 8, ["heading"])
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["model-value"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["open"]);
-    };
-  }
-});
-export {
-  _sfc_main as ThemeSelector,
-  _sfc_main as default
-};

package/dist/time-picker.js

@@ -1,5 +0,0 @@
-import { _, _ as _2 } from "./TimePicker.vue_vue_type_script_setup_true_lang-C3Ww9XT5.js";
-export {
-  _ as TimePicker,
-  _2 as default
-};

package/dist/tooltip.js

@@ -1,32 +0,0 @@
-import { T as TooltipProvider_default } from "./TooltipTrigger.vue_vue_type_script_setup_true_lang-CIBac9lA.js";
-import { _, a, b } from "./TooltipTrigger.vue_vue_type_script_setup_true_lang-CIBac9lA.js";
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TooltipProvider",
-  props: {
-    delayDuration: { default: 0 },
-    skipDelayDuration: {},
-    disableHoverableContent: { type: Boolean },
-    disableClosingTrigger: { type: Boolean },
-    disabled: { type: Boolean },
-    ignoreNonKeyboardFocus: { type: Boolean },
-    content: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TooltipProvider_default), normalizeProps(guardReactiveProps(props)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-export {
-  _ as Tooltip,
-  a as TooltipContent,
-  _sfc_main as TooltipProvider,
-  b as TooltipTrigger
-};

package/dist/useDirection-B2bMgzzV.js

@@ -1,12 +0,0 @@
-import { i as injectConfigProviderContext } from "./ConfigProvider-DYO65bNW.js";
-import { ref, computed } from "vue";
-function useDirection(dir) {
-  const context = injectConfigProviderContext({ dir: ref("ltr") });
-  return computed(() => {
-    var _a;
-    return (dir == null ? void 0 : dir.value) || ((_a = context.dir) == null ? void 0 : _a.value) || "ltr";
-  });
-}
-export {
-  useDirection as u
-};

package/dist/useFocusGuards-2C1jyYW5.js

@@ -1,29 +0,0 @@
-import { watchEffect } from "vue";
-import { i as isClient } from "./index-DDJjWaIl.js";
-let count = 0;
-function useFocusGuards() {
-  watchEffect((cleanupFn) => {
-    if (!isClient) return;
-    const edgeGuards = document.querySelectorAll("[data-reka-focus-guard]");
-    document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
-    document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
-    count++;
-    cleanupFn(() => {
-      if (count === 1) document.querySelectorAll("[data-reka-focus-guard]").forEach((node) => node.remove());
-      count--;
-    });
-  });
-}
-function createFocusGuard() {
-  const element = document.createElement("span");
-  element.setAttribute("data-reka-focus-guard", "");
-  element.tabIndex = 0;
-  element.style.outline = "none";
-  element.style.opacity = "0";
-  element.style.position = "fixed";
-  element.style.pointerEvents = "none";
-  return element;
-}
-export {
-  useFocusGuards as u
-};

package/dist/useFormControl-DZ4LnB9F.js

@@ -1,11 +0,0 @@
-import { computed, toValue } from "vue";
-import { u as unrefElement } from "./index-Dw56kNV0.js";
-function useFormControl(el) {
-  return computed(() => {
-    var _a;
-    return toValue(el) ? Boolean((_a = unrefElement(el)) == null ? void 0 : _a.closest("form")) : true;
-  });
-}
-export {
-  useFormControl as u
-};

package/dist/useForwardExpose-BcX3VRdS.js

@@ -1,58 +0,0 @@
-import { getCurrentInstance, ref, computed, onUpdated, triggerRef } from "vue";
-import { u as unrefElement } from "./index-Dw56kNV0.js";
-function useForwardExpose() {
-  const instance = getCurrentInstance();
-  const currentRef = ref();
-  const currentElement = computed(() => resolveCurrentElement());
-  onUpdated(() => {
-    if (currentElement.value !== resolveCurrentElement()) triggerRef(currentRef);
-  });
-  function resolveCurrentElement() {
-    return currentRef.value && "$el" in currentRef.value && ["#text", "#comment"].includes(currentRef.value.$el.nodeName) ? currentRef.value.$el.nextElementSibling : unrefElement(currentRef);
-  }
-  const localExpose = Object.assign({}, instance.exposed);
-  const ret = {};
-  for (const key in instance.props) Object.defineProperty(ret, key, {
-    enumerable: true,
-    configurable: true,
-    get: () => instance.props[key]
-  });
-  if (Object.keys(localExpose).length > 0) for (const key in localExpose) Object.defineProperty(ret, key, {
-    enumerable: true,
-    configurable: true,
-    get: () => localExpose[key]
-  });
-  Object.defineProperty(ret, "$el", {
-    enumerable: true,
-    configurable: true,
-    get: () => instance.vnode.el
-  });
-  instance.exposed = ret;
-  function forwardRef(ref$1) {
-    currentRef.value = ref$1;
-    if (!ref$1) return;
-    Object.defineProperty(ret, "$el", {
-      enumerable: true,
-      configurable: true,
-      get: () => ref$1 instanceof Element ? ref$1 : ref$1.$el
-    });
-    if (!(ref$1 instanceof Element) && !Object.prototype.hasOwnProperty.call(ref$1, "$el")) {
-      const childExposed = ref$1.$.exposed;
-      const merged = Object.assign({}, ret);
-      for (const key in childExposed) Object.defineProperty(merged, key, {
-        enumerable: true,
-        configurable: true,
-        get: () => childExposed[key]
-      });
-      instance.exposed = merged;
-    }
-  }
-  return {
-    forwardRef,
-    currentRef,
-    currentElement
-  };
-}
-export {
-  useForwardExpose as u
-};

package/dist/useForwardPropsEmits-GlUGKcIz.js

@@ -1,47 +0,0 @@
-import { getCurrentInstance, toHandlerKey, camelize, toRef, computed } from "vue";
-function useEmitAsProps(emit) {
-  const vm = getCurrentInstance();
-  const events = vm == null ? void 0 : vm.type.emits;
-  const result = {};
-  if (!(events == null ? void 0 : events.length)) console.warn(`No emitted event found. Please check component: ${vm == null ? void 0 : vm.type.__name}`);
-  events == null ? void 0 : events.forEach((ev) => {
-    result[toHandlerKey(camelize(ev))] = (...arg) => emit(ev, ...arg);
-  });
-  return result;
-}
-function useForwardProps(props) {
-  const vm = getCurrentInstance();
-  const defaultProps = Object.keys((vm == null ? void 0 : vm.type.props) ?? {}).reduce((prev, curr) => {
-    const defaultValue = (vm == null ? void 0 : vm.type.props[curr]).default;
-    if (defaultValue !== void 0) prev[curr] = defaultValue;
-    return prev;
-  }, {});
-  const refProps = toRef(props);
-  return computed(() => {
-    const preservedProps = {};
-    const assignedProps = (vm == null ? void 0 : vm.vnode.props) ?? {};
-    Object.keys(assignedProps).forEach((key) => {
-      preservedProps[camelize(key)] = assignedProps[key];
-    });
-    return Object.keys({
-      ...defaultProps,
-      ...preservedProps
-    }).reduce((prev, curr) => {
-      if (refProps.value[curr] !== void 0) prev[curr] = refProps.value[curr];
-      return prev;
-    }, {});
-  });
-}
-function useForwardPropsEmits(props, emit) {
-  const parsedProps = useForwardProps(props);
-  const emitsAsProps = emit ? useEmitAsProps(emit) : {};
-  return computed(() => ({
-    ...parsedProps.value,
-    ...emitsAsProps
-  }));
-}
-export {
-  useForwardProps as a,
-  useEmitAsProps as b,
-  useForwardPropsEmits as u
-};

package/dist/useId-CF6wz41D.js

@@ -1,16 +0,0 @@
-import { i as injectConfigProviderContext } from "./ConfigProvider-DYO65bNW.js";
-import * as vue from "vue";
-let count = 0;
-function useId(deterministicId, prefix = "reka") {
-  var _a, _b;
-  let id;
-  if ("useId" in vue) id = (_a = vue.useId) == null ? void 0 : _a.call(vue);
-  else {
-    const configProviderContext = injectConfigProviderContext({ useId: void 0 });
-    id = ((_b = configProviderContext.useId) == null ? void 0 : _b.call(configProviderContext)) ?? `${++count}`;
-  }
-  return prefix ? `${prefix}-${id}` : id;
-}
-export {
-  useId as u
-};

package/dist/useKbd-JjFOu4f7.js

@@ -1,41 +0,0 @@
-function useKbd() {
-  return {
-    ALT: "Alt",
-    ARROW_DOWN: "ArrowDown",
-    ARROW_LEFT: "ArrowLeft",
-    ARROW_RIGHT: "ArrowRight",
-    ARROW_UP: "ArrowUp",
-    BACKSPACE: "Backspace",
-    CAPS_LOCK: "CapsLock",
-    CONTROL: "Control",
-    DELETE: "Delete",
-    END: "End",
-    ENTER: "Enter",
-    ESCAPE: "Escape",
-    F1: "F1",
-    F10: "F10",
-    F11: "F11",
-    F12: "F12",
-    F2: "F2",
-    F3: "F3",
-    F4: "F4",
-    F5: "F5",
-    F6: "F6",
-    F7: "F7",
-    F8: "F8",
-    F9: "F9",
-    HOME: "Home",
-    META: "Meta",
-    PAGE_DOWN: "PageDown",
-    PAGE_UP: "PageUp",
-    SHIFT: "Shift",
-    SPACE: " ",
-    TAB: "Tab",
-    CTRL: "Control",
-    ASTERISK: "*",
-    SPACE_CODE: "Space"
-  };
-}
-export {
-  useKbd as u
-};

package/dist/useNonce-CWj1JlPB.js

@@ -1,12 +0,0 @@
-import { i as injectConfigProviderContext } from "./ConfigProvider-DYO65bNW.js";
-import { ref, computed } from "vue";
-function useNonce(nonce) {
-  const context = injectConfigProviderContext({ nonce: ref() });
-  return computed(() => {
-    var _a;
-    return (nonce == null ? void 0 : nonce.value) || ((_a = context.nonce) == null ? void 0 : _a.value);
-  });
-}
-export {
-  useNonce as u
-};

package/dist/usePrimitiveElement-BCpwlakH.js

@@ -1,16 +0,0 @@
-import { ref, computed } from "vue";
-import { u as unrefElement } from "./index-Dw56kNV0.js";
-function usePrimitiveElement() {
-  const primitiveElement = ref();
-  const currentElement = computed(() => {
-    var _a, _b;
-    return ["#text", "#comment"].includes((_a = primitiveElement.value) == null ? void 0 : _a.$el.nodeName) ? (_b = primitiveElement.value) == null ? void 0 : _b.$el.nextElementSibling : unrefElement(primitiveElement);
-  });
-  return {
-    primitiveElement,
-    currentElement
-  };
-}
-export {
-  usePrimitiveElement as u
-};

package/dist/useSize-DUgGY9t1.js

@@ -1,51 +0,0 @@
-import { ref, computed, onMounted } from "vue";
-import { u as unrefElement } from "./index-Dw56kNV0.js";
-function useSize(element) {
-  const size = ref();
-  const width = computed(() => {
-    var _a;
-    return ((_a = size.value) == null ? void 0 : _a.width) ?? 0;
-  });
-  const height = computed(() => {
-    var _a;
-    return ((_a = size.value) == null ? void 0 : _a.height) ?? 0;
-  });
-  onMounted(() => {
-    const el = unrefElement(element);
-    if (el) {
-      size.value = {
-        width: el.offsetWidth,
-        height: el.offsetHeight
-      };
-      const resizeObserver = new ResizeObserver((entries) => {
-        if (!Array.isArray(entries)) return;
-        if (!entries.length) return;
-        const entry = entries[0];
-        let width$1;
-        let height$1;
-        if ("borderBoxSize" in entry) {
-          const borderSizeEntry = entry.borderBoxSize;
-          const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
-          width$1 = borderSize.inlineSize;
-          height$1 = borderSize.blockSize;
-        } else {
-          width$1 = el.offsetWidth;
-          height$1 = el.offsetHeight;
-        }
-        size.value = {
-          width: width$1,
-          height: height$1
-        };
-      });
-      resizeObserver.observe(el, { box: "border-box" });
-      return () => resizeObserver.unobserve(el);
-    } else size.value = void 0;
-  });
-  return {
-    width,
-    height
-  };
-}
-export {
-  useSize as u
-};