@shibui-ui/ui 1.5.5

package/dist/index269.js

@@ -0,0 +1,5 @@
+const burgerCss = '@layer tokens,reset,components;@layer reset{:host{display:inline-flex;align-items:center}*,*:before,*:after{box-sizing:border-box}button{font:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer}}@layer components{.burger{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;outline:none}.burger:focus-visible{box-shadow:0 0 0 2px var(--color-washi-50),0 0 0 4px var(--color-washi-600)}.burger-lines{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.burger-line{display:block;border-radius:var(--lib-radius-sm);background:currentcolor;transform-origin:center;will-change:transform,opacity,width}.burger-wrap{display:inline-flex;align-items:center;gap:var(--lib-space-sm);cursor:pointer}.burger-label{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);transition:color var(--duration-base),opacity var(--duration-base);-webkit-user-select:none;user-select:none}.burger-wrap:hover .burger-label{color:var(--text-primary)}:host([size="sm"]) .burger-lines{width:18px;height:12px}:host([size="sm"]) .burger-line{height:1px}:host([size="sm"]) .burger-line:nth-child(1){margin-bottom:5px}:host([size="sm"]) .burger-line:nth-child(2){margin-bottom:5px}:host([size="lg"]) .burger-lines{width:36px;height:24px}:host([size="lg"]) .burger-line{height:2px}:host([size="lg"]) .burger-line:nth-child(1){margin-bottom:10px}:host([size="lg"]) .burger-line:nth-child(2){margin-bottom:10px}:host([variant="ink"]) .burger{width:44px;height:44px;color:var(--text-primary);transition:color var(--duration-base)}:host([variant="ink"]) .burger:hover{color:var(--color-kaki-500)}:host([variant="ink"]) .burger:active{transform:scale(.94)}:host([variant="ink"]) .burger-lines{width:28px;height:18px}:host([variant="ink"]) .burger-line{height:1.5px;transition:transform var(--duration-slow) var(--ease-bounce),opacity var(--duration-base) var(--ease-out),width var(--duration-slow) var(--ease-bounce)}:host([variant="ink"]) .burger-line:nth-child(1){width:20px;margin-bottom:7px}:host([variant="ink"]) .burger-line:nth-child(2){width:28px;margin-bottom:7px}:host([variant="ink"]) .burger-line:nth-child(3){width:14px}:host([variant="ink"][open]) .burger-line:nth-child(1){transform:translateY(8.5px) rotate(45deg);width:26px;transition-delay:0ms,0ms,80ms}:host([variant="ink"][open]) .burger-line:nth-child(2){opacity:0;transform:scaleX(0);transition-delay:0ms}:host([variant="ink"][open]) .burger-line:nth-child(3){transform:translateY(-8.5px) rotate(-45deg);width:26px;transition-delay:0ms,0ms,80ms}:host([variant="kanji"]) .burger{width:48px;height:48px;color:var(--text-primary);position:relative;transition:color var(--duration-base)}:host([variant="kanji"]) .burger:hover{color:var(--color-kaki-500)}:host([variant="kanji"]) .burger:active{transform:scale(.93)}:host([variant="kanji"]) .burger:after{content:"三";position:absolute;bottom:0;left:50%;transform:translate(-50%);font-family:var(--lib-font-mono);font-size:8px;letter-spacing:0;color:var(--text-muted);transition:opacity var(--duration-base)}:host([variant="kanji"][open]) .burger:after{content:"×"}:host([variant="kanji"]) .burger-lines{width:26px;height:16px;margin-bottom:6px}:host([variant="kanji"]) .burger-line{height:1px;transition:transform var(--duration-slow) var(--ease-bounce),opacity var(--duration-base) var(--ease-out),width var(--duration-slow) var(--ease-bounce)}:host([variant="kanji"]) .burger-line:nth-child(1){width:26px;margin-bottom:7px}:host([variant="kanji"]) .burger-line:nth-child(2){width:18px;margin-bottom:7px}:host([variant="kanji"]) .burger-line:nth-child(3){width:26px}:host([variant="kanji"][open]) .burger-line:nth-child(1){transform:translateY(7.5px) rotate(45deg);width:24px}:host([variant="kanji"][open]) .burger-line:nth-child(2){opacity:0;width:0}:host([variant="kanji"][open]) .burger-line:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);width:24px}:host([variant="washi"]) .burger{width:48px;height:48px;color:var(--text-primary);transition:color var(--duration-base)}:host([variant="washi"]) .burger:hover{color:var(--color-kaki-500)}:host([variant="washi"]) .burger:active{transform:scale(.93)}:host([variant="washi"]) .burger-lines{width:28px;height:18px}:host([variant="washi"]) .burger-line{width:28px;height:1px;transition:transform var(--duration-slow) var(--ease-bounce),width var(--duration-slow) var(--ease-bounce),opacity var(--duration-base) var(--ease-out)}:host([variant="washi"]) .burger-line:nth-child(1){margin-bottom:8px}:host([variant="washi"]) .burger-line:nth-child(2){margin-bottom:8px}:host([variant="washi"][open]) .burger-line:nth-child(1){transform:translateY(9px) rotate(45deg);transition-delay:60ms,0ms,0ms}:host([variant="washi"][open]) .burger-line:nth-child(2){opacity:0;width:0}:host([variant="washi"][open]) .burger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg);transition-delay:60ms,0ms,0ms}:host([variant="framed"]) .burger{width:44px;height:44px;color:var(--text-primary);border:1px solid var(--border-default);transition:border-color var(--duration-base),color var(--duration-base),transform var(--duration-slow) var(--ease-bounce)}:host([variant="framed"]) .burger:hover{border-color:var(--border-strong);color:var(--color-kaki-500)}:host([variant="framed"][open]) .burger{transform:rotate(45deg);border-color:var(--color-kaki-500);color:var(--color-kaki-500)}:host([variant="framed"]) .burger-lines{width:20px;height:13px;transition:transform var(--duration-slow) var(--ease-bounce)}:host([variant="framed"][open]) .burger-lines{transform:rotate(-45deg)}:host([variant="framed"]) .burger-line{width:20px;height:1.5px;transition:transform var(--duration-slow) var(--ease-bounce),opacity var(--duration-base) var(--ease-out),width var(--duration-base) var(--ease-out)}:host([variant="framed"]) .burger-line:nth-child(1){margin-bottom:5px}:host([variant="framed"]) .burger-line:nth-child(2){margin-bottom:5px}:host([variant="framed"][open]) .burger-line:nth-child(1){transform:translateY(6.75px) rotate(90deg);width:14px}:host([variant="framed"][open]) .burger-line:nth-child(2){opacity:0}:host([variant="framed"][open]) .burger-line:nth-child(3){transform:translateY(-6.75px);width:14px}:host([variant="kintsugi"]) .burger{width:48px;height:48px;color:#faf7f480;position:relative;overflow:hidden;transition:color var(--duration-base)}:host([variant="kintsugi"]) .burger:hover{color:#faf7f4cc}:host([variant="kintsugi"]) .burger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgb(217,114,52,.18) 0%,transparent 70%);opacity:0;transition:opacity var(--duration-slow)}:host([variant="kintsugi"][open]) .burger:before{opacity:1}:host([variant="kintsugi"][open]) .burger{color:var(--color-kaki-400)}:host([variant="kintsugi"]) .burger-lines{width:24px;height:16px}:host([variant="kintsugi"]) .burger-line{height:1px;transition:transform var(--duration-slow) var(--ease-bounce),opacity var(--duration-base) var(--ease-out),width var(--duration-slow) var(--ease-bounce),background var(--duration-base)}:host([variant="kintsugi"]) .burger-line:nth-child(1){width:24px;margin-bottom:7px}:host([variant="kintsugi"]) .burger-line:nth-child(2){width:16px;margin-bottom:7px}:host([variant="kintsugi"]) .burger-line:nth-child(3){width:24px}:host([variant="kintsugi"][open]) .burger-line:nth-child(1){transform:translateY(7.5px) rotate(45deg);width:22px}:host([variant="kintsugi"][open]) .burger-line:nth-child(2){opacity:0;width:0}:host([variant="kintsugi"][open]) .burger-line:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);width:22px}:host([variant="glitch"]) .burger{width:52px;height:52px;color:var(--text-primary);position:relative;transition:color var(--duration-base)}:host([variant="glitch"]) .burger:hover{color:var(--color-kaki-500)}.burger-ghost{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:0}.burger-ghost svg{position:absolute;opacity:0}:host([variant="glitch"]) .burger:hover .ghost-a{opacity:1;animation:burger-glitch-a .32s steps(1) infinite}:host([variant="glitch"]) .burger:hover .ghost-b{opacity:1;animation:burger-glitch-b .32s steps(1) infinite;animation-delay:50ms}@keyframes burger-glitch-a{0%{clip-path:inset(0 0 70% 0);transform:translate(-3px)}25%{clip-path:inset(40% 0 40% 0);transform:translate(2px)}50%{clip-path:inset(70% 0 0 0);transform:translate(-2px)}75%{clip-path:inset(20% 0 60% 0);transform:translate(3px)}to{clip-path:inset(55% 0 20% 0);transform:translate(-3px)}}@keyframes burger-glitch-b{0%{clip-path:inset(60% 0 0 0);transform:translate(3px)}25%{clip-path:inset(0 0 60% 0);transform:translate(-2px)}50%{clip-path:inset(30% 0 50% 0);transform:translate(3px)}75%{clip-path:inset(70% 0 10% 0);transform:translate(-3px)}to{clip-path:inset(10% 0 70% 0);transform:translate(2px)}}:host([variant="glitch"]) .burger-lines{width:28px;height:18px;position:relative;z-index:1}:host([variant="glitch"]) .burger-line{width:28px;height:1.5px;position:relative;transition:transform var(--duration-slow) var(--ease-bounce),opacity var(--duration-base) var(--ease-out)}:host([variant="glitch"]) .burger-line:nth-child(1){margin-bottom:7px}:host([variant="glitch"]) .burger-line:nth-child(2){margin-bottom:7px}:host([variant="glitch"][open]) .burger-line:nth-child(1){transform:translateY(8.5px) rotate(45deg)}:host([variant="glitch"][open]) .burger-line:nth-child(2){opacity:0}:host([variant="glitch"][open]) .burger-line:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}:host([variant="glitch"]) .burger.is-scrambling .burger-line{animation:burger-scramble 80ms steps(1) 4}@keyframes burger-scramble{0%{transform:translate(-2px,1px);opacity:.7}25%{transform:translate(3px,-1px);opacity:.5}50%{transform:translate(-1px,2px);opacity:.8}75%{transform:translate(2px,-2px);opacity:.6}to{transform:translate(0);opacity:1}}}';
+export {
+  burgerCss as default
+};
+//# sourceMappingURL=index269.js.map

