@leavepulse/ui 0.12.0 → 0.14.6

package/dist/chunks/LpDatePicker-dY2q4dr4.js

@@ -0,0 +1,122 @@
+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-B7ZL0ty3.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = ["onKeydown"];
+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" }) }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const open = ref(false);
+    const display = computed(() => {
+      if (!props.modelValue) return "";
+      const [y, m, d] = props.modelValue.split("-").map(Number);
+      if (!y || !m || !d) return props.modelValue;
+      return new Intl.DateTimeFormat(void 0, props.format).format(new Date(y, m - 1, d));
+    });
+    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) {
+      emit("update:modelValue", v);
+      open.value = false;
+    }
+    function clear() {
+      emit("update:modelValue", void 0);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PopoverRoot), {
+        open: open.value,
+        "onUpdate:open": _cache[0] || (_cache[0] = ($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": __props.modelValue,
+                    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"])
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpDisclosure-DP6yfgfM.js

@@ -0,0 +1,76 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, nextTick } from "vue";
+import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+const _hoisted_1 = { class: "min-w-0 flex-1 text-left" };
+const _hoisted_2 = { class: "grid gap-2.5 px-3 pt-1 pb-3.5 group-data-[state=open]/content:animate-[disclosure-body-in_300ms_var(--ease-emphasized)] motion-reduce:animate-none" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpDisclosure",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean, default: false },
+    label: {},
+    icon: {},
+    scrollIntoView: { type: Boolean, default: false }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const root = ref(null);
+    function onToggle(value) {
+      emit("update:open", value);
+      if (value && props.scrollIntoView) {
+        nextTick(() => {
+          const el = root.value?.$el;
+          el?.scrollIntoView({ behavior: "smooth", block: "start" });
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CollapsibleRoot), {
+        ref_key: "root",
+        ref: root,
+        open: __props.open,
+        "default-open": __props.defaultOpen,
+        class: "overflow-hidden rounded-control border border-line bg-surface-soft",
+        "onUpdate:open": onToggle
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(CollapsibleTrigger), { class: "group flex w-full items-center gap-2 px-3 py-2.5 text-sm font-semibold text-ink outline-none focus-visible:ring-2 focus-visible:ring-ring" }, {
+            default: withCtx(() => [
+              __props.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                name: __props.icon,
+                size: 14,
+                class: "text-muted"
+              }, null, 8, ["name"])) : createCommentVNode("", true),
+              createElementVNode("span", _hoisted_1, [
+                renderSlot(_ctx.$slots, "trigger", {}, () => [
+                  createTextVNode(toDisplayString(__props.label), 1)
+                ])
+              ]),
+              createVNode(_sfc_main$1, {
+                name: "lucide:chevron-down",
+                size: 16,
+                class: "text-muted transition-transform duration-[var(--duration-fast)] group-data-[state=open]:rotate-180"
+              })
+            ]),
+            _: 3
+          }),
+          createVNode(unref(CollapsibleContent), { class: "group/content overflow-hidden data-[state=open]:animate-[collapsible-down_260ms_var(--ease-emphasized)] data-[state=closed]:animate-[collapsible-up_200ms_var(--ease-emphasized)]" }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "default")
+              ])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["open", "default-open"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpDivider-CUX46KR0.js

@@ -0,0 +1,43 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "mx-1 w-px shrink-0 self-stretch bg-line",
+  role: "separator",
+  "aria-orientation": "vertical"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "flex items-center gap-3",
+  role: "separator"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "text-xs text-muted"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "h-px flex-1 bg-line"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpDivider",
+  props: {
+    vertical: { type: Boolean },
+    label: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.vertical ? (openBlock(), createElementBlock("div", _hoisted_1)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+        _cache[0] || (_cache[0] = createElementVNode("span", { class: "h-px flex-1 bg-line" }, null, -1)),
+        __props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        __props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4)) : createCommentVNode("", true)
+      ]));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpDrawer-Ce6g9ZMr.js

