@leavepulse/ui 0.68.0 → 0.70.0

package/dist/components/LpTabs.vue.js

@@ -1,28 +1,20 @@
 import { defineComponent, computed, ref, watch, nextTick, useId, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, Transition, createElementVNode, toDisplayString, renderSlot } from "vue";
-import { useReducedMotion, Motion } from "motion-v";
+import { Motion } from "motion-v";
 import { TabsRoot, TabsList, TabsTrigger, TabsContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$3 } from "../chunks/LpBadge-Fe0D1bYx.js";
-import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-CRnjoqSt.js";
-import { _ as _sfc_main$2 } from "../chunks/LpIcon-6tSrZ3Zy.js";
-import { _ as _sfc_main$4 } from "../chunks/LpRollingText-DB7upf-5.js";
-import { _ as _sfc_main$5 } from "../chunks/LpSkeleton-BB6XIV-w.js";
+import { prefersReducedMotion } from "../composables/easing.js";
+import { _ as _sfc_main$3 } from "../chunks/AttentionDot-DCBf4aWg.js";
+import { _ as _sfc_main$4 } from "../chunks/LpBadge-HOEPBYmi.js";
+import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-COwOwRgI.js";
+import { _ as _sfc_main$2 } from "../chunks/LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$5 } from "../chunks/LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$6 } from "../chunks/LpSkeleton-BB6XIV-w.js";
 import { pickTab } from "./tabs.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpTabs-Bk7v4bZz.css';const _hoisted_1 = {
+import '../assets/LpTabs-BJ-nrJuI.css';const _hoisted_1 = {
   key: 1,
   class: "relative z-10 inline-flex"
 };
-const _hoisted_2 = {
-  key: 0,
-  "aria-hidden": "true",
-  class: "absolute -right-1 -top-0.5 size-2 rounded-full bg-accent"
-};
-const _hoisted_3 = {
-  key: 2,
-  "aria-hidden": "true",
-  class: "relative z-10 size-1.5 self-start rounded-full bg-accent"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTabs",
   props: {
@@ -64,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const end = start + active.offsetWidth;
         if (start >= row.scrollLeft && end <= row.scrollLeft + row.clientWidth) return;
         const left = start < row.scrollLeft ? start : end - row.clientWidth;
-        row.scrollTo({ left, behavior: reduceMotion.value ? "auto" : "smooth" });
+        row.scrollTo({ left, behavior: prefersReducedMotion() ? "auto" : "smooth" });
       });
     });
     function select(value) {
@@ -74,10 +66,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const pillId = `lp-tab-indicator-${useId()}`;
     const hovered = ref(null);
     const pillTransition = usePillTransition();
-    const reduceMotion = useReducedMotion();
-    const panelLayoutTransition = computed(
-      () => reduceMotion.value ? { duration: 0 } : { type: "spring", stiffness: 520, damping: 42, mass: 0.9 }
-    );
+    const panelLayoutTransition = usePillTransition("layout");
     function pillUnder(value, active) {
       if (bottom.value) return active === value;
       return hovered.value ? hovered.value === value : active === value;
@@ -148,17 +137,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             name: item.icon,
                             size: bottom.value ? 22 : 14
                           }, null, 8, ["name", "size"]),
