@shibui-ui/ui 1.24.1 → 1.25.1

package/dist/index236.js

@@ -1,5 +1,5 @@
-const spotlightCss = '@layer tokens,reset,components;@layer reset{:host{display:block;--lib-spotlight-x: 50%;--lib-spotlight-y: 50%}*,*:before,*:after{box-sizing:border-box}}@layer components{.spotlight{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:#0b181c;border:1px solid oklch(100% 0 0deg / .08);cursor:crosshair;transition:border-color var(--duration-base) var(--ease-default),box-shadow var(--duration-base) var(--ease-default)}.spotlight:hover{border-color:#ffffff26;box-shadow:0 8px 32px #0006}:host([kintsugi]) .spotlight{background:#190f0a}:host([kintsugi]) .spotlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--lib-kintsugi-border);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.spotlight__layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:var(--lib-spotlight-gradient);opacity:0;transition:opacity var(--duration-base) var(--ease-default);z-index:1}.spotlight:hover .spotlight__layer{opacity:1}:host([spotlight="water"]) .spotlight__layer{background:var(--lib-spotlight-gradient-water)}:host([spotlight="white"]) .spotlight__layer{background:var(--lib-spotlight-gradient-white)}.spotlight__slot{position:relative;z-index:3}}';
+const gridCss = "@layer tokens,reset,components;@layer reset{:host{display:block}*,*:before,*:after{box-sizing:border-box}}@layer components{.bento-item{height:100%;width:100%;display:flex;flex-direction:column;position:relative;background:var(--bg-elevated);border-radius:var(--lib-radius-lg);border:1px solid var(--border-subtle);overflow:hidden}:host([interactive]) .bento-item{cursor:pointer;transition:transform var(--duration-slow) var(--ease-default),border-color var(--duration-base) var(--ease-default),box-shadow var(--duration-slow) var(--ease-default)}:host([interactive]) .bento-item:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}:host([interactive]) .bento-item:active{transform:translateY(-1px)}.content{padding:var(--lib-space-md);height:100%;display:flex;flex-direction:column}:host([flush]) .content{padding:0}@media(prefers-reduced-motion:reduce){:host([interactive]) .bento-item{transition:border-color var(--duration-base)}:host([interactive]) .bento-item:hover{transform:none}}}";
 export {
-  spotlightCss as default
+  gridCss as default
 };
 //# sourceMappingURL=index236.js.map

package/dist/index237.js

@@ -1,45 +1,87 @@
-import { svg, nothing, html } from "lit";
-const iconUp = svg`
-  <svg width="10" height="10" viewBox="0 0 10 10" fill="currentColor" aria-hidden="true">
-    <polygon points="5,1 9,9 1,9"/>
+import { svg, html, nothing } from "lit";
+const iconPrev = svg`
+  <svg viewBox="0 0 16 16" fill="none"
+       stroke="currentColor" stroke-width="1.5"
+       stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="10,3 5,8 10,13"/>
   </svg>`;
-const iconDown = svg`
-  <svg width="10" height="10" viewBox="0 0 10 10" fill="currentColor" aria-hidden="true">
-    <polygon points="5,9 9,1 1,1"/>
+const iconNext = svg`
+  <svg viewBox="0 0 16 16" fill="none"
+       stroke="currentColor" stroke-width="1.5"
+       stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="6,3 11,8 6,13"/>
   </svg>`;
