@leavepulse/ui 0.44.0 → 0.45.0

package/dist/chunks/LpTagsInput-D1SuqbhB.js

@@ -0,0 +1,300 @@
+import { defineComponent, useAttrs, computed, ref, useId, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, unref, normalizeClass, withCtx, createElementVNode, createVNode, mergeProps, TransitionGroup, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString } from "vue";
+import { TagsInputRoot, TagsInputItem, TagsInputItemText, TagsInputItemDelete, TagsInputInput } from "reka-ui";
+import { useField, useFieldControl } from "../composables/useField.js";
+import { prefersReducedMotion } from "../composables/easing.js";
+import { useFieldNotice } from "../composables/useFieldNotice.js";
+import { useShift } from "../composables/useShift.js";
+import { useLabels } from "../composables/useLpConfig.js";
+import { mergeClass } from "../composables/useMergedClass.js";
+import { _ as _sfc_main$3 } from "./LpFieldNotice-wtieLUTj.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CtVYj6tO.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
+import { splitTags, addTags } from "../components/tags.js";
+const _hoisted_1 = { class: "relative" };
+const _hoisted_2 = {
+  class: "sr-only",
+  "aria-live": "polite"
+};
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpTagsInput",
+  props: {
+    modelValue: { default: () => [] },
+    placeholder: {},
+    delimiter: { default: () => [",", "\n", "	"] },
+    max: {},
+    duplicates: { default: "reject" },
+    validate: {},
+    normalize: {},
+    addOnBlur: { type: Boolean, default: true },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    required: { type: Boolean },
+    label: {},
+    hint: {},
+    error: {},
+    labels: {}
+  },
+  emits: ["update:modelValue", "reject", "blur"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const text = useLabels(
+      "tagsInput",
+      {
+        remove: "Remove {tag}",
+        duplicate: "{tag} is already added",
+        max: "Up to {max} items",
+        added: "{tag} added",
+        removed: "{tag} removed"
+      },
+      () => props.labels
+    );
+    const attrs = useAttrs();
+    const hasField = computed(() => !!props.label || !!props.hint || !!props.error);
+    const notice = useFieldNotice();
+    const outerField = useField();
+    const ownField = ref(null);
+    function bindField(c) {
+      ownField.value = hasField.value && c ? c : null;
+    }
+    const standalone = computed(() => !hasField.value && !outerField?.value.notify);
+    function say(message, options) {
+      if (hasField.value) ownField.value?.notify(message, options);
+      else if (outerField?.value.notify) outerField.value.notify(message, options);
+      else notice.show(message, options);
+    }
+    function unsay() {
+      if (hasField.value) ownField.value?.clearNotice();
+      else if (outerField?.value.clearNotice) outerField.value.clearNotice();
+      else notice.clear();
+    }
+    const stuck = ref(false);
+    const announcement = ref("");
+    const noticeId = `${useId()}-notice`;
+    const field = useFieldControl(() => ({
+      wrapped: hasField.value,
+      hasMessage: !!props.error || !!props.hint,
+      id: typeof attrs.id === "string" ? attrs.id : void 0,
+      invalid: props.invalid || !!props.error || stuck.value,
+      required: props.required,
+      disabled: props.disabled
+    }));
+    const describedBy = computed(
+      () => [
+        field.value.describedBy,
+        hasField.value && field.value.id ? `${field.value.id}-notice` : void 0,
+        standalone.value && notice.message.value ? noticeId : void 0
+      ].filter(Boolean).join(" ") || void 0
+    );
+    const rootAttrs = computed(() => {
+      const { class: _c, style: _s, id: _i, ...rest } = attrs;
+      return rest;
+    });
+    function explain(rejected) {
+      if (rejected.reason === "invalid") return rejected.message ?? "";
+      if (rejected.reason === "max") return text.value.max.replace("{max}", String(props.max));
+      return text.value.duplicate.replace("{tag}", rejected.value);
+    }
+    const inputEl = ref(null);
+    const { el: boxEl, tweening, resizing } = useShift({ axis: "height" });
+    const keyed = computed(() => {
+      const seen = /* @__PURE__ */ new Map();
+      return props.modelValue.map((tag) => {
+        const n = seen.get(tag) ?? 0;
+        seen.set(tag, n + 1);
+        return { tag, key: `${n}:${tag}` };
+      });
+    });
+    function pulse(tag) {
+      if (prefersReducedMotion()) return;
+      const chip = boxEl.value?.querySelector(`[data-tag-key="${CSS.escape(`0:${tag}`)}"]`);
+      chip?.animate(
+        [
+          { transform: "scale(1)", boxShadow: "0 0 0 0 transparent" },
+          { transform: "scale(1.08)", boxShadow: "0 0 0 2px var(--color-ring)" },
+          { transform: "scale(1)", boxShadow: "0 0 0 0 transparent" }
+        ],
+        { duration: 420, easing: "ease-out" }
+      );
+    }
+    function add(raw) {
+      const parts = splitTags(raw, props.delimiter);
+      if (!parts.length) return "";
+      const { tags, rejected, ignored } = addTags(props.modelValue, parts, {
+        max: props.max,
+        duplicates: props.duplicates,
+        validate: props.validate,
+        normalize: props.normalize
+      });
+      if (tags.length !== props.modelValue.length) {
+        const added = tags.slice(props.modelValue.length);
+        announcement.value = added.map((t) => text.value.added.replace("{tag}", t)).join(", ");
+        emit("update:modelValue", tags);
+      }
+      stuck.value = rejected.length > 0;
+      const first = rejected[0];
+      if (first) {
+        say(explain(first), { tone: first.reason === "invalid" ? "danger" : "info", duration: 0 });
+        emit("reject", rejected);
+      } else if (ignored.length) {
+        say(text.value.duplicate.replace("{tag}", ignored[0]));
+      } else {
+        unsay();
+      }
+      for (const r of rejected) if (r.reason === "duplicate") pulse(props.normalize ? props.normalize(r.value) : r.value);
+      for (const tag of ignored) pulse(tag);
+      return rejected.map((r) => r.value).join(joiner.value);
+    }
+    const joiner = computed(() => {
+      const d = props.delimiter;
+      const visible = d instanceof RegExp ? void 0 : (typeof d === "string" ? [d] : d).find((x) => x.trim());
+      return visible ? `${visible} ` : " ";
+    });
+    function commit(el) {
+      el.value = add(el.value);
+    }
+    function isDelimiter(data) {
+      const d = props.delimiter;
+      if (d instanceof RegExp) return new RegExp(d.source, d.flags.replace(/[gy]/g, "")).test(data);
+      return (typeof d === "string" ? [d] : d).includes(data);
+    }
+    function onKeydown(event) {
+      if (event.isComposing || !(event.target instanceof HTMLInputElement)) return;
+      if (event.key === "Enter" && event.target.value.trim()) {
+        event.preventDefault();
+        commit(event.target);
+      }
+    }
+    function onBeforeInput(event) {
+      if (event.isComposing || !(event.target instanceof HTMLInputElement)) return;
+      if (event.inputType === "insertText" && event.data && isDelimiter(event.data)) {
+        event.preventDefault();
+        commit(event.target);
+      }
+    }
+    function onInput() {
+      if (!stuck.value) return;
+      stuck.value = false;
+      unsay();
+    }
+    function onPaste(event) {
+      const pasted = event.clipboardData?.getData("text") ?? "";
+      if (!(event.target instanceof HTMLInputElement) || !pasted) return;
+      if (splitTags(pasted, props.delimiter).length < 2) return;
+      event.preventDefault();
+      const el = event.target;
+      const typed = el.value.slice(0, el.selectionStart ?? el.value.length) + pasted + el.value.slice(el.selectionEnd ?? el.value.length);
+      el.value = add(typed);
+    }
+    function onBlur(event) {
+      emit("blur", event);
+      if (props.addOnBlur && event.target instanceof HTMLInputElement && event.target.value.trim()) commit(event.target);
+    }
+    function onModel(value) {
+      const next = (value ?? []).map(String);
+      const removed = props.modelValue.filter((t) => !next.includes(t));
+      if (removed.length) announcement.value = removed.map((t) => text.value.removed.replace("{tag}", t)).join(", ");
+      stuck.value = false;
+      unsay();
+      emit("update:modelValue", next);
+    }
+    __expose({ focus: () => inputEl.value?.focus(), add: (value) => add(value) });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(hasField.value ? _sfc_main$1 : "div"), {
+        ref: bindField,
+        label: hasField.value ? __props.label : void 0,
+        hint: hasField.value ? __props.hint : void 0,
+        error: hasField.value ? __props.error : void 0,
+        required: hasField.value ? __props.required : void 0,
+        id: hasField.value ? unref(field).id : void 0,
+        class: normalizeClass(hasField.value ? unref(attrs).class : "contents"),
+        style: normalizeStyle(hasField.value ? unref(attrs).style : void 0)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(unref(TagsInputRoot), mergeProps(rootAttrs.value, {
+              "model-value": __props.modelValue,
+              disabled: unref(field).disabled,
+              required: unref(field).required,
+              id: unref(field).id,
+              delimiter: /(?!)/,
+              "data-lp-ring-owner": "",
+              ref: (c) => boxEl.value = c?.$el ?? null,
+              class: unref(mergeClass)(
+                "flex min-h-(--size-control-md) w-full flex-wrap items-center gap-1.5 rounded-control border border-line bg-surface-soft px-2 py-1.5 text-sm text-ink transition-colors duration-[var(--duration-fast)] focus-within:border-brand focus-within:ring-2 focus-within:ring-ring has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-55",
+                unref(field).invalid ? "border-danger focus-within:border-danger focus-within:ring-danger-soft" : "",
+                hasField.value ? "" : unref(attrs).class,
+                unref(tweening) ? "transition-[height,border-color,box-shadow] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : "",
+                unref(resizing) ? "overflow-hidden" : ""
+              ),
+              style: hasField.value ? void 0 : unref(attrs).style,
+              "onUpdate:modelValue": onModel
+            }), {
+              default: withCtx(() => [
+                createVNode(TransitionGroup, {
+                  "enter-active-class": "animate-[chip-in_var(--duration-fast)_var(--ease-emphasized)] motion-reduce:animate-none",
+                  "leave-active-class": "animate-[chip-out_var(--duration-fast)_ease] motion-reduce:animate-none"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(keyed.value, ({ tag, key }) => {
+                      return openBlock(), createBlock(unref(TagsInputItem), {
+                        key,
+                        "data-tag-key": key,
+                        value: tag,
+                        class: "inline-flex max-w-full items-center gap-1 rounded-pill bg-surface-raised py-0.5 pr-1 pl-2.5 text-xs font-medium text-ink outline-none data-[state=active]:ring-2 data-[state=active]:ring-ring"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(TagsInputItemText), { class: "truncate" }),
+                          createVNode(unref(TagsInputItemDelete), {
+                            "aria-labelledby": void 0,
+                            "aria-label": unref(text).remove.replace("{tag}", tag),
+                            class: "grid size-4 shrink-0 place-items-center rounded-pill text-muted transition-colors hover:bg-ink/10 hover:text-ink"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_sfc_main$2, {
+                                name: "lucide:x",
+                                size: 12
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["aria-label"])
+                        ]),
+                        _: 2
+                      }, 1032, ["data-tag-key", "value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(TagsInputInput), {
+                  ref: (c) => inputEl.value = c?.$el ?? null,
+                  placeholder: __props.modelValue.length ? void 0 : __props.placeholder,
+                  "aria-invalid": unref(field).invalid || void 0,
+                  "aria-describedby": describedBy.value,
+                  class: "min-w-24 flex-1 bg-transparent px-1 outline-none placeholder:text-muted",
+                  onKeydown,
+                  onBeforeinput: onBeforeInput,
+                  onInput,
+                  onPaste,
+                  onBlur
+                }, null, 8, ["placeholder", "aria-invalid", "aria-describedby"])
+              ]),
+              _: 1
+            }, 16, ["model-value", "disabled", "required", "id", "class", "style"]),
+            standalone.value ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 0,
+              notice: unref(notice),
+              id: noticeId
+            }, null, 8, ["notice"])) : createCommentVNode("", true)
+          ]),
+          createElementVNode("span", _hoisted_2, toDisplayString(announcement.value), 1)
+        ]),
+        _: 1
+      }, 8, ["label", "hint", "error", "required", "id", "class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpTextarea-yP8hGedR.js → LpTextarea-uuScWo6-.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, useAttrs, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, unref, normalizeClass, withCtx, createElementVNode, mergeProps } from "vue";
 import { useFieldControl } from "../composables/useField.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpFormField-CIk5qosh.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CtVYj6tO.js";
 const _hoisted_1 = ["id", "value", "placeholder", "rows", "disabled", "required", "aria-invalid", "aria-describedby"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpThemeProvider-Wjm7Tuit.js → LpThemeProvider-Be4r2TQX.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot } from "vue";
-import { t as themeEntries } from "./useTheme-C8JHUlPM.js";
+import { t as themeEntries } from "./useTheme-DJm1JSsY.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpThemeSwitcher-CKLc10KZ.js → LpThemeSwitcher-B4aVPbNC.js}

@@ -1,10 +1,14 @@
 import { defineComponent, computed, onMounted, ref, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, toDisplayString, createCommentVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { u as useTheme, p as presets } from "./useTheme-C8JHUlPM.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DQw5dGfG.js";
-import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
+import { u as useTheme, p as presets } from "./useTheme-DJm1JSsY.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = ["aria-label", "title"];
 const _hoisted_2 = {
+  key: 1,
+  class: "grid shrink-0 place-items-center"
+};
+const _hoisted_3 = {
   key: 2,
   class: "text-sm font-medium"
 };
@@ -45,9 +49,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (fallback) theme.init(fallback);
     });
     const SIZES = { sm: "size-7", md: "size-8", lg: "size-9" };