-                          item.dot ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true),
+                          item.dot ? (openBlock(), createBlock(_sfc_main$3, {
+                            key: 0,
+                            corner: ""
+                          })) : createCommentVNode("", true),
                           createVNode(Transition, { name: "lp-tab-badge" }, {
                             default: withCtx(() => [
-                              bottom.value && item.badge != null ? (openBlock(), createBlock(_sfc_main$3, {
+                              bottom.value && item.badge != null ? (openBlock(), createBlock(_sfc_main$4, {
                                 key: 0,
                                 size: "sm",
                                 tone: current.value === item.value ? "brand" : "neutral",
                                 class: "absolute -right-3 -top-1.5 min-w-[18px] justify-center"
                               }, {
                                 default: withCtx(() => [
-                                  createVNode(_sfc_main$4, {
+                                  createVNode(_sfc_main$5, {
                                     value: item.badge
                                   }, null, 8, ["value"])
                                 ]),
@@ -171,17 +163,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createElementVNode("span", {
                           class: normalizeClass(["relative z-10", bottom.value ? "max-w-full truncate" : ""])
                         }, toDisplayString(item.label), 3),
-                        item.dot && !item.icon ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true),
+                        item.dot && !item.icon ? (openBlock(), createBlock(_sfc_main$3, { key: 2 })) : createCommentVNode("", true),
                         createVNode(Transition, { name: "lp-tab-badge" }, {
                           default: withCtx(() => [
-                            !(bottom.value && item.icon) && item.badge != null ? (openBlock(), createBlock(_sfc_main$3, {
+                            !(bottom.value && item.icon) && item.badge != null ? (openBlock(), createBlock(_sfc_main$4, {
                               key: 0,
                               size: "sm",
                               tone: current.value === item.value ? "brand" : "neutral",
                               class: "relative z-10 min-w-[18px] justify-center"
                             }, {
                               default: withCtx(() => [
-                                createVNode(_sfc_main$4, {
+                                createVNode(_sfc_main$5, {
                                   value: item.badge
                                 }, null, 8, ["value"])
                               ]),
@@ -202,12 +194,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: `skeleton-${n}`,
                   class: normalizeClass(["flex items-center justify-center", bottom.value ? "min-h-14 flex-col gap-1.5 py-1.5" : "px-1 py-1.5"])
                 }, [
-                  bottom.value ? (openBlock(), createBlock(_sfc_main$5, {
+                  bottom.value ? (openBlock(), createBlock(_sfc_main$6, {
                     key: 0,
                     rounded: "pill",
                     class: "size-5"
                   })) : createCommentVNode("", true),
-                  createVNode(_sfc_main$5, {
+                  createVNode(_sfc_main$6, {
                     class: normalizeClass(bottom.value ? "h-2.5 w-10" : "h-5 w-16")
                   }, null, 8, ["class"])
                 ], 2);
@@ -218,7 +210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _ctx.$slots.panel ? (openBlock(), createBlock(unref(Motion), {
             key: 0,
             layout: true,
-            transition: panelLayoutTransition.value,
+            transition: unref(panelLayoutTransition),
             class: "mt-3 overflow-hidden"
           }, {
             default: withCtx(() => [
@@ -226,7 +218,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(unref(TabsContent), {
                   key: item.value,
                   value: item.value,
-                  class: "outline-none data-[state=active]:animate-[tab-in_200ms_var(--ease-emphasized)]"
+                  class: "outline-none [--rise:6px] data-[state=active]:animate-[rise-in_200ms_var(--ease-emphasized)]"
                 }, {
                   default: withCtx(() => [
                     renderSlot(_ctx.$slots, "panel", {
@@ -246,7 +238,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1557d8e9"]]);
+const LpTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8d1f6353"]]);
 export {
   LpTabs as default
 };

package/dist/components/LpTagsInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTagsInput-DiXrpYeE.js";
+import { _ as _sfc_main } from "../chunks/LpTagsInput-DgpBFRV2.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTextReveal.vue.d.ts

@@ -0,0 +1,58 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** The text. A change animates only the words that changed. */
+    text: string;
+    /** The unit that animates. Letters suit a short heading; words read better on a sentence. */
+    by?: "word" | "letter";
+    /** Delay between pieces in ms. Defaults to 70 for words, 22 for letters. */
+    stagger?: number;
+    /** Each piece's entrance in ms. */
+    duration?: number;
+    /** How far a piece rises, in px. 0 for a pure fade. */
+    rise?: number;
+    /** Start out of focus and sharpen. Off for long text on a slow machine, where a blur per piece costs frames. */
+    blur?: boolean;
+    /**
+     * Hold the text hidden until true. Leave unset to play the first time the
+     * text is on screen.
+     */
+    play?: boolean;
+    /** Changing this plays the whole text again (the old one fades out first). */
+    replayKey?: unknown;
+    /** Element to render: `h1`…`h6` or `p` for a heading or a paragraph. */
+    as?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    done: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The text. A change animates only the words that changed. */
+    text: string;
+    /** The unit that animates. Letters suit a short heading; words read better on a sentence. */
+    by?: "word" | "letter";
+    /** Delay between pieces in ms. Defaults to 70 for words, 22 for letters. */
+    stagger?: number;
+    /** Each piece's entrance in ms. */
+    duration?: number;
+    /** How far a piece rises, in px. 0 for a pure fade. */
+    rise?: number;
+    /** Start out of focus and sharpen. Off for long text on a slow machine, where a blur per piece costs frames. */
+    blur?: boolean;
+    /**
+     * Hold the text hidden until true. Leave unset to play the first time the
+     * text is on screen.
+     */
+    play?: boolean;
+    /** Changing this plays the whole text again (the old one fades out first). */
+    replayKey?: unknown;
+    /** Element to render: `h1`…`h6` or `p` for a heading or a paragraph. */
+    as?: string;
+}> & Readonly<{
+    onDone?: (() => any) | undefined;
+}>, {
+    play: boolean;
+    blur: boolean;
+    duration: number;
+    as: string;
+    by: "word" | "letter";
+    rise: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpTextReveal.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpTextReveal-CtAnOUkp.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpTextarea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTextarea-xoQd5Lnp.js";
+import { _ as _sfc_main } from "../chunks/LpTextarea-DiWjeVoJ.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpThemeProvider.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeProvider-CQ2jC9TA.js";
+import { _ as _sfc_main } from "../chunks/LpThemeProvider-DcbfOxsU.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpThemeStudio.vue.d.ts

@@ -0,0 +1,54 @@
+import { type ThemeStudio } from "../theme/studio";
+import type { TokenSet } from "../theme/tokens";
+export type ThemeStudioPart = "themes" | "brand" | "corners" | "size" | "motion" | "export";
+export interface ThemeStudioLabels extends Record<string, string> {
+    title: string;
+    reset: string;
+    themes: string;
+    system: string;
+    brand: string;
+    anyBrand: string;
+    corners: string;
+    sharp: string;
+    round: string;
+    size: string;
+    compact: string;
+    comfortable: string;
+    motion: string;
+    fast: string;
+    normal: string;
+    slow: string;
+    default: string;
+    export: string;
+}
+type __VLS_Props = {
+    /** A studio from useThemeStudio; by default the shared one for `storageKey`. */
+    studio?: ThemeStudio;
+    /** Base themes, when the panel makes its own studio. */
+    themes?: TokenSet[];
+    storageKey?: string;
+    /** Brand swatches offered beside the free colour picker. */
+    brands?: string[];
+    /** Built-in rows to leave out. */
+    hide?: ThemeStudioPart[];
+    labels?: Partial<ThemeStudioLabels>;
+};
+declare var __VLS_14: {
+    studio: ThemeStudio;
+}, __VLS_74: {
+    studio: ThemeStudio;
+};
+type __VLS_Slots = {} & {
+    start?: (props: typeof __VLS_14) => any;
+} & {
+    end?: (props: typeof __VLS_74) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpThemeStudio.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpThemeStudio-DguwHdGt.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpThemeStudioSection.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    label: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpThemeStudioSection.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpThemeStudioSection-BwhqYDLf.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpThemeSwitcher.vue.d.ts

@@ -1,4 +1,5 @@
 import type { TokenSet } from "../theme/tokens";
+import { type ThemeStudioPart } from "./LpThemeStudio.vue";
 type __VLS_Props = {
     /** Active theme NAME (v-model). Falls back to the first theme. */
     modelValue?: string;
@@ -43,9 +44,33 @@ type __VLS_Props = {
     labels?: Partial<{
         trigger: string;
         system: string;
+        studio: string;
+        openStudio: string;
     }>;
+    /**
+     * The right-click menu ends with "Theme studio…", set apart from the
+     * themes, which opens LpThemeStudio by the trigger: the theme plus brand
+     * colour, corners, control size and motion, remembered under `studioKey`.
+     * Picks and left-click cycling go through the studio then, so a tuned
+     * brand or corner survives the next theme. Rows of the app's own go in
+     * the `#studio-start` / `#studio-end` slots, built-in ones leave with
+     * `studioHide`.
+     */
+    studio?: boolean;
+    studioKey?: string;
+    studioHide?: ThemeStudioPart[];
+};
+declare var __VLS_63: {
+    studio: import("..").ThemeStudio;
+}, __VLS_66: {
+    studio: import("..").ThemeStudio;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+type __VLS_Slots = {} & {
+    'studio-start'?: (props: typeof __VLS_63) => any;
+} & {
+    'studio-end'?: (props: typeof __VLS_66) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (theme: TokenSet) => any;
     "update:modelValue": (name: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
@@ -56,5 +81,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     transition: boolean;
     variant: "swatch" | "icon" | "pill";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpThemeSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-CDoziW0z.js";
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-D5uz0MhK.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTimeField.vue.d.ts

@@ -13,6 +13,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     /** Show the clock icon at the start of the field. */
     icon?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: (event: FocusEvent) => any;
     "update:modelValue": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<{
     /** Selected time "HH:mm" (v-model). */
@@ -27,6 +28,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     /** Show the clock icon at the start of the field. */
     icon?: boolean;
 }> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";

package/dist/components/LpTimeField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTimeField-MFgAsNc5.js";
+import { _ as _sfc_main } from "../chunks/LpTimeField-BFQVf_PW.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpToaster.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpToaster-C4zE9zB7.js";
+import { _ as _sfc_main } from "../chunks/LpToaster-Wv9ksj4q.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTooltip.vue.d.ts

@@ -38,11 +38,11 @@ type __VLS_Props = {
      */
     disabled?: boolean;
 };
-declare var __VLS_24: {}, __VLS_38: {};
+declare var __VLS_24: {}, __VLS_41: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_24) => any;
 } & {
-    content?: (props: typeof __VLS_38) => any;
+    content?: (props: typeof __VLS_41) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     side: "top" | "right" | "bottom" | "left";

package/dist/components/LpTooltip.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTooltip-suFCM34F.js";
+import { _ as _sfc_main } from "../chunks/LpTooltip-Cz8SQwRt.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTopologyCanvas.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-6ozNrQKh.js";
+import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-ZhKthfgz.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTour.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTour-BUp3Jt2e.js";
+import { _ as _sfc_main } from "../chunks/LpTour-NfRJNEIP.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTruncate.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    text: string;
+    /** Lines before the cut. Ignored with `middle`, which is one line by nature. */
+    lines?: number;
+    /** Cut from the middle, keeping both ends. */
+    middle?: boolean;
+    /** With `middle`: how many characters the end keeps. Unset splits evenly. */
+    tail?: number;
+    /** A copy button after the text, for values people paste elsewhere. */
+    copyable?: boolean;
+    /** Where the tip opens. */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Never show the tip, even when cut (the full text is shown elsewhere). */
+    noTooltip?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    text: string;
+    /** Lines before the cut. Ignored with `middle`, which is one line by nature. */
+    lines?: number;
+    /** Cut from the middle, keeping both ends. */
+    middle?: boolean;
+    /** With `middle`: how many characters the end keeps. Unset splits evenly. */
+    tail?: number;
+    /** A copy button after the text, for values people paste elsewhere. */
+    copyable?: boolean;
+    /** Where the tip opens. */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Never show the tip, even when cut (the full text is shown elsewhere). */
+    noTooltip?: boolean;
+}> & Readonly<{}>, {
+    side: "top" | "right" | "bottom" | "left";
+    lines: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpTruncate.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpTruncate-D_5Pfv5B.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpTypewriter.vue.d.ts

@@ -0,0 +1,61 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** One string, or several to cycle through. */
+    text: string | string[];
+    /** Ms per character, before the natural unevenness. */
+    speed?: number;
+    /** Ms per erased character. */
+    eraseSpeed?: number;
+    /** Ms a finished string stays before it is erased. */
+    hold?: number;
+    /** Ms before the first keystroke, once it is on screen. */
+    startDelay?: number;
+    /** After the last string, start over from the first. Without it the last string stays. */
+    loop?: boolean;
+    /** Show the caret. */
+    caret?: boolean;
+    /** Reserve the longest string's size so the surroundings hold still. */
+    reserve?: boolean;
+    /** Hold it until true. Leave unset to start the first time it is on screen. */
+    play?: boolean;
+    /** Element to render. */
+    as?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    typed: (index: number, text: string) => any;
+    finished: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** One string, or several to cycle through. */
+    text: string | string[];
+    /** Ms per character, before the natural unevenness. */
+    speed?: number;
+    /** Ms per erased character. */
+    eraseSpeed?: number;
+    /** Ms a finished string stays before it is erased. */
+    hold?: number;
+    /** Ms before the first keystroke, once it is on screen. */
+    startDelay?: number;
+    /** After the last string, start over from the first. Without it the last string stays. */
+    loop?: boolean;
+    /** Show the caret. */
+    caret?: boolean;
+    /** Reserve the longest string's size so the surroundings hold still. */
+    reserve?: boolean;
+    /** Hold it until true. Leave unset to start the first time it is on screen. */
+    play?: boolean;
+    /** Element to render. */
+    as?: string;
+}> & Readonly<{
+    onTyped?: ((index: number, text: string) => any) | undefined;
+    onFinished?: (() => any) | undefined;
+}>, {
+    play: boolean;
+    as: string;
+    speed: number;
+    loop: boolean;
+    caret: boolean;
+    hold: number;
+    eraseSpeed: number;
+    startDelay: number;
+    reserve: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpTypewriter.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpTypewriter-BCL_a6wE.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpUptimeBar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpUptimeBar-B6kHw4Cj.js";
+import { _ as _sfc_main } from "../chunks/LpUptimeBar-DWegV2p6.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpVideoBackdrop.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpVideoBackdrop-qWRYBOTQ.js";
+import { _ as _sfc_main } from "../chunks/LpVideoBackdrop-DS1wGv-X.js";
 export {
   _sfc_main as default
 };

package/dist/components/MenuTitle.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MenuTitle-obgek0B7.js";
+import { _ as _sfc_main } from "../chunks/MenuTitle-BjQZX8tQ.js";
 export {
   _sfc_main as default
 };

package/dist/components/OptionContent.vue.d.ts

@@ -0,0 +1,7 @@
+import type { LpOptionBase } from "./options";
+type __VLS_Props = {
+    option: LpOptionBase<string | number>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/OptionContent.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/OptionContent-CmYUUeWj.js";
+export {
+  _sfc_main as default
+};

package/dist/components/PickerField.vue.d.ts

@@ -0,0 +1,43 @@
+import type { useFieldControl } from "../composables/useField";
+type __VLS_Props = {
+    field: ReturnType<typeof useFieldControl>["value"];
+    display: string;
+    placeholder: string;
+    icon: string;
+    size?: "sm" | "md" | "lg";
+    clearable: boolean;
+    clearLabel: string;
+    presetsLabel: string;
+    presets: {
+        label: string;
+        disabled: boolean;
+        selected: boolean;
+        select: () => void;
+    }[];
+    presetsClass: string;
+};
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_23: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => any;
+    "update:open": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PickerField.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/PickerField-CHRS1h7K.js";
+export {
+  _sfc_main as default
+};