@leavepulse/ui 0.71.2 → 0.72.0

package/dist/chunks/LpSidebarNav-BR2AW3KT.js

@@ -1,216 +0,0 @@
-import { defineComponent, computed, ref, openBlock, createBlock, mergeProps, unref, withCtx, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, createVNode, normalizeClass, createTextVNode, resolveDynamicComponent, renderSlot } from "vue";
-import { Motion } from "motion-v";
-import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
-import { useLocale } from "../composables/useLocale.js";
-import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$4 } from "./LpBadge-C8fKEmTF.js";
-import { _ as _sfc_main$5 } from "./LpContextMenu-DXpFJjlO.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
-import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
-import { resolveLink } from "../components/link.js";
-import { useLinkComponent } from "../composables/useLpConfig.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "flex items-center gap-3 px-1"
-};
-const _hoisted_2 = { class: "space-y-1" };
-const _hoisted_3 = { class: "min-w-0 flex-1 truncate text-left" };
-const _hoisted_4 = {
-  key: 1,
-  class: "px-2 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
-};
-const _hoisted_5 = { class: "relative z-10 min-w-0 flex-1 truncate text-left" };
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpSidebarNav",
-  props: {
-    groups: {},
-    pillId: {},
-    itemActive: {},
-    loading: { type: Boolean },
-    skeletonRows: { default: 6 },
-    skeletonHeader: { type: Boolean, default: true },
-    collapsedKeys: { default: () => [] },
-    hoverFollow: { type: Boolean, default: false }
-  },
-  emits: ["activate", "toggle-section"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const locale = useLocale();
-    function badgeText(badge) {
-      return typeof badge === "number" ? badge.toLocaleString(locale.value) : badge;
-    }
-    function sectionKey(section) {
-      return section.key ?? section.title ?? "";
-    }
-    const foldedKeys = computed(() => {
-      const holdsActive = new Set(
-        props.groups.filter((g) => g.items.some((i) => props.itemActive(i))).map(sectionKey)
-      );
-      return new Set(
-        props.collapsedKeys.filter((k) => k && !holdsActive.has(k))
-      );
-    });
-    function isOpen(section) {
-      return !foldedKeys.value.has(sectionKey(section));
-    }
-    const pillTransition = usePillTransition();
-    const hovered = ref(null);
-    function hover(item) {
-      if (props.hoverFollow && !item.disabled) hovered.value = item.id;
-    }
-    function pillUnder(item) {
-      return hovered.value ? hovered.value === item.id : props.itemActive(item);
-    }
-    const linkComponent = useLinkComponent();
-    function rowOf(item) {
-      const link = item.disabled ? null : resolveLink(linkComponent.value, { to: item.to, href: item.href });
-      if (link) return link;
-      return { is: "button", props: { type: "button", disabled: item.disabled || void 0 } };
-    }
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      "flex min-h-0 flex-1 flex-col gap-4"
-    );
-    return (_ctx, _cache) => {
-      return __props.loading ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
-        key: 0,
-        class: unref(rootClass)
-      }, unref(rest)), {
-        default: withCtx(() => [
-          __props.skeletonHeader ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[1] || (_cache[1] = [
-            createElementVNode("div", { class: "lp-skeleton-item size-10 shrink-0 rounded-pill bg-surface-soft" }, null, -1),
-            createElementVNode("div", { class: "flex-1 space-y-2" }, [
-              createElementVNode("div", { class: "lp-skeleton-item h-3.5 w-24 rounded-small bg-surface-soft" }),
-              createElementVNode("div", { class: "lp-skeleton-item h-3 w-16 rounded-small bg-surface-soft/60" })
-            ], -1)
-          ])])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_2, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.skeletonRows, (n) => {
-              return openBlock(), createElementBlock("div", {
-                key: n,
-                class: "lp-skeleton-item h-9 rounded-control bg-surface-soft"
-              });
-            }), 128))
-          ])
-        ]),
-        _: 1
-      }, 16, ["class"])) : (openBlock(), createBlock(_sfc_main$2, {
-        key: 1,
-        class: "min-h-0 flex-1",
-        "content-class": "flex min-h-full flex-col gap-4",
-        onPointerleave: _cache[0] || (_cache[0] = ($event) => hovered.value = null)
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.groups, (section, si) => {
-            return openBlock(), createBlock(unref(CollapsibleRoot), {
-              key: si,
-              as: "div",
-              class: "flex flex-col gap-0.5",
-              open: isOpen(section),
-              disabled: !section.collapsible || !section.title,
-              "onUpdate:open": (o) => emit("toggle-section", sectionKey(section), !o)
-            }, {
-              default: withCtx(() => [
-                section.title && section.collapsible ? (openBlock(), createBlock(unref(CollapsibleTrigger), {
-                  key: 0,
-                  class: "group/section mt-2 flex cursor-pointer items-center gap-2 rounded-control px-2 py-1 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:bg-ink/[0.04] hover:text-ink focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
-                }, {
-                  default: withCtx(() => [
-                    section.icon ? (openBlock(), createBlock(_sfc_main$3, {
-                      key: 0,
-                      name: section.icon,
-                      size: 14,
-                      class: "shrink-0"
-                    }, null, 8, ["name"])) : createCommentVNode("", true),
-                    createElementVNode("span", _hoisted_3, toDisplayString(section.title), 1),
-                    createVNode(_sfc_main$4, {
-                      tone: "neutral",
-                      class: normalizeClass(["shrink-0 transition-opacity duration-[var(--duration-fast)] motion-reduce:transition-none", isOpen(section) ? "opacity-0" : "opacity-100"]),
-                      "aria-hidden": isOpen(section) || void 0
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(section.items.length), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["class", "aria-hidden"]),
-                    createVNode(_sfc_main$3, {
-                      name: "lucide:chevron-down",
-                      size: 14,
-                      class: "shrink-0 text-muted transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[state=closed]/section:-rotate-90 motion-reduce:transition-none"
-                    })
-                  ]),
-                  _: 2
-                }, 1024)) : section.title ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(section.title), 1)) : createCommentVNode("", true),
-                createVNode(unref(CollapsibleContent), { class: "flex flex-col gap-0.5 overflow-hidden data-[state=open]:animate-[collapsible-down_260ms_var(--ease-emphasized)] data-[state=closed]:animate-[collapsible-up_200ms_var(--ease-emphasized)] motion-reduce:animate-none" }, {
-                  default: withCtx(() => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
-                      return openBlock(), createBlock(_sfc_main$5, {
-                        key: item.id,
-                        items: item.menu ?? [],
-                        title: (item.menuTitle ?? item.label) || void 0,
-                        "title-icon": item.icon
-                      }, {
-                        default: withCtx(() => [
-                          (openBlock(), createBlock(resolveDynamicComponent(rowOf(item).is), mergeProps({ ref_for: true }, rowOf(item).props, {
-                            "aria-current": __props.itemActive(item) ? "page" : void 0,
-                            "aria-disabled": item.disabled || void 0,
-                            class: ["group/item relative flex items-center gap-3 rounded-control px-3 py-2 text-sm font-medium outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", item.disabled ? "cursor-not-allowed text-muted/50" : __props.itemActive(item) || hovered.value === item.id ? "text-ink" : "text-muted hover:text-ink"],
-                            onClick: ($event) => emit("activate", item),
-                            onPointerenter: ($event) => hover(item)
-                          }), {
-                            default: withCtx(() => [
-                              pillUnder(item) ? (openBlock(), createBlock(unref(Motion), {
-                                key: 0,
-                                "layout-id": __props.pillId,
-                                transition: unref(pillTransition),
-                                class: "absolute inset-0 z-0 rounded-control bg-brand-soft"
-                              }, null, 8, ["layout-id", "transition"])) : createCommentVNode("", true),
-                              renderSlot(_ctx.$slots, "item", {
-                                item,
-                                active: __props.itemActive(item)
-                              }, () => [
-                                item.icon ? (openBlock(), createBlock(_sfc_main$3, {
-                                  key: 0,
-                                  name: item.icon,
-                                  size: 17,
-                                  class: normalizeClass(["relative z-10 shrink-0 transition-colors", __props.itemActive(item) ? "text-brand" : ""])
-                                }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                                createElementVNode("span", _hoisted_5, toDisplayString(item.label), 1),
-                                item.badge != null ? (openBlock(), createBlock(_sfc_main$4, {
-                                  key: 1,
-                                  tone: __props.itemActive(item) ? "brand" : "neutral",
-                                  class: "relative z-10 shrink-0"
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(toDisplayString(badgeText(item.badge)), 1)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["tone"])) : createCommentVNode("", true)
-                              ])
-                            ]),
-                            _: 2
-                          }, 1040, ["aria-current", "aria-disabled", "class", "onClick", "onPointerenter"]))
-                        ]),
-                        _: 2
-                      }, 1032, ["items", "title", "title-icon"]);
-                    }), 128))
-                  ]),
-                  _: 2
-                }, 1024)
-              ]),
-              _: 2
-            }, 1032, ["open", "disabled", "onUpdate:open"]);
-          }), 128))
-        ]),
-        _: 3
-      }));
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpThemeProvider-DcbfOxsU.js