+    const HEIGHTS = { sm: "h-7", md: "h-8", lg: "h-9" };
     const ICON_SIZE = { sm: 15, md: 16, lg: 18 };
+    const CHIP = { sm: "size-3.5", md: "size-4", lg: "size-[18px]" };
     const wantsLabel = computed(() => props.showLabel || props.variant === "pill");
-    const bareIcon = computed(() => props.variant === "icon" && !wantsLabel.value);
     function applyTheme(t, ev) {
       if (props.transition) {
         theme.setTheme(t, ev ? { x: ev.clientX, y: ev.clientY } : void 0);
@@ -124,27 +129,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "aria-label": triggerLabel.value,
             title: triggerLabel.value,
             class: normalizeClass([
-              "inline-flex items-center justify-center gap-2 rounded-control outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring",
-              bareIcon.value ? [SIZES[__props.size], "text-muted hover:bg-surface-soft hover:text-ink"] : [
-                "border border-line bg-surface-raised px-1.5 text-ink hover:border-line-strong",
-                wantsLabel.value ? "py-1 pr-2.5" : ""
-              ]
+              "inline-flex shrink-0 items-center justify-center gap-2 outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring",
+              wantsLabel.value ? [
+                HEIGHTS[__props.size],
+                "rounded-full border border-line bg-surface-raised pl-2 pr-3 text-ink hover:border-line-strong hover:bg-surface-soft"
+              ] : [SIZES[__props.size], "rounded-control text-muted hover:bg-surface-soft hover:text-ink"]
             ]),
             onClick: cycle
           }, [
             __props.variant !== "icon" ? (openBlock(), createElementBlock("span", {
               key: 0,
-              class: normalizeClass(["grid shrink-0 place-items-center rounded-control border border-line/60", SIZES[__props.size]]),
-              style: { "background": "var(--color-surface)" }
-            }, [..._cache[0] || (_cache[0] = [
-              createElementVNode("span", {
-                class: "size-3 rounded-full",
-                style: { "background": "var(--color-brand)" }
-              }, null, -1)
-            ])], 2)) : (openBlock(), createElementBlock("span", {
-              key: 1,
-              class: normalizeClass(["grid shrink-0 place-items-center", SIZES[__props.size]])
-            }, [
+              class: normalizeClass(["shrink-0 rounded-full shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--color-ink)_22%,transparent)]", CHIP[__props.size]]),
+              style: { "background": "linear-gradient(135deg, var(--color-surface) 50%, var(--color-brand) 50%)" }
+            }, null, 2)) : (openBlock(), createElementBlock("span", _hoisted_2, [
               createVNode(_sfc_main$2, {
                 name: "lucide:moon",
                 size: ICON_SIZE[__props.size],
@@ -155,8 +152,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 size: ICON_SIZE[__props.size],
                 class: "hidden in-data-[theme-mode=light]:block"
               }, null, 8, ["size"])
-            ], 2)),
-            wantsLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(labelName.value), 1)) : createCommentVNode("", true)
+            ])),
+            wantsLabel.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(labelName.value), 1)) : createCommentVNode("", true)
           ], 10, _hoisted_1)
         ]),
         _: 1