-const iconFlat = svg`
-  <svg width="10" height="10" viewBox="0 0 10 10" fill="none"
-       stroke="currentColor" stroke-width="1.8"
-       stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-    <line x1="1" y1="5" x2="9" y2="5"/>
-  </svg>`;
-const DELTA_ICON = {
-  up: iconUp,
-  down: iconDown,
-  flat: iconFlat
-};
-function counterTemplate(props) {
-  const { size, tone, label, delta, deltaDir } = props;
-  const toneClass = tone !== "default" ? `cnt-${tone}` : "";
+function carouselTemplate(props) {
+  const {
+    mode,
+    current,
+    total,
+    peek,
+    arrows,
+    dots,
+    counter,
+    loop,
+    handlePrev,
+    handleNext,
+    handleDot,
+    handleSlot,
+    handleThumb,
+    handleKey
+  } = props;
+  const prevDisabled = !loop && current === 0;
+  const nextDisabled = !loop && current === total - 1;
+  const counterHtml = peek > 1 ? html`<span>${current + 1}</span>&thinsp;–&thinsp;<span>${Math.min(current + peek, total)}</span> / ${total}` : html`<span>${current + 1}</span> / ${total}`;
   return html`
-    <div class="cnt cnt-${size} ${toneClass}">
-      <div class="cnt-row" part="row"></div>
+    <div
+      class="cr"
+      tabindex="0"
+      role="region"
+      aria-label="Carousel"
+      @keydown=${handleKey}
+    >
+      <div class="cr-track" part="track">
+        <slot @slotchange=${handleSlot}></slot>
+      </div>
+
+      ${arrows && mode === "slide" ? html`
+        <button
+          class="cr-arrow cr-arrow-prev ${prevDisabled ? "is-disabled" : ""}"
+          ?disabled=${prevDisabled}
+          aria-label="Anterior"
+          @click=${handlePrev}
+        >${iconPrev}</button>
 
-      ${label || delta ? html`
-        <div class="cnt-meta">
-          ${label ? html`<span class="cnt-label">${label}</span>` : nothing}
-          ${delta ? html`
-            <span class="cnt-delta cnt-delta-${deltaDir}" aria-label="Variación ${deltaDir}">
-              ${DELTA_ICON[deltaDir]}
-              ${delta}
-            </span>
-          ` : nothing}
-        </div>
+        <button
+          class="cr-arrow cr-arrow-next ${nextDisabled ? "is-disabled" : ""}"
+          ?disabled=${nextDisabled}
+          aria-label="Siguiente"
+          @click=${handleNext}
+        >${iconNext}</button>
       ` : nothing}
     </div>
+
+    ${dots && total > 1 ? html`
+      <div class="cr-dots" role="tablist" aria-label="Navegación por slides">
+        ${Array.from({ length: total }, (_, i) => html`
+          <button
+            class="cr-dot ${i === current ? "is-active" : ""}"
+            role="tab"
+            aria-selected=${i === current ? "true" : "false"}
+            aria-label="Ir a slide ${i + 1}"
+            @click=${() => handleDot(i)}
+          ></button>
+        `)}
+      </div>
+    ` : nothing}
+
+    ${counter && total > 1 ? html`
+      <p class="cr-counter">${counterHtml}</p>
+    ` : nothing}
+
+    <slot name="thumbnail" @slotchange=${handleThumb}></slot>
   `;
 }
 export {
-  counterTemplate
+  carouselTemplate
 };
 //# sourceMappingURL=index237.js.map

package/dist/index237.js.map

@@ -1 +1 @@
-{"version":3,"file":"index237.js","sources":["../src/components/atoms/lib-counter/lib-counter.html.ts"],"sourcesContent":["import { html, nothing, svg, TemplateResult } from 'lit';\n\nexport type LibCounterSize     = 'sm' | 'md' | 'lg' | 'xl';\nexport type LibCounterTone     = 'default' | 'kaki' | 'celadon' | 'error' | 'muted' | 'on-dark';\nexport type LibCounterDeltaDir = 'up' | 'down' | 'flat';\n\nexport interface CounterTemplateProps {\n  size:     LibCounterSize;\n  tone:     LibCounterTone;\n  label:    string;\n  delta:    string;\n  deltaDir: LibCounterDeltaDir;\n}\n\n/* ── Delta icons — inline SVG, sin dependencia Phosphor ── */\nconst iconUp = svg`\n  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\" aria-hidden=\"true\">\n    <polygon points=\"5,1 9,9 1,9\"/>\n  </svg>`;\n\nconst iconDown = svg`\n  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\" aria-hidden=\"true\">\n    <polygon points=\"5,9 9,1 1,1\"/>\n  </svg>`;\n\nconst iconFlat = svg`\n  <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"\n       stroke=\"currentColor\" stroke-width=\"1.8\"\n       stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n    <line x1=\"1\" y1=\"5\" x2=\"9\" y2=\"5\"/>\n  </svg>`;\n\nconst DELTA_ICON: Record<LibCounterDeltaDir, TemplateResult> = {\n  up:   iconUp,\n  down: iconDown,\n  flat: iconFlat,\n};\n\n/**\n * Shell estático de lib-counter.\n *\n * El .cnt-row se construye y anima enteramente por el motor\n * imperativo en LibCounter.updated(). El template solo provee\n * el contenedor y la fila de metadatos.\n *\n * Estructura:\n *   div.cnt.cnt-{size}[.cnt-{tone}]\n *     div.cnt-row[part=\"row\"]       ← dígitos, construidos vía DOM\n *     div.cnt-meta                  ← label + delta (opcionales)\n */\nexport function counterTemplate(props: CounterTemplateProps): TemplateResult {\n  const { size, tone, label, delta, deltaDir } = props;\n  const toneClass = tone !== 'default' ? `cnt-${tone}` : '';\n\n  return html`\n    <div class=\"cnt cnt-${size} ${toneClass}\">\n      <div class=\"cnt-row\" part=\"row\"></div>\n\n      ${label || delta ? html`\n        <div class=\"cnt-meta\">\n          ${label ? html`<span class=\"cnt-label\">${label}</span>` : nothing}\n          ${delta ? html`\n            <span class=\"cnt-delta cnt-delta-${deltaDir}\" aria-label=\"Variación ${deltaDir}\">\n              ${DELTA_ICON[deltaDir]}\n              ${delta}\n            </span>\n          ` : nothing}\n        </div>\n      ` : nothing}\n    </div>\n  `;\n}"],"names":[],"mappings":";AAeA,MAAM,SAAS;AAAA;AAAA;AAAA;AAKf,MAAM,WAAW;AAAA;AAAA;AAAA;AAKjB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjB,MAAM,aAAyD;AAAA,EAC7D,IAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;AAcO,SAAS,gBAAgB,OAA6C;AAC3E,QAAM,EAAE,MAAM,MAAM,OAAO,OAAO,aAAa;AAC/C,QAAM,YAAY,SAAS,YAAY,OAAO,IAAI,KAAK;AAEvD,SAAO;AAAA,0BACiB,IAAI,IAAI,SAAS;AAAA;AAAA;AAAA,QAGnC,SAAS,QAAQ;AAAA;AAAA,YAEb,QAAQ,+BAA+B,KAAK,YAAY,OAAO;AAAA,YAC/D,QAAQ;AAAA,+CAC2B,QAAQ,2BAA2B,QAAQ;AAAA,gBAC1E,WAAW,QAAQ,CAAC;AAAA,gBACpB,KAAK;AAAA;AAAA,cAEP,OAAO;AAAA;AAAA,UAEX,OAAO;AAAA;AAAA;AAGjB;"}
+{"version":3,"file":"index237.js","sources":["../src/components/organisms/carousel/lib-carousel.html.ts"],"sourcesContent":["import { html, nothing, svg, TemplateResult } from 'lit';\n\nexport type LibCarouselMode = 'slide' | 'fade';\n\nexport interface CarouselTemplateProps {\n  mode:          LibCarouselMode;\n  current:       number;\n  total:         number;\n  peek:          number;\n  arrows:        boolean;\n  dots:          boolean;\n  counter:       boolean;\n  loop:          boolean;\n  handlePrev:    () => void;\n  handleNext:    () => void;\n  handleDot:     (i: number) => void;\n  handleSlot:    (e: Event) => void;\n  handleThumb:   (e: Event) => void;\n  handleKey:     (e: KeyboardEvent) => void;\n}\n\n/** SVG chevron left */\nconst iconPrev = svg`\n  <svg viewBox=\"0 0 16 16\" fill=\"none\"\n       stroke=\"currentColor\" stroke-width=\"1.5\"\n       stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <polyline points=\"10,3 5,8 10,13\"/>\n  </svg>`;\n\n/** SVG chevron right */\nconst iconNext = svg`\n  <svg viewBox=\"0 0 16 16\" fill=\"none\"\n       stroke=\"currentColor\" stroke-width=\"1.5\"\n       stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <polyline points=\"6,3 11,8 6,13\"/>\n  </svg>`;\n\n/**\n * Template para lib-carousel.\n *\n * Estructura:\n *   div.cr                      ← raíz, maneja keydown\n *     div.cr-track              ← contenedor deslizante\n *       slot                    ← slides del consumer\n *   button.cr-arrow-prev        ← (condicional)\n *   button.cr-arrow-next        ← (condicional)\n *   div.cr-dots                 ← (condicional)\n *   p.cr-counter                ← (condicional)\n *   slot[name=\"thumbnail\"]      ← tira de miniaturas (condicional)\n */\nexport function carouselTemplate(props: CarouselTemplateProps): TemplateResult {\n  const {\n    mode, current, total, peek, arrows, dots, counter, loop,\n    handlePrev, handleNext, handleDot, handleSlot, handleThumb, handleKey,\n  } = props;\n\n  const prevDisabled = !loop && current === 0;\n  const nextDisabled = !loop && current === total - 1;\n\n  // Counter text: \"2 / 6\" para peek=1, \"1 – 3 / 6\" para peek>1\n  const counterHtml = peek > 1\n    ? html`<span>${current + 1}</span>&thinsp;–&thinsp;<span>${Math.min(current + peek, total)}</span> / ${total}`\n    : html`<span>${current + 1}</span> / ${total}`;\n\n  return html`\n    <div\n      class=\"cr\"\n      tabindex=\"0\"\n      role=\"region\"\n      aria-label=\"Carousel\"\n      @keydown=${handleKey}\n    >\n      <div class=\"cr-track\" part=\"track\">\n        <slot @slotchange=${handleSlot}></slot>\n      </div>\n\n      ${arrows && mode === 'slide' ? html`\n        <button\n          class=\"cr-arrow cr-arrow-prev ${prevDisabled ? 'is-disabled' : ''}\"\n          ?disabled=${prevDisabled}\n          aria-label=\"Anterior\"\n          @click=${handlePrev}\n        >${iconPrev}</button>\n\n        <button\n          class=\"cr-arrow cr-arrow-next ${nextDisabled ? 'is-disabled' : ''}\"\n          ?disabled=${nextDisabled}\n          aria-label=\"Siguiente\"\n          @click=${handleNext}\n        >${iconNext}</button>\n      ` : nothing}\n    </div>\n\n    ${dots && total > 1 ? html`\n      <div class=\"cr-dots\" role=\"tablist\" aria-label=\"Navegación por slides\">\n        ${Array.from({ length: total }, (_, i) => html`\n          <button\n            class=\"cr-dot ${i === current ? 'is-active' : ''}\"\n            role=\"tab\"\n            aria-selected=${i === current ? 'true' : 'false'}\n            aria-label=\"Ir a slide ${i + 1}\"\n            @click=${():void => handleDot(i)}\n          ></button>\n        `)}\n      </div>\n    ` : nothing}\n\n    ${counter && total > 1 ? html`\n      <p class=\"cr-counter\">${counterHtml}</p>\n    ` : nothing}\n\n    <slot name=\"thumbnail\" @slotchange=${handleThumb}></slot>\n  `;\n}"],"names":[],"mappings":";AAsBA,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBV,SAAS,iBAAiB,OAA8C;AAC7E,QAAM;AAAA,IACJ;AAAA,IAAM;AAAA,IAAS;AAAA,IAAO;AAAA,IAAM;AAAA,IAAQ;AAAA,IAAM;AAAA,IAAS;AAAA,IACnD;AAAA,IAAY;AAAA,IAAY;AAAA,IAAW;AAAA,IAAY;AAAA,IAAa;AAAA,EAAA,IAC1D;AAEJ,QAAM,eAAe,CAAC,QAAQ,YAAY;AAC1C,QAAM,eAAe,CAAC,QAAQ,YAAY,QAAQ;AAGlD,QAAM,cAAc,OAAO,IACvB,aAAa,UAAU,CAAC,iCAAiC,KAAK,IAAI,UAAU,MAAM,KAAK,CAAC,aAAa,KAAK,KAC1G,aAAa,UAAU,CAAC,aAAa,KAAK;AAE9C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMQ,SAAS;AAAA;AAAA;AAAA,4BAGE,UAAU;AAAA;AAAA;AAAA,QAG9B,UAAU,SAAS,UAAU;AAAA;AAAA,0CAEK,eAAe,gBAAgB,EAAE;AAAA,sBACrD,YAAY;AAAA;AAAA,mBAEf,UAAU;AAAA,WAClB,QAAQ;AAAA;AAAA;AAAA,0CAGuB,eAAe,gBAAgB,EAAE;AAAA,sBACrD,YAAY;AAAA;AAAA,mBAEf,UAAU;AAAA,WAClB,QAAQ;AAAA,UACT,OAAO;AAAA;AAAA;AAAA,MAGX,QAAQ,QAAQ,IAAI;AAAA;AAAA,UAEhB,MAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,GAAG,MAAM;AAAA;AAAA,4BAEtB,MAAM,UAAU,cAAc,EAAE;AAAA;AAAA,4BAEhC,MAAM,UAAU,SAAS,OAAO;AAAA,qCACvB,IAAI,CAAC;AAAA,qBACrB,MAAW,UAAU,CAAC,CAAC;AAAA;AAAA,SAEnC,CAAC;AAAA;AAAA,QAEF,OAAO;AAAA;AAAA,MAET,WAAW,QAAQ,IAAI;AAAA,8BACC,WAAW;AAAA,QACjC,OAAO;AAAA;AAAA,yCAE0B,WAAW;AAAA;AAEpD;"}

