@yewdiel21/motion-kit 0.0.0-stage → 0.9.0

package/dist/elements/index.js

@@ -0,0 +1,472 @@
+import {
+  createChat,
+  createChatBackground,
+  createCursor,
+  createIsland,
+  createNav,
+  createSteps,
+  createThemePicker,
+  createToaster,
+  iconSvg,
+  toast
+} from "../chunk-Q4LVFNLN.js";
+import {
+  createDialog,
+  createMenu
+} from "../chunk-34XYOXHG.js";
+import "../chunk-J27KH2A2.js";
+import "../chunk-RFDIZYFX.js";
+import "../chunk-TGV27ZWM.js";
+
+// src/elements/base.ts
+var SafeHTMLElement = typeof HTMLElement === "undefined" ? class {
+} : HTMLElement;
+var kebab = (name) => name.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+var MkElement = class extends SafeHTMLElement {
+  /** Option name (camelCase) → how to read its attribute. */
+  static options = {};
+  static get observedAttributes() {
+    return Object.keys(this.options).map(kebab);
+  }
+  /** The live engine (null while disconnected). */
+  instance = null;
+  /** Options read from the attributes now. */
+  get options() {
+    const types = this.constructor.options;
+    const options = {};
+    for (const [name, type] of Object.entries(types)) {
+      const raw = this.getAttribute(kebab(name));
+      if (type === "boolean") {
+        if (raw !== null) options[name] = raw !== "false";
+        continue;
+      }
+      if (raw === null) continue;
+      if (type === "number") {
+        const value = Number(raw);
+        if (Number.isFinite(value)) options[name] = value;
+      } else if (type === "list") options[name] = raw.split(",").map((item) => item.trim()).filter(Boolean);
+      else if (type === "json") {
+        try {
+          options[name] = JSON.parse(raw);
+        } catch {
+        }
+      } else options[name] = raw;
+    }
+    return options;
+  }
+  connectedCallback() {
+    if (!this.instance) this.instance = this.create(this.options);
+  }
+  disconnectedCallback() {
+    this.instance?.destroy();
+    this.instance = null;
+  }
+  attributeChangedCallback(_name, previous, next) {
+    if (previous === next || !this.isConnected || !this.instance) return;
+    this.instance.destroy();
+    this.instance = this.create(this.options);
+  }
+};
+function defineElement(name, ctor) {
+  if (typeof customElements === "undefined" || customElements.get(name)) return;
+  customElements.define(name, ctor);
+}
+
+// src/components/theme-picker/element.ts
+var MkThemePickerElement = class extends MkElement {
+  static options = { showHidden: "boolean", themes: "list" };
+  create(options) {
+    return createThemePicker(this, options);
+  }
+  select(id) {
+    this.instance?.select(id);
+  }
+};
+
+// src/components/dialog/element.ts
+var MkDialogElement = class extends MkElement {
+  static options = {
+    variant: "string",
+    placement: "string",
+    size: "string",
+    heading: "string",
+    description: "string",
+    float: "string",
+    noBackdrop: "boolean",
+    persistent: "boolean",
+    noDrag: "boolean",
+    closeLabel: "string",
+    shared: "string"
+  };
+  dialog = null;
+  create(options) {
+    const original = [...this.childNodes];
+    const dialog = document.createElement("dialog");
+    dialog.className = "mk-dialog";
+    if (options.size && options.size !== "md") dialog.classList.add(`mk-dialog--${options.size}`);
+    const hasParts = original.some((node) => node instanceof Element && node.matches("[data-mk-part]"));
+    const closeLabel = options.closeLabel ?? "Cerrar";
+    if (options.heading) {
+      const header = document.createElement("header");
+      header.dataset.mkPart = "header";
+      const text = document.createElement("div");
+      const title = document.createElement("h2");
+      title.dataset.mkPart = "title";
+      title.textContent = options.heading;
+      if (options.shared) title.dataset.mkShared = options.shared;
+      text.append(title);
+      if (options.description) {
+        const description = document.createElement("p");
+        description.dataset.mkPart = "description";
+        description.textContent = options.description;
+        text.append(description);
+      }
+      const actions = document.createElement("div");
+      actions.dataset.mkPart = "actions";
+      if (options.float) {
+        const handle = document.createElement("button");
+        handle.type = "button";
+        handle.dataset.mkPart = "handle";
+        handle.innerHTML = iconSvg("expand", 18);
+        actions.append(handle);
+      }
+      const close = document.createElement("button");
+      close.type = "button";
+      close.dataset.mkPart = "close";
+      close.setAttribute("aria-label", closeLabel);
+      close.innerHTML = iconSvg("close");
+      actions.append(close);
+      header.append(text, actions);
+      const body = document.createElement("div");
+      body.dataset.mkPart = "body";
+      const isFooter = (node) => node instanceof Element && node.matches('[data-mk-part="footer"]');
+      body.append(...original.filter((node) => !isFooter(node)));
+      dialog.append(header, body, ...original.filter(isFooter));
+    } else if (hasParts) {
+      dialog.append(...original);
+    } else {
+      const body = document.createElement("div");
+      body.dataset.mkPart = "body";
+      body.append(...original);
+      dialog.append(body);
+    }
+    this.append(dialog);
+    const engine = createDialog(dialog, {
+      variant: options.variant ?? "morph",
+      placement: options.placement ?? "center",
+      backdrop: !options.noBackdrop,
+      closeOnBackdrop: !options.persistent,
+      drag: !options.noDrag,
+      float: options.float || false,
+      triggers: this.id || false,
+      labels: { close: closeLabel }
+    });
+    this.dialog = engine;
+    return {
+      destroy: () => {
+        engine.destroy();
+        this.append(...original);
+        dialog.remove();
+        this.dialog = null;
+      }
+    };
+  }
+  open(origin) {
+    this.dialog?.open(origin);
+  }
+  close() {
+    this.dialog?.close();
+  }
+  get isOpen() {
+    return this.dialog?.isOpen ?? false;
+  }
+};
+
+// src/components/menu/element.ts
+var MkMenuElement = class extends MkElement {
+  static options = { variant: "string", keepOpen: "boolean", label: "string", ticket: "boolean" };
+  menu = null;
+  create(options) {
+    const original = [...this.childNodes];
+    const dialog = document.createElement("dialog");
+    dialog.className = "mk-dialog mk-menu";
+    if (options.label) dialog.setAttribute("aria-label", options.label);
+    dialog.append(...original);
+    this.append(dialog);
+    const menu = createMenu(dialog, {
+      ticket: Boolean(options.ticket),
+      variant: options.variant ?? "morph",
+      closeOnSelect: !options.keepOpen,
+      triggers: this.id || false
+    });
+    this.menu = menu;
+    return {
+      destroy: () => {
+        menu.destroy();
+        this.append(...original);
+        dialog.remove();
+        this.menu = null;
+      }
+    };
+  }
+  open(origin) {
+    this.menu?.open(origin);
+  }
+  close() {
+    this.menu?.close();
+  }
+  get isOpen() {
+    return this.menu?.isOpen ?? false;
+  }
+};
+
+// src/components/toast/element.ts
+var MkToasterElement = class extends MkElement {
+  static options = { dismissLabel: "string" };
+  create(options) {
+    const host = document.createElement("div");
+    host.className = "mk-toaster";
+    this.append(host);
+    const toaster = createToaster(host, { labels: { dismiss: options.dismissLabel } });
+    return {
+      destroy: () => {
+        toaster.destroy();
+        host.remove();
+      }
+    };
+  }
+};
+
+// src/components/chat-background/element.ts
+var MkChatBackgroundElement = class extends MkElement {
+  static options = {};
+  static get observedAttributes() {
+    return ["energy", "scale"];
+  }
+  create() {
+    return createChatBackground(this, { energy: Number(this.getAttribute("energy")) || 0, scale: Number(this.getAttribute("scale")) || 1 });
+  }
+  // Energy changes every frame while recording: update the engine instead of rebuilding it.
+  attributeChangedCallback(name, previous, next) {
+    if (previous === next || !this.instance) return;
+    if (name === "energy") this.instance.setEnergy(Number(next) || 0);
+    if (name === "scale") this.instance.setScale(Number(next) || 1);
+  }
+  setEnergy(energy) {
+    this.instance?.setEnergy(energy);
+  }
+  busy(on) {
+    this.instance?.busy(on);
+  }
+};
+var defineChatBackground = () => defineElement("mk-chat-background", MkChatBackgroundElement);
+
+// src/components/chat/element.ts
+var MkChatElement = class extends MkElement {
+  static options = {
+    placeholder: "string",
+    background: "boolean",
+    mic: "boolean",
+    animateExisting: "boolean",
+    thinking: "string"
+  };
+  chat = null;
+  create(options) {
+    const made = [];
+    if (!this.querySelector('[data-mk-part="messages"]')) {
+      if (options.background && !this.querySelector(".mk-chat-background, mk-chat-background")) {
+        defineChatBackground();
+        const background = document.createElement("mk-chat-background");
+        this.prepend(background);
+        made.push(background);
+      }
+      const messages = document.createElement("div");
+      messages.dataset.mkPart = "messages";
+      messages.append(...[...this.children].filter((child) => child.matches("[data-mk-message]")));
+      const composer = document.createElement("form");
+      composer.dataset.mkPart = "composer";
+      const input = document.createElement("textarea");
+      input.dataset.mkPart = "input";
+      input.rows = 1;
+      input.placeholder = options.placeholder ?? "Escribe un mensaje...";
+      input.setAttribute("aria-label", input.placeholder);
+      const buttons = document.createElement("div");
+      buttons.dataset.mkPart = "buttons";
+      if (options.mic) {
+        const mic = document.createElement("button");
+        mic.type = "button";
+        mic.dataset.mkPart = "mic";
+        mic.setAttribute("aria-label", "Micr\xF3fono");
+        mic.innerHTML = iconSvg("mic", 22);
+        buttons.append(mic);
+      }
+      const send = document.createElement("button");
+      send.type = "submit";
+      send.dataset.mkPart = "send";
+      send.setAttribute("aria-label", "Enviar");
+      send.innerHTML = iconSvg("send", 22);
+      buttons.append(send);
+      composer.append(input, buttons);
+      this.append(messages, composer);
+      made.push(messages, composer);
+    }
+    const chat = createChat(this, {
+      animateExisting: Boolean(options.animateExisting),
+      labels: { thinking: options.thinking }
+    });
+    this.chat = chat;
+    return {
+      destroy: () => {
+        chat.destroy();
+        const messages = made.find((node) => node instanceof HTMLElement && node.dataset.mkPart === "messages");
+        if (messages) this.append(...[...messages.children]);
+        for (const node of made) node.remove();
+        this.chat = null;
+      }
+    };
+  }
+  add(role, text) {
+    return this.chat?.add(role, text);
+  }
+  pending() {
+    this.chat?.pending();
+  }
+  reply(message) {
+    return this.chat?.reply(message);
+  }
+  setRecording(on) {
+    this.chat?.setRecording(on);
+  }
+};
+
+// src/components/nav/element.ts
+var MkNavElement = class extends MkElement {
+  static options = { navStyle: "string", accent: "boolean", reveal: "boolean", storageKey: "string" };
+  create(options) {
+    return createNav(this, {
+      style: options.navStyle,
+      accent: options.accent,
+      reveal: Boolean(options.reveal),
+      storageKey: options.storageKey
+    });
+  }
+  // Style and accent change in place: rebuilding would replay the reveal.
+  attributeChangedCallback(name, previous, next) {
+    if (previous === next || !this.instance) return;
+    if (name === "nav-style" && next) this.instance.setStyle(next);
+    else if (name === "accent") this.instance.setAccent(next !== null && next !== "false");
+    else super.attributeChangedCallback(name, previous, next);
+  }
+  select(target) {
+    this.instance?.select(target);
+  }
+  setStyle(style) {
+    this.instance?.setStyle(style);
+  }
+};
+
+// src/components/steps/element.ts
+var MkStepsElement = class extends MkElement {
+  static options = { index: "number", duration: "number", animateFirst: "boolean" };
+  create(options) {
+    return createSteps(this, options);
+  }
+  // A new index moves to that step; rebuilding would jump without the flow.
+  attributeChangedCallback(name, previous, next) {
+    if (previous === next || !this.instance) return;
+    if (name === "index") void this.instance.goTo(Number(next) || 0);
+    else super.attributeChangedCallback(name, previous, next);
+  }
+  next() {
+    return this.instance?.next();
+  }
+  prev() {
+    return this.instance?.prev();
+  }
+  goTo(index) {
+    return this.instance?.goTo(index);
+  }
+  busy(on) {
+    this.instance?.busy(on);
+  }
+};
+
+// src/components/cursor/element.ts
+var MkCursorElement = class extends MkElement {
+  static options = { variant: "string", text: "string", arrows: "string", zone: "string" };
+  create(options) {
+    const zone = typeof options.zone === "string" ? document.querySelector(options.zone) : void 0;
+    return createCursor(this, {
+      variant: options.variant,
+      text: options.text,
+      arrows: options.arrows,
+      zone
+    });
+  }
+};
+
+// src/components/island/element.ts
+var MkIslandElement = class extends MkElement {
+  static options = {
+    entrance: "string",
+    closeOnScroll: "boolean",
+    closeOnNavigate: "boolean",
+    focusOnOpen: "boolean"
+  };
+  create(options) {
+    const entrance = options.entrance === "false" ? false : options.entrance === "manual" ? "manual" : true;
+    return createIsland(this, {
+      entrance,
+      closeOnScroll: options.closeOnScroll,
+      closeOnNavigate: options.closeOnNavigate,
+      focusOnOpen: options.focusOnOpen,
+      onChange: (active) => this.dispatchEvent(new CustomEvent("mk:island", { detail: { active }, bubbles: true }))
+    });
+  }
+  open(name) {
+    this.instance?.open(name);
+  }
+  close() {
+    this.instance?.close();
+  }
+  ready() {
+    this.instance?.ready();
+  }
+};
+
+// src/elements/index.ts
+var ELEMENTS = {
+  "mk-theme-picker": MkThemePickerElement,
+  "mk-dialog": MkDialogElement,
+  "mk-menu": MkMenuElement,
+  "mk-toaster": MkToasterElement,
+  "mk-chat-background": MkChatBackgroundElement,
+  "mk-chat": MkChatElement,
+  "mk-nav": MkNavElement,
+  "mk-steps": MkStepsElement,
+  "mk-cursor": MkCursorElement,
+  "mk-island": MkIslandElement
+  // new-component:entries
+};
+function defineElements(names = Object.keys(ELEMENTS)) {
+  for (const name of names) defineElement(name, ELEMENTS[name]);
+}
+export {
+  ELEMENTS,
+  MkChatBackgroundElement,
+  MkChatElement,
+  MkCursorElement,
+  MkDialogElement,
+  MkElement,
+  MkIslandElement,
+  MkMenuElement,
+  MkNavElement,
+  MkStepsElement,
+  MkThemePickerElement,
+  MkToasterElement,
+  SafeHTMLElement,
+  defineElement,
+  defineElements,
+  toast
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/elements/base.ts","../../src/components/theme-picker/element.ts","../../src/components/dialog/element.ts","../../src/components/menu/element.ts","../../src/components/toast/element.ts","../../src/components/chat-background/element.ts","../../src/components/chat/element.ts","../../src/components/nav/element.ts","../../src/components/steps/element.ts","../../src/components/cursor/element.ts","../../src/components/island/element.ts","../../src/elements/index.ts"],"sourcesContent":["import type { Instance } from '../core/types';\n\n/*\n * Base for motion-kit custom elements (Astro / plain HTML). Light DOM only, so\n * themes and project CSS reach the markup. Attributes map to engine options\n * (kebab-case → camelCase); the engine is created on connect, recreated when an\n * observed attribute changes, and destroyed on disconnect.\n */\n\nexport type OptionType = 'string' | 'number' | 'boolean' | 'list' | 'json';\n\n/** `HTMLElement` in the browser; an empty class during SSR so importing never throws. */\nexport const SafeHTMLElement = (typeof HTMLElement === 'undefined' ? class {} : HTMLElement) as typeof HTMLElement;\n\nconst kebab = (name: string) => name.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);\n\nexport abstract class MkElement<I extends Instance = Instance> extends SafeHTMLElement {\n  /** Option name (camelCase) → how to read its attribute. */\n  static options: Record<string, OptionType> = {};\n\n  static get observedAttributes() {\n    return Object.keys(this.options).map(kebab);\n  }\n\n  /** The live engine (null while disconnected). */\n  instance: I | null = null;\n\n  protected abstract create(options: Record<string, unknown>): I;\n\n  /** Options read from the attributes now. */\n  get options(): Record<string, unknown> {\n    const types = (this.constructor as typeof MkElement).options;\n    const options: Record<string, unknown> = {};\n    for (const [name, type] of Object.entries(types)) {\n      const raw = this.getAttribute(kebab(name));\n      if (type === 'boolean') {\n        if (raw !== null) options[name] = raw !== 'false';\n        continue;\n      }\n      if (raw === null) continue;\n      if (type === 'number') {\n        const value = Number(raw);\n        if (Number.isFinite(value)) options[name] = value;\n      } else if (type === 'list') options[name] = raw.split(',').map((item) => item.trim()).filter(Boolean);\n      else if (type === 'json') {\n        try {\n          options[name] = JSON.parse(raw);\n        } catch {\n          // Ignore malformed JSON: the engine keeps its default.\n        }\n      } else options[name] = raw;\n    }\n    return options;\n  }\n\n  connectedCallback() {\n    if (!this.instance) this.instance = this.create(this.options);\n  }\n\n  disconnectedCallback() {\n    this.instance?.destroy();\n    this.instance = null;\n  }\n\n  attributeChangedCallback(_name: string, previous: string | null, next: string | null) {\n    if (previous === next || !this.isConnected || !this.instance) return;\n    this.instance.destroy();\n    this.instance = this.create(this.options);\n  }\n}\n\n/** customElements.define once; later calls with the same name are ignored. */\nexport function defineElement(name: string, ctor: CustomElementConstructor) {\n  if (typeof customElements === 'undefined' || customElements.get(name)) return;\n  customElements.define(name, ctor);\n}\n","import { MkElement, defineElement, type OptionType } from '../../elements/base';\nimport { createThemePicker, type ThemePickerInstance } from './engine';\n\n/**\n * <mk-theme-picker show-hidden themes=\"neogreen,pink\"></mk-theme-picker>\n * Emits `mk:theme` on document when a theme is chosen (from setTheme).\n */\nexport class MkThemePickerElement extends MkElement<ThemePickerInstance> {\n  static options: Record<string, OptionType> = { showHidden: 'boolean', themes: 'list' };\n\n  protected create(options: Record<string, unknown>) {\n    return createThemePicker(this, options);\n  }\n\n  select(id: string) {\n    this.instance?.select(id);\n  }\n}\n\nexport const defineThemePicker = () => defineElement('mk-theme-picker', MkThemePickerElement);\n","import { MkElement, defineElement, type OptionType } from '../../elements/base';\nimport type { Instance } from '../../core/types';\nimport { iconSvg } from '../icons';\nimport { createDialog, type DialogInstance, type DialogPlacement, type DialogVariant } from './engine';\n\n/**\n * <mk-dialog id=\"crear\" heading=\"Crear proyecto\" [description] [shared=\"id\"] [variant=\"liquid\"]\n *   [placement=\"anchor|side\"] [size=\"sm|lg|xl\"] [float=\"key\"] [no-backdrop] [persistent] [no-drag]>…</mk-dialog>\n * Any [data-mk-open=\"crear\"] opens it from that button. On connect its children\n * move into a <dialog class=\"mk-dialog\"> (with `heading`, a header with title and\n * close button and a body are made for them); on disconnect they move back.\n */\nexport class MkDialogElement extends MkElement<Instance> {\n  static options: Record<string, OptionType> = {\n    variant: 'string',\n    placement: 'string',\n    size: 'string',\n    heading: 'string',\n    description: 'string',\n    float: 'string',\n    noBackdrop: 'boolean',\n    persistent: 'boolean',\n    noDrag: 'boolean',\n    closeLabel: 'string',\n    shared: 'string',\n  };\n\n  dialog: DialogInstance | null = null;\n\n  protected create(options: Record<string, unknown>): Instance {\n    const original = [...this.childNodes];\n    const dialog = document.createElement('dialog');\n    dialog.className = 'mk-dialog';\n    if (options.size && options.size !== 'md') dialog.classList.add(`mk-dialog--${options.size}`);\n    const hasParts = original.some((node) => node instanceof Element && node.matches('[data-mk-part]'));\n    const closeLabel = (options.closeLabel as string | undefined) ?? 'Cerrar';\n    if (options.heading) {\n      const header = document.createElement('header');\n      header.dataset.mkPart = 'header';\n      const text = document.createElement('div');\n      const title = document.createElement('h2');\n      title.dataset.mkPart = 'title';\n      title.textContent = options.heading as string;\n      if (options.shared) title.dataset.mkShared = options.shared as string;\n      text.append(title);\n      if (options.description) {\n        const description = document.createElement('p');\n        description.dataset.mkPart = 'description';\n        description.textContent = options.description as string;\n        text.append(description);\n      }\n      const actions = document.createElement('div');\n      actions.dataset.mkPart = 'actions';\n      if (options.float) {\n        const handle = document.createElement('button');\n        handle.type = 'button';\n        handle.dataset.mkPart = 'handle';\n        handle.innerHTML = iconSvg('expand', 18);\n        actions.append(handle);\n      }\n      const close = document.createElement('button');\n      close.type = 'button';\n      close.dataset.mkPart = 'close';\n      close.setAttribute('aria-label', closeLabel);\n      close.innerHTML = iconSvg('close');\n      actions.append(close);\n      header.append(text, actions);\n      const body = document.createElement('div');\n      body.dataset.mkPart = 'body';\n      // A footer stays out of the scrolling body.\n      const isFooter = (node: Node) => node instanceof Element && node.matches('[data-mk-part=\"footer\"]');\n      body.append(...original.filter((node) => !isFooter(node)));\n      dialog.append(header, body, ...original.filter(isFooter));\n    } else if (hasParts) {\n      dialog.append(...original);\n    } else {\n      const body = document.createElement('div');\n      body.dataset.mkPart = 'body';\n      body.append(...original);\n      dialog.append(body);\n    }\n    this.append(dialog);\n\n    const engine = createDialog(dialog, {\n      variant: (options.variant as DialogVariant) ?? 'morph',\n      placement: (options.placement as DialogPlacement) ?? 'center',\n      backdrop: !options.noBackdrop,\n      closeOnBackdrop: !options.persistent,\n      drag: !options.noDrag,\n      float: (options.float as string) || false,\n      triggers: this.id || false,\n      labels: { close: closeLabel },\n    });\n    this.dialog = engine;\n    return {\n      destroy: () => {\n        engine.destroy();\n        this.append(...original);\n        dialog.remove();\n        this.dialog = null;\n      },\n    };\n  }\n\n  open(origin?: HTMLElement | null) {\n    this.dialog?.open(origin);\n  }\n\n  close() {\n    this.dialog?.close();\n  }\n\n  get isOpen() {\n    return this.dialog?.isOpen ?? false;\n  }\n}\n\nexport const defineDialog = () => defineElement('mk-dialog', MkDialogElement);\n","import { MkElement, defineElement, type OptionType } from '../../elements/base';\nimport type { Instance } from '../../core/types';\nimport type { DialogVariant } from '../dialog/engine';\nimport { createMenu, type MenuInstance } from './engine';\n\n/**\n * <mk-menu id=\"opciones\" [variant=\"liquid\"] [keep-open]>\n *   <button data-mk-item data-mk-value=\"ajustes\">Ajustes</button> …\n * </mk-menu>\n * Any [data-mk-open=\"opciones\"] opens it from that button; choosing an option\n * emits `mk:select` (detail.value, detail.item).\n */\nexport class MkMenuElement extends MkElement<Instance> {\n  static options: Record<string, OptionType> = { variant: 'string', keepOpen: 'boolean', label: 'string', ticket: 'boolean' };\n\n  menu: MenuInstance | null = null;\n\n  protected create(options: Record<string, unknown>): Instance {\n    const original = [...this.childNodes];\n    const dialog = document.createElement('dialog');\n    dialog.className = 'mk-dialog mk-menu';\n    if (options.label) dialog.setAttribute('aria-label', options.label as string);\n    dialog.append(...original);\n    this.append(dialog);\n    const menu = createMenu(dialog, {\n      ticket: Boolean(options.ticket),\n      variant: (options.variant as DialogVariant) ?? 'morph',\n      closeOnSelect: !options.keepOpen,\n      triggers: this.id || false,\n    });\n    this.menu = menu;\n    return {\n      destroy: () => {\n        menu.destroy();\n        this.append(...original);\n        dialog.remove();\n        this.menu = null;\n      },\n    };\n  }\n\n  open(origin?: HTMLElement | null) {\n    this.menu?.open(origin);\n  }\n\n  close() {\n    this.menu?.close();\n  }\n\n  get isOpen() {\n    return this.menu?.isOpen ?? false;\n  }\n}\n\nexport const defineMenu = () => defineElement('mk-menu', MkMenuElement);\n","import { MkElement, defineElement, type OptionType } from '../../elements/base';\nimport { createToaster, type ToasterInstance } from './engine';\n\n/**\n * <mk-toaster dismiss-label=\"Cerrar\"></mk-toaster> — mount once; then call\n * `toast('Copiado', { origin: button })` from anywhere.\n */\nexport class MkToasterElement extends MkElement<ToasterInstance> {\n  static options: Record<string, OptionType> = { dismissLabel: 'string' };\n\n  protected create(options: Record<string, unknown>) {\n    const host = document.createElement('div');\n    host.className = 'mk-toaster';\n    this.append(host);\n    const toaster = createToaster(host, { labels: { dismiss: options.dismissLabel as string | undefined } });\n    return {\n      destroy: () => {\n        toaster.destroy();\n        host.remove();\n      },\n    };\n  }\n}\n\nexport const defineToaster = () => defineElement('mk-toaster', MkToasterElement);\n","import { MkElement, defineElement, type OptionType } from '../../elements/base';\nimport { createChatBackground, type ChatBackgroundInstance } from './engine';\n\n/** <mk-chat-background energy=\"0\" scale=\"1\"></mk-chat-background> inside any positioned container. */\nexport class MkChatBackgroundElement extends MkElement<ChatBackgroundInstance> {\n  static options: Record<string, OptionType> = {};\n  static get observedAttributes() {\n    return ['energy', 'scale'];\n  }\n\n  protected create() {\n    return createChatBackground(this, { energy: Number(this.getAttribute('energy')) || 0, scale: Number(this.getAttribute('scale')) || 1 });\n  }\n\n  // Energy changes every frame while recording: update the engine instead of rebuilding it.\n  attributeChangedCallback(name: string, previous: string | null, next: string | null) {\n    if (previous === next || !this.instance) return;\n    if (name === 'energy') this.instance.setEnergy(Number(next) || 0);\n    if (name === 'scale') this.instance.setScale(Number(next) || 1);\n  }\n\n  setEnergy(energy: number) {\n    this.instance?.setEnergy(energy);\n  }\n\n  busy(on: boolean) {\n    this.instance?.busy(on);\n  }\n}\n\nexport const defineChatBackground = () => defineElement('mk-chat-background', MkChatBackgroundElement);\n","import { MkElement, defineElement, type OptionType } from '../../elements/base';\nimport type { Instance } from '../../core/types';\nimport { iconSvg } from '../icons';\nimport { defineChatBackground } from '../chat-background/element';\nimport { createChat, type ChatInstance, type ChatRole } from './engine';\n\n/**\n * <mk-chat placeholder=\"Escribe un mensaje...\" [background] [mic] [animate-existing]>\n *   (optional) your own [data-mk-part=\"messages\"] / composer markup\n * </mk-chat>\n * Empty, it builds the messages list and the composer. Listen to `mk:send`\n * (detail.text) and answer with `element.reply(text)` after `element.pending()`.\n */\nexport class MkChatElement extends MkElement<Instance> {\n  static options: Record<string, OptionType> = {\n    placeholder: 'string',\n    background: 'boolean',\n    mic: 'boolean',\n    animateExisting: 'boolean',\n    thinking: 'string',\n  };\n\n  chat: ChatInstance | null = null;\n\n  protected create(options: Record<string, unknown>): Instance {\n    const made: Element[] = [];\n    if (!this.querySelector('[data-mk-part=\"messages\"]')) {\n      if (options.background && !this.querySelector('.mk-chat-background, mk-chat-background')) {\n        defineChatBackground();\n        const background = document.createElement('mk-chat-background');\n        this.prepend(background);\n        made.push(background);\n      }\n      const messages = document.createElement('div');\n      messages.dataset.mkPart = 'messages';\n      // Messages written inside the element (history) move into the list.\n      messages.append(...[...this.children].filter((child) => child.matches('[data-mk-message]')));\n      const composer = document.createElement('form');\n      composer.dataset.mkPart = 'composer';\n      const input = document.createElement('textarea');\n      input.dataset.mkPart = 'input';\n      input.rows = 1;\n      input.placeholder = (options.placeholder as string | undefined) ?? 'Escribe un mensaje...';\n      input.setAttribute('aria-label', input.placeholder);\n      const buttons = document.createElement('div');\n      buttons.dataset.mkPart = 'buttons';\n      if (options.mic) {\n        const mic = document.createElement('button');\n        mic.type = 'button';\n        mic.dataset.mkPart = 'mic';\n        mic.setAttribute('aria-label', 'Micrófono');\n        mic.innerHTML = iconSvg('mic', 22);\n        buttons.append(mic);\n      }\n      const send = document.createElement('button');\n      send.type = 'submit';\n      send.dataset.mkPart = 'send';\n      send.setAttribute('aria-label', 'Enviar');\n      send.innerHTML = iconSvg('send', 22);\n      buttons.append(send);\n      composer.append(input, buttons);\n      this.append(messages, composer);\n      made.push(messages, composer);\n    }\n    const chat = createChat(this, {\n      animateExisting: Boolean(options.animateExisting),\n      labels: { thinking: options.thinking as string | undefined },\n    });\n    this.chat = chat;\n    return {\n      destroy: () => {\n        chat.destroy();\n        const messages = made.find((node) => node instanceof HTMLElement && node.dataset.mkPart === 'messages');\n        if (messages) this.append(...[...messages.children]);\n        for (const node of made) node.remove();\n        this.chat = null;\n      },\n    };\n  }\n\n  add(role: ChatRole, text: string) {\n    return this.chat?.add(role, text);\n  }\n\n  pending() {\n    this.chat?.pending();\n  }\n\n  reply(message: HTMLElement | string) {\n    return this.chat?.reply(message);\n  }\n\n  setRecording(on: boolean) {\n    this.chat?.setRecording(on);\n  }\n}\n\nexport const defineChat = () => defineElement('mk-chat', MkChatElement);\n","import { MkElement, defineElement, type OptionType } from '../../elements/base';\nimport { createNav, type NavInstance, type NavStyle } from './engine';\n\n/**\n * <mk-nav class=\"mk-nav mk-nav--bonita\" nav-style=\"bonita\" [accent] [reveal] [storage-key=\"mi-app-nav\"]>\n *   <div class=\"mk-nav__buttons\"><a class=\"mk-nav__button\" href=\"/\">…</a></div>\n * </mk-nav>\n * Emits `mk:navigate` (detail: index, value, item, originalEvent) on click.\n */\nexport class MkNavElement extends MkElement<NavInstance> {\n  static options: Record<string, OptionType> = { navStyle: 'string', accent: 'boolean', reveal: 'boolean', storageKey: 'string' };\n\n  protected create(options: Record<string, unknown>) {\n    return createNav(this, {\n      style: options.navStyle as NavStyle | undefined,\n      accent: options.accent as boolean | undefined,\n      reveal: Boolean(options.reveal),\n      storageKey: options.storageKey as string | undefined,\n    });\n  }\n\n  // Style and accent change in place: rebuilding would replay the reveal.\n  attributeChangedCallback(name: string, previous: string | null, next: string | null) {\n    if (previous === next || !this.instance) return;\n    if (name === 'nav-style' && next) this.instance.setStyle(next as NavStyle);\n    else if (name === 'accent') this.instance.setAccent(next !== null && next !== 'false');\n    else super.attributeChangedCallback(name, previous, next);\n  }\n\n  select(target: number | string) {\n    this.instance?.select(target);\n  }\n\n  setStyle(style: NavStyle) {\n    this.instance?.setStyle(style);\n  }\n}\n\nexport const defineNav = () => defineElement('mk-nav', MkNavElement);\n","import { MkElement, defineElement, type OptionType } from '../../elements/base';\nimport { createSteps, type StepsInstance } from './engine';\n\n/**\n * <mk-steps index=\"0\">\n *   <mk-chat-background></mk-chat-background>\n *   <section data-mk-step><h2 data-mk-flow-item>Hola</h2><button data-mk-flow-item data-mk-step-next>Seguir</button></section>\n *   <section data-mk-step>…</section>\n * </mk-steps>\n * Emits `mk:step` (detail: index, previous, step) after each change.\n */\nexport class MkStepsElement extends MkElement<StepsInstance> {\n  static options: Record<string, OptionType> = { index: 'number', duration: 'number', animateFirst: 'boolean' };\n\n  protected create(options: Record<string, unknown>) {\n    return createSteps(this, options);\n  }\n\n  // A new index moves to that step; rebuilding would jump without the flow.\n  attributeChangedCallback(name: string, previous: string | null, next: string | null) {\n    if (previous === next || !this.instance) return;\n    if (name === 'index') void this.instance.goTo(Number(next) || 0);\n    else super.attributeChangedCallback(name, previous, next);\n  }\n\n  next() {\n    return this.instance?.next();\n  }\n\n  prev() {\n    return this.instance?.prev();\n  }\n\n  goTo(index: number) {\n    return this.instance?.goTo(index);\n  }\n\n  busy(on: boolean) {\n    this.instance?.busy(on);\n  }\n}\n\nexport const defineSteps = () => defineElement('mk-steps', MkStepsElement);\n","import { MkElement, defineElement, type OptionType } from '../../elements/base';\nimport { createCursor, type CursorInstance, type CursorOptions, type CursorVariant } from './engine';\n\n/**\n * <mk-cursor></mk-cursor>                                   Dousan's glass chip (once per page)\n * <mk-cursor variant=\"dot\" text=\"Scroll\" arrows=\"y\"></mk-cursor>  Siena's dot, inside its parent\n * zone=\"#hero\" picks another zone.\n */\nexport class MkCursorElement extends MkElement<CursorInstance> {\n  static options: Record<string, OptionType> = { variant: 'string', text: 'string', arrows: 'string', zone: 'string' };\n\n  protected create(options: Record<string, unknown>) {\n    const zone = typeof options.zone === 'string' ? document.querySelector(options.zone) : undefined;\n    return createCursor(this, {\n      variant: options.variant as CursorVariant | undefined,\n      text: options.text as string | undefined,\n      arrows: options.arrows as CursorOptions['arrows'],\n      zone,\n    });\n  }\n}\n\nexport const defineCursor = () => defineElement('mk-cursor', MkCursorElement);\n","import { MkElement, defineElement, type OptionType } from '../../elements/base';\nimport { createIsland, type IslandInstance, type IslandOptions } from './engine';\n\n/**\n * <mk-island [entrance=\"false|manual\"] [close-on-scroll=\"false\"] [close-on-navigate=\"false\"] [focus-on-open=\"false\"]>\n *   <button class=\"mk-island__backdrop\" data-mk-island-close tabindex=\"-1\" aria-label=\"Cerrar\"></button>\n *   <div class=\"mk-island__shell\">…header with [data-mk-island-toggle=\"menu\"]…\n *     <div class=\"mk-island__content\"><div><section data-mk-island-panel=\"menu\">…</section></div></div>\n *   </div>\n * </mk-island>\n * Emits `mk:island` (detail: { active }) when a panel opens or closes.\n */\nexport class MkIslandElement extends MkElement<IslandInstance> {\n  static options: Record<string, OptionType> = {\n    entrance: 'string',\n    closeOnScroll: 'boolean',\n    closeOnNavigate: 'boolean',\n    focusOnOpen: 'boolean',\n  };\n\n  protected create(options: Record<string, unknown>) {\n    const entrance: IslandOptions['entrance'] = options.entrance === 'false' ? false : options.entrance === 'manual' ? 'manual' : true;\n    return createIsland(this, {\n      entrance,\n      closeOnScroll: options.closeOnScroll as boolean | undefined,\n      closeOnNavigate: options.closeOnNavigate as boolean | undefined,\n      focusOnOpen: options.focusOnOpen as boolean | undefined,\n      onChange: (active) => this.dispatchEvent(new CustomEvent('mk:island', { detail: { active }, bubbles: true })),\n    });\n  }\n\n  open(name?: string) {\n    this.instance?.open(name);\n  }\n\n  close() {\n    this.instance?.close();\n  }\n\n  ready() {\n    this.instance?.ready();\n  }\n}\n\nexport const defineIsland = () => defineElement('mk-island', MkIslandElement);\n","import { defineElement } from './base';\nimport { MkThemePickerElement } from '../components/theme-picker/element';\nimport { MkDialogElement } from '../components/dialog/element';\nimport { MkMenuElement } from '../components/menu/element';\nimport { MkToasterElement } from '../components/toast/element';\nimport { MkChatBackgroundElement } from '../components/chat-background/element';\nimport { MkChatElement } from '../components/chat/element';\nimport { MkNavElement } from '../components/nav/element';\nimport { MkStepsElement } from '../components/steps/element';\nimport { MkCursorElement } from '../components/cursor/element';\nimport { MkIslandElement } from '../components/island/element';\n// new-component:imports (scripts/new-component.mjs inserts above this line)\n\nexport { MkElement, SafeHTMLElement, defineElement, type OptionType } from './base';\nexport { MkThemePickerElement } from '../components/theme-picker/element';\nexport { MkDialogElement } from '../components/dialog/element';\nexport { MkMenuElement } from '../components/menu/element';\nexport { MkToasterElement } from '../components/toast/element';\nexport { MkChatBackgroundElement } from '../components/chat-background/element';\nexport { MkChatElement } from '../components/chat/element';\nexport { MkNavElement } from '../components/nav/element';\nexport { MkStepsElement } from '../components/steps/element';\nexport { MkCursorElement } from '../components/cursor/element';\nexport { toast } from '../components/toast/store';\nexport { MkIslandElement } from '../components/island/element';\n// new-component:exports\n\n/** Tag name → element class, for every component. */\nexport const ELEMENTS = {\n  'mk-theme-picker': MkThemePickerElement,\n  'mk-dialog': MkDialogElement,\n  'mk-menu': MkMenuElement,\n  'mk-toaster': MkToasterElement,\n  'mk-chat-background': MkChatBackgroundElement,\n  'mk-chat': MkChatElement,\n  'mk-nav': MkNavElement,\n  'mk-steps': MkStepsElement,\n  'mk-cursor': MkCursorElement,\n  'mk-island': MkIslandElement,\n  // new-component:entries\n} as const;\n\nexport type ElementName = keyof typeof ELEMENTS;\n\n/** Register every motion-kit element (or the ones named). Safe to call more than once. */\nexport function defineElements(names: ElementName[] = Object.keys(ELEMENTS) as ElementName[]) {\n  for (const name of names) defineElement(name, ELEMENTS[name]);\n}\n"],"mappings":"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","names":[]}

package/dist/engine-CUr9QijM.d.ts

@@ -0,0 +1,46 @@
+import { I as Instance } from './types-BkS_raL8.js';
+
+interface ChatBackgroundOptions {
+    energy?: number;
+    scale?: number;
+}
+interface ChatBackgroundInstance extends Instance {
+    setEnergy(energy: number): void;
+    setScale(scale: number): void;
+    /** Onboarding's busy state: energy 1.6 / scale 1.8, or back to rest. */
+    busy(on: boolean): void;
+    readonly energy: number;
+    readonly scale: number;
+}
+/** The background instance running on `el` (steps and chat use it to drive the energy). */
+declare const chatBackgroundOf: (el: Element | null | undefined) => ChatBackgroundInstance | null;
+declare function createChatBackground(root: HTMLElement | null, options?: ChatBackgroundOptions): ChatBackgroundInstance;
+
+interface StepsOptions {
+    /** First step shown (0-based). Default: the one marked data-mk-current, else 0. */
+    index?: number;
+    duration?: number;
+    /** Flow the first step in on start (default, as Stepbro). */
+    animateFirst?: boolean;
+    /** Items of a step that flow (default [data-mk-flow-item], else the step's children). */
+    target?: string;
+    onChange?: (index: number, previous: number) => void;
+}
+interface StepsInstance extends Instance {
+    next(): Promise<void>;
+    prev(): Promise<void>;
+    goTo(index: number): Promise<void>;
+    /** A step is working: drives the chat background inside (Stepbro's onBusy). */
+    busy(on: boolean): void;
+    readonly index: number;
+    readonly count: number;
+    readonly steps: HTMLElement[];
+}
+interface StepDetail {
+    index: number;
+    previous: number;
+    step: HTMLElement;
+}
+declare function createSteps(root: HTMLElement | null, options?: StepsOptions): StepsInstance;
+
+export { type ChatBackgroundInstance as C, type StepsInstance as S, type ChatBackgroundOptions as a, type StepDetail as b, type StepsOptions as c, chatBackgroundOf as d, createChatBackground as e, createSteps as f };

package/dist/gl/index.d.ts

@@ -0,0 +1,61 @@
+import { I as Instance } from '../types-BkS_raL8.js';
+
+type ParticleHeroMode = 'webgl2' | 'canvas2d' | 'none';
+interface ParticleHeroOptions {
+    /** Words the points draw in turn. */
+    words?: string[];
+    /** The state texture's side: size² points (32–256). */
+    size?: number;
+    /** Point size in CSS pixels (1–8). */
+    pointSize?: number;
+    /** RGB, 0–1 each. */
+    color?: [number, number, number];
+    seed?: number;
+    /** Skip WebGL (to try the fallback). */
+    forceFallback?: boolean;
+    onMode?: (mode: ParticleHeroMode) => void;
+}
+interface ParticleHeroInstance extends Instance {
+    readonly mode: ParticleHeroMode;
+    /** Draw this word next (the cycle carries on afterwards). */
+    setWord(word: string): void;
+    /** Share of points on the word, 0–1; null gives control back to the cycle. */
+    setTextureMix(value: number | null): void;
+    /** Base field: 0 circles, 1 grid, 2 squares. */
+    setPattern(value: number): void;
+    pause(): void;
+    resume(): void;
+}
+declare function createParticleHero(root: HTMLElement | null, options?: ParticleHeroOptions): ParticleHeroInstance;
+
+interface ShaderEffectOptions {
+    images?: HTMLImageElement[];
+    progress?: number;
+    amount?: number;
+    maxDpr?: number;
+}
+interface ShaderEffectInstance extends Instance {
+    readonly mode: 'webgl' | 'none';
+    setProgress(progress: number): void;
+    setAmount(amount: number): void;
+    pause(): void;
+    resume(): void;
+}
+
+type LiquidBlendOptions = ShaderEffectOptions;
+type LiquidBlendInstance = ShaderEffectInstance;
+declare const createLiquidBlend: (root: HTMLElement | null, options?: LiquidBlendOptions) => LiquidBlendInstance;
+
+type MatcapOptions = ShaderEffectOptions;
+type MatcapInstance = ShaderEffectInstance;
+declare const createMatcap: (root: HTMLElement | null, options?: MatcapOptions) => MatcapInstance;
+
+type ShaderGrainOptions = ShaderEffectOptions;
+type ShaderGrainInstance = ShaderEffectInstance;
+declare const createShaderGrain: (root: HTMLElement | null, options?: ShaderGrainOptions) => ShaderGrainInstance;
+
+type ShaderBlurOptions = ShaderEffectOptions;
+type ShaderBlurInstance = ShaderEffectInstance;
+declare const createShaderBlur: (root: HTMLElement | null, options?: ShaderBlurOptions) => ShaderBlurInstance;
+
+export { type LiquidBlendInstance, type LiquidBlendOptions, type MatcapInstance, type MatcapOptions, type ParticleHeroInstance, type ParticleHeroMode, type ParticleHeroOptions, type ShaderBlurInstance, type ShaderBlurOptions, type ShaderEffectInstance, type ShaderEffectOptions, type ShaderGrainInstance, type ShaderGrainOptions, createLiquidBlend, createMatcap, createParticleHero, createShaderBlur, createShaderGrain };