package/dist/chunks/{LpTimeField-C5HRgS5H.js → LpTimeField-Cqe7fXnh.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createBlock, unref, normalizeClas
 import { Time } from "@internationalized/date";
 import { TimeFieldRoot, TimeFieldInput } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTimeField",
   props: {

package/dist/chunks/{LpToaster--oT6lfhL.js → LpToaster-DpJvoCOh.js}

@@ -1,9 +1,10 @@
-import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createVNode, createTextVNode, toDisplayString, createCommentVNode, withModifiers, normalizeStyle, Teleport } from "vue";
+import { defineComponent, useId, onMounted, nextTick, onBeforeUnmount, ref, watch, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createVNode, createTextVNode, toDisplayString, createCommentVNode, withModifiers, normalizeStyle, Teleport } from "vue";
 import { ToastProvider, ToastRoot, ToastTitle, ToastDescription, ToastViewport } from "reka-ui";
+import { prefersReducedMotion } from "../composables/easing.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useToast } from "../composables/useToast.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = { class: "flex items-start gap-3 p-3.5" };
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col gap-0.5" };
 const _hoisted_3 = ["disabled", "aria-busy", "onClick"];
@@ -17,6 +18,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const text = useLabels("toast", { dismiss: "Dismiss" }, () => props.labels);
     const { queue, dismiss } = useToast();
+    let observer;
+    const tops = /* @__PURE__ */ new WeakMap();
+    function toastsIn(root) {
+      return [...root.querySelectorAll("li[data-state]")];
+    }
+    function slide(root) {
+      const reduce = prefersReducedMotion();
+      const height = root.offsetHeight;
+      for (const el of toastsIn(root)) {
+        const before = tops.get(el);
+        const now2 = el.offsetTop - height;
+        tops.set(el, now2);
+        if (before === void 0 || before === now2 || reduce || el.hasAttribute("data-swipe")) continue;
+        el.animate([{ translate: `0 ${before - now2}px` }, { translate: "0 0" }], {
+          duration: 220,
+          easing: "cubic-bezier(0.2, 0, 0, 1)"
+        });
+      }
+    }
+    const viewportId = useId();
+    onMounted(
+      () => nextTick(() => {
+        const root = document.querySelector(`[data-lp-toasts="${viewportId}"]`);
+        if (!root || typeof MutationObserver === "undefined") return;
+        for (const el of toastsIn(root)) tops.set(el, el.offsetTop - root.offsetHeight);
+        observer = new MutationObserver(() => slide(root));
+        observer.observe(root, { childList: true, subtree: true });
+      })
+    );
+    onBeforeUnmount(() => observer?.disconnect());
     const tag = (t) => `${t.id}:${t.rev}`;
     const closing = ref(/* @__PURE__ */ new Set());
     function beginClose(t) {
@@ -212,7 +243,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 1032, ["open", "duration", "type", "class", "onUpdate:open", "onAnimationend", "onSwipeEnd", "onSwipeCancel", "onPause", "onResume", "onClick"]);
           }), 128)),
           (openBlock(), createBlock(Teleport, { to: "body" }, [
-            createVNode(unref(ToastViewport), { class: "fixed bottom-0 right-0 z-(--z-toast) flex w-[min(92vw,22rem)] flex-col gap-2 p-4 outline-none" })
+            createVNode(unref(ToastViewport), {
+              "data-lp-toasts": unref(viewportId),
+              class: "fixed bottom-0 right-0 z-(--z-toast) flex w-[min(92vw,22rem)] flex-col gap-2 p-4 outline-none"
+            }, null, 8, ["data-lp-toasts"])
           ]))
         ]),
         _: 1

