@shibui-ui/ui 1.6.0 → 1.7.0

package/dist/index64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index64.js","sources":["../src/components/molecules/button-group/lib-button-group.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { LibVariant, LibSize } from '../../../types';\nimport groupCss from './lib-button-group.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport { buttonGroupTemplate, buttonSplitTemplate } from './lib-button-group.html';\nimport type { ButtonGroupShape, ButtonGroupOrientation, SplitMenuItem } from './lib-button-group.types';\nimport type { LibButton } from '../../atoms/button/lib-button.component';\n\n/* Registro del elemento lib-button (side-effect) */\nimport '../../atoms/button/lib-button.component';\n\n/* ══════════════════════════════════════════════════════════════\n   LIB-BUTTON-GROUP\n   ══════════════════════════════════════════════════════════════\n   Wrapper que agrupa lib-button en una unidad visual:\n   · Colapsa bordes internos (margin-left: -1px)\n   · Propaga shape, size, dark, kintsugi a cada hijo\n   · Toggle single / multi con estado [active]\n   · Separadores lib-button-sep reconocidos automáticamente\n\n   @fires ui-lib-group-change — {detail: {active: string[], activeIndex: number[]}}\n*/\n@customElement('lib-button-group')\nexport class LibButtonGroup extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(groupCss)}`,\n  ];\n\n  /** Forma de los extremos del grupo */\n  @property({ type: String, reflect: true })\n  shape: ButtonGroupShape = 'flat';\n\n  /** Orientación del grupo */\n  @property({ type: String, reflect: true })\n  orientation: ButtonGroupOrientation = 'horizontal';\n\n  /** Ancho completo */\n  @property({ type: Boolean, reflect: true })\n  block = false;\n\n  /** Activa comportamiento toggle (click activa/desactiva) */\n  @property({ type: Boolean, reflect: true })\n  toggle = false;\n\n  /** Permite selección múltiple (requiere toggle=true) */\n  @property({ type: Boolean, reflect: true })\n  multi = false;\n\n  /** Propaga dark a todos los lib-button hijos */\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  /** Propaga kintsugi a botones accent/kaki adyacentes */\n  @property({ type: Boolean, reflect: true })\n  kintsugi = false;\n\n  /** Tamaño propagado a todos los hijos */\n  @property({ type: String, reflect: true })\n  size: LibSize | '' = '';\n\n  /* ── Lifecycle ── */\n\n  protected override render(): TemplateResult {\n    return buttonGroupTemplate();\n  }\n\n  override firstUpdated(): void {\n    const slot = this.shadowRoot?.querySelector('slot');\n    if (slot) {\n      slot.addEventListener('slotchange', (): void => this._updateChildren());\n    }\n    this._updateChildren();\n\n    if (this.toggle) {\n      this.addEventListener('click', this._handleToggleClick);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.toggle) {\n      this.removeEventListener('click', this._handleToggleClick);\n    }\n  }\n\n  /* ── Children management ── */\n\n  private _getButtons(): LibButton[] {\n    return Array.from(this.querySelectorAll<LibButton>('lib-button'));\n  }\n\n  private _updateChildren(): void {\n    const all = Array.from(this.children) as Element[];\n\n    /* Solo lib-button para posicionamiento — ignorar lib-button-sep */\n    const btns = all.filter((el): el is LibButton =>\n      el.tagName.toLowerCase() === 'lib-button'\n    );\n\n    btns.forEach((btn: LibButton, i: number): void => {\n      /* Position */\n      if (btns.length === 1) {\n        btn.removeAttribute('group-pos');\n      } else if (i === 0) {\n        btn.setAttribute('group-pos', 'first');\n      } else if (i === btns.length - 1) {\n        btn.setAttribute('group-pos', 'last');\n      } else {\n        btn.setAttribute('group-pos', 'middle');\n      }\n\n      /* Shape */\n      if (this.shape !== 'flat') {\n        btn.setAttribute('group-shape', this.shape);\n      } else {\n        btn.removeAttribute('group-shape');\n      }\n\n      /* Vertical */\n      if (this.orientation === 'vertical') {\n        btn.setAttribute('group-vertical', '');\n      } else {\n        btn.removeAttribute('group-vertical');\n      }\n\n      /* Dark */\n      if (this.dark) {\n        btn.setAttribute('dark', '');\n      } else {\n        btn.removeAttribute('dark');\n      }\n\n      /* Size */\n      if (this.size) {\n        btn.setAttribute('size', this.size);\n      }\n\n      /* Kintsugi — solo middle y last */\n      if (this.kintsugi && i > 0) {\n        btn.setAttribute('kintsugi', '');\n      } else {\n        btn.removeAttribute('kintsugi');\n      }\n    });\n  }\n\n  /* ── Toggle logic ── */\n\n  private _handleToggleClick = (e: Event): void => {\n    const target = (e.target as Element).closest('lib-button') as LibButton | null;\n    if (!target || target.hasAttribute('disabled')) return;\n\n    if (this.multi) {\n      /* Multi: toggle individual */\n      const isActive = target.hasAttribute('active');\n      if (isActive) {\n        target.removeAttribute('active');\n      } else {\n        target.setAttribute('active', '');\n      }\n    } else {\n      /* Single: solo uno activo */\n      this._getButtons().forEach((btn: LibButton): void => {\n        btn.removeAttribute('active');\n      });\n      target.setAttribute('active', '');\n    }\n\n    this._emitChange();\n  };\n\n  private _emitChange(): void {\n    const btns = this._getButtons();\n    const active: string[] = [];\n    const activeIndex: number[] = [];\n\n    btns.forEach((btn: LibButton, i: number): void => {\n      if (btn.hasAttribute('active')) {\n        activeIndex.push(i);\n        active.push(btn.textContent?.trim() ?? String(i));\n      }\n    });\n\n    this.dispatchEvent(new CustomEvent('ui-lib-group-change', {\n      detail: { active, activeIndex },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n}\n\n/* ══════════════════════════════════════════════════════════════\n   LIB-BUTTON-SEP\n   ══════════════════════════════════════════════════════════════\n   Separador visual explícito entre botones del grupo.\n   El lib-button-group lo reconoce y no le asigna group-pos.\n*/\n@customElement('lib-button-sep')\nexport class LibButtonSep extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(groupCss)}`,\n  ];\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  protected override render(): TemplateResult {\n    const color = this.dark\n      ? 'rgba(255,255,255,0.1)'\n      : 'var(--border-default)';\n    return html`<div style=\"width:1px;align-self:stretch;background:${color};flex-shrink:0;z-index:1;\"></div>`;\n  }\n}\n\n/* ══════════════════════════════════════════════════════════════\n   LIB-BUTTON-SPLIT\n   ══════════════════════════════════════════════════════════════\n   Botón de acción principal + flecha que despliega menú.\n\n   @prop variant  — variante visual (igual que lib-button)\n   @prop size     — tamaño\n   @prop dark     — surface oscura\n   @prop disabled\n   @prop label    — texto del botón principal (también slot default)\n   @prop items    — JSON con [{label, value, disabled?}] para el menú\n                    Si está vacío se usa <slot name=\"menu\">\n\n   @fires ui-lib-split-action — click en acción principal\n   @fires ui-lib-split-select — click en item del menú {value, label}\n*/\n@customElement('lib-button-split')\nexport class LibButtonSplit extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(groupCss)}`,\n  ];\n\n  @property({ type: String, reflect: true })\n  variant: LibVariant = 'primary';\n\n  @property({ type: String, reflect: true })\n  size: LibSize = 'md';\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  label = '';\n\n  /** JSON array de items: '[{\"label\":\"Publicar\",\"value\":\"publish\"}]' */\n  @property({ type: String })\n  items = '';\n\n  private _open = false;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('click',   this._onDocClick);\n    document.addEventListener('keydown', this._onKeyDown);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click',   this._onDocClick);\n    document.removeEventListener('keydown', this._onKeyDown);\n  }\n\n  protected override render(): TemplateResult {\n    let parsedItems: SplitMenuItem[] = [];\n    if (this.items) {\n      try { parsedItems = JSON.parse(this.items) as SplitMenuItem[]; }\n      catch { /* ignore */ }\n    }\n\n    return buttonSplitTemplate({\n      label:       this.label,\n      variant:     this.variant,\n      size:        this.size,\n      dark:        this.dark,\n      disabled:    this.disabled,\n      menuOpen:    this._open,\n      items:       parsedItems,\n      onMainClick:  (e: Event): void => this._onMainClick(e),\n      onArrowClick: (e: Event): void => this._onArrowClick(e),\n    });\n  }\n\n  private _onMainClick(e: Event): void {\n    this.dispatchEvent(new CustomEvent('ui-lib-split-action', {\n      detail: { originalEvent: e },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _onArrowClick(e: Event): void {\n    e.stopPropagation();\n    this._open = !this._open;\n    this.requestUpdate();\n\n    /* Delegación de clicks en items data-driven */\n    if (this._open) {\n      setTimeout((): void => {\n        const menu = this.shadowRoot?.querySelector('.split-menu');\n        if (!menu) return;\n        menu.querySelectorAll<HTMLButtonElement>('.split-menu-item').forEach((item: HTMLButtonElement): void => {\n          item.addEventListener('click', (ev: Event): void => {\n            ev.stopPropagation();\n            this._open = false;\n            this.requestUpdate();\n            this.dispatchEvent(new CustomEvent('ui-lib-split-select', {\n              detail: {\n                value: item.dataset['value'] ?? '',\n                label: item.textContent?.trim() ?? '',\n              },\n              bubbles: true,\n              composed: true,\n            }));\n          }, { once: true });\n        });\n\n        /* Slot items (slotted buttons) */\n        const slottedMenu = menu.querySelector<HTMLSlotElement>('slot[name=\"menu\"]');\n        if (slottedMenu) {\n          slottedMenu.assignedElements().forEach((el: Element): void => {\n            el.addEventListener('click', (ev: Event): void => {\n              ev.stopPropagation();\n              this._open = false;\n              this.requestUpdate();\n            }, { once: true });\n          });\n        }\n      }, 0);\n    }\n  }\n\n  private _onDocClick = (e: MouseEvent): void => {\n    if (!this._open) return;\n    if (!this.contains(e.target as Node) && !(this.shadowRoot?.contains(e.target as Node) ?? false)) {\n      this._open = false;\n      this.requestUpdate();\n    }\n  };\n\n  private _onKeyDown = (e: KeyboardEvent): void => {\n    if (e.key === 'Escape' && this._open) {\n      this._open = false;\n      this.requestUpdate();\n    }\n  };\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-button-group': LibButtonGroup;\n    'lib-button-sep':   LibButtonSep;\n    'lib-button-split': LibButtonSplit;\n  }\n}"],"names":["_a"],"mappings":"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"}