package/dist/index269.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index269.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index27.js

@@ -0,0 +1,81 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { dividerTemplate } from "./index239.js";
+import dividerCss from "./index240.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 LibDivider = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.orientation = "horizontal";
+    this.styleVariant = "hairline";
+    this.color = "default";
+    this.align = "center";
+    this.ornament = "none";
+    this.labelStyle = "mono";
+    this._hasSlotContent = false;
+  }
+  _handleSlotChange(e) {
+    const slot = e.target;
+    const nodes = slot.assignedNodes({ flatten: true });
+    this._hasSlotContent = nodes.some(
+      (n) => {
+        var _a;
+        return n.nodeType === Node.ELEMENT_NODE || n.nodeType === Node.TEXT_NODE && ((_a = n.textContent) == null ? void 0 : _a.trim()) !== "";
+      }
+    );
+  }
+  render() {
+    return dividerTemplate({
+      orientation: this.orientation,
+      style: this.styleVariant,
+      color: this.color,
+      align: this.align,
+      ornament: this.ornament,
+      labelStyle: this.labelStyle,
+      hasSlotContent: this._hasSlotContent,
+      onSlotChange: this._handleSlotChange.bind(this)
+    });
+  }
+};
+LibDivider.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(dividerCss)}`
+];
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDivider.prototype, "orientation", 2);
+__decorateClass([
+  property({ type: String, reflect: true, attribute: "style-variant" })
+], LibDivider.prototype, "styleVariant", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDivider.prototype, "color", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDivider.prototype, "align", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDivider.prototype, "ornament", 2);
+__decorateClass([
+  property({ type: String, reflect: true, attribute: "label-style" })
+], LibDivider.prototype, "labelStyle", 2);
+__decorateClass([
+  state()
+], LibDivider.prototype, "_hasSlotContent", 2);
+LibDivider = __decorateClass([
+  customElement("lib-divider")
+], LibDivider);
+export {
+  LibDivider
+};
+//# sourceMappingURL=index27.js.map

package/dist/index27.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index27.js","sources":["../src/components/atoms/divider/lib-divider.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type {\n  LibDividerStyle,\n  LibDividerColor,\n  LibDividerAlign,\n  LibDividerOrnament,\n  LibDividerLabelStyle,\n  LibDividerOrientation,\n} from './lib-divider.component.html';\nimport { dividerTemplate } from './lib-divider.component.html';\nimport dividerCss from './lib-divider.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\n/**\n * @element lib-divider\n *\n * Separador visual de contenido. Cinco estilos de línea, cuatro pesos,\n * variantes cromáticas, labels con tres tipografías y ornamentos.\n * Horizontal y vertical.\n *\n * @slot - Texto o elemento entre las dos líneas (label).\n *\n * @example — línea simple\n * <lib-divider></lib-divider>\n *\n * @example — con label\n * <lib-divider>O</lib-divider>\n *\n * @example — con ornamento diamond y gradiente\n * <lib-divider style-variant=\"gradient\" ornament=\"diamond\"></lib-divider>\n *\n * @example — kaki con dot\n * <lib-divider color=\"kaki\" ornament=\"dot\"></lib-divider>\n *\n * @example — vertical en nav\n * <lib-divider orientation=\"vertical\" style=\"height:14px\"></lib-divider>\n */\n@customElement('lib-divider')\nexport class LibDivider extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(dividerCss)}`,\n  ];\n\n  /** Dirección del separador */\n  @property({ type: String, reflect: true })\n  orientation: LibDividerOrientation = 'horizontal';\n\n  /**\n   * Estilo de la línea.\n   * Nota: el atributo es `style-variant` para no colisionar\n   * con el atributo nativo `style` del DOM.\n   */\n  @property({ type: String, reflect: true, attribute: 'style-variant' })\n  styleVariant: LibDividerStyle = 'hairline';\n\n  /** Color de acento de la línea */\n  @property({ type: String, reflect: true })\n  color: LibDividerColor = 'default';\n\n  /**\n   * Alineación del label u ornamento.\n   * `left` y `right` acortan el segmento opuesto a 24px.\n   */\n  @property({ type: String, reflect: true })\n  align: LibDividerAlign = 'center';\n\n  /**\n   * Ornamento visual entre las líneas.\n   * Toma prioridad sobre el contenido del slot si ambos están presentes.\n   */\n  @property({ type: String, reflect: true })\n  ornament: LibDividerOrnament = 'none';\n\n  /** Tipografía del label slotado */\n  @property({ type: String, reflect: true, attribute: 'label-style' })\n  labelStyle: LibDividerLabelStyle = 'mono';\n\n  /** Detectado via slotchange — true si el slot tiene nodos de texto o elementos */\n  @state()\n  private _hasSlotContent = false;\n\n  private _handleSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    const nodes = slot.assignedNodes({ flatten: true });\n    this._hasSlotContent = nodes.some(\n      n => n.nodeType === Node.ELEMENT_NODE ||\n           (n.nodeType === Node.TEXT_NODE && n.textContent?.trim() !== '')\n    );\n  }\n\n  override render(): TemplateResult {\n    return dividerTemplate({\n      orientation: this.orientation,\n      style: this.styleVariant,\n      color: this.color,\n      align: this.align,\n      ornament: this.ornament,\n      labelStyle: this.labelStyle,\n      hasSlotContent: this._hasSlotContent,\n      onSlotChange: this._handleSlotChange.bind(this),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-divider': LibDivider;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuCO,IAAM,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AAQL,SAAA,cAAqC;AAQrC,SAAA,eAAgC;AAIhC,SAAA,QAAyB;AAOzB,SAAA,QAAyB;AAOzB,SAAA,WAA+B;AAI/B,SAAA,aAAmC;AAInC,SAAQ,kBAAkB;AAAA,EAAA;AAAA,EAElB,kBAAkB,GAAgB;AACxC,UAAM,OAAO,EAAE;AACf,UAAM,QAAQ,KAAK,cAAc,EAAE,SAAS,MAAM;AAClD,SAAK,kBAAkB,MAAM;AAAA,MAC3B,CAAA,MAAA;;AAAK,iBAAE,aAAa,KAAK,gBACnB,EAAE,aAAa,KAAK,eAAa,OAAE,gBAAF,mBAAe,YAAW;AAAA;AAAA,IAAA;AAAA,EAErE;AAAA,EAES,SAAyB;AAChC,WAAO,gBAAgB;AAAA,MACrB,aAAa,KAAK;AAAA,MAClB,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,MACZ,UAAU,KAAK;AAAA,MACf,YAAY,KAAK;AAAA,MACjB,gBAAgB,KAAK;AAAA,MACrB,cAAc,KAAK,kBAAkB,KAAK,IAAI;AAAA,IAAA,CAC/C;AAAA,EACH;AACF;AAjEa,WACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,UAAU,CAAC;AAC7B;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAP9B,WAQX,WAAA,eAAA,CAAA;AAQA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM,WAAW,iBAAiB;AAAA,GAf1D,WAgBX,WAAA,gBAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAnB9B,WAoBX,WAAA,SAAA,CAAA;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GA1B9B,WA2BX,WAAA,SAAA,CAAA;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAjC9B,WAkCX,WAAA,YAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM,WAAW,eAAe;AAAA,GArCxD,WAsCX,WAAA,cAAA,CAAA;AAIQ,gBAAA;AAAA,EADP,MAAA;AAAM,GAzCI,WA0CH,WAAA,mBAAA,CAAA;AA1CG,aAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,UAAA;"}

package/dist/index270.js

@@ -0,0 +1,13 @@
+import { nothing, html } from "lit";
+function renderEyebrow(ctx) {
+  return html`
+    <span class="eb" part="base">
+      <slot></slot>
+      ${ctx.num ? html`<span class="eb-num-badge" part="badge">${ctx.num}</span>` : nothing}
+    </span>
+  `;
+}
+export {
+  renderEyebrow
+};
+//# sourceMappingURL=index270.js.map

package/dist/index270.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index270.js","sources":["../src/components/atoms/eyebrow/lib-eyebrow.html.ts"],"sourcesContent":["import { html, type TemplateResult, nothing } from 'lit';\nimport type { LibEyebrow } from './lib-eyebrow.component';\n\nexport function renderEyebrow(ctx: LibEyebrow): TemplateResult {\n  return html`\n    <span class=\"eb\" part=\"base\">\n      <slot></slot>\n      ${ctx.num\n        ? html`<span class=\"eb-num-badge\" part=\"badge\">${ctx.num}</span>`\n        : nothing\n      }\n    </span>\n  `;\n}"],"names":[],"mappings":";AAGO,SAAS,cAAc,KAAiC;AAC7D,SAAO;AAAA;AAAA;AAAA,QAGD,IAAI,MACF,+CAA+C,IAAI,GAAG,YACtD,OACJ;AAAA;AAAA;AAGN;"}

package/dist/index271.js

@@ -0,0 +1,5 @@
+const componentCss = '@layer tokens,reset,components;@layer tokens{:host{--eb-font: var(--lib-font-mono, "DM Mono", "Courier New", monospace);--eb-size: .65rem;--eb-tracking: .24em;--eb-color: rgb(184, 90, 30, .55);--eb-line-w: 28px;--eb-line-w-hover: 40px;--eb-line-grad: linear-gradient(90deg, var(--color-kaki-400, #D97234), transparent);--eb-line-grad-r: linear-gradient(270deg, var(--color-kaki-400, #D97234), transparent);--eb-dot-size: 5px;--eb-dot-color: var(--color-kaki-400, #D97234);--eb-num-color: rgb(184, 90, 30, .3);--eb-num-border: rgb(184, 90, 30, .18);--eb-dur-slow: .38s;--eb-ease-out: cubic-bezier(0, 0, .2, 1)}}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}}@layer components{:host{display:inline-flex}.eb{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--eb-font);font-size:var(--eb-size);letter-spacing:var(--eb-tracking);text-transform:uppercase;line-height:1;white-space:nowrap;color:var(--eb-color)}.eb:before{content:"";display:block;width:var(--eb-line-w);height:1px;flex-shrink:0;background:var(--eb-line-grad);transition:width var(--eb-dur-slow) var(--eb-ease-out)}.eb:hover:before{width:var(--eb-line-w-hover)}:host([line="right"]) .eb{flex-direction:row-reverse}:host([line="right"]) .eb:before{background:var(--eb-line-grad-r)}:host([line="both"]) .eb:after{content:"";display:block;width:var(--eb-line-w);height:1px;flex-shrink:0;background:var(--eb-line-grad-r);transition:width var(--eb-dur-slow) var(--eb-ease-out)}:host([line="both"]) .eb:hover:after{width:var(--eb-line-w-hover)}:host([line="none"]) .eb:before,:host([line="none"]) .eb:after{display:none}:host([color="washi"]) .eb{--eb-color: var(--color-washi-400, #B8A99A);--eb-line-grad: linear-gradient(90deg, var(--color-washi-400, #B8A99A), transparent);--eb-line-grad-r: linear-gradient(270deg, var(--color-washi-400, #B8A99A), transparent)}:host([color="celadon"]) .eb{--eb-color: rgb(78, 148, 130, .6);--eb-line-grad: linear-gradient(90deg, var(--color-celadon-400, #4E9482), transparent);--eb-line-grad-r: linear-gradient(270deg, var(--color-celadon-400, #4E9482), transparent)}:host([color="white"]) .eb{--eb-color: rgb(250, 247, 244, .35);--eb-line-grad: linear-gradient(90deg, rgb(250, 247, 244, .4), transparent);--eb-line-grad-r: linear-gradient(270deg, rgb(250, 247, 244, .4), transparent)}:host([color="muted"]) .eb{--eb-color: rgb(250, 247, 244, .15);--eb-line-grad: linear-gradient(90deg, rgb(250, 247, 244, .15), transparent);--eb-line-grad-r: linear-gradient(270deg, rgb(250, 247, 244, .15), transparent)}:host([color="dark"]) .eb{--eb-color: rgb(184, 90, 30, .45);--eb-line-grad: linear-gradient(90deg, rgb(184, 90, 30, .5), transparent);--eb-line-grad-r: linear-gradient(270deg, rgb(184, 90, 30, .5), transparent)}:host([size="sm"]) .eb{--eb-size: .58rem;--eb-tracking: .18em;--eb-line-w: 20px}:host([size="lg"]) .eb{--eb-size: .75rem;--eb-tracking: .2em;--eb-line-w: 36px}:host([dot]) .eb:before{width:var(--eb-dot-size)!important;height:var(--eb-dot-size);border-radius:50%;background:var(--eb-dot-color)!important;animation:none!important}:host([dot][color="celadon"]) .eb:before{--eb-dot-color: var(--color-celadon-400, #4E9482)}:host([dot][color="washi"]) .eb:before{--eb-dot-color: var(--color-washi-400, #B8A99A)}:host([dot][color="white"]) .eb:before{--eb-dot-color: rgb(250, 247, 244, .4)}:host([dot]) .eb:hover:before{width:var(--eb-dot-size)!important}.eb-num-badge{display:inline-block;font-family:var(--eb-font);font-size:.58rem;letter-spacing:.12em;color:var(--eb-num-color);border:1px solid var(--eb-num-border);padding:0 5px;line-height:1.6;flex-shrink:0}@keyframes eb-gold{0%{background-position:-200% 0}to{background-position:200% 0}}:host([effect="kintsugi"]) .eb{background:linear-gradient(90deg,var(--color-kaki-600, #8C4115),#F5D08A,var(--color-kaki-400, #D97234),#F5D08A,var(--color-kaki-600, #8C4115));background-size:200% 100%;animation:eb-gold 4s linear infinite;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}:host([effect="kintsugi"]) .eb:before{background:linear-gradient(90deg,var(--color-kaki-400, #D97234),#F5D08A,transparent);background-size:200% 100%;animation:eb-gold 4s linear infinite}:host([effect="kintsugi"][line="right"]) .eb:before,:host([effect="kintsugi"][line="both"]) .eb:after{background:linear-gradient(270deg,var(--color-kaki-400, #D97234),#F5D08A,transparent);background-size:200% 100%;animation:eb-gold 4s linear infinite}@keyframes eb-glitch{0%,88%,to{transform:none;opacity:1}89%{transform:translate(-2px);opacity:.7}90%{transform:translate(2px);opacity:.9}91%{transform:none;opacity:1}}@keyframes eb-flicker{0%,87%,to{opacity:1}88%{opacity:.4}89%{opacity:1}90%{opacity:.2}90.5%{opacity:1}}:host([effect="glitch"]) .eb{color:#faf7f440;animation:eb-glitch 6s steps(1) infinite,eb-flicker 6s steps(1) infinite}:host([effect="glitch"]) .eb:before{background:linear-gradient(90deg,rgb(250,247,244,.25),transparent)}}';
+export {
+  componentCss as default
+};
+//# sourceMappingURL=index271.js.map

package/dist/index271.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index271.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index272.js

@@ -0,0 +1,37 @@
+import { nothing, html } from "lit";
+function renderDisplayHeading(ctx) {
+  const headingContent = html`
+    <!-- Línea 1 -->
+    ${ctx.line1}
+    <!-- Línea 2: prefix + acento itálico -->
+    ${ctx.line2Prefix || ctx.accent ? html`
+          <br>
+          ${ctx.line2Prefix ? html`${ctx.line2Prefix} ` : nothing}
+          ${ctx.accent ? html`<em class="dh-accent">${ctx.accent}</em>` : nothing}
+        ` : nothing}
+  `;
+  return html`
+    <div class="dh-wrapper" part="wrapper">
+
+      <!-- Slot eyebrow: permite pasar un <lib-eyebrow> desde fuera -->
+      <slot name="eyebrow"></slot>
+
+      <!-- Heading con tag dinámico -->
+      ${ctx.tag === "h1" ? html`<h1 class="dh-heading" part="heading">${headingContent}</h1>` : nothing}
+      ${ctx.tag === "h2" ? html`<h2 class="dh-heading" part="heading">${headingContent}</h2>` : nothing}
+      ${ctx.tag === "h3" ? html`<h3 class="dh-heading" part="heading">${headingContent}</h3>` : nothing}
+      ${ctx.tag === "h4" ? html`<h4 class="dh-heading" part="heading">${headingContent}</h4>` : nothing}
+
+      <!-- Descripción como prop -->
+      ${ctx.description ? html`<p class="dh-desc" part="description">${ctx.description}</p>` : nothing}
+
+      <!-- Descripción como slot (rich content) -->
+      <slot name="description"></slot>
+
+    </div>
+  `;
+}
+export {
+  renderDisplayHeading
+};
+//# sourceMappingURL=index272.js.map

package/dist/index272.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index272.js","sources":["../src/components/atoms/display-heading/lib-display-heading.html.ts"],"sourcesContent":["import { html, nothing, type TemplateResult } from 'lit';\nimport type { LibDisplayHeading } from './lib-display-heading.component';\n\nexport function renderDisplayHeading(ctx: LibDisplayHeading): TemplateResult {\n  /* Decide el tag semántico del heading */\n  const headingContent = html`\n    <!-- Línea 1 -->\n    ${ctx.line1}\n    <!-- Línea 2: prefix + acento itálico -->\n    ${ctx.line2Prefix || ctx.accent\n      ? html`\n          <br>\n          ${ctx.line2Prefix ? html`${ctx.line2Prefix} ` : nothing}\n          ${ctx.accent\n            ? html`<em class=\"dh-accent\">${ctx.accent}</em>`\n            : nothing\n          }\n        `\n      : nothing\n    }\n  `;\n\n  return html`\n    <div class=\"dh-wrapper\" part=\"wrapper\">\n\n      <!-- Slot eyebrow: permite pasar un <lib-eyebrow> desde fuera -->\n      <slot name=\"eyebrow\"></slot>\n\n      <!-- Heading con tag dinámico -->\n      ${ctx.tag === 'h1' ? html`<h1 class=\"dh-heading\" part=\"heading\">${headingContent}</h1>` : nothing}\n      ${ctx.tag === 'h2' ? html`<h2 class=\"dh-heading\" part=\"heading\">${headingContent}</h2>` : nothing}\n      ${ctx.tag === 'h3' ? html`<h3 class=\"dh-heading\" part=\"heading\">${headingContent}</h3>` : nothing}\n      ${ctx.tag === 'h4' ? html`<h4 class=\"dh-heading\" part=\"heading\">${headingContent}</h4>` : nothing}\n\n      <!-- Descripción como prop -->\n      ${ctx.description\n        ? html`<p class=\"dh-desc\" part=\"description\">${ctx.description}</p>`\n        : nothing\n      }\n\n      <!-- Descripción como slot (rich content) -->\n      <slot name=\"description\"></slot>\n\n    </div>\n  `;\n}"],"names":[],"mappings":";AAGO,SAAS,qBAAqB,KAAwC;AAE3E,QAAM,iBAAiB;AAAA;AAAA,MAEnB,IAAI,KAAK;AAAA;AAAA,MAET,IAAI,eAAe,IAAI,SACrB;AAAA;AAAA,YAEI,IAAI,cAAc,OAAO,IAAI,WAAW,MAAM,OAAO;AAAA,YACrD,IAAI,SACF,6BAA6B,IAAI,MAAM,UACvC,OACJ;AAAA,YAEF,OACJ;AAAA;AAGF,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOD,IAAI,QAAQ,OAAO,6CAA6C,cAAc,UAAU,OAAO;AAAA,QAC/F,IAAI,QAAQ,OAAO,6CAA6C,cAAc,UAAU,OAAO;AAAA,QAC/F,IAAI,QAAQ,OAAO,6CAA6C,cAAc,UAAU,OAAO;AAAA,QAC/F,IAAI,QAAQ,OAAO,6CAA6C,cAAc,UAAU,OAAO;AAAA;AAAA;AAAA,QAG/F,IAAI,cACF,6CAA6C,IAAI,WAAW,SAC5D,OACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAON;"}

package/dist/index273.js

@@ -0,0 +1,5 @@
+const componentCss = '@layer tokens,reset,components;@layer tokens{:host{display:block;--dh-font-display: var(--lib-font-display, "Cormorant Garamond", Georgia, serif);--dh-font-body: var(--lib-font-body, "Shippori Mincho", serif);--dh-size: clamp(2.2rem, 5vw, 3.5rem);--dh-color-heading: var(--color-washi-800, #3D332A);--dh-color-accent: var(--color-kaki-400, #D97234);--dh-color-desc: var(--color-washi-500, #9A8878);--dh-gap-eyebrow: var(--lib-space-md, 1rem);--dh-gap-desc: var(--lib-space-lg, 1.5rem);--dh-max-width: 640px;--dh-dur: .56s;--dh-ease: cubic-bezier(0, 0, .2, 1)}:host([surface="dark"]){--dh-color-heading: rgb(250, 247, 244, .65);--dh-color-desc: rgb(250, 247, 244, .28)}:host([surface="washi"]){--dh-color-heading: var(--color-washi-800, #3D332A);--dh-color-desc: var(--color-washi-600, #7A6A5C)}:host([size="sm"]){--dh-size: clamp(1.5rem, 3.5vw, 2.2rem)}:host([size="md"]){--dh-size: clamp(2.2rem, 5vw, 3.5rem)}:host([size="lg"]){--dh-size: clamp(2.75rem, 6vw, 5rem)}}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}}@layer components{.dh-wrapper{display:flex;flex-direction:column;align-items:flex-start;max-width:var(--dh-max-width)}.dh-eyebrow-slot{display:contents}::slotted([slot="eyebrow"]){margin-bottom:var(--dh-gap-eyebrow)}.dh-heading{font-family:var(--dh-font-display);font-size:var(--dh-size);font-weight:300;letter-spacing:-.02em;line-height:1.15;color:var(--dh-color-heading);margin:0}.dh-accent{font-style:italic;color:var(--dh-color-accent);font-family:inherit;font-size:inherit;font-weight:inherit}.dh-desc{font-family:var(--dh-font-body);font-size:var(--text-sm, .8125rem);color:var(--dh-color-desc);line-height:1.9;margin-top:var(--dh-gap-desc);max-width:var(--dh-max-width)}::slotted([slot="description"]){font-family:var(--dh-font-body);font-size:var(--text-sm, .8125rem);color:var(--dh-color-desc);line-height:1.9;margin-top:var(--dh-gap-desc);display:block}@keyframes dh-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}:host([animate]) .dh-heading{animation:dh-fade-up var(--dh-dur) var(--dh-ease) both}:host([animate]) .dh-desc{animation:dh-fade-up var(--dh-dur) var(--dh-ease) .12s both}:host([centered]) .dh-wrapper{align-items:center;text-align:center;max-width:none}:host([centered]) .dh-heading,:host([centered]) .dh-desc{max-width:var(--dh-max-width);text-align:center}}';
+export {
+  componentCss as default
+};
+//# sourceMappingURL=index273.js.map

package/dist/index273.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index273.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index274.js

@@ -0,0 +1,5 @@
+const gridCss = "@layer tokens,reset,components;@layer tokens{:host{display:block;--cg-cols: repeat(auto-fill, minmax(280px, 1fr));--cg-gap: 1.5px;--cg-bg: rgb(255, 255, 255, .04);--cg-border: rgb(255, 255, 255, .04)}}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}}@layer components{.grid{display:grid;grid-template-columns:var(--cg-cols);gap:var(--cg-gap);background:var(--cg-bg);border:1px solid var(--cg-border)}::slotted(lib-component-card[featured]){grid-column:span 2}@media(max-width:700px){::slotted(lib-component-card[featured]){grid-column:span 1}}@media(max-width:600px){.grid{grid-template-columns:1fr}}}";
+export {
+  gridCss as default
+};
+//# sourceMappingURL=index274.js.map

package/dist/index274.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index274.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index275.js

@@ -0,0 +1,20 @@
+import { nothing, html } from "lit";
+function rendercontentPillar(ctx) {
+  return html`
+    <div class="pillar" part="pillar">
+
+      ${ctx.kanji ? html`<div class="pillar-kanji" part="kanji" aria-hidden="true">${ctx.kanji}</div>` : nothing}
+
+      <div class="pillar-body" part="body">
+        ${ctx.label ? html`<p class="pillar-label" part="label">${ctx.label}</p>` : nothing}
+
+        ${ctx.description ? html`<p class="pillar-desc" part="description">${ctx.description}</p>` : html`<slot></slot>`}
+      </div>
+
+    </div>
+  `;
+}
+export {
+  rendercontentPillar
+};
+//# sourceMappingURL=index275.js.map

package/dist/index275.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index275.js","sources":["../src/components/atoms/content-pillar/content-pillar.html.ts"],"sourcesContent":["import { html, nothing, type TemplateResult } from 'lit';\nimport type { LibContentPillar } from './content-pillar.component';\n\nexport function rendercontentPillar(ctx: LibContentPillar): TemplateResult {\n  return html`\n    <div class=\"pillar\" part=\"pillar\">\n\n      ${ctx.kanji\n        ? html`<div class=\"pillar-kanji\" part=\"kanji\" aria-hidden=\"true\">${ctx.kanji}</div>`\n        : nothing\n      }\n\n      <div class=\"pillar-body\" part=\"body\">\n        ${ctx.label\n          ? html`<p class=\"pillar-label\" part=\"label\">${ctx.label}</p>`\n          : nothing\n        }\n\n        ${ctx.description\n          ? html`<p class=\"pillar-desc\" part=\"description\">${ctx.description}</p>`\n          : html`<slot></slot>`\n        }\n      </div>\n\n    </div>\n  `;\n}"],"names":[],"mappings":";AAGO,SAAS,oBAAoB,KAAuC;AACzE,SAAO;AAAA;AAAA;AAAA,QAGD,IAAI,QACF,iEAAiE,IAAI,KAAK,WAC1E,OACJ;AAAA;AAAA;AAAA,UAGI,IAAI,QACF,4CAA4C,IAAI,KAAK,SACrD,OACJ;AAAA;AAAA,UAEE,IAAI,cACF,iDAAiD,IAAI,WAAW,SAChE,mBACJ;AAAA;AAAA;AAAA;AAAA;AAKR;"}

