@shibui-ui/ui 1.5.5

package/dist/index43.js

@@ -0,0 +1,70 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { renderDisplayHeading } from "./index272.js";
+import componentCss from "./index273.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 LibDisplayHeading = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.line1 = "";
+    this.line2Prefix = "";
+    this.accent = "";
+    this.description = "";
+    this.surface = "light";
+    this.size = "md";
+    this.tag = "h2";
+    this.centered = false;
+    this._animate = false;
+  }
+  render() {
+    return renderDisplayHeading(this);
+  }
+};
+LibDisplayHeading.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(componentCss)}`
+];
+__decorateClass([
+  property({ type: String })
+], LibDisplayHeading.prototype, "line1", 2);
+__decorateClass([
+  property({ type: String, attribute: "line2-prefix" })
+], LibDisplayHeading.prototype, "line2Prefix", 2);
+__decorateClass([
+  property({ type: String })
+], LibDisplayHeading.prototype, "accent", 2);
+__decorateClass([
+  property({ type: String })
+], LibDisplayHeading.prototype, "description", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDisplayHeading.prototype, "surface", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDisplayHeading.prototype, "size", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDisplayHeading.prototype, "tag", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibDisplayHeading.prototype, "centered", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibDisplayHeading.prototype, "_animate", 2);
+LibDisplayHeading = __decorateClass([
+  customElement("lib-display-heading")
+], LibDisplayHeading);
+export {
+  LibDisplayHeading
+};
+//# sourceMappingURL=index43.js.map

package/dist/index43.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index43.js","sources":["../src/components/atoms/display-heading/lib-display-heading.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, type TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { renderDisplayHeading } from './lib-display-heading.html';\nimport type {\n  DisplayHeadingSurface,\n  DisplayHeadingSize,\n  DisplayHeadingTag,\n} from './lib-display-heading.types';\nimport componentCss from './lib-display-heading.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\n/**\n * `<lib-display-heading>` — Titular de display editorial.\n *\n * Heading en Cormorant Garamond con peso 300 y acento itálico en kaki.\n * Patrón recurrente del sistema: primera línea normal + segunda línea con\n * texto itálico en `--color-kaki-400`. Acepta un `<lib-eyebrow>` por slot.\n *\n * @tag lib-display-heading\n *\n * @attr {string} line1         - Primera línea del titular.\n * @attr {string} line2-prefix  - Texto antes del acento en la segunda línea.\n * @attr {string} accent        - Texto en itálica kaki (acento).\n * @attr {string} description   - Párrafo de descripción (alternativa al slot).\n * @attr {'dark'|'light'|'washi'} surface - Superficie sobre la que se muestra.\n * @attr {'sm'|'md'|'lg'}       size    - Tamaño tipográfico fluido.\n * @attr {'h1'|'h2'|'h3'|'h4'} tag     - Tag semántico del heading.\n * @attr {boolean}              centered - Centra el bloque.\n * @attr {boolean}              animate  - Activa la animación de entrada fade-up.\n *\n * @slot eyebrow     - Acepta un `<lib-eyebrow>` como prefijo.\n * @slot description - Descripción como rich content (alternativa a `description`).\n *\n * @csspart wrapper     - Div contenedor externo.\n * @csspart heading     - El elemento h1–h4.\n * @csspart description - El párrafo de descripción.\n *\n * @example\n * <!-- Básico -->\n * <lib-display-heading\n *   line1=\"Todo lo que\"\n *   line2-prefix=\"necesitas,\"\n *   accent=\"nada más\"\n *   surface=\"dark\"\n * ></lib-display-heading>\n *\n * <!-- Con eyebrow y descripción -->\n * <lib-display-heading\n *   line1=\"La belleza\"\n *   line2-prefix=\"de lo\"\n *   accent=\"austero\"\n *   surface=\"dark\"\n *   size=\"lg\"\n *   description=\"66 componentes sin dependencias.\"\n * >\n *   <lib-eyebrow slot=\"eyebrow\" effect=\"kintsugi\" size=\"lg\">\n *     Design System · v0.1.0\n *   </lib-eyebrow>\n * </lib-display-heading>\n */\n@customElement('lib-display-heading')\nexport class LibDisplayHeading extends LitElement {\n\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(componentCss)}`,\n  ];\n\n  /** Primera línea del titular */\n  @property({ type: String })\n  line1 = '';\n\n  /** Texto antes del acento en la segunda línea */\n  @property({ type: String, attribute: 'line2-prefix' })\n  line2Prefix = '';\n\n  /** Texto en itálica kaki */\n  @property({ type: String })\n  accent = '';\n\n  /** Párrafo de descripción inline */\n  @property({ type: String })\n  description = '';\n\n  /** Superficie sobre la que aparece */\n  @property({ type: String, reflect: true })\n  surface: DisplayHeadingSurface = 'light';\n\n  /** Tamaño tipográfico fluido */\n  @property({ type: String, reflect: true })\n  size: DisplayHeadingSize = 'md';\n\n  /** Tag semántico del heading */\n  @property({ type: String, reflect: true })\n  tag: DisplayHeadingTag = 'h2';\n\n  /** Centra el bloque */\n  @property({ type: Boolean, reflect: true })\n  centered = false;\n\n  /** Activa animación de entrada */\n  @property({ type: Boolean, reflect: true })\n  _animate = false;\n\n  protected override render(): TemplateResult {\n    return renderDisplayHeading(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-display-heading': LibDisplayHeading;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6DO,IAAM,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AASL,SAAA,QAAQ;AAIR,SAAA,cAAc;AAId,SAAA,SAAS;AAIT,SAAA,cAAc;AAId,SAAA,UAAiC;AAIjC,SAAA,OAA2B;AAI3B,SAAA,MAAyB;AAIzB,SAAA,WAAW;AAIX,SAAA,WAAW;AAAA,EAAA;AAAA,EAEQ,SAAyB;AAC1C,WAAO,qBAAqB,IAAI;AAAA,EAClC;AACF;AA9Ca,kBAEK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,YAAY,CAAC;AAC/B;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GARf,kBASX,WAAA,SAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,gBAAgB;AAAA,GAZ1C,kBAaX,WAAA,eAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAhBf,kBAiBX,WAAA,UAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GApBf,kBAqBX,WAAA,eAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAxB9B,kBAyBX,WAAA,WAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GA5B9B,kBA6BX,WAAA,QAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAhC9B,kBAiCX,WAAA,OAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GApC/B,kBAqCX,WAAA,YAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAxC/B,kBAyCX,WAAA,YAAA,CAAA;AAzCW,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}

package/dist/index44.js

@@ -0,0 +1,32 @@
+import { unsafeCSS, css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import gridCss from "./index274.js";
+import sharedTokens from "./index196.js";
+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 = decorator(result) || result;
+  return result;
+};
+let LibComponentGrid = class extends LitElement {
+  render() {
+    return html`
+      <div class="grid" part="grid">
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+LibComponentGrid.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(gridCss)}`
+];
+LibComponentGrid = __decorateClass([
+  customElement("lib-component-grid")
+], LibComponentGrid);
+export {
+  LibComponentGrid
+};
+//# sourceMappingURL=index44.js.map

package/dist/index44.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index44.js","sources":["../src/components/atoms/card/card-grid/lib-card-grid.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, html, type TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport gridCss from './lib-card-grid.css?inline';\nimport sharedTokens from '../../../../styles/shared/tokens.css?inline';\n\n/**\n * `<lib-component-grid>` — Grid contenedor de `<lib-component-card>`.\n *\n * Gestiona el layout CSS Grid y aplica automáticamente `grid-column: span 2`\n * a las tarjetas con el atributo `featured`.\n *\n * @tag lib-component-grid\n *\n * @slot - Acepta uno o más `<lib-component-card>`.\n *\n * @cssprop --cg-cols   - Grid template columns. Default: `repeat(auto-fill, minmax(280px, 1fr))`.\n * @cssprop --cg-gap    - Gap entre celdas. Default: `1.5px`.\n *\n * @example\n * <lib-component-grid>\n *   <lib-component-card featured num=\"✦ Kintsugi\" name=\"La cicatriz\" name-accent=\"de oro\">\n *     <div slot=\"preview\">...</div>\n *   </lib-component-card>\n *   <lib-component-card num=\"01–05\" name=\"Buttons\" .tags=${[...]}>\n *     <div slot=\"preview\">...</div>\n *   </lib-component-card>\n * </lib-component-grid>\n */\n@customElement('lib-component-grid')\nexport class LibComponentGrid extends LitElement {\n\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(gridCss)}`,\n  ];\n\n  protected override render(): TemplateResult {\n    return html`\n      <div class=\"grid\" part=\"grid\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-component-grid': LibComponentGrid;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;AA6BO,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAO5B,SAAyB;AAC1C,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AACF;AAda,iBAEK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,OAAO,CAAC;AAC1B;AALW,mBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,gBAAA;"}

package/dist/index45.js

@@ -0,0 +1,50 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { rendercontentPillar } from "./index275.js";
+import componentCss from "./index276.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 LibContentPillar = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.kanji = "";
+    this.label = "";
+    this.description = "";
+    this.surface = "dark";
+  }
+  render() {
+    return rendercontentPillar(this);
+  }
+};
+LibContentPillar.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(componentCss)}`
+];
+__decorateClass([
+  property({ type: String })
+], LibContentPillar.prototype, "kanji", 2);
+__decorateClass([
+  property({ type: String })
+], LibContentPillar.prototype, "label", 2);
+__decorateClass([
+  property({ type: String })
+], LibContentPillar.prototype, "description", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibContentPillar.prototype, "surface", 2);
+LibContentPillar = __decorateClass([
+  customElement("lib-content-pillar")
+], LibContentPillar);
+export {
+  LibContentPillar
+};
+//# sourceMappingURL=index45.js.map

package/dist/index45.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index45.js","sources":["../src/components/atoms/content-pillar/content-pillar.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, type TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { rendercontentPillar } from './content-pillar.html';\nimport componentCss from './content-pillar.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\n/**\n * `<lib-content-pillar>` — Pilar filosófico con kanji, label y descripción.\n *\n * Patrón recurrente del sistema Shibui: kanji decorativo a la izquierda +\n * etiqueta en DM Mono + cuerpo de texto en Shippori Mincho.\n *\n * @tag lib-content-pillar\n *\n * @attr {string}           kanji       - Carácter kanji decorativo (ej: \"侘\", \"金\", \"間\").\n * @attr {string}           label       - Etiqueta en mono uppercase (ej: \"Wabi · Imperfección\").\n * @attr {string}           description - Texto de descripción inline.\n * @attr {'dark'|'light'}   surface     - Superficie sobre la que se muestra. Default: `dark`.\n *\n * @slot - Descripción como rich content (alternativa al atributo `description`).\n *\n * @csspart pillar      - Wrapper flex externo.\n * @csspart kanji       - El carácter kanji.\n * @csspart body        - Columna derecha (label + descripción).\n * @csspart label       - La etiqueta mono.\n * @csspart description - El párrafo de descripción.\n *\n * @example\n * <lib-content-pillar\n *   kanji=\"金\"\n *   label=\"Kintsugi · Cicatrices de oro\"\n *   description=\"Reparar con oro en lugar de ocultar.\"\n * ></lib-content-pillar>\n *\n * <!-- Con rich content -->\n * <lib-content-pillar kanji=\"間\" label=\"Ma · El espacio\">\n *   El silencio entre notas. El espacio vacío <em>es</em> presencia.\n * </lib-content-pillar>\n */\n@customElement('lib-content-pillar')\nexport class LibContentPillar extends LitElement {\n\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(componentCss)}`,\n  ];\n\n  /** Carácter kanji decorativo */\n  @property({ type: String })\n  kanji = '';\n\n  /** Etiqueta en DM Mono uppercase */\n  @property({ type: String })\n  label = '';\n\n  /** Descripción inline (alternativa al slot) */\n  @property({ type: String })\n  description = '';\n\n  /** Superficie de fondo */\n  @property({ type: String, reflect: true })\n  surface: 'dark' | 'light' = 'dark';\n\n  protected override render(): TemplateResult {\n    return rendercontentPillar(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-content-pillar': LibContentPillar;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AAwCO,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AASL,SAAA,QAAQ;AAIR,SAAA,QAAQ;AAIR,SAAA,cAAc;AAId,SAAA,UAA4B;AAAA,EAAA;AAAA,EAET,SAAyB;AAC1C,WAAO,oBAAoB,IAAI;AAAA,EACjC;AACF;AA1Ba,iBAEK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,YAAY,CAAC;AAC/B;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GARf,iBASX,WAAA,SAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAZf,iBAaX,WAAA,SAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAhBf,iBAiBX,WAAA,eAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GApB9B,iBAqBX,WAAA,WAAA,CAAA;AArBW,mBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,gBAAA;"}

package/dist/index46.js

@@ -0,0 +1,54 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { renderQuote } from "./index277.js";
+import componentCss from "./index278.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 LibQuote = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.text = "";
+    this.accent = "";
+    this.cite = "";
+    this.surface = "dark";
+    this.size = "md";
+  }
+  render() {
+    return renderQuote(this);
+  }
+};
+LibQuote.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(componentCss)}`
+];
+__decorateClass([
+  property({ type: String })
+], LibQuote.prototype, "text", 2);
+__decorateClass([
+  property({ type: String })
+], LibQuote.prototype, "accent", 2);
+__decorateClass([
+  property({ type: String })
+], LibQuote.prototype, "cite", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibQuote.prototype, "surface", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibQuote.prototype, "size", 2);
+LibQuote = __decorateClass([
+  customElement("lib-quote")
+], LibQuote);
+export {
+  LibQuote
+};
+//# sourceMappingURL=index46.js.map

package/dist/index46.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index46.js","sources":["../src/components/atoms/quote/lib-quote.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, type TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { renderQuote } from './lib-quote.html';\nimport componentCss from './lib-quote.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\n/**\n * `<lib-quote>` — Cita display editorial.\n *\n * Blockquote en Cormorant Garamond con acento itálico en kaki y\n * atribución en DM Mono. Patrón recurrente en hero sections, CTAs\n * y secciones de filosofía del sistema Shibui.\n *\n * @tag lib-quote\n *\n * @attr {string}                  text    - Primera línea de la cita (alternativa al slot).\n * @attr {string}                  accent  - Segunda línea en itálica kaki.\n * @attr {string}                  cite    - Atribución (ej: \"— Principio Shibui · 渋い\").\n * @attr {'dark'|'light'|'washi'}  surface - Superficie de fondo. Default: `dark`.\n * @attr {'sm'|'md'|'lg'}          size    - Tamaño tipográfico fluido. Default: `md`.\n *\n * @slot - Primera línea de la cita como rich content (alternativa al atributo `text`).\n *\n * @csspart blockquote - El elemento blockquote raíz.\n * @csspart text       - El párrafo de la cita.\n * @csspart accent     - El em de la segunda línea.\n * @csspart cite       - El elemento cite de atribución.\n *\n * @cssprop --q-text-color   - Color del texto principal.\n * @cssprop --q-accent-color - Color del acento itálico.\n * @cssprop --q-cite-color   - Color de la atribución.\n * @cssprop --q-size         - Tamaño de fuente (sobreescribe el atributo `size`).\n *\n * @example\n * <lib-quote\n *   text=\"Lo bello no se anuncia.\"\n *   accent=\"Se descubre con pausa.\"\n *   cite=\"— Principio Shibui · 渋い\"\n *   surface=\"dark\"\n * ></lib-quote>\n *\n * <!-- Con slot -->\n * <lib-quote accent=\"Se descubre con pausa.\" cite=\"— Principio Shibui\">\n *   Lo bello no se anuncia.\n * </lib-quote>\n */\n@customElement('lib-quote')\nexport class LibQuote extends LitElement {\n\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(componentCss)}`,\n  ];\n\n  /** Primera línea de la cita */\n  @property({ type: String })\n  text = '';\n\n  /** Segunda línea en itálica kaki */\n  @property({ type: String })\n  accent = '';\n\n  /** Atribución */\n  @property({ type: String })\n  cite = '';\n\n  /** Superficie de fondo */\n  @property({ type: String, reflect: true })\n  surface: 'dark' | 'light' | 'washi' = 'dark';\n\n  /** Tamaño tipográfico fluido */\n  @property({ type: String, reflect: true })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  protected override render(): TemplateResult {\n    return renderQuote(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-quote': LibQuote;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA+CO,IAAM,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AASL,SAAA,OAAO;AAIP,SAAA,SAAS;AAIT,SAAA,OAAO;AAIP,SAAA,UAAsC;AAItC,SAAA,OAA2B;AAAA,EAAA;AAAA,EAER,SAAyB;AAC1C,WAAO,YAAY,IAAI;AAAA,EACzB;AACF;AA9Ba,SAEK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,YAAY,CAAC;AAC/B;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GARf,SASX,WAAA,QAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAZf,SAaX,WAAA,UAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAhBf,SAiBX,WAAA,QAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GApB9B,SAqBX,WAAA,WAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAxB9B,SAyBX,WAAA,QAAA,CAAA;AAzBW,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}

package/dist/index47.js

@@ -0,0 +1,46 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import sharedTokens from "./index196.js";
+import colorScaleStyles from "./index279.js";
+import { colorScaleTemplate } from "./index280.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 LibColorScale = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.name = "scale";
+    this.steps = [];
+    this.showLabels = true;
+  }
+  render() {
+    return colorScaleTemplate(this);
+  }
+};
+LibColorScale.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(colorScaleStyles)}`
+];
+__decorateClass([
+  property({ type: String })
+], LibColorScale.prototype, "name", 2);
+__decorateClass([
+  property({ type: Array })
+], LibColorScale.prototype, "steps", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-labels" })
+], LibColorScale.prototype, "showLabels", 2);
+LibColorScale = __decorateClass([
+  customElement("lib-color-scale")
+], LibColorScale);
+export {
+  LibColorScale
+};
+//# sourceMappingURL=index47.js.map

package/dist/index47.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index47.js","sources":["../src/components/atoms/color-scale/lib-color-scale.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport sharedTokens          from '../../../styles/shared/tokens.css?inline';\nimport colorScaleStyles      from './lib-color-scale.css?inline';\nimport { colorScaleTemplate } from './lib-color-scale.html';\nimport type { ColorStep }    from './lib-color-scale.types';\n\n/**\n * lib-color-scale — Shibui UI\n *\n * Escala de color horizontal con 11 pasos (50 → 950).\n * Cada swatch expande en hover y revela el número del paso.\n * Los extremos muestran el nombre y el valor hex.\n *\n * @prop {string}       name        — Nombre de la paleta (ej: \"washi\", \"kaki\").\n * @prop {ColorStep[]}  steps       — Array de pasos de la escala. Orden de izquierda a derecha.\n * @prop {boolean}      show-labels — Muestra las etiquetas de los extremos (activo por defecto).\n *\n * @csspart track   — El contenedor de los swatches.\n * @cssprop --lib-color-scale-height — Altura de la pista (default: 56px).\n */\n@customElement('lib-color-scale')\nexport class LibColorScale extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(colorScaleStyles)}`,\n  ];\n\n  @property({ type: String })\n  name = 'scale';\n\n  @property({ type: Array })\n  steps: ColorStep[] = [];\n\n  @property({ type: Boolean, attribute: 'show-labels' })\n  showLabels = true;\n\n  protected override render(): TemplateResult {\n    return colorScaleTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-color-scale': LibColorScale;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBO,IAAM,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AAOL,SAAA,OAAO;AAGP,SAAA,QAAqB,CAAA;AAGrB,SAAA,aAAa;AAAA,EAAA;AAAA,EAEM,SAAyB;AAC1C,WAAO,mBAAmB,IAAI;AAAA,EAChC;AACF;AAlBa,cACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,gBAAgB,CAAC;AACnC;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GANf,cAOX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,MAAA,CAAO;AAAA,GATd,cAUX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,eAAe;AAAA,GAZ1C,cAaX,WAAA,cAAA,CAAA;AAbW,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}

package/dist/index48.js

@@ -0,0 +1,96 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import "./index22.js";
+import { breadcrumbTemplate } from "./index281.js";
+import componentCss from "./index282.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 LibBreadcrumb = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.items = [];
+    this.separator = "slash";
+    this.size = "md";
+    this.surface = "default";
+    this.accent = "none";
+    this.dark = false;
+    this.maxVisible = 0;
+    this._expanded = false;
+  }
+  /* ── Render ──────────────────────────────────────────── */
+  render() {
+    return breadcrumbTemplate({
+      items: this.items,
+      separator: this.separator,
+      size: this.size,
+      surface: this.surface,
+      accent: this.accent,
+      dark: this.dark,
+      maxVisible: this.maxVisible,
+      expanded: this._expanded,
+      onExpand: this._handleExpand.bind(this),
+      onNavigate: this._handleNavigate.bind(this)
+    });
+  }
+  /* ── Handlers ────────────────────────────────────────── */
+  _handleExpand() {
+    this._expanded = true;
+  }
+  _handleNavigate(item, index) {
+    this.dispatchEvent(
+      new CustomEvent("ui-lib-navigate", {
+        detail: { item, index },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+};
+LibBreadcrumb.styles = [
+  css`
+      ${unsafeCSS(sharedTokens)}
+    `,
+  css`
+      ${unsafeCSS(componentCss)}
+    `
+];
+__decorateClass([
+  property({ type: Array })
+], LibBreadcrumb.prototype, "items", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibBreadcrumb.prototype, "separator", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibBreadcrumb.prototype, "size", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibBreadcrumb.prototype, "surface", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibBreadcrumb.prototype, "accent", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibBreadcrumb.prototype, "dark", 2);
+__decorateClass([
+  property({ type: Number, attribute: "max-visible" })
+], LibBreadcrumb.prototype, "maxVisible", 2);
+__decorateClass([
+  state()
+], LibBreadcrumb.prototype, "_expanded", 2);
+LibBreadcrumb = __decorateClass([
+  customElement("lib-breadcrumb")
+], LibBreadcrumb);
+export {
+  LibBreadcrumb
+};
+//# sourceMappingURL=index48.js.map

package/dist/index48.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index48.js","sources":["../src/components/molecules/breadcrumb/lib-breadcrumb.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport \"../../atoms/icon/lib-icon.component\";\nimport type {\n  BreadcrumbItem,\n  BreadcrumbSeparator,\n  BreadcrumbSize,\n  BreadcrumbSurface,\n  BreadcrumbAccent,\n} from \"./lib-breadcrumb.types\";\nimport { breadcrumbTemplate } from \"./lib-breadcrumb.html\";\nimport componentCss from \"./lib-breadcrumb.css?inline\";\nimport sharedTokens from \"../../../styles/shared/tokens.css?inline\";\n\nexport interface UiNavigateEventDetail {\n  item: BreadcrumbItem;\n  index: number;\n}\n\n/**\n * @element lib-breadcrumb\n * @fires ui-lib-navigate - Disparado al hacer clic en un crumb con href.\n *\n * @attr {BreadcrumbSeparator} separator - Tipo de separador: slash · chevron · dot · line\n * @attr {BreadcrumbSize}      size      - Tamaño: sm · md · lg\n * @attr {BreadcrumbSurface}   surface   - Superficie: default · filled · pill\n * @attr {BreadcrumbAccent}    accent    - Acento en ítem activo: none · kaki · celadon · bold\n * @attr {boolean}             dark      - Modo superficie oscura\n * @attr {number}              max-visible - Si > 0, colapsa ítems intermedios cuando items.length > N\n */\n@customElement(\"lib-breadcrumb\")\nexport class LibBreadcrumb extends LitElement {\n  static override styles = [\n    css`\n      ${unsafeCSS(sharedTokens)}\n    `,\n    css`\n      ${unsafeCSS(componentCss)}\n    `,\n  ];\n\n  /* ── Props públicas ──────────────────────────────────── */\n\n  @property({ type: Array })\n  items: BreadcrumbItem[] = [];\n\n  @property({ type: String, reflect: true })\n  separator: BreadcrumbSeparator = \"slash\";\n\n  @property({ type: String, reflect: true })\n  size: BreadcrumbSize = \"md\";\n\n  @property({ type: String, reflect: true })\n  surface: BreadcrumbSurface = \"default\";\n\n  @property({ type: String, reflect: true })\n  accent: BreadcrumbAccent = \"none\";\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  @property({ type: Number, attribute: \"max-visible\" })\n  maxVisible = 0;\n\n  /* ── Estado interno ──────────────────────────────────── */\n\n  @state()\n  private _expanded = false;\n\n  /* ── Render ──────────────────────────────────────────── */\n\n  override render(): TemplateResult {\n    return breadcrumbTemplate({\n      items: this.items,\n      separator: this.separator,\n      size: this.size,\n      surface: this.surface,\n      accent: this.accent,\n      dark: this.dark,\n      maxVisible: this.maxVisible,\n      expanded: this._expanded,\n      onExpand: this._handleExpand.bind(this),\n      onNavigate: this._handleNavigate.bind(this),\n    });\n  }\n\n  /* ── Handlers ────────────────────────────────────────── */\n\n  private _handleExpand(): void {\n    this._expanded = true;\n  }\n\n  private _handleNavigate(item: BreadcrumbItem, index: number): void {\n    this.dispatchEvent(\n      new CustomEvent<UiNavigateEventDetail>(\"ui-lib-navigate\", {\n        detail: { item, index },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"lib-breadcrumb\": LibBreadcrumb;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+BO,IAAM,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AAaL,SAAA,QAA0B,CAAA;AAG1B,SAAA,YAAiC;AAGjC,SAAA,OAAuB;AAGvB,SAAA,UAA6B;AAG7B,SAAA,SAA2B;AAG3B,SAAA,OAAO;AAGP,SAAA,aAAa;AAKb,SAAQ,YAAY;AAAA,EAAA;AAAA;AAAA,EAIX,SAAyB;AAChC,WAAO,mBAAmB;AAAA,MACxB,OAAO,KAAK;AAAA,MACZ,WAAW,KAAK;AAAA,MAChB,MAAM,KAAK;AAAA,MACX,SAAS,KAAK;AAAA,MACd,QAAQ,KAAK;AAAA,MACb,MAAM,KAAK;AAAA,MACX,YAAY,KAAK;AAAA,MACjB,UAAU,KAAK;AAAA,MACf,UAAU,KAAK,cAAc,KAAK,IAAI;AAAA,MACtC,YAAY,KAAK,gBAAgB,KAAK,IAAI;AAAA,IAAA,CAC3C;AAAA,EACH;AAAA;AAAA,EAIQ,gBAAsB;AAC5B,SAAK,YAAY;AAAA,EACnB;AAAA,EAEQ,gBAAgB,MAAsB,OAAqB;AACjE,SAAK;AAAA,MACH,IAAI,YAAmC,mBAAmB;AAAA,QACxD,QAAQ,EAAE,MAAM,MAAA;AAAA,QAChB,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EAEL;AACF;AAtEa,cACK,SAAS;AAAA,EACvB;AAAA,QACI,UAAU,YAAY,CAAC;AAAA;AAAA,EAE3B;AAAA,QACI,UAAU,YAAY,CAAC;AAAA;AAE7B;AAKA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,MAAA,CAAO;AAAA,GAZd,cAaX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAf9B,cAgBX,WAAA,aAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAlB9B,cAmBX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GArB9B,cAsBX,WAAA,WAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAxB9B,cAyBX,WAAA,UAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GA3B/B,cA4BX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,eAAe;AAAA,GA9BzC,cA+BX,WAAA,cAAA,CAAA;AAKQ,gBAAA;AAAA,EADP,MAAA;AAAM,GAnCI,cAoCH,WAAA,aAAA,CAAA;AApCG,gBAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,aAAA;"}