@leavepulse/ui 0.43.4 → 0.45.0

package/dist/chunks/LpContextMenu-CwW1QXe_.js

@@ -1,217 +0,0 @@
-import { defineComponent, computed, renderSlot, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, withModifiers } from "vue";
-import { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent, ContextMenuSeparator, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, ContextMenuItem } from "reka-ui";
-import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-const _hoisted_1 = { class: "flex items-center gap-2" };
-const _hoisted_2 = { class: "flex items-center gap-2" };
-const _hoisted_3 = {
-  key: 0,
-  class: "text-xs text-muted"
-};
-const _hoisted_4 = { class: "flex items-center gap-2" };
-const _hoisted_5 = {
-  key: 0,
-  class: "text-xs text-muted"
-};
-const _hoisted_6 = { class: "flex items-center gap-2" };
-const _hoisted_7 = {
-  key: 0,
-  class: "text-xs text-muted"
-};
-const _hoisted_8 = { class: "flex items-center gap-2" };
-const _hoisted_9 = {
-  key: 0,
-  class: "text-xs text-muted"
-};
-const ITEM = "group/item flex cursor-pointer select-none items-center gap-2 rounded-md px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[disabled]:pointer-events-none data-[disabled]:opacity-45 data-[highlighted]:bg-brand-soft";
-const ICON = "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[highlighted]/item:translate-x-0.5";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LpContextMenu",
-  props: {
-    items: {},
-    always: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const enabled = computed(() => props.always || props.items.length > 0);
-    const PANEL = `${POPOVER_PANEL} z-(--z-popover) min-w-48 p-1 outline-none`;
-    const SELECTABLE = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password"]);
-    let field = null;
-    function rememberField() {
-      const el = document.activeElement;
-      const text = el instanceof HTMLTextAreaElement || el instanceof HTMLInputElement && SELECTABLE.has(el.type);
-      field = text ? { el, value: el.value, start: el.selectionStart ?? 0, end: el.selectionEnd ?? 0 } : null;
-    }
-    function returnFocus(event) {
-      const saved = field;
-      field = null;
-      if (!saved || !saved.el.isConnected) return;
-      event.preventDefault();
-      saved.el.focus();
-      if (saved.el.value === saved.value) saved.el.setSelectionRange(saved.start, saved.end);
-    }
-    return (_ctx, _cache) => {
-      return !enabled.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(unref(ContextMenuRoot), { key: 1 }, {
-        default: withCtx(() => [
-          createVNode(unref(ContextMenuTrigger), {
-            "as-child": "",
-            onContextmenuCapture: rememberField
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }),
-          __props.items.length ? (openBlock(), createBlock(unref(ContextMenuPortal), { key: 0 }, {
-            default: withCtx(() => [
-              createVNode(unref(ContextMenuContent), {
-                class: normalizeClass(PANEL),
-                onCloseAutoFocus: returnFocus
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
-                    return openBlock(), createElementBlock(Fragment, { key: i }, [
-                      item.separatorBefore ? (openBlock(), createBlock(unref(ContextMenuSeparator), {
-                        key: 0,
-                        class: "my-1 h-px bg-line"
-                      })) : createCommentVNode("", true),
-                      item.children?.length ? (openBlock(), createBlock(unref(ContextMenuSub), { key: 1 }, {
-                        default: withCtx(() => [
-                          createVNode(unref(ContextMenuSubTrigger), {
-                            class: normalizeClass([ITEM, "justify-between text-ink data-[highlighted]:text-brand data-[state=open]:bg-brand-soft data-[state=open]:text-brand"])
-                          }, {
-                            default: withCtx(() => [
-                              createElementVNode("span", _hoisted_1, [
-                                item.icon ? (openBlock(), createBlock(_sfc_main$1, {
-                                  key: 0,
-                                  name: item.icon,
-                                  size: 15,
-                                  class: normalizeClass(ICON)
-                                }, null, 8, ["name"])) : createCommentVNode("", true),
-                                createTextVNode(" " + toDisplayString(item.label), 1)
-                              ]),
-                              createVNode(_sfc_main$1, {
-                                name: "lucide:chevron-right",
-                                size: 14,
-                                class: "text-muted"
-                              })
-                            ]),
-                            _: 2
-                          }, 1032, ["class"]),
-                          createVNode(unref(ContextMenuPortal), null, {
-                            default: withCtx(() => [
-                              createVNode(unref(ContextMenuSubContent), {
-                                class: normalizeClass(PANEL),
-                                "side-offset": 2,
-                                "align-offset": -4
-                              }, {
-                                default: withCtx(() => [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (sub, j) => {
-                                    return openBlock(), createElementBlock(Fragment, { key: j }, [
-                                      sub.separatorBefore ? (openBlock(), createBlock(unref(ContextMenuSeparator), {
-                                        key: 0,
-                                        class: "my-1 h-px bg-line"
-                                      })) : createCommentVNode("", true),
-                                      sub.checked !== void 0 ? (openBlock(), createBlock(unref(ContextMenuItem), {
-                                        key: 1,
-                                        class: normalizeClass([ITEM, "justify-between text-ink data-[highlighted]:text-brand"]),
-                                        disabled: sub.disabled,
-                                        onSelect: withModifiers(($event) => sub.onSelect?.(), ["prevent"])
-                                      }, {
-                                        default: withCtx(() => [
-                                          createElementVNode("span", _hoisted_2, [
-                                            createVNode(_sfc_main$1, {
-                                              name: sub.checked ? "lucide:check" : "lucide:minus",
-                                              size: 15,
-                                              class: normalizeClass([ICON, sub.checked ? "" : "opacity-25"])
-                                            }, null, 8, ["name", "class"]),
-                                            createTextVNode(" " + toDisplayString(sub.label), 1)
-                                          ]),
-                                          sub.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_3, toDisplayString(sub.shortcut), 1)) : createCommentVNode("", true)
-                                        ]),
-                                        _: 2
-                                      }, 1032, ["class", "disabled", "onSelect"])) : (openBlock(), createBlock(unref(ContextMenuItem), {
-                                        key: 2,
-                                        class: normalizeClass([ITEM, "justify-between", sub.danger ? "text-danger data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger" : "text-ink data-[highlighted]:text-brand"]),
-                                        disabled: sub.disabled,
-                                        onSelect: ($event) => sub.onSelect?.()
-                                      }, {
-                                        default: withCtx(() => [
-                                          createElementVNode("span", _hoisted_4, [
-                                            sub.icon ? (openBlock(), createBlock(_sfc_main$1, {
-                                              key: 0,
-                                              name: sub.icon,
-                                              size: 15,
-                                              class: normalizeClass(ICON)
-                                            }, null, 8, ["name"])) : createCommentVNode("", true),
-                                            createTextVNode(" " + toDisplayString(sub.label), 1)
-                                          ]),
-                                          sub.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_5, toDisplayString(sub.shortcut), 1)) : createCommentVNode("", true)
-                                        ]),
-                                        _: 2
-                                      }, 1032, ["class", "disabled", "onSelect"]))
-                                    ], 64);
-                                  }), 128))
-                                ]),
-                                _: 2
-                              }, 1024)
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ]),
-                        _: 2
-                      }, 1024)) : item.checked !== void 0 ? (openBlock(), createBlock(unref(ContextMenuItem), {
-                        key: 2,
-                        class: normalizeClass([ITEM, "justify-between text-ink data-[highlighted]:text-brand"]),
-                        disabled: item.disabled,
-                        onSelect: withModifiers(($event) => item.onSelect?.(), ["prevent"])
-                      }, {
-                        default: withCtx(() => [
-                          createElementVNode("span", _hoisted_6, [
-                            createVNode(_sfc_main$1, {
-                              name: item.checked ? "lucide:check" : "lucide:minus",
-                              size: 15,
-                              class: normalizeClass([ICON, item.checked ? "" : "opacity-25"])
-                            }, null, 8, ["name", "class"]),
-                            createTextVNode(" " + toDisplayString(item.label), 1)
-                          ]),
-                          item.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_7, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)
-                        ]),
-                        _: 2
-                      }, 1032, ["class", "disabled", "onSelect"])) : (openBlock(), createBlock(unref(ContextMenuItem), {
-                        key: 3,
-                        class: normalizeClass([ITEM, "justify-between", item.danger ? "text-danger data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger" : "text-ink data-[highlighted]:text-brand"]),
-                        disabled: item.disabled,
-                        onSelect: ($event) => item.onSelect?.()
-                      }, {
-                        default: withCtx(() => [
-                          createElementVNode("span", _hoisted_8, [
-                            item.icon ? (openBlock(), createBlock(_sfc_main$1, {
-                              key: 0,
-                              name: item.icon,
-                              size: 15,
-                              class: normalizeClass(ICON)
-                            }, null, 8, ["name"])) : createCommentVNode("", true),
-                            createTextVNode(" " + toDisplayString(item.label), 1)
-                          ]),
-                          item.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_9, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)
-                        ]),
-                        _: 2
-                      }, 1032, ["class", "disabled", "onSelect"]))
-                    ], 64);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }));
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpDatePicker-CwOToxGq.js

@@ -1,164 +0,0 @@
-import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeClass, toDisplayString, createElementBlock, withKeys, withModifiers, createCommentVNode } from "vue";
-import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
-import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpCalendar-B7Ko5RdR.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$3 } from "./LpTimeField-K6nAGboX.js";
-const _hoisted_1 = ["disabled"];
-const _hoisted_2 = ["onKeydown"];
-const _hoisted_3 = {
-  key: 0,
-  class: "flex items-center gap-2 border-t border-line px-3 py-2"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LpDatePicker",
-  props: {
-    modelValue: {},
-    placeholder: { default: "Pick a date" },
-    min: {},
-    max: {},
-    isDisabled: {},
-    clearable: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    size: { default: "md" },
-    format: { default: () => ({ year: "numeric", month: "short", day: "numeric" }) },
-    time: { type: Boolean },
-    defaultTime: { default: "00:00" },
-    doneLabel: { default: "Done" }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const open = ref(false);
-    const day = computed(() => (props.modelValue || "").slice(0, 10));
-    const minute = computed(() => {
-      const at = (props.modelValue || "").slice(11, 16);
-      return /^\d{2}:\d{2}$/.test(at) ? at : "";
-    });
-    const display = computed(() => {
-      if (!props.modelValue) return "";
-      const [y, m, d] = day.value.split("-").map(Number);
-      if (!y || !m || !d) return props.modelValue;
-      const shown = new Intl.DateTimeFormat(void 0, props.format).format(new Date(y, m - 1, d));
-      return props.time && minute.value ? `${shown}, ${minute.value}` : shown;
-    });
-    const shellSize = {
-      sm: "h-(--size-control-sm) text-xs",
-      md: "h-(--size-control-md) text-sm",
-      lg: "h-(--size-control-lg) text-sm"
-    };
-    function onPick(v) {
-      if (!props.time) {
-        emit("update:modelValue", v);
-        open.value = false;
-        return;
-      }
-      emit("update:modelValue", v ? `${v}T${minute.value || props.defaultTime}` : void 0);
-    }
-    function onTime(at) {
-      if (!day.value) return;
-      emit("update:modelValue", `${day.value}T${at || props.defaultTime}`);
-    }
-    function clear() {
-      emit("update:modelValue", void 0);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PopoverRoot), {
-        open: open.value,
-        "onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event)
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(PopoverTrigger), { "as-child": "" }, {
-            default: withCtx(() => [
-              createElementVNode("button", {
-                type: "button",
-                disabled: __props.disabled,
-                class: normalizeClass(["group flex w-full items-center gap-2 rounded-control border bg-surface-soft px-3 text-left text-ink outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:border-brand disabled:cursor-not-allowed disabled:opacity-55", [
-                  shellSize[__props.size],
-                  __props.invalid ? "border-danger focus-visible:ring-danger-soft" : "border-line focus-visible:border-brand"
-                ]])
-              }, [
-                createVNode(_sfc_main$1, {
-                  name: "lucide:calendar",
-                  size: 16,
-                  class: "shrink-0 text-muted"
-                }),
-                createElementVNode("span", {
-                  class: normalizeClass(["min-w-0 flex-1 truncate", display.value ? "" : "text-muted"])
-                }, toDisplayString(display.value || __props.placeholder), 3),
-                __props.clearable && __props.modelValue && !__props.disabled ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  role: "button",
-                  tabindex: "-1",
-                  "aria-label": "Clear",
-                  class: "shrink-0 text-muted transition-colors hover:text-ink",
-                  onClick: withModifiers(clear, ["stop"]),
-                  onKeydown: withKeys(withModifiers(clear, ["stop"]), ["enter"])
-                }, [
-                  createVNode(_sfc_main$1, {
-                    name: "lucide:x",
-                    size: 15
-                  })
-                ], 40, _hoisted_2)) : createCommentVNode("", true),
-                createVNode(_sfc_main$1, {
-                  name: "lucide:chevron-down",
-                  size: 15,
-                  class: "shrink-0 text-muted transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[state=open]:rotate-180"
-                })
-              ], 10, _hoisted_1)
-            ]),
-            _: 1
-          }),
-          createVNode(unref(PopoverPortal), null, {
-            default: withCtx(() => [
-              createVNode(unref(PopoverContent), {
-                "side-offset": 6,
-                align: "start",
-                class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) rounded-card p-0 outline-none"])
-              }, {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$2, {
-                    "model-value": day.value,
-                    min: __props.min,
-                    max: __props.max,
-                    "is-disabled": __props.isDisabled,
-                    class: "border-0 bg-transparent",
-                    "onUpdate:modelValue": onPick
-                  }, null, 8, ["model-value", "min", "max", "is-disabled"]),
-                  __props.time ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                    createVNode(_sfc_main$1, {
-                      name: "lucide:clock",
-                      size: 15,
-                      class: "shrink-0 text-muted"
-                    }),
-                    createVNode(_sfc_main$3, {
-                      "model-value": minute.value || void 0,
-                      disabled: !day.value,
-                      icon: false,
-                      size: "sm",
-                      class: "flex-1",
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = (at) => onTime(at || ""))
-                    }, null, 8, ["model-value", "disabled"]),
-                    createElementVNode("button", {
-                      type: "button",
-                      class: "shrink-0 rounded-control px-2 py-1 text-xs text-muted transition-colors hover:text-ink",
-                      onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
-                    }, toDisplayString(__props.doneLabel), 1)
-                  ])) : createCommentVNode("", true)
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["open"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpFormField-CazBc2-a.js

@@ -1,62 +0,0 @@
-import { defineComponent, useId, openBlock, createElementBlock, mergeProps, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
-import { Label } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "text-danger"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "pt-1.5 text-xs text-danger"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "pt-1.5 text-xs text-muted"
-};
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpFormField",
-  props: {
-    label: {},
-    hint: {},
-    error: {},
-    required: { type: Boolean }
-  },
-  setup(__props) {
-    const id = useId();
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      "flex min-w-0 flex-col gap-1.5"
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest)), [
-        __props.label ? (openBlock(), createBlock(unref(Label), {
-          key: 0,
-          for: unref(id),
-          class: "text-sm font-medium text-ink"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.label) + " ", 1),
-            __props.required ? (openBlock(), createElementBlock("span", _hoisted_1, "*")) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["for"])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default", { id: unref(id) }),
-        createVNode(_sfc_main$1, { axis: "height" }, {
-          default: withCtx(() => [
-            __props.error ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(__props.error), 1)) : __props.hint || _ctx.$slots.hint ? (openBlock(), createElementBlock("p", _hoisted_3, [
-              renderSlot(_ctx.$slots, "hint", {}, () => [
-                createTextVNode(toDisplayString(__props.hint), 1)
-              ])
-            ])) : createCommentVNode("", true)
-          ]),
-          _: 3
-        })
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpPhoneInput-BDSKVl_z.js

@@ -1,209 +0,0 @@
-import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, toDisplayString, normalizeClass, createTextVNode, Fragment, renderList, createBlock, withModifiers, normalizeStyle } from "vue";
-import { ComboboxRoot, ComboboxAnchor, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxInput, ComboboxViewport, ComboboxEmpty, ComboboxItem } from "reka-ui";
-import { useInputFilter } from "../composables/useInputFilter.js";
-import { matchCountryByValue, loadCountries, flagEmoji } from "../components/countries.js";
-import { POPOVER_PANEL, OPTION_ITEM } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-const _hoisted_1 = { class: "text-base leading-none" };
-const _hoisted_2 = { class: "border-b border-line p-2" };
-const _hoisted_3 = { class: "text-base leading-none" };
-const _hoisted_4 = { class: "min-w-0 flex-1 truncate" };
-const _hoisted_5 = { class: "shrink-0 text-xs text-muted" };
-const _hoisted_6 = ["value", "placeholder", "disabled", "aria-invalid"];
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpPhoneInput",
-  props: {
-    modelValue: {},
-    only: {},
-    defaultCountry: {},
-    placeholder: { default: "Phone number" },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    size: { default: "md" },
-    emptyText: { default: "No country" },
-    searchPlaceholder: { default: "Search country…" }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const PHONE_CHARS = /[\d+()\-\s]/;
-    const { onBeforeInput, onPaste } = useInputFilter({ restrict: () => PHONE_CHARS });
-    const allCountries = ref([]);
-    const countries = computed(() => {
-      if (!props.only?.length) return allCountries.value;
-      const set = new Set(props.only.map((c) => c.toUpperCase()));
-      return allCountries.value.filter((c) => set.has(c.iso2));
-    });
-    const fallback = computed(() => {
-      const iso = props.defaultCountry?.toUpperCase();
-      return iso ? countries.value.find((c) => c.iso2 === iso) : void 0;
-    });
-    const activeCountry = computed(
-      () => matchCountryByValue(props.modelValue ?? "", countries.value) ?? fallback.value
-    );
-    const open = ref(false);
-    const query = ref("");
-    const filtered = computed(() => {
-      const q = query.value.trim().toLowerCase();
-      if (!q) return countries.value;
-      return countries.value.filter(
-        (c) => c.name.toLowerCase().includes(q) || c.dial.includes(q.replace(/\D/g, ""))
-      );
-    });
-    function parse(value) {
-      const country = matchCountryByValue(value, countries.value);
-      const digits = value.replace(/[^\d]/g, "");
-      if (country) {
-        return { country, dialCode: country.dial, number: digits.slice(country.dial.length) };
-      }
-      return { country: void 0, dialCode: "", number: digits };
-    }
-    function setValue(value) {
-      emit("update:modelValue", value);
-      emit("change", parse(value));
-    }
-    function onInput(e) {
-      setValue(e.target.value);
-    }
-    function chooseCountry(c) {
-      const detail = parse(props.modelValue ?? "");
-      const national = detail.number;
-      setValue(`+${c.dial}${national ? " " + national : ""}`);
-      open.value = false;
-      query.value = "";
-    }
-    onMounted(async () => {
-      allCountries.value = await loadCountries();
-      if (!props.modelValue && fallback.value) {
-        emit("update:modelValue", `+${fallback.value.dial} `);
-      }
-    });
-    const sizeClass = {
-      sm: "h-(--size-control-sm) text-xs",
-      md: "h-(--size-control-md) text-sm",
-      lg: "h-(--size-control-lg) text-sm"
-    };
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      () => [
-        "flex w-full items-stretch rounded-control border bg-surface-soft text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2 focus-within:ring-ring",
-        sizeClass[props.size],
-        props.invalid ? "border-danger focus-within:border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand",
-        props.disabled ? "cursor-not-allowed opacity-55" : ""
-      ].join(" ")
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        "data-lp-ring-owner": "",
-        class: unref(rootClass)
-      }, unref(rest)), [
-        createVNode(unref(ComboboxRoot), {
-          open: open.value,
-          "onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event),
-          "ignore-filter": true,
-          "reset-search-term-on-select": false,
-          "reset-search-term-on-blur": false,
-          disabled: __props.disabled,
-          class: "flex"
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(ComboboxAnchor), { "as-child": "" }, {
-              default: withCtx(() => [
-                createVNode(unref(ComboboxTrigger), {
-                  type: "button",
-                  disabled: __props.disabled,
-                  class: "flex shrink-0 items-center gap-1 rounded-l-control border-r border-line px-2.5 outline-none hover:bg-white/[0.04] data-[state=open]:bg-white/[0.04]",
-                  "aria-label": "Select country"
-                }, {
-                  default: withCtx(() => [
-                    createElementVNode("span", _hoisted_1, toDisplayString(activeCountry.value ? unref(flagEmoji)(activeCountry.value.iso2) : "🌐"), 1),
-                    createVNode(_sfc_main$1, {
-                      name: "lucide:chevron-down",
-                      size: 14,
-                      class: "text-muted transition-transform data-[state=open]:rotate-180"
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["disabled"])
-              ]),
-              _: 1
-            }),
-            createVNode(unref(ComboboxPortal), null, {
-              default: withCtx(() => [
-                createVNode(unref(ComboboxContent), {
-                  position: "popper",
-                  align: "start",
-                  "side-offset": 6,
-                  class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-72 overflow-hidden"])
-                }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", _hoisted_2, [
-                      createVNode(unref(ComboboxInput), {
-                        "model-value": query.value,
-                        placeholder: __props.searchPlaceholder,
-                        "auto-focus": "",
-                        class: "h-(--size-control-sm) w-full rounded-md border border-line bg-surface-soft px-2.5 text-sm text-ink outline-none placeholder:text-muted focus:border-brand",
-                        onInput: _cache[0] || (_cache[0] = ($event) => query.value = $event.target.value)
-                      }, null, 8, ["model-value", "placeholder"])
-                    ]),
-                    createVNode(unref(ComboboxViewport), { class: "max-h-56 overflow-y-auto p-1" }, {
-                      default: withCtx(() => [
-                        createVNode(unref(ComboboxEmpty), { class: "px-3 py-4 text-center text-sm italic text-muted" }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(__props.emptyText), 1)
-                          ]),
-                          _: 1
-                        }),
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(filtered.value, (c, i) => {
-                          return openBlock(), createBlock(unref(ComboboxItem), {
-                            key: c.iso2,
-                            value: c.iso2,
-                            style: normalizeStyle({ animationDelay: `${Math.min(i, 12) * 22}ms` }),
-                            class: normalizeClass([unref(OPTION_ITEM), "gap-2.5"]),
-                            onSelect: withModifiers(($event) => chooseCountry(c), ["prevent"])
-                          }, {
-                            default: withCtx(() => [
-                              createElementVNode("span", _hoisted_3, toDisplayString(unref(flagEmoji)(c.iso2)), 1),
-                              createElementVNode("span", _hoisted_4, toDisplayString(c.name), 1),
-                              createElementVNode("span", _hoisted_5, "+" + toDisplayString(c.dial), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["value", "style", "class", "onSelect"]);
-                        }), 128))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["open", "disabled"]),
-        createElementVNode("input", {
-          value: __props.modelValue,
-          placeholder: __props.placeholder,
-          disabled: __props.disabled,
-          "aria-invalid": __props.invalid || void 0,
-          type: "tel",
-          inputmode: "tel",
-          autocomplete: "tel",
-          class: "lp-autofill min-w-0 flex-1 self-stretch bg-transparent px-3 outline-none placeholder:text-muted",
-          onBeforeinput: _cache[2] || (_cache[2] = //@ts-ignore
-          (...args) => unref(onBeforeInput) && unref(onBeforeInput)(...args)),
-          onPaste: _cache[3] || (_cache[3] = //@ts-ignore
-          (...args) => unref(onPaste) && unref(onPaste)(...args)),
-          onInput
-        }, null, 40, _hoisted_6)
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};