package/dist/index276.js

@@ -0,0 +1,5 @@
+const componentCss = '@layer tokens,reset,components;@layer tokens{:host{display:block;--pp-kanji-color: rgb(184, 90, 30, .35);--pp-label-color: rgb(184, 90, 30, .5);--pp-desc-color: rgb(250, 247, 244, .25);--pp-kanji-size: 2rem;--pp-kanji-width: 2.5rem;--pp-gap: 1.25rem;--pp-font-display: var(--lib-font-display, "Cormorant Garamond", Georgia, serif);--pp-font-mono: var(--lib-font-mono, "DM Mono", "Courier New", monospace);--pp-font-body: var(--lib-font-body, "Shippori Mincho", serif)}:host([surface="light"]){--pp-kanji-color: rgb(184, 90, 30, .25);--pp-label-color: var(--color-kaki-500, #B85A1E);--pp-desc-color: var(--color-washi-600, #7A6A5C)}}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}}@layer components{.pillar{display:flex;gap:var(--pp-gap);align-items:flex-start}.pillar-kanji{font-family:var(--pp-font-display);font-size:var(--pp-kanji-size);font-weight:300;color:var(--pp-kanji-color);line-height:1;flex-shrink:0;width:var(--pp-kanji-width);text-align:center;-webkit-user-select:none;user-select:none}.pillar-body{display:flex;flex-direction:column;gap:.35rem}.pillar-label{font-family:var(--pp-font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--pp-label-color);line-height:1}.pillar-desc{font-family:var(--pp-font-body);font-size:.82rem;color:var(--pp-desc-color);line-height:1.8}::slotted(*){font-family:var(--pp-font-body);font-size:.82rem;color:var(--pp-desc-color);line-height:1.8;margin:0}}';
+export {
+  componentCss as default
+};
+//# sourceMappingURL=index276.js.map