@@ -0,0 +1,310 @@
+import { defineComponent, computed, ref, useSlots, openBlock, createElementBlock, Fragment, createElementVNode, normalizeStyle, normalizeClass, withDirectives, vShow, toDisplayString, createCommentVNode, createVNode, unref, withCtx, createBlock, renderSlot, createTextVNode } from "vue";
+import { usePointerSwipe } from "@vueuse/core";
+import { DrawerRoot, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHandle, DrawerTitle, DrawerDescription, DrawerClose } from "vaul-vue";
+import { CLOSE_ICON } from "../components/dropdown.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-K1x-azgY.js";
+const _hoisted_1 = { class: "text-base font-semibold text-ink" };
+const _hoisted_2 = { class: "flex flex-col gap-1" };
+const _hoisted_3 = ["data-vaul-no-drag"];
+const _hoisted_4 = {
+  key: 3,
+  class: "flex justify-end gap-2 px-5 pb-5 pt-4"
+};
+const NO_DRAG_SELECTOR = "input, textarea, select, button, a[href], label, [contenteditable=''], [contenteditable='true']";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpDrawer",
+  props: {
+    open: { type: Boolean },
+    direction: {},
+    side: { default: "right" },
+    title: {},
+    description: {},
+    size: { default: "sm" },
+    width: {},
+    dismissible: { type: Boolean, default: true },
+    snapPoints: {},
+    handle: { type: Boolean },
+    handleOnly: { type: Boolean },
+    scaleBackground: { type: Boolean },
+    closeThreshold: {},
+    noDragControls: { type: Boolean, default: true },
+    noDragContent: { type: Boolean },
+    edgeOpen: { type: Boolean },
+    edgeBreakpoint: {},
+    edgeSize: { default: 44 },
+    edgeOpenThreshold: { default: 0.3 },
+    resizable: { type: Boolean },
+    minSize: { default: "22rem" },
+    maxSize: { default: "96vw" }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dir = computed(() => props.direction ?? props.side ?? "right");
+    const isHorizontal = computed(() => dir.value === "left" || dir.value === "right");
+    const isSheet = computed(() => dir.value === "top" || dir.value === "bottom");
+    const showHandle = computed(() => props.handle ?? isSheet.value);
+    const SIZES = { sm: 22, md: 28, lg: 36, xl: 48 };
+    const contentClass = computed(() => {
+      const base = "fixed z-(--z-modal) flex flex-col border-line bg-surface-raised shadow-panel outline-none";
+      const map = {
+        left: "inset-y-0 left-0 border-r rounded-r-card",
+        right: "inset-y-0 right-0 border-l rounded-l-card",
+        top: "inset-x-0 top-0 border-b rounded-b-card",
+        bottom: "inset-x-0 bottom-0 border-t rounded-t-card"
+      };
+      return [base, map[dir.value]];
+    });
+    const resizedPx = ref(null);
+    const sizeStyle = computed(() => {
+      if (props.snapPoints?.length && isSheet.value) return void 0;
+      if (props.resizable && isHorizontal.value && resizedPx.value != null) {
+        return { width: `${resizedPx.value}px` };
+      }
+      const len = props.width ?? `min(${isHorizontal.value ? "94vw" : "94vh"}, ${SIZES[props.size]}rem)`;
+      return isHorizontal.value ? { width: len } : { height: len };
+    });
+    function startResize(e) {
+      if (!props.resizable || !isHorizontal.value) return;
+      e.preventDefault();
+      const fromRight = dir.value === "right";
+      const toPx = (css) => {
+        if (css.endsWith("rem")) return Number.parseFloat(css) * 16;
+        if (css.endsWith("vw")) return Number.parseFloat(css) / 100 * window.innerWidth;
+        return Number.parseFloat(css);
+      };
+      const min = toPx(props.minSize);
+      const max = toPx(props.maxSize);
+      const onMove = (ev) => {
+        const raw = fromRight ? window.innerWidth - ev.clientX : ev.clientX;
+        resizedPx.value = Math.max(min, Math.min(max, raw));
+      };
+      const onUp = () => {
+        window.removeEventListener("pointermove", onMove);
+        window.removeEventListener("pointerup", onUp);
+        document.body.style.userSelect = "";
+        document.body.style.cursor = "";
+      };
+      document.body.style.userSelect = "none";
+      document.body.style.cursor = "ew-resize";
+      window.addEventListener("pointermove", onMove);
+      window.addEventListener("pointerup", onUp);
+    }
+    const slots = useSlots();
+    const hasHeader = computed(() => Boolean(props.title || slots.title));
+    const padClass = computed(() => {
+      const horizontal = "px-5 pb-5";
+      if (showHandle.value || hasHeader.value) return `${horizontal} pt-0`;
+      return "p-5";
+    });
+    const headerClass = computed(() => showHandle.value ? "px-5 pb-4 pt-1" : "px-5 pb-4 pt-5");
+    function tagNoDrag(el, { value }) {
+      if (!value) return;
+      for (const node of el.querySelectorAll(NO_DRAG_SELECTOR)) {
+        node.setAttribute("data-vaul-no-drag", "");
+      }
+    }
+    const vNoDragControls = {
+      mounted: tagNoDrag,
+      updated: tagNoDrag
+    };
+    const edgeStrip = ref(null);
+    const peek = ref(0);
+    const peeking = ref(false);
+    const handingOff = ref(false);
+    function panelPx() {
+      const vw = typeof window === "undefined" ? 0 : window.innerWidth;
+      const cap = props.width ? Number.parseFloat(props.width) : SIZES[props.size] * 16;
+      return Math.min(vw * 0.94, Number.isFinite(cap) ? cap : SIZES[props.size] * 16);
+    }
+    usePointerSwipe(edgeStrip, {
+      threshold: 0,
+      pointerTypes: ["touch", "pen"],
+      onSwipeStart() {
+        if (!props.edgeOpen || props.open) return;
+        peeking.value = true;
+      },
+      onSwipe(e) {
+        if (!peeking.value) return;
+        const fromRight = dir.value === "right";
+        const dx = fromRight ? window.innerWidth - e.clientX : e.clientX;
+        peek.value = Math.max(0, Math.min(1, dx / panelPx()));
+      },
+      onSwipeEnd() {
+        if (!peeking.value) return;
+        peeking.value = false;
+        if (peek.value >= props.edgeOpenThreshold) {
+          peek.value = 1;
+          handingOff.value = true;
+          window.setTimeout(() => {
+            emit("update:open", true);
+            window.setTimeout(() => {
+              handingOff.value = false;
+              peek.value = 0;
+            }, 60);
+          }, 160);
+        } else {
+          peek.value = 0;
+        }
+      }
+    });
+    const previewStyle = computed(() => {
+      if (!props.edgeOpen || props.open && !handingOff.value) return { display: "none" };
+      const off = (1 - peek.value) * 100;
+      const axis = dir.value === "right" ? off : -off;
+      return {
+        transform: `translateX(${axis}%)`,
+        transition: peeking.value ? "none" : "transform 0.16s ease-out",
+        pointerEvents: "none"
+      };
+    });
+    const edgeStripStyle = computed(() => {
+      const w = `${props.edgeSize}px`;
+      return dir.value === "right" ? { right: "0", width: w } : { left: "0", width: w };
+    });
+    const EDGE_STRIP_HIDDEN = {
+      sm: "sm:hidden",
+      md: "md:hidden",
+      lg: "lg:hidden",
+      xl: "xl:hidden"
+    };
+    const edgeStripClass = computed(
+      () => props.edgeBreakpoint ? EDGE_STRIP_HIDDEN[props.edgeBreakpoint] : ""
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.edgeOpen && isHorizontal.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createElementVNode("div", {
+            ref_key: "edgeStrip",
+            ref: edgeStrip,
+            class: normalizeClass(["fixed inset-y-0 z-(--z-overlay) touch-none", edgeStripClass.value]),
+            style: normalizeStyle(edgeStripStyle.value),
+            "aria-hidden": "true"
+          }, null, 6),
+          withDirectives(createElementVNode("div", {
+            class: "pointer-events-none fixed inset-0 z-(--z-overlay) bg-black/50",
+            style: normalizeStyle({ opacity: peek.value })
+          }, null, 4), [
+            [vShow, peeking.value || peek.value > 0]
+          ]),
+          createElementVNode("div", {
+            class: normalizeClass(contentClass.value),
+            style: normalizeStyle([sizeStyle.value, previewStyle.value]),
+            "aria-hidden": "true"
+          }, [
+            hasHeader.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["flex items-start justify-between gap-4", headerClass.value])
+            }, [
+              createElementVNode("span", _hoisted_1, toDisplayString(__props.title), 1)
+            ], 2)) : createCommentVNode("", true)
+          ], 6)
+        ], 64)) : createCommentVNode("", true),
+        createVNode(unref(DrawerRoot), {
+          open: __props.open,
+          direction: dir.value,
+          dismissible: __props.dismissible,
+          "snap-points": __props.snapPoints,
+          "handle-only": __props.handleOnly,
+          "should-scale-background": __props.scaleBackground,
+          "close-threshold": __props.closeThreshold,
+          "onUpdate:open": _cache[0] || (_cache[0] = (v) => emit("update:open", v))
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(DrawerPortal), null, {
+              default: withCtx(() => [
+                createVNode(unref(DrawerOverlay), { class: "fixed inset-0 z-(--z-overlay) bg-black/50 backdrop-blur-sm data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]" }),
+                createVNode(unref(DrawerContent), {
+                  class: normalizeClass(contentClass.value),
+                  style: normalizeStyle(sizeStyle.value),
+                  "data-vaul-animate": handingOff.value ? "false" : void 0
+                }, {
+                  default: withCtx(() => [
+                    __props.resizable && isHorizontal.value ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      "data-vaul-no-drag": "",
+                      class: normalizeClass(["group/resize absolute inset-y-0 z-10 w-1.5 cursor-ew-resize", dir.value === "right" ? "left-0" : "right-0"]),
+                      onPointerdown: startResize
+                    }, [
+                      createElementVNode("span", {
+                        class: normalizeClass(["absolute inset-y-0 w-px bg-line transition-colors group-hover/resize:bg-brand", dir.value === "right" ? "left-0" : "right-0"])
+                      }, null, 2)
+                    ], 34)) : createCommentVNode("", true),
+                    showHandle.value ? (openBlock(), createBlock(unref(DrawerHandle), {
+                      key: 1,
+                      class: "mx-auto my-2 h-1.5 w-12 shrink-0 cursor-grab rounded-pill bg-line-strong transition-colors hover:bg-muted active:cursor-grabbing"
+                    })) : createCommentVNode("", true),
+                    hasHeader.value ? (openBlock(), createElementBlock("header", {
+                      key: 2,
+                      class: normalizeClass(["flex items-start justify-between gap-4", headerClass.value])
+                    }, [
+                      createElementVNode("div", _hoisted_2, [
+                        createVNode(unref(DrawerTitle), { class: "text-base font-semibold text-ink" }, {
+                          default: withCtx(() => [
+                            renderSlot(_ctx.$slots, "title", {}, () => [
+                              createTextVNode(toDisplayString(__props.title), 1)
+                            ])
+                          ]),
+                          _: 3
+                        }),
+                        __props.description ? (openBlock(), createBlock(unref(DrawerDescription), {
+                          key: 0,
+                          class: "text-sm text-muted"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(__props.description), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true)
+                      ]),
+                      createVNode(unref(DrawerClose), {
+                        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
+                      })
+                    ], 2)) : createCommentVNode("", true),
+                    withDirectives((openBlock(), createElementBlock("div", {
+                      class: "flex min-h-0 min-w-0 flex-1 flex-col [-webkit-user-select:text]! [user-select:text]!",
+                      "data-vaul-no-drag": __props.noDragContent ? "" : void 0
+                    }, [
+                      createVNode(_sfc_main$2, {
+                        class: "min-h-0 min-w-0 flex-1",
+                        "content-class": `min-w-0 ${padClass.value}`
+                      }, {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "default")
+                        ]),
+                        _: 3
+                      }, 8, ["content-class"])
+                    ], 8, _hoisted_3)), [
+                      [vNoDragControls, __props.noDragControls]
+                    ]),
+                    _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4, [
+                      renderSlot(_ctx.$slots, "footer")
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  _: 3
+                }, 8, ["class", "style", "data-vaul-animate"])
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["open", "direction", "dismissible", "snap-points", "handle-only", "should-scale-background", "close-threshold"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpDropdownMenu-DJpoqRCb.js

@@ -0,0 +1,65 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem } from "reka-ui";
+import { POPOVER_PANEL } from "../components/dropdown.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpDropdownMenu",
+  props: {
+    items: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuRoot), null, {
+        default: withCtx(() => [
+          createVNode(unref(DropdownMenuTrigger), { "as-child": "" }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "trigger")
+            ]),
+            _: 3
+          }),
+          createVNode(unref(DropdownMenuPortal), null, {
+            default: withCtx(() => [
+              createVNode(unref(DropdownMenuContent), {
+                "side-offset": 6,
+                align: "end",
+                class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) min-w-44 p-1 outline-none"])
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
+                    return openBlock(), createElementBlock(Fragment, { key: i }, [
+                      item.separatorBefore ? (openBlock(), createBlock(unref(DropdownMenuSeparator), {
+                        key: 0,
+                        class: "my-1 h-px bg-line"
+                      })) : createCommentVNode("", true),
+                      createVNode(unref(DropdownMenuItem), {
+                        class: normalizeClass(["group/item flex cursor-pointer 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-[highlighted]:bg-brand-soft", item.danger ? "text-danger data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger" : "text-ink data-[highlighted]:text-brand"]),
+                        onSelect: ($event) => item.onSelect?.()
+                      }, {
+                        default: withCtx(() => [
+                          item.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                            key: 0,
+                            name: item.icon,
+                            size: 15,
+                            class: "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[highlighted]/item:translate-x-0.5"
+                          }, null, 8, ["name"])) : createCommentVNode("", true),
+                          createTextVNode(" " + toDisplayString(item.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["class", "onSelect"])
+                    ], 64);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpEmptyState-CrfyRJUG.js

@@ -0,0 +1,47 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from "vue";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+const _hoisted_1 = { class: "flex flex-col items-center gap-3 px-6 py-12 text-center" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex size-12 items-center justify-center rounded-pill bg-surface-soft text-muted"
+};
+const _hoisted_3 = { class: "flex flex-col gap-1" };
+const _hoisted_4 = { class: "font-semibold text-ink" };
+const _hoisted_5 = {
+  key: 0,
+  class: "max-w-sm text-sm text-muted"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "mt-1"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpEmptyState",
+  props: {
+    icon: {},
+    title: {},
+    description: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(_sfc_main$1, {
+            name: __props.icon,
+            size: 22
+          }, null, 8, ["name"])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("p", _hoisted_4, toDisplayString(__props.title), 1),
+          __props.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
+        ]),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          renderSlot(_ctx.$slots, "default")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};