package/dist/index65.js

@@ -0,0 +1,119 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, query, customElement } from "lit/decorators.js";
+import { checkboxCardTemplate } from "./index314.js";
+import checkboxCardCss from "./index315.js";
+import sharedTokens from "./index196.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LibCheckboxCard = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.checked = false;
+    this.inputType = "checkbox";
+    this.name = "";
+    this.value = "";
+    this.color = "kaki";
+    this.layout = "vertical";
+    this.cardTitle = "";
+    this.desc = "";
+    this.checkShape = "square";
+    this.dark = false;
+    this.disabled = false;
+    this.error = false;
+    this.image = false;
+  }
+  /* ── Ripple en click ── */
+  _handleClick(e) {
+    if (this.disabled) return;
+    this._spawnRipple(e);
+  }
+  _spawnRipple(e) {
+    const ripple = this._rippleEl;
+    if (!ripple) return;
+    const rect = ripple.getBoundingClientRect();
+    const dot = document.createElement("span");
+    dot.className = "cc-ripple-dot";
+    dot.style.left = `${e.clientX - rect.left - 2}px`;
+    dot.style.top = `${e.clientY - rect.top - 2}px`;
+    ripple.appendChild(dot);
+    dot.addEventListener("animationend", () => dot.remove(), { once: true });
+  }
+  /* ── Cambio de estado ── */
+  _handleChange(e) {
+    const input = e.target;
+    this.checked = input.checked;
+    this.dispatchEvent(new CustomEvent("ui-lib-checkbox-card-change", {
+      detail: { checked: this.checked, value: this.value },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /* Helper para detectar slots con contenido */
+  _hasSlot(name) {
+    return !!this.querySelector(`[slot="${name}"]`);
+  }
+  render() {
+    return checkboxCardTemplate(this);
+  }
+};
+LibCheckboxCard.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(checkboxCardCss)}`
+];
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibCheckboxCard.prototype, "checked", 2);
+__decorateClass([
+  property({ type: String, reflect: true, attribute: "input-type" })
+], LibCheckboxCard.prototype, "inputType", 2);
+__decorateClass([
+  property({ type: String })
+], LibCheckboxCard.prototype, "name", 2);
+__decorateClass([
+  property({ type: String })
+], LibCheckboxCard.prototype, "value", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibCheckboxCard.prototype, "color", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibCheckboxCard.prototype, "layout", 2);
+__decorateClass([
+  property({ type: String, attribute: "card-title" })
+], LibCheckboxCard.prototype, "cardTitle", 2);
+__decorateClass([
+  property({ type: String })
+], LibCheckboxCard.prototype, "desc", 2);
+__decorateClass([
+  property({ type: String, attribute: "check-shape" })
+], LibCheckboxCard.prototype, "checkShape", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibCheckboxCard.prototype, "dark", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibCheckboxCard.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibCheckboxCard.prototype, "error", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibCheckboxCard.prototype, "image", 2);
+__decorateClass([
+  query(".cc-ripple")
+], LibCheckboxCard.prototype, "_rippleEl", 2);
+LibCheckboxCard = __decorateClass([
+  customElement("lib-checkbox-card")
+], LibCheckboxCard);
+export {
+  LibCheckboxCard
+};
+//# sourceMappingURL=index65.js.map

package/dist/index65.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index65.js","sources":["../src/components/molecules/checkbox-card/lib-checkbox-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { checkboxCardTemplate } from './lib-checkbox-card.html';\nimport checkboxCardCss from './lib-checkbox-card.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type {\n  CheckboxCardColor,\n  CheckboxCardLayout,\n  CheckboxCardInputType,\n} from './lib-checkbox-card.types';\n\n/**\n * lib-checkbox-card — Tarjeta seleccionable Shibui (SG-57)\n *\n * La mecánica de checked se gestiona con CSS puro vía\n * `input:checked ~ .cc-body`. El componente solo gestiona\n * el estado, el ripple y los eventos.\n *\n * @prop checked      — Estado checked (refleja en atributo)\n * @prop input-type   — 'checkbox' | 'radio'\n * @prop name         — Nombre del grupo (requerido en radio)\n * @prop value        — Valor del input\n * @prop color        — 'kaki' | 'celadon'\n * @prop layout       — 'vertical' | 'horizontal' | 'compact'\n * @prop card-title   — Título (alternativa a slot)\n * @prop desc         — Descripción (alternativa a slot)\n * @prop check-shape  — 'square' | 'pill'\n * @prop dark         — Surface oscura\n * @prop disabled     — Estado deshabilitado\n * @prop error        — Estado de error\n * @prop image        — Modo imagen (sin padding en .cc-body)\n *\n * @fires ui-lib-checkbox-card-change — { detail: { checked: boolean, value: string } }\n *\n * @slot icon     — Icono SVG o imagen\n * @slot badge    — Badge/etiqueta\n * @slot title    — Título (sobreescribe card-title prop)\n * @slot desc     — Descripción (sobreescribe desc prop)\n * @slot price    — Bloque de precio\n * @slot divider  — Línea divisoria\n * @slot features — Lista de características\n * @slot image    — Imagen con aspect-ratio 16/9\n * @slot          — Contenido libre\n */\n@customElement('lib-checkbox-card')\nexport class LibCheckboxCard extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(checkboxCardCss)}`,\n  ];\n\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  @property({ type: String, reflect: true, attribute: 'input-type' })\n  inputType: CheckboxCardInputType = 'checkbox';\n\n  @property({ type: String })\n  name = '';\n\n  @property({ type: String })\n  value = '';\n\n  @property({ type: String, reflect: true })\n  color: CheckboxCardColor = 'kaki';\n\n  @property({ type: String, reflect: true })\n  layout: CheckboxCardLayout = 'vertical';\n\n  @property({ type: String, attribute: 'card-title' })\n  cardTitle = '';\n\n  @property({ type: String })\n  desc = '';\n\n  @property({ type: String, attribute: 'check-shape' })\n  checkShape: 'square' | 'pill' = 'square';\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  error = false;\n\n  @property({ type: Boolean, reflect: true })\n  image = false;\n\n  @query('.cc-ripple')\n  declare private _rippleEl: HTMLElement | null;\n\n  /* ── Ripple en click ── */\n  _handleClick(e: MouseEvent): void {\n    if (this.disabled) return;\n    this._spawnRipple(e);\n  }\n\n  private _spawnRipple(e: MouseEvent): void {\n    const ripple = this._rippleEl;\n    if (!ripple) return;\n\n    const rect = ripple.getBoundingClientRect();\n    const dot = document.createElement('span');\n    dot.className = 'cc-ripple-dot';\n    dot.style.left = `${e.clientX - rect.left - 2}px`;\n    dot.style.top  = `${e.clientY - rect.top  - 2}px`;\n    ripple.appendChild(dot);\n    dot.addEventListener('animationend', (): void => dot.remove(), { once: true });\n  }\n\n  /* ── Cambio de estado ── */\n  _handleChange(e: Event): void {\n    const input = e.target as HTMLInputElement;\n    this.checked = input.checked;\n    this.dispatchEvent(new CustomEvent('ui-lib-checkbox-card-change', {\n      detail: { checked: this.checked, value: this.value },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /* Helper para detectar slots con contenido */\n  _hasSlot(name: string): boolean {\n    return !!this.querySelector(`[slot=\"${name}\"]`);\n  }\n\n  protected override render(): TemplateResult {\n    return checkboxCardTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-checkbox-card': LibCheckboxCard;\n  }\n}"],"names":[],"mappings":"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"}

package/dist/index66.js

@@ -0,0 +1,196 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { headerTemplate } from "./index316.js";
+import headerCss from "./index317.js";
+import sharedTokens from "./index196.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LibHeader = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.variant = "classic";
+    this.logoMark = "渋";
+    this.brandName = "shibui";
+    this.brandTagline = "";
+    this.logoHref = "#";
+    this.version = "";
+    this.links = [];
+    this.actions = [];
+    this.loginLabel = "";
+    this.loginHref = "";
+    this.contactLabel = "";
+    this.contactHref = "";
+    this.announcement = "";
+    this.announcementHref = "";
+    this.megaColumns = [];
+    this.megaCta = null;
+    this.breadcrumbs = [];
+    this.showSearch = false;
+    this.searchPlaceholder = "Buscar…";
+    this.notifications = false;
+    this.userName = "";
+    this.userInitials = "";
+    this.compact = false;
+    this.shrunk = false;
+    this.scrolled = false;
+    this._megaOpen = false;
+    this._mobileOpen = false;
+    this._onScroll = () => {
+      const y = window.scrollY;
+      if (this.variant === "transparent") this.scrolled = y > 20;
+      if (this.variant === "shrink") this.shrunk = y > 60;
+    };
+  }
+  /* ── Lifecycle ── */
+  connectedCallback() {
+    super.connectedCallback();
+    if (this.variant === "transparent" || this.variant === "shrink") {
+      window.addEventListener("scroll", this._onScroll, { passive: true });
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    window.removeEventListener("scroll", this._onScroll);
+  }
+  /* ── Mega-nav ── */
+  _openMega() {
+    this._megaOpen = true;
+  }
+  _closeMega() {
+    this._megaOpen = false;
+  }
+  /* ── Mobile drawer ── */
+  _toggleMobile() {
+    this._mobileOpen = !this._mobileOpen;
+  }
+  _closeMobile() {
+    this._mobileOpen = false;
+  }
+  /* ── Event dispatchers ── */
+  _onLinkClick(id) {
+    this._closeMobile();
+    this.dispatchEvent(new CustomEvent("ui-lib-header-link", {
+      detail: { id },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  _onActionClick(action) {
+    this._closeMobile();
+    this.dispatchEvent(new CustomEvent("ui-lib-header-action", {
+      detail: { label: action.label, href: action.href },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  _onSearch(query) {
+    this.dispatchEvent(new CustomEvent("ui-lib-header-search", {
+      detail: { query },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  render() {
+    return headerTemplate(this);
+  }
+};
+LibHeader.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(headerCss)}`
+];
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibHeader.prototype, "variant", 2);
+__decorateClass([
+  property({ type: String, attribute: "logo-mark" })
+], LibHeader.prototype, "logoMark", 2);
+__decorateClass([
+  property({ type: String, attribute: "brand-name" })
+], LibHeader.prototype, "brandName", 2);
+__decorateClass([
+  property({ type: String, attribute: "brand-tagline" })
+], LibHeader.prototype, "brandTagline", 2);
+__decorateClass([
+  property({ type: String, attribute: "logo-href" })
+], LibHeader.prototype, "logoHref", 2);
+__decorateClass([
+  property({ type: String })
+], LibHeader.prototype, "version", 2);
+__decorateClass([
+  property({ type: Array })
+], LibHeader.prototype, "links", 2);
+__decorateClass([
+  property({ type: Array })
+], LibHeader.prototype, "actions", 2);
+__decorateClass([
+  property({ type: String, attribute: "login-label" })
+], LibHeader.prototype, "loginLabel", 2);
+__decorateClass([
+  property({ type: String, attribute: "login-href" })
+], LibHeader.prototype, "loginHref", 2);
+__decorateClass([
+  property({ type: String, attribute: "contact-label" })
+], LibHeader.prototype, "contactLabel", 2);
+__decorateClass([
+  property({ type: String, attribute: "contact-href" })
+], LibHeader.prototype, "contactHref", 2);
+__decorateClass([
+  property({ type: String })
+], LibHeader.prototype, "announcement", 2);
+__decorateClass([
+  property({ type: String, attribute: "announcement-href" })
+], LibHeader.prototype, "announcementHref", 2);
+__decorateClass([
+  property({ type: Array, attribute: "mega-columns" })
+], LibHeader.prototype, "megaColumns", 2);
+__decorateClass([
+  property({ type: Object, attribute: "mega-cta" })
+], LibHeader.prototype, "megaCta", 2);
+__decorateClass([
+  property({ type: Array })
+], LibHeader.prototype, "breadcrumbs", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-search" })
+], LibHeader.prototype, "showSearch", 2);
+__decorateClass([
+  property({ type: String, attribute: "search-placeholder" })
+], LibHeader.prototype, "searchPlaceholder", 2);
+__decorateClass([
+  property({ type: Boolean })
+], LibHeader.prototype, "notifications", 2);
+__decorateClass([
+  property({ type: String, attribute: "user-name" })
+], LibHeader.prototype, "userName", 2);
+__decorateClass([
+  property({ type: String, attribute: "user-initials" })
+], LibHeader.prototype, "userInitials", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibHeader.prototype, "compact", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibHeader.prototype, "shrunk", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibHeader.prototype, "scrolled", 2);
+__decorateClass([
+  state()
+], LibHeader.prototype, "_megaOpen", 2);
+__decorateClass([
+  state()
+], LibHeader.prototype, "_mobileOpen", 2);
+LibHeader = __decorateClass([
+  customElement("lib-header")
+], LibHeader);
+export {
+  LibHeader
+};
+//# sourceMappingURL=index66.js.map

package/dist/index66.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index66.js","sources":["../src/components/molecules/header/lib-header.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { headerTemplate }   from './lib-header.html';\nimport headerCss             from './lib-header.css?inline';\nimport sharedTokens          from '../../../styles/shared/tokens.css?inline';\nimport type {\n  HeaderVariant, NavLink, HeaderAction, BreadcrumbItem,\n} from './lib-header.types';\n\nexport interface MegaColumn {\n  title: string;\n  items: { label: string; href?: string }[];\n}\n\nexport interface MegaCta {\n  label: string; title: string; desc: string;\n  href?: string; cta: string;\n}\n\n/**\n * lib-header — Shibui UI · SG-66\n *\n * 10 variantes: classic · dark · centered · transparent · kintsugi ·\n *               glitch · mega · minimal · shrink · app-bar\n *\n * Mobile: breakpoint 640px — drawer vertical compartido por todas las variantes.\n */\n@customElement('lib-header')\nexport class LibHeader extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(headerCss)}`,\n  ];\n\n  /* ── Variant ── */\n  @property({ type: String, reflect: true })\n  variant: HeaderVariant = 'classic';\n\n  /* ── Logo ── */\n  @property({ type: String, attribute: 'logo-mark' })\n  logoMark = '渋';\n\n  @property({ type: String, attribute: 'brand-name' })\n  brandName = 'shibui';\n\n  @property({ type: String, attribute: 'brand-tagline' })\n  brandTagline = '';\n\n  @property({ type: String, attribute: 'logo-href' })\n  logoHref = '#';\n\n  @property({ type: String })\n  version = '';\n\n  /* ── Nav ── */\n  @property({ type: Array })\n  links: NavLink[] = [];\n\n  @property({ type: Array })\n  actions: HeaderAction[] = [];\n\n  @property({ type: String, attribute: 'login-label' })\n  loginLabel = '';\n\n  @property({ type: String, attribute: 'login-href' })\n  loginHref = '';\n\n  @property({ type: String, attribute: 'contact-label' })\n  contactLabel = '';\n\n  @property({ type: String, attribute: 'contact-href' })\n  contactHref = '';\n\n  /* ── Centered announcement ── */\n  @property({ type: String })\n  announcement = '';\n\n  @property({ type: String, attribute: 'announcement-href' })\n  announcementHref = '';\n\n  /* ── Mega-nav ── */\n  @property({ type: Array, attribute: 'mega-columns' })\n  megaColumns: MegaColumn[] = [];\n\n  @property({ type: Object, attribute: 'mega-cta' })\n  megaCta: MegaCta | null = null;\n\n  /* ── App-bar ── */\n  @property({ type: Array })\n  breadcrumbs: BreadcrumbItem[] = [];\n\n  @property({ type: Boolean, attribute: 'show-search' })\n  showSearch = false;\n\n  @property({ type: String, attribute: 'search-placeholder' })\n  searchPlaceholder = 'Buscar…';\n\n  @property({ type: Boolean })\n  notifications = false;\n\n  @property({ type: String, attribute: 'user-name' })\n  userName = '';\n\n  @property({ type: String, attribute: 'user-initials' })\n  userInitials = '';\n\n  @property({ type: Boolean, reflect: true })\n  compact = false;\n\n  /* ── Scroll states ── */\n  @property({ type: Boolean, reflect: true })\n  shrunk = false;\n\n  @property({ type: Boolean, reflect: true })\n  scrolled = false;\n\n  /* ── Internal ── */\n  @state() _megaOpen    = false;\n  @state() _mobileOpen  = false;\n\n  /* ── Lifecycle ── */\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.variant === 'transparent' || this.variant === 'shrink') {\n      window.addEventListener('scroll', this._onScroll, { passive: true });\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('scroll', this._onScroll);\n  }\n\n  /* ── Scroll handler ── */\n  private _onScroll = (): void => {\n    const y = window.scrollY;\n    if (this.variant === 'transparent') this.scrolled = y > 20;\n    if (this.variant === 'shrink')      this.shrunk   = y > 60;\n  };\n\n  /* ── Mega-nav ── */\n  _openMega():  void { this._megaOpen = true; }\n  _closeMega(): void { this._megaOpen = false; }\n\n  /* ── Mobile drawer ── */\n  _toggleMobile(): void {\n    this._mobileOpen = !this._mobileOpen;\n  }\n\n  _closeMobile(): void {\n    this._mobileOpen = false;\n  }\n\n  /* ── Event dispatchers ── */\n  _onLinkClick(id: string): void {\n    this._closeMobile();\n    this.dispatchEvent(new CustomEvent('ui-lib-header-link', {\n      detail: { id }, bubbles: true, composed: true,\n    }));\n  }\n\n  _onActionClick(action: HeaderAction): void {\n    this._closeMobile();\n    this.dispatchEvent(new CustomEvent('ui-lib-header-action', {\n      detail: { label: action.label, href: action.href },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  _onSearch(query: string): void {\n    this.dispatchEvent(new CustomEvent('ui-lib-header-search', {\n      detail: { query }, bubbles: true, composed: true,\n    }));\n  }\n\n  protected override render(): TemplateResult {\n    return headerTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-header': LibHeader;\n  }\n}"],"names":[],"mappings":"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"}

package/dist/index67.js

@@ -0,0 +1,105 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { codeBlockTemplate } from "./index318.js";
+import codeBlockCss from "./index319.js";
+import sharedTokens from "./index196.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LibCodeBlock = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.code = "";
+    this.language = "bash";
+    this.filename = "";
+    this.copyable = true;
+    this.variant = "default";
+    this._copied = false;
+    this._copyTimeout = null;
+  }
+  _handleCopy() {
+    const content = this.code || this._getSlotText();
+    if (!content) return;
+    navigator.clipboard.writeText(content).then(() => {
+      this._copied = true;
+      if (this._copyTimeout) clearTimeout(this._copyTimeout);
+      this._copyTimeout = setTimeout(() => {
+        this._copied = false;
+      }, 2e3);
+    }).catch(() => {
+      const ta = document.createElement("textarea");
+      ta.value = content;
+      ta.style.position = "fixed";
+      ta.style.opacity = "0";
+      document.body.appendChild(ta);
+      ta.select();
+      document.execCommand("copy");
+      document.body.removeChild(ta);
+      this._copied = true;
+      if (this._copyTimeout) clearTimeout(this._copyTimeout);
+      this._copyTimeout = setTimeout(() => {
+        this._copied = false;
+      }, 2e3);
+    });
+  }
+  _getSlotText() {
+    var _a;
+    const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot");
+    if (!slot) return "";
+    return slot.assignedNodes({ flatten: true }).map((node) => node.textContent ?? "").join("");
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this._copyTimeout) clearTimeout(this._copyTimeout);
+  }
+  render() {
+    return codeBlockTemplate({
+      code: this.code,
+      language: this.language,
+      filename: this.filename,
+      copyable: this.copyable,
+      copied: this._copied,
+      onCopy: () => this._handleCopy()
+    });
+  }
+};
+LibCodeBlock.styles = [
+  css`
+      ${unsafeCSS(sharedTokens)}
+    `,
+  css`
+      ${unsafeCSS(codeBlockCss)}
+    `
+];
+__decorateClass([
+  property({ type: String })
+], LibCodeBlock.prototype, "code", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibCodeBlock.prototype, "language", 2);
+__decorateClass([
+  property({ type: String })
+], LibCodeBlock.prototype, "filename", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibCodeBlock.prototype, "copyable", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibCodeBlock.prototype, "variant", 2);
+__decorateClass([
+  state()
+], LibCodeBlock.prototype, "_copied", 2);
+LibCodeBlock = __decorateClass([
+  customElement("lib-code-block")
+], LibCodeBlock);
+export {
+  LibCodeBlock
+};
+//# sourceMappingURL=index67.js.map

package/dist/index67.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index67.js","sources":["../src/components/atoms/code-block/lib-code-block.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type { LibCodeBlockLanguage } from './lib-code-block.html';\nimport { codeBlockTemplate } from './lib-code-block.html';\nimport codeBlockCss from './lib-code-block.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\nexport type LibCodeBlockVariant = 'default' | 'ghost';\n\n/**\n * @element lib-code-block\n *\n * Bloque de código con sintaxis destacada, etiqueta de lenguaje y botón de copia.\n *\n * @slot - Código a mostrar. Si se usa este slot, tiene prioridad sobre el atributo `code`.\n *\n * @example\n * <lib-code-block language=\"bash\" code=\"npm install @shibui-ui/ui lit\"></lib-code-block>\n *\n * @example\n * <lib-code-block language=\"ts\" filename=\"main.ts\">\n *   import '@shibui-ui/ui';\n * </lib-code-block>\n */\n@customElement('lib-code-block')\nexport class LibCodeBlock extends LitElement {\n  static override styles = [\n    css`\n      ${unsafeCSS(sharedTokens)}\n    `,\n    css`\n      ${unsafeCSS(codeBlockCss)}\n    `,\n  ];\n\n  /** Código a mostrar como texto plano */\n  @property({ type: String })\n  code = '';\n\n  /** Etiqueta de lenguaje mostrada en el header (decorativa) */\n  @property({ type: String, reflect: true })\n  language: LibCodeBlockLanguage = 'bash';\n\n  /** Nombre de fichero opcional mostrado en el header */\n  @property({ type: String })\n  filename = '';\n\n  /** Muestra u oculta el botón de copiar */\n  @property({ type: Boolean, reflect: true })\n  copyable = true;\n\n  /** Variante visual: default (oscuro) | ghost (claro) */\n  @property({ type: String, reflect: true })\n  variant: LibCodeBlockVariant = 'default';\n\n  /** Estado interno: feedback tras copiar */\n  @state()\n  private _copied = false;\n\n  private _copyTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  private _handleCopy(): void {\n    const content = this.code || this._getSlotText();\n    if (!content) return;\n\n    navigator.clipboard.writeText(content).then(() => {\n      this._copied = true;\n      if (this._copyTimeout) clearTimeout(this._copyTimeout);\n      this._copyTimeout = setTimeout(() => {\n        this._copied = false;\n      }, 2000);\n    }).catch(() => {\n      // Fallback para entornos sin clipboard API\n      const ta = document.createElement('textarea');\n      ta.value = content;\n      ta.style.position = 'fixed';\n      ta.style.opacity = '0';\n      document.body.appendChild(ta);\n      ta.select();\n      document.execCommand('copy');\n      document.body.removeChild(ta);\n      this._copied = true;\n      if (this._copyTimeout) clearTimeout(this._copyTimeout);\n      this._copyTimeout = setTimeout(() => {\n        this._copied = false;\n      }, 2000);\n    });\n  }\n\n  private _getSlotText(): string {\n    const slot = this.shadowRoot?.querySelector('slot');\n    if (!slot) return '';\n    return slot.assignedNodes({ flatten: true })\n      .map(node => node.textContent ?? '')\n      .join('');\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._copyTimeout) clearTimeout(this._copyTimeout);\n  }\n\n  override render(): TemplateResult {\n    return codeBlockTemplate({\n      code: this.code,\n      language: this.language,\n      filename: this.filename,\n      copyable: this.copyable,\n      copied: this._copied,\n      onCopy: () => this._handleCopy(),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-code-block': LibCodeBlock;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyBO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAYL,SAAA,OAAO;AAIP,SAAA,WAAiC;AAIjC,SAAA,WAAW;AAIX,SAAA,WAAW;AAIX,SAAA,UAA+B;AAI/B,SAAQ,UAAU;AAElB,SAAQ,eAAqD;AAAA,EAAA;AAAA,EAErD,cAAoB;AAC1B,UAAM,UAAU,KAAK,QAAQ,KAAK,aAAA;AAClC,QAAI,CAAC,QAAS;AAEd,cAAU,UAAU,UAAU,OAAO,EAAE,KAAK,MAAM;AAChD,WAAK,UAAU;AACf,UAAI,KAAK,aAAc,cAAa,KAAK,YAAY;AACrD,WAAK,eAAe,WAAW,MAAM;AACnC,aAAK,UAAU;AAAA,MACjB,GAAG,GAAI;AAAA,IACT,CAAC,EAAE,MAAM,MAAM;AAEb,YAAM,KAAK,SAAS,cAAc,UAAU;AAC5C,SAAG,QAAQ;AACX,SAAG,MAAM,WAAW;AACpB,SAAG,MAAM,UAAU;AACnB,eAAS,KAAK,YAAY,EAAE;AAC5B,SAAG,OAAA;AACH,eAAS,YAAY,MAAM;AAC3B,eAAS,KAAK,YAAY,EAAE;AAC5B,WAAK,UAAU;AACf,UAAI,KAAK,aAAc,cAAa,KAAK,YAAY;AACrD,WAAK,eAAe,WAAW,MAAM;AACnC,aAAK,UAAU;AAAA,MACjB,GAAG,GAAI;AAAA,IACT,CAAC;AAAA,EACH;AAAA,EAEQ,eAAuB;;AAC7B,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,QAAI,CAAC,KAAM,QAAO;AAClB,WAAO,KAAK,cAAc,EAAE,SAAS,MAAM,EACxC,IAAI,CAAA,SAAQ,KAAK,eAAe,EAAE,EAClC,KAAK,EAAE;AAAA,EACZ;AAAA,EAES,uBAA6B;AACpC,UAAM,qBAAA;AACN,QAAI,KAAK,aAAc,cAAa,KAAK,YAAY;AAAA,EACvD;AAAA,EAES,SAAyB;AAChC,WAAO,kBAAkB;AAAA,MACvB,MAAM,KAAK;AAAA,MACX,UAAU,KAAK;AAAA,MACf,UAAU,KAAK;AAAA,MACf,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,MACb,QAAQ,MAAM,KAAK,YAAA;AAAA,IAAY,CAChC;AAAA,EACH;AACF;AAvFa,aACK,SAAS;AAAA,EACvB;AAAA,QACI,UAAU,YAAY,CAAC;AAAA;AAAA,EAE3B;AAAA,QACI,UAAU,YAAY,CAAC;AAAA;AAE7B;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAXf,aAYX,WAAA,QAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAf9B,aAgBX,WAAA,YAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAnBf,aAoBX,WAAA,YAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAvB/B,aAwBX,WAAA,YAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GA3B9B,aA4BX,WAAA,WAAA,CAAA;AAIQ,gBAAA;AAAA,EADP,MAAA;AAAM,GA/BI,aAgCH,WAAA,WAAA,CAAA;AAhCG,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}

package/dist/index68.js

@@ -0,0 +1,118 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, query, customElement } from "lit/decorators.js";
+import { dialogTemplate } from "./index320.js";
+import dialogCss from "./index321.js";
+import sharedTokens from "./index196.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LibDialog = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.eyebrow = "";
+    this.dlgTitle = "";
+    this.variant = "default";
+    this.size = "md";
+    this.layout = "dialog";
+    this.open = false;
+    this.footerMeta = "";
+  }
+  /* ── Lifecycle ── */
+  /**
+   * Cuando `open` cambia: abrir con showModal + reflow + .is-open
+   * o cerrar con animación de salida + transitionend.
+   */
+  updated(changed) {
+    if (!changed.has("open")) return;
+    if (this.open) {
+      this._dlg.showModal();
+      this._dlg.getBoundingClientRect();
+      this._dlg.classList.add("is-open");
+    } else {
+      this._animateClose();
+    }
+  }
+  /* ── API pública ── */
+  /** Abre el dialog */
+  show() {
+    this.open = true;
+  }
+  /** Cierra el dialog con animación */
+  close() {
+    this.open = false;
+  }
+  /* ── Render ── */
+  render() {
+    return dialogTemplate({
+      eyebrow: this.eyebrow,
+      dlgTitle: this.dlgTitle,
+      variant: this.variant,
+      size: this.size,
+      layout: this.layout,
+      footerMeta: this.footerMeta,
+      open: this.open,
+      onClose: () => {
+        this.close();
+      }
+    });
+  }
+  /* ── Private ── */
+  _animateClose() {
+    var _a;
+    if (!((_a = this._dlg) == null ? void 0 : _a.open)) return;
+    this._dlg.classList.add("is-closing");
+    this._dlg.classList.remove("is-open");
+    this._dlg.addEventListener("transitionend", () => {
+      this._dlg.close();
+      this._dlg.classList.remove("is-closing");
+      this.dispatchEvent(
+        new CustomEvent("ui-lib-dialog-close", {
+          bubbles: true,
+          composed: true
+        })
+      );
+    }, { once: true });
+  }
+};
+LibDialog.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(dialogCss)}`
+];
+__decorateClass([
+  property({ type: String })
+], LibDialog.prototype, "eyebrow", 2);
+__decorateClass([
+  property({ type: String, attribute: "dlg-title" })
+], LibDialog.prototype, "dlgTitle", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDialog.prototype, "variant", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDialog.prototype, "size", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDialog.prototype, "layout", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibDialog.prototype, "open", 2);
+__decorateClass([
+  property({ type: String, attribute: "footer-meta" })
+], LibDialog.prototype, "footerMeta", 2);
+__decorateClass([
+  query("dialog")
+], LibDialog.prototype, "_dlg", 2);
+LibDialog = __decorateClass([
+  customElement("lib-dialog")
+], LibDialog);
+export {
+  LibDialog
+};
+//# sourceMappingURL=index68.js.map

package/dist/index68.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index68.js","sources":["../src/components/organisms/dialog/lib-dialog.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { dialogTemplate } from './lib-dialog.html';\nimport dialogCss from './lib-dialog.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { DialogVariant, DialogSize, DialogLayout } from './lib-dialog.types';\n\n/**\n * @element lib-dialog\n *\n * Ventana de diálogo sobre `<dialog>` nativo con animación de entrada/salida.\n *\n * @prop {string}        eyebrow     — Texto pequeño encima del título\n * @prop {string}        dlg-title   — Título principal del header\n * @prop {DialogVariant} variant     — default · danger · warning · dark\n * @prop {DialogSize}    size        — sm · md · lg · xl · full (default: md)\n * @prop {DialogLayout}  layout      — dialog · drawer-right · drawer-bottom · alert (default: dialog)\n * @prop {boolean}       open        — Estado controlado del panel\n * @prop {string}        footer-meta — Texto auxiliar izquierdo en el footer\n *\n * @slot         — Cuerpo del dialog (dlg-body)\n * @slot header  — Override completo del título (dentro de dlg-header-text)\n * @slot footer  — Botones del footer (a la derecha del footer-meta)\n *\n * @fires ui-lib-dialog-close — Emitido tras la animación de cierre (bubbles, composed)\n *\n * @method show()  — Abre el dialog con animación de entrada\n * @method close() — Cierra el dialog con animación de salida\n */\n@customElement('lib-dialog')\nexport class LibDialog extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(dialogCss)}`,\n  ];\n\n  /* ── Props ── */\n\n  @property({ type: String })\n  eyebrow = '';\n\n  /**\n   * `title` está reservado en HTMLElement — usamos `dlgTitle` + attribute `dlg-title`.\n   */\n  @property({ type: String, attribute: 'dlg-title' })\n  dlgTitle = '';\n\n  @property({ type: String, reflect: true })\n  variant: DialogVariant = 'default';\n\n  @property({ type: String, reflect: true })\n  size: DialogSize = 'md';\n\n  @property({ type: String, reflect: true })\n  layout: DialogLayout = 'dialog';\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String, attribute: 'footer-meta' })\n  footerMeta = '';\n\n  /* ── Refs ── */\n\n  @query('dialog') declare private _dlg: HTMLDialogElement;\n\n  /* ── Lifecycle ── */\n\n  /**\n   * Cuando `open` cambia: abrir con showModal + reflow + .is-open\n   * o cerrar con animación de salida + transitionend.\n   */\n  protected override updated(changed: PropertyValues<this>): void {\n    if (!changed.has('open')) return;\n\n    if (this.open) {\n      this._dlg.showModal();\n      this._dlg.getBoundingClientRect(); // force reflow antes de la transición\n      this._dlg.classList.add('is-open');\n    } else {\n      this._animateClose();\n    }\n  }\n\n  /* ── API pública ── */\n\n  /** Abre el dialog */\n  public show(): void {\n    this.open = true;\n  }\n\n  /** Cierra el dialog con animación */\n  public close(): void {\n    this.open = false;\n  }\n\n  /* ── Render ── */\n\n  protected override render(): TemplateResult {\n    return dialogTemplate({\n      eyebrow:    this.eyebrow,\n      dlgTitle:   this.dlgTitle,\n      variant:    this.variant,\n      size:       this.size,\n      layout:     this.layout,\n      footerMeta: this.footerMeta,\n      open:       this.open,\n      onClose:    (): void => { this.close(); },\n    });\n  }\n\n  /* ── Private ── */\n\n  private _animateClose(): void {\n    if (!this._dlg?.open) return;\n\n    this._dlg.classList.add('is-closing');\n    this._dlg.classList.remove('is-open');\n\n    this._dlg.addEventListener('transitionend', () => {\n      this._dlg.close();\n      this._dlg.classList.remove('is-closing');\n\n      this.dispatchEvent(\n        new CustomEvent('ui-lib-dialog-close', {\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }, { once: true });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-dialog': LibDialog;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA8BO,IAAM,YAAN,cAAwB,WAAW;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA;AASL,SAAA,UAAU;AAMV,SAAA,WAAW;AAGX,SAAA,UAAyB;AAGzB,SAAA,OAAmB;AAGnB,SAAA,SAAuB;AAGvB,SAAA,OAAO;AAGP,SAAA,aAAa;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYM,QAAQ,SAAqC;AAC9D,QAAI,CAAC,QAAQ,IAAI,MAAM,EAAG;AAE1B,QAAI,KAAK,MAAM;AACb,WAAK,KAAK,UAAA;AACV,WAAK,KAAK,sBAAA;AACV,WAAK,KAAK,UAAU,IAAI,SAAS;AAAA,IACnC,OAAO;AACL,WAAK,cAAA;AAAA,IACP;AAAA,EACF;AAAA;AAAA;AAAA,EAKO,OAAa;AAClB,SAAK,OAAO;AAAA,EACd;AAAA;AAAA,EAGO,QAAc;AACnB,SAAK,OAAO;AAAA,EACd;AAAA;AAAA,EAImB,SAAyB;AAC1C,WAAO,eAAe;AAAA,MACpB,SAAY,KAAK;AAAA,MACjB,UAAY,KAAK;AAAA,MACjB,SAAY,KAAK;AAAA,MACjB,MAAY,KAAK;AAAA,MACjB,QAAY,KAAK;AAAA,MACjB,YAAY,KAAK;AAAA,MACjB,MAAY,KAAK;AAAA,MACjB,SAAY,MAAY;AAAE,aAAK,MAAA;AAAA,MAAS;AAAA,IAAA,CACzC;AAAA,EACH;AAAA;AAAA,EAIQ,gBAAsB;;AAC5B,QAAI,GAAC,UAAK,SAAL,mBAAW,MAAM;AAEtB,SAAK,KAAK,UAAU,IAAI,YAAY;AACpC,SAAK,KAAK,UAAU,OAAO,SAAS;AAEpC,SAAK,KAAK,iBAAiB,iBAAiB,MAAM;AAChD,WAAK,KAAK,MAAA;AACV,WAAK,KAAK,UAAU,OAAO,YAAY;AAEvC,WAAK;AAAA,QACH,IAAI,YAAY,uBAAuB;AAAA,UACrC,SAAS;AAAA,UACT,UAAU;AAAA,QAAA,CACX;AAAA,MAAA;AAAA,IAEL,GAAG,EAAE,MAAM,MAAM;AAAA,EACnB;AACF;AArGa,UACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,SAAS,CAAC;AAC5B;AAKA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GARf,UASX,WAAA,WAAA,CAAA;AAMA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,aAAa;AAAA,GAdvC,UAeX,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAjB9B,UAkBX,WAAA,WAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GApB9B,UAqBX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAvB9B,UAwBX,WAAA,UAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GA1B/B,UA2BX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,eAAe;AAAA,GA7BzC,UA8BX,WAAA,cAAA,CAAA;AAIiC,gBAAA;AAAA,EAAhC,MAAM,QAAQ;AAAA,GAlCJ,UAkCsB,WAAA,QAAA,CAAA;AAlCtB,YAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,SAAA;"}