package/dist/index276.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index276.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index277.js

@@ -0,0 +1,21 @@
+import { nothing, html } from "lit";
+function renderQuote(ctx) {
+  return html`
+    <blockquote part="blockquote">
+
+      <p class="quote-text" part="text">
+        <!-- Línea 1: prop o slot -->
+        ${ctx.text ? html`${ctx.text}` : html`<slot></slot>`}
+        <!-- Línea 2: acento itálico -->
+        ${ctx.accent ? html`<em class="quote-accent" part="accent">${ctx.accent}</em>` : nothing}
+      </p>
+
+      ${ctx.cite ? html`<cite part="cite">${ctx.cite}</cite>` : nothing}
+
+    </blockquote>
+  `;
+}
+export {
+  renderQuote
+};
+//# sourceMappingURL=index277.js.map

package/dist/index277.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index277.js","sources":["../src/components/atoms/quote/lib-quote.html.ts"],"sourcesContent":["import { html, nothing, type TemplateResult } from 'lit';\nimport type { LibQuote } from './lib-quote.component';\n\nexport function renderQuote(ctx: LibQuote): TemplateResult {\n  return html`\n    <blockquote part=\"blockquote\">\n\n      <p class=\"quote-text\" part=\"text\">\n        <!-- Línea 1: prop o slot -->\n        ${ctx.text\n          ? html`${ctx.text}`\n          : html`<slot></slot>`\n        }\n        <!-- Línea 2: acento itálico -->\n        ${ctx.accent\n          ? html`<em class=\"quote-accent\" part=\"accent\">${ctx.accent}</em>`\n          : nothing\n        }\n      </p>\n\n      ${ctx.cite\n        ? html`<cite part=\"cite\">${ctx.cite}</cite>`\n        : nothing\n      }\n\n    </blockquote>\n  `;\n}"],"names":[],"mappings":";AAGO,SAAS,YAAY,KAA+B;AACzD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA,UAKC,IAAI,OACF,OAAO,IAAI,IAAI,KACf,mBACJ;AAAA;AAAA,UAEE,IAAI,SACF,8CAA8C,IAAI,MAAM,UACxD,OACJ;AAAA;AAAA;AAAA,QAGA,IAAI,OACF,yBAAyB,IAAI,IAAI,YACjC,OACJ;AAAA;AAAA;AAAA;AAIN;"}