package/dist/index238.js

@@ -1,5 +1,5 @@
-const counterCss = '@layer tokens,reset,components;@layer reset{:host{display:inline-block}*,*:before,*:after{box-sizing:border-box}}@layer components{.cnt{display:inline-flex;flex-direction:column;gap:0}.cnt-row{display:inline-flex;align-items:baseline;gap:0;font-family:var(--lib-font-display);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);line-height:1;color:var(--text-primary)}.cnt-prefix,.cnt-suffix{font-family:var(--lib-font-mono);letter-spacing:var(--tracking-wide);color:var(--text-muted);line-height:1;align-self:flex-end;padding-bottom:.05em}.cnt-sep{line-height:1;color:var(--text-muted);padding:0 1px}.cnt-digit{position:relative;overflow:hidden;height:1em;display:inline-block;vertical-align:bottom}.cnt-digit-inner{display:flex;flex-direction:column;will-change:transform;transition:transform .7s cubic-bezier(.16,1,.3,1)}.cnt-digit-inner span{display:block;height:1em;line-height:1em;text-align:center}:host([size="sm"]) .cnt-row{font-size:2rem}:host([size="md"]) .cnt-row{font-size:3.5rem}:host([size="lg"]) .cnt-row{font-size:5rem}:host([size="xl"]) .cnt-row{font-size:7rem}:host([size="sm"]) .cnt-prefix,:host([size="sm"]) .cnt-suffix{font-size:.85rem}:host([size="md"]) .cnt-prefix,:host([size="md"]) .cnt-suffix{font-size:1.1rem}:host([size="lg"]) .cnt-prefix,:host([size="lg"]) .cnt-suffix{font-size:1.4rem}:host([size="xl"]) .cnt-prefix,:host([size="xl"]) .cnt-suffix{font-size:1.8rem}:host([tone="kaki"]) .cnt-row{color:var(--color-kaki-500)}:host([tone="celadon"]) .cnt-row{color:var(--color-celadon-500)}:host([tone="error"]) .cnt-row{color:var(--color-error)}:host([tone="muted"]) .cnt-row{color:var(--text-muted)}:host([tone="on-dark"]) .cnt-row{color:#d3c0b1}:host([tone="on-dark"]) .cnt-prefix,:host([tone="on-dark"]) .cnt-suffix,:host([tone="on-dark"]) .cnt-sep{color:#433831}:host([tone="on-dark"]) .cnt-label{color:#362b25}.cnt-meta{display:flex;align-items:center;gap:var(--lib-space-sm);margin-top:var(--lib-space-xs)}.cnt-label{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.cnt-delta{display:inline-flex;align-items:center;gap:2px;font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);padding:1px 6px;border-radius:var(--radius-full);line-height:1.6}.cnt-delta-up{background:var(--color-celadon-100);color:var(--color-celadon-600)}.cnt-delta-down{background:var(--color-error-light, #F5DDD9);color:var(--color-error)}.cnt-delta-flat{background:var(--color-washi-100);color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.cnt-digit-inner{transition:none}}}';
+const carouselCss = '@layer tokens,reset,components;@layer reset{:host{display:block;width:100%}*,*:before,*:after{box-sizing:border-box}button{font:inherit}}@layer components{.cr{position:relative;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;outline:none}.cr:focus-visible{outline:2px solid var(--color-washi-700);outline-offset:2px}.cr-track{display:flex;transition:transform var(--duration-slow) var(--ease-out);will-change:transform}::slotted(*){flex:0 0 100%;min-width:0}:host([peek="2"]) .cr-track{gap:var(--lib-space-md)}:host([peek="2"]) ::slotted(*){flex:0 0 calc(50% - 8px)}:host([peek="3"]) .cr-track{gap:var(--lib-space-md)}:host([peek="3"]) ::slotted(*){flex:0 0 calc(33.333% - 11px)}:host([peek="4"]) .cr-track{gap:var(--lib-space-sm)}:host([peek="4"]) ::slotted(*){flex:0 0 calc(25% - 6px)}.cr-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-raised);width:40px;height:40px;border:1px solid var(--border-default);background:#faf7f4e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:background var(--duration-base) var(--ease-default),border-color var(--duration-base) var(--ease-default),opacity var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-bounce);border-radius:var(--radius-none)}.cr-arrow svg{width:16px;height:16px;flex-shrink:0}.cr-arrow:hover:not(.is-disabled){background:var(--bg-elevated);border-color:var(--border-strong, var(--color-washi-500));transform:translateY(-50%) scale(1.05)}.cr-arrow.is-disabled{opacity:.3;pointer-events:none}.cr-arrow-prev{left:var(--lib-space-md)}.cr-arrow-next{right:var(--lib-space-md)}.cr-dots{display:flex;align-items:center;justify-content:center;gap:var(--lib-space-sm);padding-top:var(--lib-space-md)}.cr-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-washi-300);border:none;cursor:pointer;padding:0;transition:width var(--duration-slow) var(--ease-bounce),background var(--duration-base) var(--ease-default);flex-shrink:0}.cr-dot.is-active{width:20px;background:var(--color-washi-900)}.cr-counter{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--text-muted);text-align:center;padding-top:var(--lib-space-sm)}.cr-counter span{color:var(--text-primary)}:host([mode="fade"]) .cr-track{transition:none;position:relative}:host([mode="fade"]) ::slotted(*){position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity var(--duration-slow) var(--ease-out);pointer-events:none}:host([mode="fade"]) ::slotted(.is-active){position:relative;opacity:1;pointer-events:auto}slot[name=thumbnail]{display:flex;gap:var(--lib-space-xs);padding-top:var(--lib-space-sm);overflow-x:auto;scrollbar-width:none}slot[name=thumbnail]::-webkit-scrollbar{display:none}::slotted([slot="thumbnail"]){width:64px;height:48px;flex-shrink:0;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--duration-base) var(--ease-default),opacity var(--duration-base) var(--ease-default);opacity:.5}::slotted([slot="thumbnail"].is-active){border-color:var(--color-washi-900);opacity:1}@media(max-width:640px){:host([peek="2"]) ::slotted(*),:host([peek="3"]) ::slotted(*),:host([peek="4"]) ::slotted(*){flex:0 0 calc(80% - 8px)}}@media(prefers-reduced-motion:reduce){.cr-track{transition:none}.cr-dot{transition:background var(--duration-base)}:host([mode="fade"]) ::slotted(*){transition:none}}}';
 export {
-  counterCss as default
+  carouselCss as default
 };
 //# sourceMappingURL=index238.js.map

package/dist/index239.js

