@leavepulse/ui 0.34.0 → 0.36.0

package/dist/chunks/LpModal-DAqXzsm-.js

@@ -1,192 +0,0 @@
-import { defineComponent, computed, useSlots, watch, onBeforeUnmount, ref, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, createElementVNode, mergeProps, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, normalizeClass } from "vue";
-import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
-import { useShift } from "../composables/useShift.js";
-import { useModalLayer } from "../components/modalDepth.js";
-import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "flex shrink-0 items-start justify-between gap-4 p-5 pb-3"
-};
-const _hoisted_2 = { class: "flex flex-col gap-1" };
-const _hoisted_3 = {
-  key: 3,
-  class: "flex shrink-0 justify-end gap-2 p-5 pt-4"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LpModal",
-  props: {
-    open: { type: Boolean },
-    title: {},
-    description: {},
-    size: { default: "md" },
-    width: {},
-    fillBody: { type: Boolean },
-    autoFocus: { default: "auto" }
-  },
-  emits: ["update:open"],
-  setup(__props) {
-    const { claim, release, layer } = useModalLayer();
-    const props = __props;
-    const describedByAttrs = computed(
-      () => props.description ? {} : { "aria-describedby": void 0 }
-    );
-    const widthClass = computed(() => {
-      if (props.width) return "";
-      return {
-        sm: "w-[min(92vw,24rem)]",
-        md: "w-[min(92vw,28rem)]",
-        lg: "w-[min(92vw,34rem)]",
-        xl: "w-[min(92vw,42rem)]",
-        "2xl": "w-[min(94vw,56rem)]",
-        "3xl": "w-[min(95vw,72rem)]",
-        full: "w-[96vw]"
-      }[props.size];
-    });
-    const slots = useSlots();
-    watch(() => props.open, (open) => open ? claim() : release(), { immediate: true });
-    onBeforeUnmount(release);
-    const bodyPad = computed(
-      () => [
-        "px-5",
-        props.title || slots.title ? "pt-1" : "pt-5",
-        slots.footer ? "" : "pb-5"
-      ].filter(Boolean).join(" ")
-    );
-    const panelRef = ref(null);
-    const AUTO_FOCUS_ORDER = [
-      "input:not([type=hidden]):not([disabled]):not([readonly])",
-      "textarea:not([disabled]):not([readonly])",
-      "select:not([disabled])",
-      "[data-lp-autofocus]",
-      "button:not([disabled]):not([data-lp-dialog-close])",
-      "[href]",
-      "[tabindex]:not([tabindex='-1'])"
-    ];
-    function onOpenAutoFocus(event) {
-      if (props.autoFocus === "none") return;
-      const panel = panelRef.value?.$el;
-      if (!(panel instanceof HTMLElement)) return;
-      const selectors = props.autoFocus === "auto" ? AUTO_FOCUS_ORDER : [props.autoFocus];
-      for (const selector of selectors) {
-        const target = panel.querySelector(selector);
-        if (!target || target.hasAttribute("disabled")) continue;
-        event.preventDefault();
-        if (!target.closest("[data-lp-ring-owner]")) {
-          target.setAttribute("data-lp-focus-ring", "");
-          target.addEventListener(
-            "blur",
-            () => target.removeAttribute("data-lp-focus-ring"),
-            { once: true }
-          );
-        }
-        target.focus();
-        return;
-      }
-    }
-    const {
-      el: sizedEl,
-      tweening,
-      resizing
-    } = useShift({ axis: "height", enabled: () => props.open });
-    watch(
-      () => props.open ? panelRef.value : null,
-      (panel) => {
-        const el = panel?.$el;
-        sizedEl.value = el instanceof HTMLElement ? el : null;
-      },
-      { flush: "post" }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogRoot), {
-        open: __props.open,
-        "onUpdate:open": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:open", v))
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(DialogPortal), null, {
-            default: withCtx(() => [
-              createVNode(unref(DialogOverlay), {
-                class: "lp-scrim fixed inset-0 data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]",
-                style: normalizeStyle({ zIndex: unref(layer).scrim })
-              }, null, 8, ["style"]),
-              createElementVNode("div", {
-                class: "fixed inset-0 flex items-center justify-center pointer-events-none",
-                style: normalizeStyle({ zIndex: unref(layer).panel })
-              }, [
-                createVNode(unref(DialogContent), mergeProps({
-                  ref_key: "panelRef",
-                  ref: panelRef,
-                  class: ["pointer-events-auto flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]", [widthClass.value, unref(tweening) ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]],
-                  style: __props.width ? { width: __props.width } : void 0
-                }, describedByAttrs.value, { onOpenAutoFocus }), {
-                  default: withCtx(() => [
-                    __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("header", _hoisted_1, [
-                      createElementVNode("div", _hoisted_2, [
-                        createVNode(unref(DialogTitle), { class: "text-base font-semibold text-ink" }, {
-                          default: withCtx(() => [
-                            renderSlot(_ctx.$slots, "title", {}, () => [
-                              createTextVNode(toDisplayString(__props.title), 1)
-                            ])
-                          ]),
-                          _: 3
-                        }),
-                        __props.description ? (openBlock(), createBlock(unref(DialogDescription), {
-                          key: 0,
-                          class: "text-sm text-muted"
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(__props.description), 1)
-                          ]),
-                          _: 1
-                        })) : createCommentVNode("", true)
-                      ]),
-                      createVNode(unref(DialogClose), {
-                        "data-lp-dialog-close": "",
-                        class: "group flex shrink-0 items-center rounded-md p-1 text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
-                        "aria-label": "Close"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(_sfc_main$1, {
-                            name: "lucide:x",
-                            size: 18,
-                            class: normalizeClass(unref(CLOSE_ICON))
-                          }, null, 8, ["class"])
-                        ]),
-                        _: 1
-                      })
-                    ])) : createCommentVNode("", true),
-                    __props.fillBody ? (openBlock(), createElementBlock("div", {
-                      key: 1,
-                      class: normalizeClass(["flex min-h-0 flex-1 flex-col overflow-hidden text-sm text-ink/90", bodyPad.value])
-                    }, [
-                      renderSlot(_ctx.$slots, "default")
-                    ], 2)) : (openBlock(), createBlock(_sfc_main$2, {
-                      key: 2,
-                      class: normalizeClass(["min-h-0 flex-1 text-sm text-ink/90", unref(resizing) ? "[&_[data-scrollbarimpl]]:invisible" : ""]),
-                      "content-class": bodyPad.value
-                    }, {
-                      default: withCtx(() => [
-                        renderSlot(_ctx.$slots, "default")
-                      ]),
-                      _: 3
-                    }, 8, ["class", "content-class"])),
-                    _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3, [
-                      renderSlot(_ctx.$slots, "footer")
-                    ])) : createCommentVNode("", true)
-                  ]),
-                  _: 3
-                }, 16, ["class", "style"])
-              ], 4)
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      }, 8, ["open"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};