@leavepulse/ui 0.71.1 → 0.72.0

package/dist/chunks/LpSidebar-D44peKq2.js

@@ -1,256 +0,0 @@
-import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, unref, normalizeClass, renderSlot, createCommentVNode, createBlock, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
-import { usePersisted } from "../composables/usePersisted.js";
-import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpDrawer-u4rxnuR-.js";
-import { _ as _sfc_main$1 } from "./LpInput-2H-5ILOB.js";
-import { _ as _sfc_main$2 } from "./LpSidebarNav--VwkXO_a.js";
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = {
-  key: 2,
-  class: "mt-2 flex shrink-0 flex-col gap-2"
-};
-const _hoisted_3 = {
-  key: 3,
-  class: "mt-2 shrink-0 border-t border-line pt-3"
-};
-const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = {
-  key: 2,
-  class: "mt-2 flex shrink-0 flex-col gap-2"
-};
-const _hoisted_6 = {
-  key: 3,
-  class: "mt-2 shrink-0 border-t border-line pt-3"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "LpSidebar",
-  props: {
-    modelValue: {},
-    items: {},
-    sections: {},
-    isActive: {},
-    searchable: { type: Boolean },
-    searchPlaceholder: {},
-    labels: {},
-    search: {},
-    loading: { type: Boolean },
-    skeletonRows: { default: 6 },
-    skeletonHeader: { type: Boolean, default: true },
-    responsive: { type: Boolean, default: false },
-    open: { type: Boolean },
-    mobileBreakpoint: { default: "md" },
-    edgeOpen: { type: Boolean },
-    divider: { type: Boolean, default: true },
-    variant: { default: "rail" },
-    width: {},
-    collapsed: {},
-    persist: {},
-    autoCollapseAfter: { default: 14 },
-    hoverFollow: { type: Boolean, default: false }
-  },
-  emits: ["update:modelValue", "update:open", "update:collapsed", "select", "update:search"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const text = useLabels("sidebar", { nav: "Sidebar", search: "Search" }, () => props.labels);
-    const placeholder = computed(() => props.searchPlaceholder ?? text.value.search);
-    const allGroups = computed(
-      () => props.sections ?? (props.items ? [{ items: props.items }] : [])
-    );
-    const ownSearch = ref("");
-    const query = computed({
-      get: () => props.search ?? ownSearch.value,
-      set: (v) => {
-        ownSearch.value = v;
-        emit("update:search", v);
-      }
-    });
-    function normalise(s) {
-      return s.normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
-    }
-    function matches(item, needle) {
-      if (normalise(item.label).includes(needle)) return true;
-      return (item.keywords ?? []).some((k) => normalise(k).includes(needle));
-    }
-    const groups = computed(() => {
-      const needle = normalise(query.value.trim());
-      if (!needle) return allGroups.value;
-      return allGroups.value.map((section) => ({ ...section, items: section.items.filter((i) => matches(i, needle)) })).filter((section) => section.items.length > 0);
-    });
-    const filtering = computed(() => query.value.trim().length > 0);
-    function itemActive(item) {
-      return props.isActive ? props.isActive(item) : item.id === props.modelValue;
-    }
-    function keyOf(section) {
-      return section.key ?? section.title ?? "";
-    }
-    const ownCollapsed = usePersisted(
-      () => props.persist && `lp-sidebar:${props.persist}`,
-      null,
-      { validate: (value) => value === null || Array.isArray(value) && value.every((k) => typeof k === "string") }
-    );
-    const navLength = computed(
-      () => groups.value.reduce((n, g) => n + g.items.length + (g.title ? 1 : 0), 0)
-    );
-    const autoCollapsed = computed(() => {
-      const limit = props.autoCollapseAfter;
-      if (!limit || navLength.value <= limit) return [];
-      return groups.value.filter((g) => g.collapsible && !g.items.some(itemActive)).map(keyOf).filter(Boolean);
-    });
-    const collapsedKeys = computed(
-      () => (
-        // Nothing stays folded while a query is on: a section that matched but is
-        // closed looks exactly like a section that did not match, and the person is
-        // typing precisely because they cannot find the thing by eye.
-        filtering.value ? [] : props.collapsed ?? ownCollapsed.value ?? autoCollapsed.value
-      )
-    );
-    function toggleSection(key, collapsed) {
-      const next = collapsed ? [.../* @__PURE__ */ new Set([...collapsedKeys.value, key])] : collapsedKeys.value.filter((k) => k !== key);
-      ownCollapsed.value = next;
-      emit("update:collapsed", next);
-    }
-    function activate(item) {
-      if (item.disabled) return;
-      emit("update:modelValue", item.id);
-      emit("select", item);
-      if (props.responsive && props.open) emit("update:open", false);
-    }
-    const baseId = `lp-sidebar-${useId()}`;
-    const railPillId = `${baseId}-rail`;
-    const drawerPillId = `${baseId}-drawer`;
-    const RAIL_VISIBILITY = {
-      sm: "hidden sm:flex",
-      md: "hidden md:flex",
-      lg: "hidden lg:flex",
-      xl: "hidden xl:flex"
-    };
-    const railClass = computed(
-      () => props.responsive ? RAIL_VISIBILITY[props.mobileBreakpoint] : "flex"
-    );
-    const chromeClass = computed(
-      () => props.variant === "panel" ? "rounded-card border border-line bg-surface-raised" : "border-r border-line bg-surface-raised"
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("nav", mergeProps({
-          class: ["h-full flex-col gap-1 p-3", [railClass.value, chromeClass.value, __props.width ? "" : "w-60"]],
-          style: __props.width ? { width: __props.width } : void 0,
-          "aria-label": unref(text).nav
-        }, _ctx.$attrs), [
-          _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(["mb-3 flex shrink-0 items-center", [
-              __props.variant === "panel" ? "pb-3" : "-mx-3 -mt-3 h-16 px-3",
-              __props.divider ? "border-b border-line" : ""
-            ]])
-          }, [
-            renderSlot(_ctx.$slots, "header")
-          ], 2)) : createCommentVNode("", true),
-          __props.searchable ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 1,
-            modelValue: query.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
-            size: "sm",
-            icon: "lucide:search",
-            clearable: "",
-            class: "mb-2 shrink-0",
-            placeholder: placeholder.value,
-            "aria-label": placeholder.value
-          }, null, 8, ["modelValue", "placeholder", "aria-label"])) : createCommentVNode("", true),
-          createVNode(_sfc_main$2, {
-            groups: groups.value,
-            "pill-id": railPillId,
-            "item-active": itemActive,
-            loading: __props.loading,
-            "skeleton-rows": __props.skeletonRows,
-            "skeleton-header": __props.skeletonHeader,
-            "collapsed-keys": collapsedKeys.value,
-            "hover-follow": __props.hoverFollow,
-            onActivate: activate,
-            onToggleSection: toggleSection
-          }, createSlots({ _: 2 }, [
-            _ctx.$slots.item ? {
-              name: "item",
-              fn: withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps)))
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["groups", "loading", "skeleton-rows", "skeleton-header", "collapsed-keys", "hover-follow"]),
-          _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "actions")
-          ])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "footer")
-          ])) : createCommentVNode("", true)
-        ], 16, _hoisted_1),
-        __props.responsive ? (openBlock(), createBlock(_sfc_main$3, {
-          key: 0,
-          open: __props.open,
-          direction: "left",
-          size: "sm",
-          "edge-open": __props.edgeOpen,
-          "edge-breakpoint": __props.mobileBreakpoint,
-          "onUpdate:open": _cache[2] || (_cache[2] = (v) => emit("update:open", v))
-        }, {
-          default: withCtx(() => [
-            createElementVNode("nav", {
-              class: "flex h-full flex-col gap-1",
-              "aria-label": unref(text).nav
-            }, [
-              _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: normalizeClass(["shrink-0", __props.divider ? "mb-3 border-b border-line pb-3" : "mb-2"])
-              }, [
-                renderSlot(_ctx.$slots, "header")
-              ], 2)) : createCommentVNode("", true),
-              __props.searchable ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 1,
-                modelValue: query.value,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
-                size: "sm",
-                icon: "lucide:search",
-                clearable: "",
-                class: "mb-2 shrink-0",
-                placeholder: placeholder.value,
-                "aria-label": placeholder.value
-              }, null, 8, ["modelValue", "placeholder", "aria-label"])) : createCommentVNode("", true),
-              createVNode(_sfc_main$2, {
-                groups: groups.value,
-                "pill-id": drawerPillId,
-                "item-active": itemActive,
-                loading: __props.loading,
-                "skeleton-rows": __props.skeletonRows,
-                "skeleton-header": __props.skeletonHeader,
-                "collapsed-keys": collapsedKeys.value,
-                "hover-follow": __props.hoverFollow,
-                onActivate: activate,
-                onToggleSection: toggleSection
-              }, createSlots({ _: 2 }, [
-                _ctx.$slots.item ? {
-                  name: "item",
-                  fn: withCtx((slotProps) => [
-                    renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps)))
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1032, ["groups", "loading", "skeleton-rows", "skeleton-header", "collapsed-keys", "hover-follow"]),
-              _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                renderSlot(_ctx.$slots, "actions")
-              ])) : createCommentVNode("", true),
-              _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                renderSlot(_ctx.$slots, "footer")
-              ])) : createCommentVNode("", true)
-            ], 8, _hoisted_4)
-          ]),
-          _: 3
-        }, 8, ["open", "edge-open", "edge-breakpoint"])) : createCommentVNode("", true)
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/chunks/LpSidebarNav--VwkXO_a.js

@@ -1,211 +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 { 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;
-    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(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 _
-};