@@ -1,30 +1,5 @@
-import { html } from "lit";
-function dividerCenter(props) {
-  if (props.ornament === "dot") {
-    return html`<span class="dv__ornament dv__ornament--dot"></span>`;
-  }
-  if (props.ornament === "diamond") {
-    return html`<span class="dv__ornament dv__ornament--diamond"></span>`;
-  }
-  if (props.hasSlotContent) {
-    return html`
-      <span class="dv__label dv__label--${props.labelStyle}">
-        <slot @slotchange="${props.onSlotChange}"></slot>
-      </span>
-    `;
-  }
-  return html`<slot @slotchange="${props.onSlotChange}" style="display:none"></slot>`;
-}
-function dividerTemplate(props) {
-  return html`
-    <div class="dv">
-      <span class="dv__line"></span>
-      ${dividerCenter(props)}
-      <span class="dv__line"></span>
-    </div>
-  `;
-}
+const cursorCss = '@layer tokens,reset,components;@layer reset{:host{display:contents;pointer-events:none}*,*:before,*:after{box-sizing:border-box}}@layer components{.cur-dot{position:fixed;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);will-change:transform;transition:width .2s var(--ease-out),height .2s var(--ease-out),background .25s,border-radius .2s,opacity .3s}.cur-ring{position:fixed;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);will-change:transform;transition:width .3s var(--ease-out),height .3s var(--ease-out),border-color .3s,border-width .2s,background .3s,opacity .3s}.cur-label{position:fixed;pointer-events:none;z-index:9999;font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-washi-50);background:var(--color-washi-900);padding:4px 8px;white-space:nowrap;opacity:0;transform:translate(14px,-50%);transition:opacity .2s;will-change:transform}.cur-label.is-visible{opacity:1}:host([curstate="hover"]) .cur-dot{width:10px;height:10px;background:var(--color-kaki-500)}:host([curstate="hover"]) .cur-ring{width:52px;height:52px;border-color:var(--color-kaki-400)!important;border-width:1.5px!important}:host([curstate="text"]) .cur-dot{width:2px;height:22px;border-radius:1px;background:var(--color-washi-700)}:host([curstate="text"]) .cur-ring{opacity:0}:host([curstate="press"]) .cur-dot{width:4px;height:4px;background:var(--color-kaki-600)}:host([curstate="press"]) .cur-ring{width:22px;height:22px;border-color:var(--color-kaki-500)!important;background:#b85a1e0f!important}:host([curstate="hidden"]) .cur-dot,:host([curstate="hidden"]) .cur-ring{opacity:0}:host([dark-zone]) .cur-ring{border-color:#faf7f440!important}@media(pointer:coarse),(max-width:768px){.cur-dot,.cur-ring,.cur-label{display:none}}}';
 export {
-  dividerTemplate
+  cursorCss as default
 };
 //# sourceMappingURL=index239.js.map

package/dist/index239.js.map

@@ -1 +1 @@
-{"version":3,"file":"index239.js","sources":["../src/components/atoms/divider/lib-divider.component.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\n\nexport type LibDividerStyle     = 'hairline' | 'default' | 'strong' | 'heavy' | 'dashed' | 'dotted' | 'gradient';\nexport type LibDividerColor     = 'default' | 'kaki' | 'celadon';\nexport type LibDividerAlign     = 'left' | 'center' | 'right';\nexport type LibDividerOrnament  = 'none' | 'dot' | 'diamond';\nexport type LibDividerLabelStyle = 'mono' | 'display' | 'kanji';\nexport type LibDividerOrientation = 'horizontal' | 'vertical';\n\nexport interface DividerTemplateProps {\n  orientation: LibDividerOrientation;\n  style: LibDividerStyle;\n  color: LibDividerColor;\n  align: LibDividerAlign;\n  ornament: LibDividerOrnament;\n  labelStyle: LibDividerLabelStyle;\n  hasSlotContent: boolean;\n  onSlotChange: (e: Event) => void;\n}\n\n/**\n * Renderiza el contenido central del divider:\n *   - ornament (dot / diamond) si está activo\n *   - slot con label si hay contenido slotado\n *   - nada si es una línea pura\n *\n * Las dos .dv-line siempre se renderizan.\n * La alineación izquierda/derecha la gestiona CSS via :host([align]).\n */\nfunction dividerCenter(props: DividerTemplateProps): TemplateResult | typeof nothing {\n  if (props.ornament === 'dot') {\n    return html`<span class=\"dv__ornament dv__ornament--dot\"></span>`;\n  }\n  if (props.ornament === 'diamond') {\n    return html`<span class=\"dv__ornament dv__ornament--diamond\"></span>`;\n  }\n  if (props.hasSlotContent) {\n    return html`\n      <span class=\"dv__label dv__label--${props.labelStyle}\">\n        <slot @slotchange=\"${props.onSlotChange}\"></slot>\n      </span>\n    `;\n  }\n  // Slot vacío — lo mantenemos para detectar cambios futuros\n  return html`<slot @slotchange=\"${props.onSlotChange}\" style=\"display:none\"></slot>`;\n}\n\nexport function dividerTemplate(props: DividerTemplateProps): TemplateResult {\n  return html`\n    <div class=\"dv\">\n      <span class=\"dv__line\"></span>\n      ${dividerCenter(props)}\n      <span class=\"dv__line\"></span>\n    </div>\n  `;\n}"],"names":[],"mappings":";AA6BA,SAAS,cAAc,OAA8D;AACnF,MAAI,MAAM,aAAa,OAAO;AAC5B,WAAO;AAAA,EACT;AACA,MAAI,MAAM,aAAa,WAAW;AAChC,WAAO;AAAA,EACT;AACA,MAAI,MAAM,gBAAgB;AACxB,WAAO;AAAA,0CAC+B,MAAM,UAAU;AAAA,6BAC7B,MAAM,YAAY;AAAA;AAAA;AAAA,EAG7C;AAEA,SAAO,0BAA0B,MAAM,YAAY;AACrD;AAEO,SAAS,gBAAgB,OAA6C;AAC3E,SAAO;AAAA;AAAA;AAAA,QAGD,cAAc,KAAK,CAAC;AAAA;AAAA;AAAA;AAI5B;"}
+{"version":3,"file":"index239.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index24.js

@@ -1,6 +1,8 @@
-import { unsafeCSS, LitElement, html } from "lit";
-import { property, query, customElement } from "lit/decorators.js";
-import styles from "./index234.js";
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { renderEyebrow } from "./index306.js";
+import componentCss from "./index307.js";
+import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -11,45 +13,46 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibMagnetic = class extends LitElement {
+let LibEyebrow = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.shift = 0.4;
+    this.color = "kaki";
+    this.line = "left";
+    this.size = "md";
+    this.effect = "none";
+    this.dot = false;
+    this.num = "";
   }
   render() {
-    return html`
-      <div 
-        class="magnetic-wrapper"
-        @mousemove=${this._handleMouseMove}
-        @mouseleave=${this._handleMouseLeave}
-      >
-        <slot></slot>
-      </div>
-    `;
-  }
-  _handleMouseMove(e) {
-    const { left, top, width, height } = this.getBoundingClientRect();
-    const centerX = left + width / 2;
-    const centerY = top + height / 2;
-    const deltaX = (e.clientX - centerX) * this.shift;
-    const deltaY = (e.clientY - centerY) * this.shift;
-    this._wrapper.style.transform = `translate(${deltaX}px, ${deltaY}px)`;
-  }
-  _handleMouseLeave() {
-    this._wrapper.style.transform = `translate(0px, 0px)`;
+    return renderEyebrow(this);
   }
 };