package/dist/chunks/{LpTooltip-CBdzeKNf.js → LpTooltip-CXVKcOXT.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, Fragment, unref, normalizeProps, guardReactiveProps, withCtx, createVNode, renderSlot, normalizeStyle, normalizeClass, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, watch, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps, withCtx, createVNode, renderSlot, normalizeStyle, normalizeClass, createTextVNode, toDisplayString } from "vue";
 import { injectTooltipProviderContext, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent } from "reka-ui";
 import { springStep, springSettled } from "../composables/usePillTransition.js";
 import { PANEL_SURFACE, TOOLTIP_ANIM } from "../components/dropdown.js";
@@ -17,6 +17,7 @@ import '../assets/LpTooltip-B61SYd4K.css';const _sfc_main = /* @__PURE__ */ defi
   setup(__props) {
     const props = __props;
     const shared = injectTooltipProviderContext(null);
+    const PassThrough = (_, { slots }) => slots.default?.();
     const reducedMotion = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
     const target = { x: 0, y: 0 };
     const offset = ref({ x: 0, y: 0 });
@@ -79,7 +80,7 @@ import '../assets/LpTooltip-B61SYd4K.css';const _sfc_main = /* @__PURE__ */ defi
       if (frame) cancelAnimationFrame(frame);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(shared) ? Fragment : unref(TooltipProvider)), normalizeProps(guardReactiveProps(unref(shared) ? {} : { delayDuration: __props.delay ?? 200 })), {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(shared) ? PassThrough : unref(TooltipProvider)), normalizeProps(guardReactiveProps(unref(shared) ? {} : { delayDuration: __props.delay ?? 200 })), {
         default: withCtx(() => [
           createVNode(unref(TooltipRoot), {
             open: open.value,

package/dist/chunks/{LpTopologyCanvas-DocsLal3.js → LpTopologyCanvas-6ozNrQKh.js}

@@ -218,6 +218,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }),
           __props.minimap ? (openBlock(), createBlock(unref(MiniMap), {
             key: 0,
+            class: "max-sm:!hidden",
             pannable: "",
             zoomable: "",
             "node-color": "var(--color-surface-soft)",
@@ -227,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           __props.legend ? (openBlock(), createBlock(unref(Panel), {
             key: 2,
             position: __props.legendPosition,
-            class: normalizeClass(legendOffset.value)
+            class: normalizeClass([legendOffset.value, "max-sm:hidden"])
           }, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1, [

package/dist/chunks/{LpUptimeBar-DLtxOMRy.js → LpUptimeBar-ugcv25xj.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString, createCommentVNode, createVNode, withCtx, Fragment, renderList, normalizeStyle, createBlock, createTextVNode } from "vue";
 import { _ as _sfc_main$3 } from "./LpNumberFlow-z4WPZcZu.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-CM5gkSeF.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-CBdzeKNf.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-CXVKcOXT.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import '../assets/LpUptimeBar-B98o9krI.css';const _hoisted_1 = {

package/dist/chunks/icons-CkA0njzm.js

@@ -0,0 +1,43 @@
+import { addCollection, iconLoaded, addIcon } from "@iconify/vue";
+import { ref } from "vue";
+const KIT_ICONS = { "prefix": "lucide", "icons": { "activity": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/>' }, "arrow-down": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5v14m7-7l-7 7l-7-7"/>' }, "arrow-up": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 12l7-7l7 7m-7 7V5"/>' }, "bell": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.268 21a2 2 0 0 0 3.464 0m-10.47-5.674A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"/>' }, "bell-off": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.268 21a2 2 0 0 0 3.464 0M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742M2 2l20 20M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05"/>' }, "calendar": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M8 2v4m8-4v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></g>' }, "calendar-range": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M16 2v4M3 10h18M8 2v4m9 8h-6m2 4H7m0-4h.01M17 18h.01"/></g>' }, "chart-no-axes-column": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 21v-6m7 6V3m7 18V9"/>' }, "chart-pie": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z"/><path d="M21.21 15.89A10 10 0 1 1 8 2.83"/></g>' }, "check": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 6L9 17l-5-5"/>' }, "check-check": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6L7 17l-5-5m20-2l-7.5 7.5L13 16"/>' }, "circle-check-big": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M21.801 10A10 10 0 1 1 17 3.335"/><path d="m9 11l3 3L22 4"/></g>' }, "chevron-down": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9l6 6l6-6"/>' }, "chevron-left": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 18l-6-6l6-6"/>' }, "chevron-right": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/>' }, "chevron-up": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m18 15l-6-6l-6 6"/>' }, "chevrons-up-down": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m7 15l5 5l5-5M7 9l5-5l5 5"/>' }, "circle-alert": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 8v4m0 4h.01"/></g>' }, "circle-check": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="m9 12l2 2l4-4"/></g>' }, "circle-x": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="m15 9l-6 6m0-6l6 6"/></g>' }, "clipboard": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></g>' }, "clipboard-list": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2m4 7h4m-4 5h4m-8-5h.01M8 16h.01"/></g>' }, "clock": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></g>' }, "code": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m16 18l6-6l-6-6M8 6l-6 6l6 6"/>' }, "columns-3": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18m6-18v18"/></g>' }, "container": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z"/><path d="M10 21.9V14L2.1 9.1M10 14l11.9-6.9M14 19.8v-8.1m4 5.8V9.4"/></g>' }, "copy": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></g>' }, "crosshair": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M22 12h-4M6 12H2m10-6V2m0 20v-4"/></g>' }, "database": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5v14a9 3 0 0 0 18 0V5"/><path d="M3 12a9 3 0 0 0 18 0"/></g>' }, "dot": { "body": '<circle cx="12.1" cy="12.1" r="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>' }, "download": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="m7 10l5 5l5-5"/></g>' }, "external-link": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>' }, "eye": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/></g>' }, "eye-off": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242"/><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20"/></g>' }, "file": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5"/></g>' }, "file-archive": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M13.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v11.5"/><path d="M14 2v5a1 1 0 0 0 1 1h5M8 12v-1m0 7v-2m0-9V6"/><circle cx="8" cy="20" r="2"/></g>' }, "file-code": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5m-10 4.5L8 15l2 2.5m4-5l2 2.5l-2 2.5"/></g>' }, "file-cog": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15 8a1 1 0 0 1-1-1V2a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8zm5 0v12a2 2 0 0 1-2 2h-4.182M3.305 19.53l.923-.382M4 10.592V4a2 2 0 0 1 2-2h8M4.228 16.852l-.924-.383m2.548-1.241l-.383-.923m.383 6.467l-.383.924m2.679-6.468l.383-.923m-.001 7.391l-.382-.924m1.625-3.92l.922-.383m-.922 2.679l.922.383"/><circle cx="7" cy="18" r="3"/></g>' }, "file-image": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5"/><circle cx="10" cy="12" r="2"/><path d="m20 17l-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"/></g>' }, "file-json": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4m-10 4a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1a1 1 0 0 1 1 1v1a1 1 0 0 0 1 1m4 0a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1a1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1"/></g>', "hidden": true }, "file-key": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 2v5a1 1 0 0 0 1 1h5M4 12v6m0-4h2"/><path d="M9.65 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v4"/><circle cx="4" cy="20" r="2"/></g>' }, "file-lock": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4 9.8V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-3"/><path d="M14 2v5a1 1 0 0 0 1 1h5M9 17v-2a2 2 0 0 0-4 0v2"/><rect width="8" height="5" x="3" y="17" rx="1"/></g>' }, "file-spreadsheet": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5M8 13h2m4 0h2m-8 4h2m4 0h2"/></g>' }, "file-terminal": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5M8 16l2-2l-2-2m4 6h4"/></g>' }, "file-text": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8"/></g>' }, "file-type": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5m-9 10h2m-1-6v6m-3-5v-.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v.5"/></g>' }, "filter": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 3H2l8 9.46V19l4 2v-8.54z"/>', "hidden": true }, "filter-x": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.013 3H2l8 9.46V19l4 2v-8.54l.9-1.055M22 3l-5 5m0-5l5 5"/>', "hidden": true }, "folder": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/>' }, "folder-open": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"/>' }, "folder-search": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10.7 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v4.1M21 21l-1.9-1.9"/><circle cx="17" cy="17" r="3"/></g>' }, "git-branch": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15 6a9 9 0 0 0-9 9V3"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/></g>' }, "image-off": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m2 2l20 20M10.41 10.41a2 2 0 1 1-2.83-2.83m5.92 5.92L6 21m12-9l3 3"/><path d="M3.59 3.59A2 2 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59M21 15V5a2 2 0 0 0-2-2H9"/></g>' }, "inbox": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M22 12h-6l-2 3h-4l-2-3H2"/><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11"/></g>' }, "info": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4m0-4h.01"/></g>' }, "link": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></g>' }, "list": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h.01M3 12h.01M3 19h.01M8 5h13M8 12h13M8 19h13"/>' }, "loader-circle": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 1 1-6.219-8.56"/>' }, "locate-fixed": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2 12h3m14 0h3M12 2v3m0 14v3"/><circle cx="12" cy="12" r="7"/><circle cx="12" cy="12" r="3"/></g>' }, "lock": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></g>' }, "lock-open": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></g>' }, "map": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0zm.894.211v15M9 3.236v15"/>' }, "map-pin": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></g>' }, "maximize-2": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6"/>' }, "menu": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5h16M4 12h16M4 19h16"/>' }, "minus": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14"/>' }, "monitor": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="20" height="14" x="2" y="3" rx="2"/><path d="M8 21h8m-4-4v4"/></g>' }, "moon": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"/>' }, "octagon-alert": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 16h.01M12 8v4m3.312-10a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z"/>' }, "package": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12"/><path d="M3.29 7L12 12l8.71-5M7.5 4.27l9 5.15"/></g>' }, "palette": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12 22a1 1 0 0 1 0-20a10 9 0 0 1 10 9a5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"/><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"/><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"/><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"/><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"/></g>' }, "plus": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7-7v14"/>' }, "rotate-ccw": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/></g>' }, "rotate-cw": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></g>' }, "scroll-text": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15 12h-5m5-4h-5m9 9V5a2 2 0 0 0-2-2H4"/><path d="M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3"/></g>' }, "search": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m21 21l-4.34-4.34"/><circle cx="11" cy="11" r="8"/></g>' }, "server": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"/><rect width="20" height="8" x="2" y="14" rx="2" ry="2"/><path d="M6 6h.01M6 18h.01"/></g>' }, "sun": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></g>' }, "trash-2": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>' }, "trending-down": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 17h6v-6"/><path d="m22 17l-8.5-8.5l-5 5L2 7"/></g>' }, "trending-up": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 7h6v6"/><path d="m22 7l-8.5 8.5l-5-5L2 17"/></g>' }, "triangle-alert": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01"/>' }, "undo-2": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M9 14L4 9l5-5"/><path d="M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11"/></g>' }, "upload": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>' }, "x": { "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6L6 18M6 6l12 12"/>' }, "zoom-in": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21l-4.35-4.35M11 8v6m-3-3h6"/></g>' }, "zoom-out": { "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21l-4.35-4.35M8 11h6"/></g>' } }, "width": 24, "height": 24, "aliases": { "check-circle": { "parent": "circle-check-big" } } };
+addCollection(KIT_ICONS);
+const iconsVersion = ref(0);
+let lucide;
+function loadLucide() {
+  lucide ??= import("@iconify-json/lucide/icons.json").then((m) => m.default ?? m);
+  return lucide;
+}
+function registerIconCollection(collection) {
+  addCollection(collection);
+  iconsVersion.value++;
+}
+async function registerIcons(names) {
+  const wanted = names.map((n) => n.replace(/^lucide:/, ""));
+  if (wanted.every((n) => iconLoaded(`lucide:${n}`))) return;
+  const all = await loadLucide();
+  for (const name of wanted) {
+    const parent = all.aliases?.[name]?.parent;
+    const body = all.icons[name] ?? (parent ? all.icons[parent] : void 0);
+    if (!body) continue;
+    const icon = { width: all.width, height: all.height, ...body };
+    addIcon(`lucide:${name}`, icon);
+  }
+  iconsVersion.value++;
+}
+async function registerAllIcons() {
+  registerIconCollection(await loadLucide());
+}
+const pending = /* @__PURE__ */ new Set();
+function requestIcon(name) {
+  if (pending.has(name) || typeof window === "undefined") return;
+  pending.add(name);
+  void registerIcons([name]).finally(() => pending.delete(name));
+}
+export {
+  registerIconCollection as a,
+  registerAllIcons as b,
+  registerIcons as c,
+  iconsVersion as i,
+  requestIcon as r
+};