package/dist/index278.js

@@ -0,0 +1,5 @@
+const componentCss = '@layer tokens,reset,components;@layer tokens{:host{display:block;--q-font-display: var(--lib-font-display, "Cormorant Garamond", Georgia, serif);--q-font-mono: var(--lib-font-mono, "DM Mono", "Courier New", monospace);--q-text-color: rgb(250, 247, 244, .55);--q-accent-color: var(--color-kaki-400, #D97234);--q-cite-color: rgb(250, 247, 244, .18);--q-size: clamp(1.6rem, 3vw, 2.8rem)}:host([surface="light"]){--q-text-color: var(--color-washi-700, #5C4E42);--q-accent-color: var(--color-kaki-500, #B85A1E);--q-cite-color: var(--color-washi-400, #B8A99A)}:host([surface="washi"]){--q-text-color: var(--color-washi-800, #3D332A);--q-accent-color: var(--color-kaki-500, #B85A1E);--q-cite-color: var(--color-washi-500, #9A8878)}:host([size="sm"]){--q-size: clamp(1.2rem, 2vw, 1.8rem)}:host([size="md"]){--q-size: clamp(1.6rem, 3vw, 2.8rem)}:host([size="lg"]){--q-size: clamp(2rem, 4vw, 3.5rem)}}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}}@layer components{blockquote{margin:0;padding:0}.quote-text{font-family:var(--q-font-display);font-size:var(--q-size);font-weight:300;letter-spacing:-.02em;line-height:1.35;color:var(--q-text-color)}.quote-accent{display:block;font-style:italic;color:var(--q-accent-color);margin-top:.25rem}::slotted(*){font-family:var(--q-font-display);font-size:var(--q-size);font-weight:300;letter-spacing:-.02em;line-height:1.35;color:var(--q-text-color);display:block}cite{display:block;font-style:normal;font-family:var(--q-font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--q-cite-color);margin-top:1.5rem}}';
+export {
+  componentCss as default
+};
+//# sourceMappingURL=index278.js.map

package/dist/index278.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index278.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index279.js