-LibMagnetic.styles = unsafeCSS(styles);
+LibEyebrow.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(componentCss)}`
+];
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibEyebrow.prototype, "color", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibEyebrow.prototype, "line", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibEyebrow.prototype, "size", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibEyebrow.prototype, "effect", 2);
 __decorateClass([
-  property({ type: Number })
-], LibMagnetic.prototype, "shift", 2);
+  property({ type: Boolean, reflect: true })
+], LibEyebrow.prototype, "dot", 2);
 __decorateClass([
-  query(".magnetic-wrapper")
-], LibMagnetic.prototype, "_wrapper", 2);
-LibMagnetic = __decorateClass([
-  customElement("lib-magnetic")
-], LibMagnetic);
+  property({ type: String, reflect: true })
+], LibEyebrow.prototype, "num", 2);
+LibEyebrow = __decorateClass([
+  customElement("lib-eyebrow")
+], LibEyebrow);
 export {
-  LibMagnetic
+  LibEyebrow
 };
 //# sourceMappingURL=index24.js.map

package/dist/index24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index24.js","sources":["../src/components/atoms/magnetic/lib-magnetic.component.ts"],"sourcesContent":["import { LitElement, TemplateResult, html, unsafeCSS } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport styles from './lib-magnetic.css?inline';\n\n@customElement('lib-magnetic')\nexport class LibMagnetic extends LitElement {\n  static override styles = unsafeCSS(styles);\n\n  /**\n   * Intensidad del efecto (0.1 a 1). \n   * Valores más altos hacen que el elemento siga más de cerca al ratón.\n   */\n  @property({ type: Number }) shift = 0.4;\n\n  @query('.magnetic-wrapper') _wrapper!: HTMLElement;\n\n  override render():TemplateResult {\n    return html`\n      <div \n        class=\"magnetic-wrapper\"\n        @mousemove=${this._handleMouseMove}\n        @mouseleave=${this._handleMouseLeave}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  private _handleMouseMove(e: MouseEvent):void {\n    const { left, top, width, height } = this.getBoundingClientRect();\n    \n    // Calculamos la distancia del cursor respecto al centro del elemento\n    const centerX = left + width / 2;\n    const centerY = top + height / 2;\n    \n    const deltaX = (e.clientX - centerX) * this.shift;\n    const deltaY = (e.clientY - centerY) * this.shift;\n\n    this._wrapper.style.transform = `translate(${deltaX}px, ${deltaY}px)`;\n  }\n\n  private _handleMouseLeave():void {\n    // Retorno suave a la posición inicial\n    this._wrapper.style.transform = `translate(0px, 0px)`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-magnetic': LibMagnetic;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;AAKO,IAAM,cAAN,cAA0B,WAAW;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA;AAOuB,SAAA,QAAQ;AAAA,EAAA;AAAA,EAI3B,SAAwB;AAC/B,WAAO;AAAA;AAAA;AAAA,qBAGU,KAAK,gBAAgB;AAAA,sBACpB,KAAK,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1C;AAAA,EAEQ,iBAAiB,GAAoB;AAC3C,UAAM,EAAE,MAAM,KAAK,OAAO,OAAA,IAAW,KAAK,sBAAA;AAG1C,UAAM,UAAU,OAAO,QAAQ;AAC/B,UAAM,UAAU,MAAM,SAAS;AAE/B,UAAM,UAAU,EAAE,UAAU,WAAW,KAAK;AAC5C,UAAM,UAAU,EAAE,UAAU,WAAW,KAAK;AAE5C,SAAK,SAAS,MAAM,YAAY,aAAa,MAAM,OAAO,MAAM;AAAA,EAClE;AAAA,EAEQ,oBAAyB;AAE/B,SAAK,SAAS,MAAM,YAAY;AAAA,EAClC;AACF;AAxCa,YACK,SAAS,UAAU,MAAM;AAMb,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPf,YAOiB,WAAA,SAAA,CAAA;AAEA,gBAAA;AAAA,EAA3B,MAAM,mBAAmB;AAAA,GATf,YASiB,WAAA,YAAA,CAAA;AATjB,cAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,WAAA;"}
+{"version":3,"file":"index24.js","sources":["../src/components/atoms/eyebrow/lib-eyebrow.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, type TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { renderEyebrow } from './lib-eyebrow.html';\nimport componentCss from './lib-eyebrow.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\nexport type EyebrowColor  = 'kaki' | 'washi' | 'celadon' | 'white' | 'muted' | 'dark';\nexport type EyebrowLine   = 'left' | 'right' | 'both' | 'none';\nexport type EyebrowSize   = 'sm' | 'md' | 'lg';\nexport type EyebrowEffect = 'none' | 'kintsugi' | 'glitch';\n\n/**\n * `<lib-eyebrow>` — Etiqueta introductoria previa a un titular.\n *\n * Elemento de texto en DM Mono muy pequeño con línea decorativa de gradiente.\n * Unifica los patrones `.sg-section-label`, `.hero-eyebrow` y `.section-label`\n * en un único componente agnóstico.\n *\n * @tag lib-eyebrow\n *\n * @attr {'kaki'|'washi'|'celadon'|'white'|'muted'|'dark'} color\n *   Color del texto y de la línea decorativa. Default: `'kaki'`.\n *\n * @attr {'left'|'right'|'both'|'none'} line\n *   Posición de la línea decorativa. Default: `'left'`.\n *\n * @attr {'sm'|'md'|'lg'} size\n *   Tamaño tipográfico. Default: `'md'`.\n *\n * @attr {'none'|'kintsugi'|'glitch'} effect\n *   Efecto especial de animación. Default: `'none'`.\n *\n * @attr {boolean} dot\n *   Reemplaza la línea por un punto de color.\n *\n * @attr {string} num\n *   Si se define, añade un badge numérico sufijo (ej: \"01\").\n *\n * @slot - Texto del eyebrow.\n *\n * @csspart base  - El span contenedor interno.\n * @csspart badge - El badge numérico (solo cuando `num` está definido).\n *\n * @example\n * <lib-eyebrow>Design System · v0.1.0</lib-eyebrow>\n * <lib-eyebrow color=\"celadon\" size=\"sm\" dot>Sistema online</lib-eyebrow>\n * <lib-eyebrow effect=\"kintsugi\" line=\"both\">✦ Featured</lib-eyebrow>\n * <lib-eyebrow effect=\"glitch\" line=\"none\">⌗ runtime · session</lib-eyebrow>\n * <lib-eyebrow num=\"41\">Motion</lib-eyebrow>\n */\n@customElement('lib-eyebrow')\nexport class LibEyebrow extends LitElement {\n\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(componentCss)}`,\n  ];\n\n  /** Color del texto y la línea decorativa */\n  @property({ type: String, reflect: true })\n  color: EyebrowColor = 'kaki';\n\n  /** Posición de la línea decorativa */\n  @property({ type: String, reflect: true })\n  line: EyebrowLine = 'left';\n\n  /** Tamaño tipográfico */\n  @property({ type: String, reflect: true })\n  size: EyebrowSize = 'md';\n\n  /** Efecto especial animado */\n  @property({ type: String, reflect: true })\n  effect: EyebrowEffect = 'none';\n\n  /** Sustituye la línea por un punto de color */\n  @property({ type: Boolean, reflect: true })\n  dot = false;\n\n  /**\n   * Badge numérico añadido como sufijo.\n   * Útil en listados de componentes (\"41 · Motion\").\n   */\n  @property({ type: String, reflect: true })\n  num = '';\n\n  protected override render(): TemplateResult {\n    return renderEyebrow(this);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmDO,IAAM,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AASL,SAAA,QAAsB;AAItB,SAAA,OAAoB;AAIpB,SAAA,OAAoB;AAIpB,SAAA,SAAwB;AAIxB,SAAA,MAAM;AAON,SAAA,MAAM;AAAA,EAAA;AAAA,EAEa,SAAyB;AAC1C,WAAO,cAAc,IAAI;AAAA,EAC3B;AACF;AArCa,WAEK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,YAAY,CAAC;AAC/B;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAR9B,WASX,WAAA,SAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAZ9B,WAaX,WAAA,QAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAhB9B,WAiBX,WAAA,QAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GApB9B,WAqBX,WAAA,UAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAxB/B,WAyBX,WAAA,OAAA,CAAA;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GA/B9B,WAgCX,WAAA,OAAA,CAAA;AAhCW,aAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,UAAA;"}

package/dist/index240.js

@@ -1,5 +1,42 @@
-const dividerCss = '@layer tokens,reset,components;@layer reset{:host{display:block;width:100%}:host([orientation="vertical"]){display:inline-flex;width:auto;height:100%}*,*:before,*:after{box-sizing:border-box}}@layer components{.dv{display:flex;align-items:center;width:100%;gap:var(--lib-space-md)}:host([orientation="vertical"]) .dv{flex-direction:column;width:auto;height:100%;gap:var(--lib-space-sm)}.dv__line{flex:1;min-width:0;min-height:0;height:1px;width:auto;background:var(--border-subtle)}:host([orientation="vertical"]) .dv__line{height:auto;width:1px}:host([style-variant="default"]) .dv__line{background:var(--border-default)}:host([style-variant="strong"]) .dv__line{height:2px;background:var(--border-strong)}:host([style-variant="heavy"]) .dv__line{height:4px;background:var(--color-washi-900)}:host([style-variant="dashed"]) .dv__line{background:none;border-top:1px dashed var(--border-default);height:0}:host([style-variant="dotted"]) .dv__line{background:none;border-top:1px dotted var(--color-washi-400);height:0}:host([style-variant="gradient"]) .dv__line{background:linear-gradient(to right,transparent 0%,var(--border-default) 20%,var(--border-default) 80%,transparent 100%)}:host([orientation="vertical"][style-variant="default"]) .dv__line{background:var(--border-default)}:host([orientation="vertical"][style-variant="strong"]) .dv__line{width:2px;background:var(--border-strong);height:auto}:host([orientation="vertical"][style-variant="dashed"]) .dv__line{background:none;border-left:1px dashed var(--border-default);width:0}:host([orientation="vertical"][style-variant="gradient"]) .dv__line{background:linear-gradient(to bottom,transparent 0%,var(--border-default) 20%,var(--border-default) 80%,transparent 100%)}:host([color="kaki"]) .dv__line{background:var(--color-kaki-500);height:2px}:host([color="celadon"]) .dv__line{background:var(--color-celadon-500);height:2px}:host([align="left"]) .dv__line:first-child{max-width:24px}:host([align="right"]) .dv__line:last-child{max-width:24px}.dv__ornament{flex-shrink:0}.dv__ornament--dot{width:5px;height:5px;border-radius:var(--radius-full);background:var(--color-washi-400)}.dv__ornament--diamond{width:6px;height:6px;background:var(--color-washi-400);transform:rotate(45deg)}:host([color="kaki"]) .dv__ornament{background:var(--color-kaki-500)}:host([color="celadon"]) .dv__ornament{background:var(--color-celadon-500)}.dv__label{flex-shrink:0;white-space:nowrap;line-height:1}.dv__label--mono{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.dv__label--display{font-family:var(--lib-font-display);font-size:var(--text-xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--text-secondary);text-transform:none;font-style:italic}.dv__label--kanji{font-family:var(--lib-font-display);font-size:1.25rem;color:var(--color-washi-300);line-height:1;text-transform:none}:host([color="kaki"]) .dv__label--mono{color:var(--color-kaki-500)}}';
+const CURSOR_MODES = {
+  ink: {
+    dotBg: "var(--color-washi-900)",
+    dotSize: "6px",
+    ringBorder: "1px solid var(--color-washi-400)",
+    ringBg: "transparent",
+    ringSize: "36px",
+    ringMix: "multiply",
+    lerpFactor: 0.12
+  },
+  minimal: {
+    dotBg: "var(--color-washi-600)",
+    dotSize: "4px",
+    ringBorder: "none",
+    ringBg: "transparent",
+    ringSize: "0px",
+    ringMix: "normal",
+    lerpFactor: 0.2
+  },
+  kaki: {
+    dotBg: "var(--color-kaki-500)",
+    dotSize: "8px",
+    ringBorder: "1.5px solid var(--color-kaki-200, #F4C099)",
+    ringBg: "rgba(217,114,52,0.04)",
+    ringSize: "40px",
+    ringMix: "normal",
+    lerpFactor: 0.09
+  },
+  ghost: {
+    dotBg: "transparent",
+    dotSize: "0px",
+    ringBorder: "1px solid rgba(250,247,244,0.25)",
+    ringBg: "rgba(250,247,244,0.03)",
+    ringSize: "28px",
+    ringMix: "normal",
+    lerpFactor: 0.1
+  }
+};
 export {
-  dividerCss as default
+  CURSOR_MODES
 };
 //# sourceMappingURL=index240.js.map

package/dist/index240.js.map

@@ -1 +1 @@
-{"version":3,"file":"index240.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index240.js","sources":["../src/components/organisms/cursor-follower/lib-cursor-follower.types.ts"],"sourcesContent":["/** Cuatro modos visuales del cursor */\nexport type CursorMode = 'ink' | 'minimal' | 'kaki' | 'ghost';\n\n/** Estados contextuales detectados automáticamente */\nexport type CursorState = 'default' | 'hover' | 'text' | 'press' | 'hidden';\n\n/** Configuración interna por modo */\nexport interface CursorModeConfig {\n  dotBg:      string;\n  dotSize:    string;\n  ringBorder: string;\n  ringBg:     string;\n  ringSize:   string;\n  ringMix:    string;\n  lerpFactor: number;\n}\n\nexport const CURSOR_MODES: Record<CursorMode, CursorModeConfig> = {\n  ink: {\n    dotBg:      'var(--color-washi-900)',\n    dotSize:    '6px',\n    ringBorder: '1px solid var(--color-washi-400)',\n    ringBg:     'transparent',\n    ringSize:   '36px',\n    ringMix:    'multiply',\n    lerpFactor: 0.12,\n  },\n  minimal: {\n    dotBg:      'var(--color-washi-600)',\n    dotSize:    '4px',\n    ringBorder: 'none',\n    ringBg:     'transparent',\n    ringSize:   '0px',\n    ringMix:    'normal',\n    lerpFactor: 0.2,\n  },\n  kaki: {\n    dotBg:      'var(--color-kaki-500)',\n    dotSize:    '8px',\n    ringBorder: '1.5px solid var(--color-kaki-200, #F4C099)',\n    ringBg:     'rgba(217,114,52,0.04)',\n    ringSize:   '40px',\n    ringMix:    'normal',\n    lerpFactor: 0.09,\n  },\n  ghost: {\n    dotBg:      'transparent',\n    dotSize:    '0px',\n    ringBorder: '1px solid rgba(250,247,244,0.25)',\n    ringBg:     'rgba(250,247,244,0.03)',\n    ringSize:   '28px',\n    ringMix:    'normal',\n    lerpFactor: 0.1,\n  },\n};"],"names":[],"mappings":"AAiBO,MAAM,eAAqD;AAAA,EAChE,KAAK;AAAA,IACH,OAAY;AAAA,IACZ,SAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAY;AAAA,IACZ,UAAY;AAAA,IACZ,SAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAAA,EAEd,SAAS;AAAA,IACP,OAAY;AAAA,IACZ,SAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAY;AAAA,IACZ,UAAY;AAAA,IACZ,SAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAAA,EAEd,MAAM;AAAA,IACJ,OAAY;AAAA,IACZ,SAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAY;AAAA,IACZ,UAAY;AAAA,IACZ,SAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAAA,EAEd,OAAO;AAAA,IACL,OAAY;AAAA,IACZ,SAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAY;AAAA,IACZ,UAAY;AAAA,IACZ,SAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAEhB;"}

package/dist/index241.js

@@ -1,37 +1,5 @@
-import { noChange as E } from "./index358.js";
-import { directive as e, Directive as i$1, PartType as t } from "./index359.js";
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const n = "important", i = " !" + n, o = e(class extends i$1 {
-  constructor(t$1) {
-    var _a;
-    if (super(t$1), t$1.type !== t.ATTRIBUTE || "style" !== t$1.name || ((_a = t$1.strings) == null ? void 0 : _a.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
-  }
-  render(t2) {
-    return Object.keys(t2).reduce((e2, r) => {
-      const s = t2[r];
-      return null == s ? e2 : e2 + `${r = r.includes("-") ? r : r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
-    }, "");
-  }
-  update(e2, [r]) {
-    const { style: s } = e2.element;
-    if (void 0 === this.ft) return this.ft = new Set(Object.keys(r)), this.render(r);
-    for (const t2 of this.ft) null == r[t2] && (this.ft.delete(t2), t2.includes("-") ? s.removeProperty(t2) : s[t2] = null);
-    for (const t2 in r) {
-      const e3 = r[t2];
-      if (null != e3) {
-        this.ft.add(t2);
-        const r2 = "string" == typeof e3 && e3.endsWith(i);
-        t2.includes("-") || r2 ? s.setProperty(t2, r2 ? e3.slice(0, -11) : e3, r2 ? n : "") : s[t2] = e3;
-      }
-    }
-    return E;
-  }
-});
+const tableCss = '@layer tokens,reset,components;@layer reset{:host{display:block;width:100%}*,*:before,*:after{box-sizing:border-box}}@layer components{.tbl-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-subtle)}.tbl-wrap table{border:none}.tbl-wrap.tbl-sticky-head{max-height:380px;overflow-y:auto}.tbl-sticky-head thead th{position:sticky;top:0;z-index:3}table{width:100%;border-collapse:collapse;font-family:var(--lib-font-body);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-elevated)}caption{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);text-align:left;padding:var(--lib-space-sm) var(--lib-space-md);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);caption-side:top}thead th{font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);font-weight:400;padding:var(--lib-space-sm) var(--lib-space-md);text-align:left;background:var(--bg-surface);border-bottom:1px solid var(--border-default);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}thead th.is-sortable{cursor:pointer;padding-right:var(--lib-space-lg);transition:color var(--duration-fast),background var(--duration-fast)}thead th.is-sortable:hover{color:var(--text-primary);background:var(--color-washi-200)}thead th.is-sortable:after{content:"";position:absolute;right:var(--lib-space-sm);top:50%;transform:translateY(-50%);width:0;height:0;opacity:.3;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentcolor;transition:opacity var(--duration-fast),transform var(--duration-base)}thead th.is-sortable:hover:after{opacity:.6}thead th.sort-asc:after{opacity:1;transform:translateY(-50%) rotate(180deg)}thead th.sort-desc:after{opacity:1;transform:translateY(-50%) rotate(0)}thead th.sort-asc,thead th.sort-desc{color:var(--text-primary);background:var(--color-washi-200)}thead th.is-num{text-align:right}tbody tr{transition:background var(--duration-fast);border-bottom:1px solid var(--border-subtle)}tbody tr:last-child{border-bottom:none}tbody td{padding:var(--lib-space-md) var(--lib-space-md);color:var(--text-secondary);font-size:var(--text-sm);vertical-align:middle;line-height:var(--leading-snug)}tfoot td{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-muted);background:var(--bg-surface);border-top:1px solid var(--border-default)}:host([size="sm"]) thead th{padding:var(--lib-space-xs) var(--lib-space-sm);font-size:9px}:host([size="sm"]) tbody td{padding:var(--lib-space-xs) var(--lib-space-sm);font-size:var(--text-xs)}:host([size="sm"]) tfoot td{padding:var(--lib-space-xs) var(--lib-space-sm)}:host([size="lg"]) thead th{padding:var(--lib-space-md) var(--lib-space-lg);font-size:11px}:host([size="lg"]) tbody td{padding:calc(var(--lib-space-md) + var(--lib-space-xs)) var(--lib-space-lg);font-size:var(--text-base)}:host([size="lg"]) tfoot td{padding:var(--lib-space-md) var(--lib-space-lg)}:host([variant="lines"]) tbody tr:hover,:host(:not([variant])) tbody tr:hover{background:var(--color-washi-50)}:host([variant="grid"]) thead th,:host([variant="grid"]) tbody td{border-right:1px solid var(--border-subtle)}:host([variant="grid"]) thead th:last-child,:host([variant="grid"]) tbody td:last-child{border-right:none}:host([variant="grid"]) tbody tr:hover{background:var(--color-washi-50)}:host([variant="striped"]) tbody tr:nth-child(2n){background:var(--bg-surface)}:host([variant="striped"]) tbody tr:hover{background:var(--color-washi-50)}:host([variant="striped"]) tbody tr:nth-child(2n):hover{background:var(--color-washi-200)}:host([variant="borderless"]) thead th{border-bottom:1px solid var(--border-default)}:host([variant="borderless"]) tbody tr{border-bottom:none}:host([variant="borderless"]) tbody td{border:none}:host([variant="borderless"]) tbody tr:hover{background:var(--bg-surface)}tbody tr.is-selected,tbody tr.is-selected:hover{background:var(--color-kaki-50);border-bottom-color:var(--color-kaki-100)}tbody tr.is-selected td{color:var(--text-primary)}tbody tr.is-error,tbody tr.is-error:hover{background:#f5ddd9;border-bottom-color:#ebc9c4}tbody tr.is-error td{color:var(--color-error)}tbody tr.is-warning,tbody tr.is-warning:hover{background:#fef9ec;border-bottom-color:#f5e6a8}tbody tr.is-warning td{color:#7a5c0a}tbody tr.is-success,tbody tr.is-success:hover{background:var(--color-celadon-50);border-bottom-color:var(--color-celadon-100)}tbody tr.is-success td{color:var(--color-celadon-600)}tbody tr.is-disabled,tbody tr.is-disabled:hover{background:transparent;opacity:.38;cursor:not-allowed}.col-sticky{position:sticky;left:0;z-index:1;background:inherit}thead .col-sticky{background:var(--bg-surface);z-index:2}.col-sticky:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:var(--border-subtle);box-shadow:2px 0 6px #1a140e0d}.cell-num{text-align:right;font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-primary)}thead th.cell-num{color:var(--text-muted)}.cell-mono{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted)}.cell-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-check{width:40px;padding:var(--lib-space-md) var(--lib-space-sm) var(--lib-space-md) var(--lib-space-md)!important}.cell-check input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-washi-900);cursor:pointer;display:block}.cell-avatar{display:flex;align-items:center;gap:var(--lib-space-sm)}.avatar-circle{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--lib-font-mono);font-size:9px;flex-shrink:0;background:var(--color-washi-200);color:var(--text-secondary)}.avatar-text{display:flex;flex-direction:column;gap:1px}.avatar-name{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-tight)}.avatar-hint{font-family:var(--lib-font-mono);font-size:10px;color:var(--text-muted);letter-spacing:var(--tracking-wide)}.cell-badge{display:inline-flex;align-items:center;gap:var(--lib-space-xs);font-family:var(--lib-font-mono);font-size:9px;letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:2px var(--lib-space-sm);white-space:nowrap}.cell-badge:before{content:"";width:5px;height:5px;border-radius:var(--radius-full);background:currentcolor;flex-shrink:0;opacity:.7}.cell-badge.tone-estable{color:var(--color-celadon-600);background:var(--color-celadon-50)}.cell-badge.tone-beta{color:var(--color-kaki-500);background:var(--color-kaki-50)}.cell-badge.tone-error{color:var(--color-error);background:#f5ddd9}.cell-badge.tone-warning{color:#7a5c0a;background:#fef9ec}.cell-badge.tone-inactive{color:var(--text-muted);background:var(--bg-surface)}.cell-badge.tone-info{color:#1a4a6e;background:#d6e8f5}.cell-progress{display:flex;align-items:center;gap:var(--lib-space-sm)}.progress-bar{flex:1;height:3px;background:var(--color-washi-200);position:relative;min-width:60px}.progress-fill{position:absolute;left:0;top:0;bottom:0;background:var(--color-washi-700);transition:width var(--duration-slow) var(--ease-out)}.progress-fill.tone-kaki{background:var(--color-kaki-500)}.progress-fill.tone-celadon{background:var(--color-celadon-500)}.progress-val{font-family:var(--lib-font-mono);font-size:10px;color:var(--text-muted);letter-spacing:var(--tracking-wide);flex-shrink:0;width:28px;text-align:right}.cell-actions{width:44px;text-align:right!important;padding-right:var(--lib-space-md)!important}.actions-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:18px;line-height:1;color:var(--text-muted);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-full);transition:background var(--duration-fast),color var(--duration-fast);opacity:0}tbody tr:hover .actions-btn{opacity:1}.actions-btn:hover{background:var(--bg-surface);color:var(--text-primary)}@keyframes dt-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skel-line{height:10px;background:linear-gradient(90deg,var(--color-washi-200) 25%,var(--color-washi-100) 50%,var(--color-washi-200) 75%);background-size:600px 100%;animation:dt-shimmer 1.4s infinite linear;border-radius:2px}.skel-line.w-80{width:80%}.skel-line.w-60{width:60%}.skel-line.w-40{width:40%}.skel-line.w-30{width:30%}.skel-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-washi-200) 25%,var(--color-washi-100) 50%,var(--color-washi-200) 75%);background-size:600px 100%;animation:dt-shimmer 1.4s infinite linear;flex-shrink:0}.skel-cell{display:flex;align-items:center;gap:var(--lib-space-sm)}.skel-badge{height:16px;width:48px;border-radius:2px;background:linear-gradient(90deg,var(--color-washi-200) 25%,var(--color-washi-100) 50%,var(--color-washi-200) 75%);background-size:600px 100%;animation:dt-shimmer 1.4s infinite linear}.empty-row td{text-align:center;padding:var(--lib-space-xl) var(--lib-space-lg)!important;border-bottom:none!important}.empty-icon{font-size:32px;color:var(--color-washi-300);display:block;margin:0 auto var(--lib-space-md)}.empty-title{font-family:var(--lib-font-display);font-size:var(--text-xl);font-weight:var(--weight-light);color:var(--text-muted);letter-spacing:var(--tracking-tight);display:block;margin-bottom:var(--lib-space-xs)}.empty-desc{font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wide);color:var(--color-washi-300);text-transform:uppercase;display:block}.tbl-toolbar{display:flex;align-items:center;gap:var(--lib-space-sm);padding:var(--lib-space-sm) var(--lib-space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-bottom:none}.tbl-toolbar-title{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary)}.tbl-toolbar-count{font-family:var(--lib-font-mono);font-size:10px;color:var(--text-muted);letter-spacing:var(--tracking-wide);margin-right:auto}.tbl-toolbar-search{font-family:var(--lib-font-mono);font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);padding:var(--lib-space-xs) var(--lib-space-sm);outline:none;width:180px;transition:border-color var(--duration-base),box-shadow var(--duration-base)}.tbl-toolbar-search::placeholder{color:var(--text-muted)}.tbl-toolbar-search:focus{border-color:var(--color-washi-700);box-shadow:0 0 0 3px #1a140e14}.tbl-pagination{display:flex;align-items:center;gap:var(--lib-space-xs);padding:var(--lib-space-sm) var(--lib-space-md);border:1px solid var(--border-subtle);border-top:none;background:var(--bg-surface)}.pag-info{font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wide);color:var(--text-muted);margin-right:auto}.pag-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wide);color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.pag-btn:hover{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}.pag-btn.is-active{background:var(--color-washi-900);color:var(--color-washi-50);border-color:var(--color-washi-900)}.pag-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.pag-sep{font-family:var(--lib-font-mono);font-size:10px;color:var(--text-muted);padding:0 2px}:host([dark]) table{background:#0a0403;color:#7b6f67}:host([dark]) thead th{background:#060201;color:#312620;border-bottom-color:#190f0a}:host([dark]) thead th.is-sortable:hover{background:#150a06;color:#998c84}:host([dark]) thead th.sort-asc,:host([dark]) thead th.sort-desc{background:#150a06;color:#a99b93}:host([dark]) tbody tr{border-bottom-color:#150a06}:host([dark]) tbody td{color:#7b6f67}:host([dark]) tbody td.cell-num{color:#afa299}:host([dark]) tbody tr:hover{background:#150a06}:host([dark]) .tbl-wrap{border-color:#150a06}:host([dark]) tfoot td{background:#060201;border-top-color:#190f0a;color:#362b25}:host([dark]) caption{background:#060201;color:#312620;border-color:#150a06}:host([dark]) .tbl-toolbar{background:#060201;border-color:#150a06}:host([dark]) .tbl-toolbar-title{color:#51453e}:host([dark]) .tbl-toolbar-count{color:#2a1f19}:host([dark]) .tbl-toolbar-search{background:#060201;border-color:#231813;color:#998c84}:host([dark]) .tbl-toolbar-search::placeholder{color:#312620}:host([dark]) .tbl-pagination{background:#060201;border-color:#150a06}:host([dark]) .pag-btn:hover{background:#150a06;border-color:#231813;color:#998c84}:host([dark]) .avatar-circle{background:#1e130e;color:#5f524c}:host([dark]) .avatar-name{color:#8a7d75}:host([dark]) .avatar-hint{color:#362b25}:host([dark]) .progress-bar{background:#1e130e}:host([dark]) .col-sticky{background:#0a0403}:host([dark]) thead .col-sticky{background:#060201}:host([dark]) .cell-mono{color:#362b25}:host([dark]) .actions-btn:hover{background:#1e130e;color:#998c84}:host([dark]) tbody tr.is-selected,:host([dark]) tbody tr.is-selected:hover{background:#190f0a}:host([dark]) .skel-line,:host([dark]) .skel-avatar,:host([dark]) .skel-badge{background:linear-gradient(90deg,#17100c 25%,#211815,#17100c 75%);background-size:600px 100%}}';
 export {
-  o as styleMap
+  tableCss as default
 };
 //# sourceMappingURL=index241.js.map

package/dist/index241.js.map

@@ -1 +1 @@
-{"version":3,"file":"index241.js","sources":["../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/style-map.js"],"sourcesContent":["import{noChange as t}from\"../lit-html.js\";import{directive as e,Directive as r,PartType as s}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const n=\"important\",i=\" !\"+n,o=e(class extends r{constructor(t){if(super(t),t.type!==s.ATTRIBUTE||\"style\"!==t.name||t.strings?.length>2)throw Error(\"The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.\")}render(t){return Object.keys(t).reduce((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.includes(\"-\")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,\"-$&\").toLowerCase()}:${s};`},\"\")}update(e,[r]){const{style:s}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(r)),this.render(r);for(const t of this.ft)null==r[t]&&(this.ft.delete(t),t.includes(\"-\")?s.removeProperty(t):s[t]=null);for(const t in r){const e=r[t];if(null!=e){this.ft.add(t);const r=\"string\"==typeof e&&e.endsWith(i);t.includes(\"-\")||r?s.setProperty(t,r?e.slice(0,-11):e,r?n:\"\"):s[t]=e}}return t}});export{o as styleMap};\n//# sourceMappingURL=style-map.js.map\n"],"names":["r","t","s","e"],"mappings":";;AACA;AAAA;AAAA;AAAA;AAAA;AAIQ,MAAC,IAAE,aAAY,IAAE,OAAK,GAAE,IAAE,EAAE,cAAcA,IAAC;AAAA,EAAC,YAAYC,KAAE;;AAAC,QAAG,MAAMA,GAAC,GAAEA,IAAE,SAAOC,EAAE,aAAW,YAAUD,IAAE,UAAMA,SAAE,YAAFA,mBAAW,UAAO,EAAE,OAAM,MAAM,4GAA4G;AAAA,EAAC;AAAA,EAAC,OAAOA,IAAE;AAAC,WAAO,OAAO,KAAKA,EAAC,EAAE,OAAO,CAACE,IAAE,MAAI;AAAC,YAAM,IAAEF,GAAE,CAAC;AAAE,aAAO,QAAM,IAAEE,KAAEA,KAAE,GAAG,IAAE,EAAE,SAAS,GAAG,IAAE,IAAE,EAAE,QAAQ,qCAAoC,KAAK,EAAE,YAAW,CAAE,IAAI,CAAC;AAAA,IAAG,GAAE,EAAE;AAAA,EAAC;AAAA,EAAC,OAAOA,IAAE,CAAC,CAAC,GAAE;AAAC,UAAK,EAAC,OAAM,EAAC,IAAEA,GAAE;AAAQ,QAAG,WAAS,KAAK,GAAG,QAAO,KAAK,KAAG,IAAI,IAAI,OAAO,KAAK,CAAC,CAAC,GAAE,KAAK,OAAO,CAAC;AAAE,eAAUF,MAAK,KAAK,GAAG,SAAM,EAAEA,EAAC,MAAI,KAAK,GAAG,OAAOA,EAAC,GAAEA,GAAE,SAAS,GAAG,IAAE,EAAE,eAAeA,EAAC,IAAE,EAAEA,EAAC,IAAE;AAAM,eAAUA,MAAK,GAAE;AAAC,YAAME,KAAE,EAAEF,EAAC;AAAE,UAAG,QAAME,IAAE;AAAC,aAAK,GAAG,IAAIF,EAAC;AAAE,cAAMD,KAAE,YAAU,OAAOG,MAAGA,GAAE,SAAS,CAAC;AAAE,QAAAF,GAAE,SAAS,GAAG,KAAGD,KAAE,EAAE,YAAYC,IAAED,KAAEG,GAAE,MAAM,GAAE,GAAG,IAAEA,IAAEH,KAAE,IAAE,EAAE,IAAE,EAAEC,EAAC,IAAEE;AAAA,MAAC;AAAA,IAAC;AAAC,WAAOF;AAAAA,EAAC;AAAC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index241.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}