@@ -1,69 +0,0 @@
-import { defineComponent, ref, shallowRef, computed, watch, nextTick, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot } from "vue";
-import { t as themeEntries, r as revealTransition } from "./useTheme-BOV_-AiY.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-const PRESS_FRESH_MS = 1500;
-let lastPress = null;
-if (typeof window !== "undefined") {
-  window.addEventListener(
-    "pointerdown",
-    (event) => lastPress = { x: event.clientX, y: event.clientY, at: performance.now() },
-    { capture: true, passive: true }
-  );
-}
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpThemeProvider",
-  props: {
-    theme: {},
-    as: { default: "div" },
-    transition: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const { class: rootClass, attrs: rest } = useMergedAttrs("bg-surface text-ink");
-    const root = ref(null);
-    const shown = shallowRef(props.theme);
-    const style = computed(() => ({
-      ...Object.fromEntries(themeEntries(shown.value)),
-      colorScheme: shown.value.mode
-    }));
-    function originOf() {
-      if (lastPress && performance.now() - lastPress.at < PRESS_FRESH_MS) return lastPress;
-      const value = root.value;
-      const el = value instanceof HTMLElement ? value : value?.$el;
-      const box = el?.getBoundingClientRect?.();
-      return box ? { x: box.left + box.width / 2, y: box.top + box.height / 2 } : void 0;
-    }
-    watch(
-      () => props.theme,
-      (next) => {
-        if (!props.transition) {
-          shown.value = next;
-          return;
-        }
-        revealTransition(async () => {
-          shown.value = next;
-          await nextTick();
-        }, originOf());
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
-        ref_key: "root",
-        ref: root,
-        style: style.value,
-        "data-theme-mode": shown.value.mode,
-        class: unref(rootClass)
-      }, unref(rest)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["style", "data-theme-mode", "class"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpThemeStudioSection-BwhqYDLf.js

@@ -1,20 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot } from "vue";
-const _hoisted_1 = { class: "flex flex-col gap-2" };
-const _hoisted_2 = { class: "text-[11px] font-medium tracking-wide text-muted uppercase" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LpThemeStudioSection",
-  props: {
-    label: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("span", _hoisted_2, toDisplayString(__props.label), 1),
-        renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};