@@ -0,0 +1,5 @@
+const colorScaleStyles = '@layer tokens,reset,components;@layer reset{:host{display:block}*,*:before,*:after{box-sizing:border-box}}@layer components{.scale-wrap{display:flex;flex-direction:column;gap:var(--lib-space-sm, .5rem);width:100%}.scale-track{display:flex;width:100%;height:var(--lib-color-scale-height, 56px);overflow:hidden}.scale-swatch{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--lib-space-xs, .25rem);cursor:default;transition:flex var(--duration-slow, .35s) var(--ease-out, cubic-bezier(0,0,.2,1)),filter var(--duration-base, .2s) var(--ease-out, cubic-bezier(0,0,.2,1))}.scale-track:has(.scale-swatch:hover) .scale-swatch{flex:.7}.scale-track .scale-swatch:hover{flex:1.8;filter:brightness(1.06)}.scale-swatch-label{font-family:var(--lib-font-mono, "DM Mono", monospace);font-size:.6rem;letter-spacing:.1em;line-height:1;opacity:0;transform:translateY(4px);transition:opacity var(--duration-base, .2s) var(--ease-out, cubic-bezier(0,0,.2,1)),transform var(--duration-base, .2s) var(--ease-out, cubic-bezier(0,0,.2,1));pointer-events:none;-webkit-user-select:none;user-select:none}.scale-swatch:hover .scale-swatch-label{opacity:1;transform:translateY(0)}.scale-legends{display:flex;justify-content:space-between;align-items:center}.scale-legend{font-family:var(--lib-font-mono, "DM Mono", monospace);font-size:.6rem;letter-spacing:.12em;text-transform:lowercase;color:var(--text-muted, var(--color-washi-400, #B8A99A));white-space:nowrap}@supports not selector(:has(a)){.scale-swatch:hover{flex:1.8}}@media(prefers-reduced-motion:reduce){.scale-swatch,.scale-swatch-label{transition:none}}}';
+export {
+  colorScaleStyles as default
+};
+//# sourceMappingURL=index279.js.map

package/dist/index279.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index279.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index28.js

@@ -0,0 +1,48 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { styleMap as o } from "./index241.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 LibSpacer = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.horizontal = false;
+  }
+  render() {
+    const spaceValue = `var(--lib-space-${this.size}, 16px)`;
+    const styles = this.horizontal ? { width: spaceValue, height: "100%" } : { height: spaceValue, width: "100%" };
+    return html`<div style=${o(styles)}></div>`;
+  }
+};
+LibSpacer.styles = css`
+    :host {
+      display: block;
+      flex-shrink: 0;
+      flex-grow: 0;
+    }
+    :host([horizontal]) {
+      display: inline-block;
+    }
+  `;
+__decorateClass([
+  property({ type: String })
+], LibSpacer.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibSpacer.prototype, "horizontal", 2);
+LibSpacer = __decorateClass([
+  customElement("lib-spacer")
+], LibSpacer);
+export {
+  LibSpacer
+};
+//# sourceMappingURL=index28.js.map

package/dist/index28.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index28.js","sources":["../src/components/atoms/spacer/lib-spacer.component.ts"],"sourcesContent":["// lib-spacer.component.ts\nimport { LitElement, html, css, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\n@customElement('lib-spacer')\nexport class LibSpacer extends LitElement {\n  @property({ type: String }) size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';\n  @property({ type: Boolean, reflect: true }) horizontal = false;\n\n  static override styles = css`\n    :host {\n      display: block;\n      flex-shrink: 0;\n      flex-grow: 0;\n    }\n    :host([horizontal]) {\n      display: inline-block;\n    }\n  `;\n\n  protected override render():TemplateResult {\n    // MAPEADO EXACTO A TUS TOKENS DE tokens.css\n    const spaceValue = `var(--lib-space-${this.size}, 16px)`;\n    \n    const styles = this.horizontal \n      ? { width: spaceValue, height: '100%' } \n      : { height: spaceValue, width: '100%' };\n\n    return html`<div style=${styleMap(styles)}></div>`;\n  }\n}"],"names":["styleMap"],"mappings":";;;;;;;;;;;;;AAMO,IAAM,YAAN,cAAwB,WAAW;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA;AACuB,SAAA,OAAyC;AACzB,SAAA,aAAa;AAAA,EAAA;AAAA,EAatC,SAAwB;AAEzC,UAAM,aAAa,mBAAmB,KAAK,IAAI;AAE/C,UAAM,SAAS,KAAK,aAChB,EAAE,OAAO,YAAY,QAAQ,OAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,OAAA;AAEjC,WAAO,kBAAkBA,EAAS,MAAM,CAAC;AAAA,EAC3C;AACF;AAzBa,UAIK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHG,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GADf,UACiB,WAAA,QAAA,CAAA;AACgB,gBAAA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAF/B,UAEiC,WAAA,cAAA,CAAA;AAFjC,YAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,SAAA;"}

package/dist/index280.js

@@ -0,0 +1,45 @@
+import { nothing, html } from "lit";
+function labelColor(step) {
+  return step <= 400 ? "rgba(26,20,14,0.45)" : "rgba(250,247,244,0.55)";
+}
+function colorScaleTemplate(ctx) {
+  const steps = ctx.steps ?? [];
+  const first = steps[0];
+  const last = steps[steps.length - 1];
+  return html`
+    <div class="scale-wrap">
+
+      <!-- Swatches -->
+      <div class="scale-track">
+        ${steps.map((s) => html`
+          <div
+            class="scale-swatch"
+            style="background:${s.oklch ?? s.hex};"
+            title="${ctx.name}-${s.step} · ${s.hex}"
+          >
+            <span class="scale-swatch-label" style="color:${labelColor(s.step)};">
+              ${s.step}
+            </span>
+          </div>
+        `)}
+      </div>
+
+      <!-- Extreme labels -->
+      ${ctx.showLabels && first && last ? html`
+        <div class="scale-legends">
+          <span class="scale-legend">
+            ${ctx.name}-${first.step} · ${first.hex}
+          </span>
+          <span class="scale-legend scale-legend--right">
+            ${ctx.name}-${last.step} · ${last.hex}
+          </span>
+        </div>
+      ` : nothing}
+
+    </div>
+  `;
+}
+export {
+  colorScaleTemplate
+};
+//# sourceMappingURL=index280.js.map

package/dist/index280.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index280.js","sources":["../src/components/atoms/color-scale/lib-color-scale.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibColorScale } from './lib-color-scale.component';\nimport type { ColorStep } from './lib-color-scale.types';\n\n/**\n * Determina si el label del paso debe mostrarse en color claro u oscuro\n * según el luminance aproximado del paso (por encima de 500 → oscuro, por debajo → claro).\n */\nfunction labelColor(step: number): string {\n  return step <= 400\n    ? 'rgba(26,20,14,0.45)'   /* sobre claro */\n    : 'rgba(250,247,244,0.55)'; /* sobre oscuro */\n}\n\nexport function colorScaleTemplate(ctx: LibColorScale): TemplateResult {\n  const steps = ctx.steps ?? [];\n  const first = steps[0];\n  const last  = steps[steps.length - 1];\n\n  return html`\n    <div class=\"scale-wrap\">\n\n      <!-- Swatches -->\n      <div class=\"scale-track\">\n        ${steps.map((s: ColorStep) => html`\n          <div\n            class=\"scale-swatch\"\n            style=\"background:${s.oklch ?? s.hex};\"\n            title=\"${ctx.name}-${s.step} · ${s.hex}\"\n          >\n            <span class=\"scale-swatch-label\" style=\"color:${labelColor(s.step)};\">\n              ${s.step}\n            </span>\n          </div>\n        `)}\n      </div>\n\n      <!-- Extreme labels -->\n      ${ctx.showLabels && first && last ? html`\n        <div class=\"scale-legends\">\n          <span class=\"scale-legend\">\n            ${ctx.name}-${first.step} · ${first.hex}\n          </span>\n          <span class=\"scale-legend scale-legend--right\">\n            ${ctx.name}-${last.step} · ${last.hex}\n          </span>\n        </div>\n      ` : nothing}\n\n    </div>\n  `;\n}"],"names":[],"mappings":";AAQA,SAAS,WAAW,MAAsB;AACxC,SAAO,QAAQ,MACX,wBACA;AACN;AAEO,SAAS,mBAAmB,KAAoC;AACrE,QAAM,QAAQ,IAAI,SAAS,CAAA;AAC3B,QAAM,QAAQ,MAAM,CAAC;AACrB,QAAM,OAAQ,MAAM,MAAM,SAAS,CAAC;AAEpC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA,UAKC,MAAM,IAAI,CAAC,MAAiB;AAAA;AAAA;AAAA,gCAGN,EAAE,SAAS,EAAE,GAAG;AAAA,qBAC3B,IAAI,IAAI,IAAI,EAAE,IAAI,MAAM,EAAE,GAAG;AAAA;AAAA,4DAEU,WAAW,EAAE,IAAI,CAAC;AAAA,gBAC9D,EAAE,IAAI;AAAA;AAAA;AAAA,SAGb,CAAC;AAAA;AAAA;AAAA;AAAA,QAIF,IAAI,cAAc,SAAS,OAAO;AAAA;AAAA;AAAA,cAG5B,IAAI,IAAI,IAAI,MAAM,IAAI,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,cAGrC,IAAI,IAAI,IAAI,KAAK,IAAI,MAAM,KAAK,GAAG;AAAA;AAAA;AAAA,UAGvC,OAAO;AAAA;AAAA;AAAA;AAIjB;"}

package/dist/index281.js

@@ -0,0 +1,103 @@
+import { html, nothing } from "lit";
+import { classMap as e } from "./index352.js";
+function renderSep(separator) {
+  if (separator === "chevron") {
+    return html`
+      <span class="bc-sep" aria-hidden="true">
+        <lib-icon name="caret-right" size="xs"></lib-icon>
+      </span>
+    `;
+  }
+  return html`<span class="bc-sep" aria-hidden="true"></span>`;
+}
+function renderIcon(icon) {
+  if (!icon) return nothing;
+  return html`<span class="bc-icon"><lib-icon name="${icon}" size="xs"></lib-icon></span>`;
+}
+function renderLink(item, index, separator, onNavigate) {
+  return html`
+    <li class="bc-item">
+      <a
+        class="bc-link"
+        href="${item.href ?? "#"}"
+        @click="${(e2) => {
+    e2.preventDefault();
+    onNavigate(item, index);
+  }}"
+      >
+        ${renderIcon(item.icon)}
+        ${item.label ? html`${item.label}` : nothing}
+      </a>
+      ${renderSep(separator)}
+    </li>
+  `;
+}
+function renderCurrent(item) {
+  return html`
+    <li class="bc-item">
+      <span class="bc-current" aria-current="page">
+        ${renderIcon(item.icon)}
+        ${item.label ? html`${item.label}` : nothing}
+      </span>
+    </li>
+  `;
+}
+function renderEllipsis(separator, onExpand) {
+  return html`
+    <li class="bc-item">
+      <button
+        class="bc-ellipsis"
+        aria-label="Mostrar ruta completa"
+        @click="${onExpand}"
+      >…</button>
+      ${renderSep(separator)}
+    </li>
+  `;
+}
+function renderItems(p) {
+  const { items, separator, maxVisible, expanded, onExpand, onNavigate } = p;
+  const shouldCollapse = maxVisible > 0 && items.length > maxVisible && !expanded;
+  if (shouldCollapse) {
+    const first = items[0];
+    const last = items[items.length - 1];
+    if (!first || !last) return [];
+    return [
+      renderLink(first, 0, separator, onNavigate),
+      renderEllipsis(separator, onExpand),
+      last.href ? renderLink(last, items.length - 1, separator, onNavigate) : renderCurrent(last)
+    ];
+  }
+  return items.map((item, i) => {
+    const isLast = i === items.length - 1;
+    if (isLast || !item.href) return renderCurrent(item);
+    return renderLink(item, i, separator, onNavigate);
+  });
+}
+function breadcrumbTemplate(p) {
+  const bcClasses = {
+    "bc": true,
+    "bc-slash": p.separator === "slash",
+    "bc-chevron": p.separator === "chevron",
+    "bc-dot": p.separator === "dot",
+    "bc-line": p.separator === "line",
+    "bc-sm": p.size === "sm",
+    "bc-lg": p.size === "lg",
+    "bc-filled": p.surface === "filled",
+    "bc-pill": p.surface === "pill",
+    "bc-kaki": p.accent === "kaki",
+    "bc-celadon": p.accent === "celadon",
+    "bc-bold": p.accent === "bold",
+    "bc-dark": p.dark
+  };
+  return html`
+    <nav class="${e(bcClasses)}" aria-label="breadcrumb">
+      <ol class="bc-list">
+        ${renderItems(p)}
+      </ol>
+    </nav>
+  `;
+}
+export {
+  breadcrumbTemplate
+};
+//# sourceMappingURL=index281.js.map

package/dist/index281.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index281.js","sources":["../src/components/molecules/breadcrumb/lib-breadcrumb.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport { classMap }                       from 'lit/directives/class-map.js';\nimport type {\n  BreadcrumbItem,\n  BreadcrumbSeparator,\n  BreadcrumbSize,\n  BreadcrumbSurface,\n  BreadcrumbAccent,\n} from './lib-breadcrumb.types';\n\nexport interface BreadcrumbTemplateProps {\n  items: BreadcrumbItem[];\n  separator: BreadcrumbSeparator;\n  size: BreadcrumbSize;\n  surface: BreadcrumbSurface;\n  accent: BreadcrumbAccent;\n  dark: boolean;\n  /** Si > 0 y items.length > maxVisible, colapsa los crumbs intermedios. */\n  maxVisible: number;\n  /** Estado interno: ¿está expandido el truncado? */\n  expanded: boolean;\n  onExpand: () => void;\n  onNavigate: (item: BreadcrumbItem, index: number) => void;\n}\n\n/* ── Separador ─────────────────────────────────────────── */\nfunction renderSep(separator: BreadcrumbSeparator): TemplateResult {\n  if (separator === 'chevron') {\n    return html`\n      <span class=\"bc-sep\" aria-hidden=\"true\">\n        <lib-icon name=\"caret-right\" size=\"xs\"></lib-icon>\n      </span>\n    `;\n  }\n  return html`<span class=\"bc-sep\" aria-hidden=\"true\"></span>`;\n}\n\n/* ── Icono opcional dentro de un crumb ─────────────────── */\nfunction renderIcon(icon?: string): TemplateResult | typeof nothing {\n  if (!icon) return nothing;\n  return html`<span class=\"bc-icon\"><lib-icon name=\"${icon}\" size=\"xs\"></lib-icon></span>`;\n}\n\n/* ── Crumb enlazable (ancestro) ─────────────────────────── */\nfunction renderLink(\n  item: BreadcrumbItem,\n  index: number,\n  separator: BreadcrumbSeparator,\n  onNavigate: BreadcrumbTemplateProps['onNavigate'],\n): TemplateResult {\n  return html`\n    <li class=\"bc-item\">\n      <a\n        class=\"bc-link\"\n        href=\"${item.href ?? '#'}\"\n        @click=\"${(e: Event):void => { e.preventDefault(); onNavigate(item, index); }}\"\n      >\n        ${renderIcon(item.icon)}\n        ${item.label ? html`${item.label}` : nothing}\n      </a>\n      ${renderSep(separator)}\n    </li>\n  `;\n}\n\n/* ── Crumb activo (último) ──────────────────────────────── */\nfunction renderCurrent(item: BreadcrumbItem): TemplateResult {\n  return html`\n    <li class=\"bc-item\">\n      <span class=\"bc-current\" aria-current=\"page\">\n        ${renderIcon(item.icon)}\n        ${item.label ? html`${item.label}` : nothing}\n      </span>\n    </li>\n  `;\n}\n\n/* ── Botón de ellipsis (truncado) ──────────────────────── */\nfunction renderEllipsis(\n  separator: BreadcrumbSeparator,\n  onExpand: () => void,\n): TemplateResult {\n  return html`\n    <li class=\"bc-item\">\n      <button\n        class=\"bc-ellipsis\"\n        aria-label=\"Mostrar ruta completa\"\n        @click=\"${onExpand}\"\n      >…</button>\n      ${renderSep(separator)}\n    </li>\n  `;\n}\n\n/* ── Lista de ítems con lógica de collapse ─────────────── */\nfunction renderItems(p: BreadcrumbTemplateProps): TemplateResult[] {\n  const { items, separator, maxVisible, expanded, onExpand, onNavigate } = p;\n\n  const shouldCollapse =\n    maxVisible > 0 &&\n    items.length > maxVisible &&\n    !expanded;\n\n  if (shouldCollapse) {\n    const first = items[0];\n    const last  = items[items.length - 1];\n\n    if (!first || !last) return [];\n\n    return [\n      renderLink(first, 0, separator, onNavigate),\n      renderEllipsis(separator, onExpand),\n      last.href\n        ? renderLink(last, items.length - 1, separator, onNavigate)\n        : renderCurrent(last),\n    ];\n  }\n\n  return items.map((item, i) => {\n    const isLast = i === items.length - 1;\n    if (isLast || !item.href) return renderCurrent(item);\n    return renderLink(item, i, separator, onNavigate);\n  });\n}\n\n/* ── Template principal ─────────────────────────────────── */\nexport function breadcrumbTemplate(p: BreadcrumbTemplateProps): TemplateResult {\n  const bcClasses = {\n    'bc':            true,\n    'bc-slash':      p.separator === 'slash',\n    'bc-chevron':    p.separator === 'chevron',\n    'bc-dot':        p.separator === 'dot',\n    'bc-line':       p.separator === 'line',\n    'bc-sm':         p.size === 'sm',\n    'bc-lg':         p.size === 'lg',\n    'bc-filled':     p.surface === 'filled',\n    'bc-pill':       p.surface === 'pill',\n    'bc-kaki':       p.accent === 'kaki',\n    'bc-celadon':    p.accent === 'celadon',\n    'bc-bold':       p.accent === 'bold',\n    'bc-dark':       p.dark,\n  };\n\n  return html`\n    <nav class=\"${classMap(bcClasses)}\" aria-label=\"breadcrumb\">\n      <ol class=\"bc-list\">\n        ${renderItems(p)}\n      </ol>\n    </nav>\n  `;\n}"],"names":["e","classMap"],"mappings":";;AA0BA,SAAS,UAAU,WAAgD;AACjE,MAAI,cAAc,WAAW;AAC3B,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AACA,SAAO;AACT;AAGA,SAAS,WAAW,MAAgD;AAClE,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,6CAA6C,IAAI;AAC1D;AAGA,SAAS,WACP,MACA,OACA,WACA,YACgB;AAChB,SAAO;AAAA;AAAA;AAAA;AAAA,gBAIO,KAAK,QAAQ,GAAG;AAAA,kBACd,CAACA,OAAkB;AAAE,IAAAA,GAAE,eAAA;AAAkB,eAAW,MAAM,KAAK;AAAA,EAAG,CAAC;AAAA;AAAA,UAE3E,WAAW,KAAK,IAAI,CAAC;AAAA,UACrB,KAAK,QAAQ,OAAO,KAAK,KAAK,KAAK,OAAO;AAAA;AAAA,QAE5C,UAAU,SAAS,CAAC;AAAA;AAAA;AAG5B;AAGA,SAAS,cAAc,MAAsC;AAC3D,SAAO;AAAA;AAAA;AAAA,UAGC,WAAW,KAAK,IAAI,CAAC;AAAA,UACrB,KAAK,QAAQ,OAAO,KAAK,KAAK,KAAK,OAAO;AAAA;AAAA;AAAA;AAIpD;AAGA,SAAS,eACP,WACA,UACgB;AAChB,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKS,QAAQ;AAAA;AAAA,QAElB,UAAU,SAAS,CAAC;AAAA;AAAA;AAG5B;AAGA,SAAS,YAAY,GAA8C;AACjE,QAAM,EAAE,OAAO,WAAW,YAAY,UAAU,UAAU,eAAe;AAEzE,QAAM,iBACJ,aAAa,KACb,MAAM,SAAS,cACf,CAAC;AAEH,MAAI,gBAAgB;AAClB,UAAM,QAAQ,MAAM,CAAC;AACrB,UAAM,OAAQ,MAAM,MAAM,SAAS,CAAC;AAEpC,QAAI,CAAC,SAAS,CAAC,aAAa,CAAA;AAE5B,WAAO;AAAA,MACL,WAAW,OAAO,GAAG,WAAW,UAAU;AAAA,MAC1C,eAAe,WAAW,QAAQ;AAAA,MAClC,KAAK,OACD,WAAW,MAAM,MAAM,SAAS,GAAG,WAAW,UAAU,IACxD,cAAc,IAAI;AAAA,IAAA;AAAA,EAE1B;AAEA,SAAO,MAAM,IAAI,CAAC,MAAM,MAAM;AAC5B,UAAM,SAAS,MAAM,MAAM,SAAS;AACpC,QAAI,UAAU,CAAC,KAAK,KAAM,QAAO,cAAc,IAAI;AACnD,WAAO,WAAW,MAAM,GAAG,WAAW,UAAU;AAAA,EAClD,CAAC;AACH;AAGO,SAAS,mBAAmB,GAA4C;AAC7E,QAAM,YAAY;AAAA,IAChB,MAAiB;AAAA,IACjB,YAAiB,EAAE,cAAc;AAAA,IACjC,cAAiB,EAAE,cAAc;AAAA,IACjC,UAAiB,EAAE,cAAc;AAAA,IACjC,WAAiB,EAAE,cAAc;AAAA,IACjC,SAAiB,EAAE,SAAS;AAAA,IAC5B,SAAiB,EAAE,SAAS;AAAA,IAC5B,aAAiB,EAAE,YAAY;AAAA,IAC/B,WAAiB,EAAE,YAAY;AAAA,IAC/B,WAAiB,EAAE,WAAW;AAAA,IAC9B,cAAiB,EAAE,WAAW;AAAA,IAC9B,WAAiB,EAAE,WAAW;AAAA,IAC9B,WAAiB,EAAE;AAAA,EAAA;AAGrB,SAAO;AAAA,kBACSC,EAAS,SAAS,CAAC;AAAA;AAAA,UAE3B,YAAY,CAAC,CAAC;AAAA;AAAA;AAAA;AAIxB;"}

package/dist/index282.js

@@ -0,0 +1,5 @@
+const componentCss = '@layer tokens,reset,components;@layer reset{:host{display:block}*,*:before,*:after{box-sizing:border-box}}@layer components{.bc{display:flex;align-items:center}.bc-list{display:flex;align-items:center;flex-wrap:wrap;list-style:none;gap:0;padding:0;margin:0}.bc-item{display:flex;align-items:center;gap:0;position:relative}.bc-link{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted);text-decoration:none;padding:var(--lib-space-xs) var(--lib-space-xs);transition:color var(--duration-fast);white-space:nowrap;display:flex;align-items:center;gap:var(--lib-space-xs)}.bc-link:hover{color:var(--text-primary)}.bc-current{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-secondary);white-space:nowrap;padding:var(--lib-space-xs) var(--lib-space-xs);display:flex;align-items:center;gap:var(--lib-space-xs)}.bc-sep{display:flex;align-items:center;padding:0 var(--lib-space-sm);color:var(--color-washi-300);-webkit-user-select:none;user-select:none;flex-shrink:0}.bc-slash .bc-sep:before{content:"/";font-family:var(--lib-font-mono);font-size:10px;line-height:1}.bc-dot .bc-sep:before{content:"·";font-family:var(--lib-font-mono);font-size:13px;line-height:1}.bc-line .bc-sep:before{content:"—";font-family:var(--lib-font-mono);font-size:10px;line-height:1}.bc-chevron .bc-sep{padding:0 var(--lib-space-xs);font-size:12px}.bc-chevron .bc-sep:before{content:none}.bc-icon{font-size:13px;display:flex;align-items:center;opacity:.7}.bc-sm .bc-link,.bc-sm .bc-current{font-size:10px;letter-spacing:var(--tracking-wide)}.bc-sm .bc-sep{padding:0 var(--lib-space-xs)}.bc-sm .bc-icon{font-size:11px}.bc-lg .bc-link,.bc-lg .bc-current{font-family:var(--lib-font-body);font-size:var(--text-sm);letter-spacing:0}.bc-lg .bc-icon{font-size:15px}.bc-filled{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--lib-space-sm) var(--lib-space-md)}.bc-pill .bc-link{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--lib-space-xs) var(--lib-space-sm);transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.bc-pill .bc-link:hover{background:var(--color-washi-200);border-color:var(--border-default);color:var(--text-primary)}.bc-pill .bc-current{background:var(--color-washi-900);color:var(--color-washi-50);border:1px solid var(--color-washi-900);padding:var(--lib-space-xs) var(--lib-space-sm)}.bc-pill .bc-sep{padding:0 var(--lib-space-sm)}.bc-kaki .bc-current,.bc-kaki .bc-link:hover{color:var(--color-kaki-500)}.bc-celadon .bc-current,.bc-celadon .bc-link:hover{color:var(--color-celadon-500)}.bc-bold .bc-current{color:var(--text-primary);font-weight:600}.bc-ellipsis{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-subtle);padding:1px var(--lib-space-sm);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast);line-height:1.6;display:inline-flex;align-items:center}.bc-ellipsis:hover{background:var(--color-washi-200);border-color:var(--border-default);color:var(--text-primary)}.bc-dropdown-wrap{position:relative}.bc-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--z-dropdown, 300);background:var(--bg-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow-md);min-width:180px;opacity:0;transform:translateY(-4px) scaleY(.97);transform-origin:top left;pointer-events:none;transition:opacity .16s var(--ease-out),transform .18s var(--ease-out)}.bc-dropdown-panel.is-open{opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}.bc-dropdown-item{display:flex;align-items:center;gap:var(--lib-space-sm);padding:var(--lib-space-sm) var(--lib-space-md);font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wide);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.bc-dropdown-item:hover{background:var(--bg-surface);color:var(--text-primary)}.bc-dropdown-item-icon{font-size:14px;color:var(--text-muted);display:flex;flex-shrink:0}.bc-dark .bc-link{color:#3c302a}.bc-dark .bc-link:hover{color:#998c84}.bc-dark .bc-current{color:#7b6f67}.bc-dark .bc-sep{color:#231813}.bc-dark.bc-filled{background:#100704;border-color:#1e130e}.bc-dark .bc-ellipsis{background:#100704;border-color:#1e130e;color:#433831}.bc-dark .bc-ellipsis:hover{background:#190f0a;color:#998c84}.bc-dark.bc-pill .bc-link{background:#100704;border-color:#1e130e}.bc-dark.bc-pill .bc-link:hover{background:#1e130e}.bc-dark.bc-pill .bc-current{background:#8a7d75;color:var(--color-washi-950);border-color:#8a7d75}.bc-dark .bc-dropdown-panel{background:#150a06;border-color:#231813}.bc-dark .bc-dropdown-item{color:#574a43}.bc-dark .bc-dropdown-item:hover{background:#1e130e;color:#998c84}}';
+export {
+  componentCss as default
+};
+//# sourceMappingURL=index282.js.map

package/dist/index282.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index282.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}