@shibui-ui/ui 1.24.1 → 1.25.1

package/dist/index263.js

@@ -1,5 +1,62 @@
-const glitchCss = '@layer tokens,reset,components;@layer reset{*,*:before,*:after{box-sizing:border-box}}@layer components{:host{display:inline-block;cursor:default}.tg-inner{position:relative;display:inline-block}:host([variant="slice"]) .tg-inner:before,:host([variant="slice"]) .tg-inner:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}:host([variant="slice"]) .tg-inner:before{color:var(--color-kaki-500);mix-blend-mode:multiply}:host([variant="slice"]) .tg-inner:after{color:var(--color-celadon-400);mix-blend-mode:multiply}:host([variant="slice"]:hover) .tg-inner:before,:host([variant="slice"][active]) .tg-inner:before,:host([variant="slice"][trigger="always"]) .tg-inner:before{opacity:1;animation:tg-slice-before .42s steps(1) infinite}:host([variant="slice"]:hover) .tg-inner:after,:host([variant="slice"][active]) .tg-inner:after,:host([variant="slice"][trigger="always"]) .tg-inner:after{opacity:1;animation:tg-slice-after .42s steps(1) infinite;animation-delay:60ms}@keyframes tg-slice-before{0%{clip-path:inset(14% 0 72% 0);transform:translate(-3px)}10%{clip-path:inset(52% 0 32% 0);transform:translate(2px)}20%{clip-path:inset(8% 0 82% 0);transform:translate(-4px)}30%{clip-path:inset(66% 0 12% 0);transform:translate(3px)}40%{clip-path:inset(33% 0 44% 0);transform:translate(-2px)}50%{clip-path:inset(0% 0 90% 0);transform:translate(4px)}60%{clip-path:inset(78% 0 8% 0);transform:translate(-3px)}70%{clip-path:inset(22% 0 60% 0);transform:translate(2px)}80%{clip-path:inset(44% 0 38% 0);transform:translate(-4px)}90%{clip-path:inset(60% 0 18% 0);transform:translate(3px)}to{clip-path:inset(10% 0 75% 0);transform:translate(-2px)}}@keyframes tg-slice-after{0%{clip-path:inset(64% 0 20% 0);transform:translate(3px)}10%{clip-path:inset(28% 0 56% 0);transform:translate(-4px)}20%{clip-path:inset(76% 0 6% 0);transform:translate(2px)}30%{clip-path:inset(12% 0 70% 0);transform:translate(-3px)}40%{clip-path:inset(88% 0 4% 0);transform:translate(4px)}50%{clip-path:inset(40% 0 48% 0);transform:translate(-2px)}60%{clip-path:inset(6% 0 84% 0);transform:translate(3px)}70%{clip-path:inset(55% 0 30% 0);transform:translate(-4px)}80%{clip-path:inset(18% 0 66% 0);transform:translate(2px)}90%{clip-path:inset(82% 0 10% 0);transform:translate(-3px)}to{clip-path:inset(36% 0 50% 0);transform:translate(4px)}}:host([variant="scan"]) .tg-inner:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--color-kaki-500);opacity:0;clip-path:inset(0 100% 0 0)}:host([variant="scan"]:hover) .tg-inner:before,:host([variant="scan"][active]) .tg-inner:before{opacity:1;animation:tg-scan-sweep .6s cubic-bezier(.4,0,.2,1) forwards}:host([variant="scan"][trigger="always"]) .tg-inner:before{opacity:1;animation:tg-scan-sweep .6s cubic-bezier(.4,0,.2,1) infinite}@keyframes tg-scan-sweep{0%{clip-path:inset(0% 100% 0 0);transform:translate(0)}30%{clip-path:inset(0% 0% 0 0);transform:translate(4px)}60%{clip-path:inset(0% 0% 0 0);transform:translate(-2px)}80%{clip-path:inset(0% 0% 0 0);transform:translate(0)}90%{clip-path:inset(0% 0% 0 0);transform:translate(0);opacity:1}to{clip-path:inset(0% 0% 0 0);opacity:0}}:host([variant="shift"]) .tg-inner:before,:host([variant="shift"]) .tg-inner:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;color:inherit}:host([variant="shift"]:hover) .tg-inner:before,:host([variant="shift"][active]) .tg-inner:before,:host([variant="shift"][trigger="always"]) .tg-inner:before{opacity:.55;color:var(--color-kaki-400);animation:tg-shift-a .38s steps(1) infinite}:host([variant="shift"]:hover) .tg-inner:after,:host([variant="shift"][active]) .tg-inner:after,:host([variant="shift"][trigger="always"]) .tg-inner:after{opacity:.35;color:var(--color-celadon-500);animation:tg-shift-b .38s steps(1) infinite;animation-delay:.1s}@keyframes tg-shift-a{0%{transform:translate(-2px,1px);clip-path:inset(20% 0 55% 0)}20%{transform:translate(2px);clip-path:inset(60% 0 10% 0)}40%{transform:translate(-1px,-1px);clip-path:inset(5% 0 70% 0)}60%{transform:translate(3px,1px);clip-path:inset(40% 0 30% 0)}80%{transform:translate(-2px);clip-path:inset(75% 0 5% 0)}to{transform:translate(1px,-1px);clip-path:inset(30% 0 45% 0)}}@keyframes tg-shift-b{0%{transform:translate(3px,-1px);clip-path:inset(50% 0 20% 0)}20%{transform:translate(-2px,1px);clip-path:inset(10% 0 65% 0)}40%{transform:translate(2px);clip-path:inset(70% 0 10% 0)}60%{transform:translate(-3px,-1px);clip-path:inset(25% 0 50% 0)}80%{transform:translate(1px,1px);clip-path:inset(80% 0 5% 0)}to{transform:translate(-2px);clip-path:inset(35% 0 40% 0)}}:host([variant="decode"]) .char{display:inline-block;will-change:transform}:host([variant="decode"]) .char.is-scrambling{color:var(--color-kaki-500);animation:tg-char-jitter 60ms steps(1) infinite}@keyframes tg-char-jitter{0%{transform:translateY(0)}33%{transform:translateY(-1px)}66%{transform:translateY(1px)}}:host([variant="redact"]) .tg-inner:before{content:"";position:absolute;top:0;right:-3px;bottom:0;left:-3px;background:var(--color-washi-900);transform:scaleX(0);transform-origin:left;pointer-events:none}:host([variant="redact"]:hover) .tg-inner:before,:host([variant="redact"][active]) .tg-inner:before{animation:tg-redact .7s cubic-bezier(.4,0,.2,1) forwards}:host([variant="redact"][trigger="always"]) .tg-inner:before{animation:tg-redact .7s cubic-bezier(.4,0,.2,1) infinite}@keyframes tg-redact{0%{transform:scaleX(0);transform-origin:left}40%{transform:scaleX(1);transform-origin:left}41%{transform:scaleX(1);transform-origin:right}80%{transform:scaleX(0);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}:host([variant="noise"]) .tg-inner:before,:host([variant="noise"]) .tg-inner:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}:host([variant="noise"]) .tg-inner:before{color:#9a614dcc}:host([variant="noise"]) .tg-inner:after{color:#487d73b3}:host([variant="noise"]:hover) .tg-inner:before,:host([variant="noise"][active]) .tg-inner:before,:host([variant="noise"][trigger="always"]) .tg-inner:before{opacity:1;animation:tg-noise-a .28s steps(1) infinite}:host([variant="noise"]:hover) .tg-inner:after,:host([variant="noise"][active]) .tg-inner:after,:host([variant="noise"][trigger="always"]) .tg-inner:after{opacity:1;animation:tg-noise-b .28s steps(1) infinite;animation-delay:40ms}@keyframes tg-noise-a{0%{clip-path:inset(18% 0 60% 0);transform:translate(-4px,1px) skew(-1deg)}14%{clip-path:inset(72% 0 8% 0);transform:translate(3px,-2px) skew(2deg)}28%{clip-path:inset(36% 0 40% 0);transform:translate(-2px,2px) skew(-2deg)}42%{clip-path:inset(5% 0 80% 0);transform:translate(4px) skew(1deg)}57%{clip-path:inset(55% 0 22% 0);transform:translate(-3px,-1px) skew(-1deg)}71%{clip-path:inset(85% 0 5% 0);transform:translate(2px,2px) skew(2deg)}85%{clip-path:inset(28% 0 50% 0);transform:translate(-4px,-2px) skew(-2deg)}to{clip-path:inset(48% 0 30% 0);transform:translate(3px,1px) skew(1deg)}}@keyframes tg-noise-b{0%{clip-path:inset(62% 0 18% 0);transform:translate(4px,-1px) skew(2deg)}14%{clip-path:inset(12% 0 68% 0);transform:translate(-3px,2px) skew(-1deg)}28%{clip-path:inset(80% 0 8% 0);transform:translate(2px,-2px) skew(1deg)}42%{clip-path:inset(30% 0 42% 0);transform:translate(-4px,1px) skew(-2deg)}57%{clip-path:inset(5% 0 75% 0);transform:translate(3px,-1px) skew(2deg)}71%{clip-path:inset(45% 0 35% 0);transform:translate(-2px,2px) skew(-1deg)}85%{clip-path:inset(70% 0 12% 0);transform:translate(4px,-2px) skew(1deg)}to{clip-path:inset(22% 0 58% 0);transform:translate(-3px,1px) skew(-2deg)}}@media(prefers-reduced-motion:reduce){.tg-inner:before,.tg-inner:after{animation:none!important;opacity:0!important}.char.is-scrambling{animation:none!important;color:inherit}}}';
+import { noChange as E } from "./index358.js";
+import { directive as e, Directive as i, PartType as t } from "./index359.js";
+import { getCommittedValue as M, setChildPartValue as u$1, insertPart as v, removePart as h, setCommittedValue as p } from "./index360.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const u = (e2, s, t2) => {
+  const r = /* @__PURE__ */ new Map();
+  for (let l = s; l <= t2; l++) r.set(e2[l], l);
+  return r;
+}, c = e(class extends i {
+  constructor(e2) {
+    if (super(e2), e2.type !== t.CHILD) throw Error("repeat() can only be used in text expressions");
+  }
+  dt(e2, s, t2) {
+    let r;
+    void 0 === t2 ? t2 = s : void 0 !== s && (r = s);
+    const l = [], o = [];
+    let i2 = 0;
+    for (const s2 of e2) l[i2] = r ? r(s2, i2) : i2, o[i2] = t2(s2, i2), i2++;
+    return { values: o, keys: l };
+  }
+  render(e2, s, t2) {
+    return this.dt(e2, s, t2).values;
+  }
+  update(s, [t2, r, c2]) {
+    const d = M(s), { values: p$1, keys: a } = this.dt(t2, r, c2);
+    if (!Array.isArray(d)) return this.ut = a, p$1;
+    const h$1 = this.ut ?? (this.ut = []), v$1 = [];
+    let m, y, x = 0, j = d.length - 1, k = 0, w = p$1.length - 1;
+    for (; x <= j && k <= w; ) if (null === d[x]) x++;
+    else if (null === d[j]) j--;
+    else if (h$1[x] === a[k]) v$1[k] = u$1(d[x], p$1[k]), x++, k++;
+    else if (h$1[j] === a[w]) v$1[w] = u$1(d[j], p$1[w]), j--, w--;
+    else if (h$1[x] === a[w]) v$1[w] = u$1(d[x], p$1[w]), v(s, v$1[w + 1], d[x]), x++, w--;
+    else if (h$1[j] === a[k]) v$1[k] = u$1(d[j], p$1[k]), v(s, d[x], d[j]), j--, k++;
+    else if (void 0 === m && (m = u(a, k, w), y = u(h$1, x, j)), m.has(h$1[x])) if (m.has(h$1[j])) {
+      const e2 = y.get(a[k]), t3 = void 0 !== e2 ? d[e2] : null;
+      if (null === t3) {
+        const e3 = v(s, d[x]);
+        u$1(e3, p$1[k]), v$1[k] = e3;
+      } else v$1[k] = u$1(t3, p$1[k]), v(s, d[x], t3), d[e2] = null;
+      k++;
+    } else h(d[j]), j--;
+    else h(d[x]), x++;
+    for (; k <= w; ) {
+      const e2 = v(s, v$1[w + 1]);
+      u$1(e2, p$1[k]), v$1[k++] = e2;
+    }
+    for (; x <= j; ) {
+      const e2 = d[x++];
+      null !== e2 && h(e2);
+    }
+    return this.ut = a, p(s, v$1), E;
+  }
+});
 export {
-  glitchCss as default
+  c as repeat
 };
 //# sourceMappingURL=index263.js.map

package/dist/index263.js.map

@@ -1 +1 @@
-{"version":3,"file":"index263.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index263.js","sources":["../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/repeat.js"],"sourcesContent":["import{noChange as e}from\"../lit-html.js\";import{directive as s,Directive as t,PartType as r}from\"../directive.js\";import{getCommittedValue as l,setChildPartValue as o,insertPart as i,removePart as n,setCommittedValue as f}from\"../directive-helpers.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=s(class extends t{constructor(e){if(super(e),e.type!==r.CHILD)throw Error(\"repeat() can only be used in text expressions\")}dt(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return{values:o,keys:l}}render(e,s,t){return this.dt(e,s,t).values}update(s,[t,r,c]){const d=l(s),{values:p,keys:a}=this.dt(t,r,c);if(!Array.isArray(d))return this.ut=a,p;const h=this.ut??=[],v=[];let m,y,x=0,j=d.length-1,k=0,w=p.length-1;for(;x<=j&&k<=w;)if(null===d[x])x++;else if(null===d[j])j--;else if(h[x]===a[k])v[k]=o(d[x],p[k]),x++,k++;else if(h[j]===a[w])v[w]=o(d[j],p[w]),j--,w--;else if(h[x]===a[w])v[w]=o(d[x],p[w]),i(s,v[w+1],d[x]),x++,w--;else if(h[j]===a[k])v[k]=o(d[j],p[k]),i(s,d[x],d[j]),j--,k++;else if(void 0===m&&(m=u(a,k,w),y=u(h,x,j)),m.has(h[x]))if(m.has(h[j])){const e=y.get(a[k]),t=void 0!==e?d[e]:null;if(null===t){const e=i(s,d[x]);o(e,p[k]),v[k]=e}else v[k]=o(t,p[k]),i(s,d[x],t),d[e]=null;k++}else n(d[j]),j--;else n(d[x]),x++;for(;k<=w;){const e=i(s,v[w+1]);o(e,p[k]),v[k++]=e}for(;x<=j;){const e=d[x++];null!==e&&n(e)}return this.ut=a,f(s,v),e}});export{c as repeat};\n//# sourceMappingURL=repeat.js.map\n"],"names":["e","t","s","r","i","c","l","p","h","v","o","n","f"],"mappings":";;;AACA;AAAA;AAAA;AAAA;AAAA;AAKK,MAAC,IAAE,CAACA,IAAE,GAAEC,OAAI;AAAC,QAAM,IAAE,oBAAI;AAAI,WAAQ,IAAE,GAAE,KAAGA,IAAE,IAAI,GAAE,IAAID,GAAE,CAAC,GAAE,CAAC;AAAE,SAAO;AAAC,GAAE,IAAEE,EAAE,cAAcD,EAAC;AAAA,EAAC,YAAYD,IAAE;AAAC,QAAG,MAAMA,EAAC,GAAEA,GAAE,SAAOG,EAAE,MAAM,OAAM,MAAM,+CAA+C;AAAA,EAAC;AAAA,EAAC,GAAGH,IAAE,GAAEC,IAAE;AAAC,QAAI;AAAE,eAASA,KAAEA,KAAE,IAAE,WAAS,MAAI,IAAE;AAAG,UAAM,IAAE,IAAG,IAAE,CAAA;AAAG,QAAIG,KAAE;AAAE,eAAUF,MAAKF,GAAE,GAAEI,EAAC,IAAE,IAAE,EAAEF,IAAEE,EAAC,IAAEA,IAAE,EAAEA,EAAC,IAAEH,GAAEC,IAAEE,EAAC,GAAEA;AAAI,WAAM,EAAC,QAAO,GAAE,MAAK,EAAC;AAAA,EAAC;AAAA,EAAC,OAAOJ,IAAE,GAAEC,IAAE;AAAC,WAAO,KAAK,GAAGD,IAAE,GAAEC,EAAC,EAAE;AAAA,EAAM;AAAA,EAAC,OAAO,GAAE,CAACA,IAAE,GAAEI,EAAC,GAAE;AAAC,UAAM,IAAEC,EAAE,CAAC,GAAE,EAAC,QAAOC,KAAE,MAAK,EAAC,IAAE,KAAK,GAAGN,IAAE,GAAEI,EAAC;AAAE,QAAG,CAAC,MAAM,QAAQ,CAAC,EAAE,QAAO,KAAK,KAAG,GAAEE;AAAE,UAAMC,MAAE,KAAK,OAAL,KAAK,KAAK,KAAGC,MAAE,CAAA;AAAG,QAAI,GAAE,GAAE,IAAE,GAAE,IAAE,EAAE,SAAO,GAAE,IAAE,GAAE,IAAEF,IAAE,SAAO;AAAE,WAAK,KAAG,KAAG,KAAG,IAAG,KAAG,SAAO,EAAE,CAAC,EAAE;AAAA,aAAY,SAAO,EAAE,CAAC,EAAE;AAAA,aAAYC,IAAE,CAAC,MAAI,EAAE,CAAC,EAAEC,KAAE,CAAC,IAAEC,IAAE,EAAE,CAAC,GAAEH,IAAE,CAAC,CAAC,GAAE,KAAI;AAAA,aAAYC,IAAE,CAAC,MAAI,EAAE,CAAC,EAAEC,KAAE,CAAC,IAAEC,IAAE,EAAE,CAAC,GAAEH,IAAE,CAAC,CAAC,GAAE,KAAI;AAAA,aAAYC,IAAE,CAAC,MAAI,EAAE,CAAC,EAAEC,KAAE,CAAC,IAAEC,IAAE,EAAE,CAAC,GAAEH,IAAE,CAAC,CAAC,GAAEH,EAAE,GAAEK,IAAE,IAAE,CAAC,GAAE,EAAE,CAAC,CAAC,GAAE,KAAI;AAAA,aAAYD,IAAE,CAAC,MAAI,EAAE,CAAC,EAAEC,KAAE,CAAC,IAAEC,IAAE,EAAE,CAAC,GAAEH,IAAE,CAAC,CAAC,GAAEH,EAAE,GAAE,EAAE,CAAC,GAAE,EAAE,CAAC,CAAC,GAAE,KAAI;AAAA,aAAY,WAAS,MAAI,IAAE,EAAE,GAAE,GAAE,CAAC,GAAE,IAAE,EAAEI,KAAE,GAAE,CAAC,IAAG,EAAE,IAAIA,IAAE,CAAC,CAAC,EAAE,KAAG,EAAE,IAAIA,IAAE,CAAC,CAAC,GAAE;AAAC,YAAMR,KAAE,EAAE,IAAI,EAAE,CAAC,CAAC,GAAEC,KAAE,WAASD,KAAE,EAAEA,EAAC,IAAE;AAAK,UAAG,SAAOC,IAAE;AAAC,cAAMD,KAAEI,EAAE,GAAE,EAAE,CAAC,CAAC;AAAEM,YAAEV,IAAEO,IAAE,CAAC,CAAC,GAAEE,IAAE,CAAC,IAAET;AAAA,MAAC,MAAMS,KAAE,CAAC,IAAEC,IAAET,IAAEM,IAAE,CAAC,CAAC,GAAEH,EAAE,GAAE,EAAE,CAAC,GAAEH,EAAC,GAAE,EAAED,EAAC,IAAE;AAAK;AAAA,IAAG,MAAMW,GAAE,EAAE,CAAC,CAAC,GAAE;AAAA,QAASA,GAAE,EAAE,CAAC,CAAC,GAAE;AAAI,WAAK,KAAG,KAAG;AAAC,YAAMX,KAAEI,EAAE,GAAEK,IAAE,IAAE,CAAC,CAAC;AAAEC,UAAEV,IAAEO,IAAE,CAAC,CAAC,GAAEE,IAAE,GAAG,IAAET;AAAA,IAAC;AAAC,WAAK,KAAG,KAAG;AAAC,YAAMA,KAAE,EAAE,GAAG;AAAE,eAAOA,MAAGW,EAAEX,EAAC;AAAA,IAAC;AAAC,WAAO,KAAK,KAAG,GAAEY,EAAE,GAAEH,GAAC,GAAET;AAAAA,EAAC;AAAC,CAAC;","x_google_ignoreList":[0]}

package/dist/index264.js

@@ -1,19 +1,5 @@
-import { html } from "lit";
-function textGlitchTemplate(props) {
-  if (props.variant === "decode") {
-    return html`
-      <span class="tg-inner" data-text="${props.text}">
-        ${[...props.text].map(
-      (ch) => html`<span class="char" data-original="${ch}">${ch}</span>`
-    )}
-      </span>
-    `;
-  }
-  return html`
-    <span class="tg-inner" data-text="${props.text}">${props.text}</span>
-  `;
-}
+const toastManagerCss = "@layer tokens,reset,components;@layer reset{*,*:before,*:after{box-sizing:border-box}}@layer components{:host{position:fixed;top:var(--lib-space-lg);right:var(--lib-space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--lib-space-sm);width:340px;pointer-events:none}::slotted(lib-alert),lib-alert{pointer-events:auto;animation:tm-in var(--duration-slow) var(--ease-out) forwards}@keyframes tm-in{0%{transform:translate(calc(100% + var(--lib-space-lg)));opacity:0}to{transform:translate(0);opacity:1}}lib-alert.is-leaving{animation:tm-out var(--duration-base) var(--ease-default) forwards;pointer-events:none}@keyframes tm-out{0%{transform:translate(0);opacity:1;max-height:200px;margin-bottom:0}to{transform:translate(calc(100% + var(--lib-space-lg)));opacity:0;max-height:0;margin-bottom:calc(-1 * var(--lib-space-sm))}}}";
 export {
-  textGlitchTemplate
+  toastManagerCss as default
 };
 //# sourceMappingURL=index264.js.map

package/dist/index264.js.map

@@ -1 +1 @@
-{"version":3,"file":"index264.js","sources":["../src/components/atoms/text-glitch/lib-text-glitch.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { TextGlitchVariant } from './lib-text-glitch.component';\n\nexport interface TextGlitchTemplateProps {\n  text: string;\n  variant: TextGlitchVariant;\n}\n\n/**\n * Template de lib-text-glitch.\n *\n * Para `decode`: renderiza un <span class=\"char\"> por cada carácter Unicode\n * (usando spread de string — correcto para emoji y kanji multibyte).\n * El JS del componente manipula estos spans directamente sin pasar por Lit.\n *\n * Para el resto de variantes: texto plano dentro del wrapper con data-text,\n * que los ::before/::after leen con attr(data-text).\n */\nexport function textGlitchTemplate(props: TextGlitchTemplateProps): TemplateResult {\n  if (props.variant === 'decode') {\n    return html`\n      <span class=\"tg-inner\" data-text=\"${props.text}\">\n        ${[...props.text].map(\n          ch => html`<span class=\"char\" data-original=\"${ch}\">${ch}</span>`\n        )}\n      </span>\n    `;\n  }\n\n  return html`\n    <span class=\"tg-inner\" data-text=\"${props.text}\">${props.text}</span>\n  `;\n}"],"names":[],"mappings":";AAkBO,SAAS,mBAAmB,OAAgD;AACjF,MAAI,MAAM,YAAY,UAAU;AAC9B,WAAO;AAAA,0CAC+B,MAAM,IAAI;AAAA,UAC1C,CAAC,GAAG,MAAM,IAAI,EAAE;AAAA,MAChB,CAAA,OAAM,yCAAyC,EAAE,KAAK,EAAE;AAAA,IAAA,CACzD;AAAA;AAAA;AAAA,EAGP;AAEA,SAAO;AAAA,wCAC+B,MAAM,IAAI,KAAK,MAAM,IAAI;AAAA;AAEjE;"}
+{"version":3,"file":"index264.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index265.js

@@ -1,5 +1,44 @@
-const backgroundCss = `@layer tokens,reset,components;@layer reset{*,*:before,*:after{box-sizing:border-box}:host{display:block;position:relative;overflow:hidden}}@layer components{.bg-base{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.bg-content{position:relative;z-index:2;width:100%;height:100%}:host([paused]) .bg-base,:host([paused]) .bg-overlay{animation-play-state:paused!important}:host([variant="washi"]) .bg-base{background:var(--color-washi-50)}:host([variant="washi-grain"]) .bg-base{background:var(--color-washi-50)}:host([variant="washi-grain"]) .bg-overlay{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.045'/%3E%3C/svg%3E");background-repeat:repeat;mix-blend-mode:multiply}:host([variant="washi-weave"]) .bg-base{background-color:var(--color-washi-100);background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgb(180,160,140,.06) 3px,rgb(180,160,140,.06) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgb(180,160,140,.06) 3px,rgb(180,160,140,.06) 4px)}:host([variant="seigaiha"]) .bg-base{background-color:var(--color-washi-50);background-image:radial-gradient(ellipse 100% 90% at 50% 0%,transparent 60%,rgb(180,155,130,.18) 60%,rgb(180,155,130,.18) 64%,transparent 64%);background-size:36px 18px;background-position:0 0,18px 9px}:host([variant="tatami"]) .bg-base{background-color:var(--color-washi-100);background-image:linear-gradient(rgb(160,140,118,.12) 1px,transparent 1px),linear-gradient(90deg,rgb(160,140,118,.12) 1px,transparent 1px),linear-gradient(rgb(160,140,118,.06) 1px,transparent 1px),linear-gradient(90deg,rgb(160,140,118,.06) 1px,transparent 1px);background-size:60px 60px,60px 60px,20px 20px,20px 20px}:host([variant="asanoha"]) .bg-base{background-color:var(--color-washi-50);background-image:repeating-linear-gradient(60deg,rgb(160,140,118,.1) 0,rgb(160,140,118,.1) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(-60deg,rgb(160,140,118,.1) 0,rgb(160,140,118,.1) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(0deg,rgb(160,140,118,.08) 0,rgb(160,140,118,.08) 1px,transparent 1px,transparent 18px)}:host([variant="sashiko"]) .bg-base{background-color:#f0eae0;background-image:radial-gradient(circle,rgb(130,100,70,.18) 1.5px,transparent 1.5px);background-size:16px 16px}:host([variant="komon"]) .bg-base{background-color:var(--color-washi-50);background-image:radial-gradient(circle at 2px 2px,rgb(160,130,100,.15) 1px,transparent 0),radial-gradient(circle at 10px 10px,rgb(160,130,100,.08) 1px,transparent 0);background-size:12px 12px}:host([variant="kasuri"]) .bg-base{background-color:#f5efe6;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 8px,rgb(150,120,90,.05) 8px,rgb(150,120,90,.05) 10px),repeating-linear-gradient(45deg,transparent 0,transparent 8px,rgb(150,120,90,.04) 8px,rgb(150,120,90,.04) 10px)}:host([variant="nishiki"]) .bg-base{background:linear-gradient(135deg,var(--color-washi-50) 0%,#F5EEE4 35%,#EDE3D5 65%,var(--color-washi-100) 100%)}:host([variant="sumi"]) .bg-base{background:var(--color-washi-950)}:host([variant="sumi-grain"]) .bg-base{background:var(--color-washi-950)}:host([variant="sumi-grain"]) .bg-overlay{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.055'/%3E%3C/svg%3E");background-repeat:repeat;mix-blend-mode:screen}:host([variant="kintsugi"]) .bg-base{background:var(--color-washi-950);background-image:linear-gradient(125deg,transparent 30%,rgb(184,90,30,.07) 50%,transparent 70%),linear-gradient(45deg,transparent 20%,rgb(184,90,30,.04) 60%,transparent 80%)}:host([variant="ash-grid"]) .bg-base{background-color:var(--color-washi-950);background-image:linear-gradient(rgb(250,247,244,.04) 1px,transparent 1px),linear-gradient(90deg,rgb(250,247,244,.04) 1px,transparent 1px);background-size:40px 40px}:host([variant="ink-dot"]) .bg-base{background-color:var(--color-washi-950);background-image:radial-gradient(circle,rgb(250,247,244,.07) 1px,transparent 1px);background-size:20px 20px}:host([variant="mokume"]) .bg-base{background:#1a120a;background-image:repeating-linear-gradient(2deg,transparent 0,transparent 14px,rgb(255,240,220,.025) 14px,rgb(255,240,220,.025) 16px),repeating-linear-gradient(-1deg,transparent 0,transparent 22px,rgb(255,240,220,.015) 22px,rgb(255,240,220,.015) 24px)}:host([variant="kumo"]) .bg-base{background:#0e0a07;background-image:radial-gradient(ellipse 60% 40% at 20% 30%,rgb(184,90,30,.08) 0%,transparent 70%),radial-gradient(ellipse 50% 35% at 80% 70%,rgb(78,148,130,.06) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 60% 20%,rgb(184,90,30,.04) 0%,transparent 70%)}:host([variant="temari"]) .bg-base{background:#110d09;background-image:radial-gradient(circle at 50% 50%,transparent 38px,rgb(250,247,244,.04) 39px,transparent 40px),radial-gradient(circle at 50% 50%,transparent 58px,rgb(250,247,244,.03) 59px,transparent 60px),radial-gradient(circle at 50% 50%,transparent 78px,rgb(250,247,244,.025) 79px,transparent 80px),radial-gradient(circle at 50% 50%,transparent 98px,rgb(250,247,244,.02) 99px,transparent 100px),radial-gradient(circle at 50% 50%,transparent 118px,rgb(250,247,244,.015) 119px,transparent 120px)}:host([variant="dusk"]) .bg-base{background:linear-gradient(160deg,#1a1008,#2a1a0e,#1a1208 60%,#0e0a06)}:host([variant="embers"]) .bg-base{background:#0c0804;background-image:radial-gradient(ellipse 50% 40% at 50% 100%,rgb(184,90,30,.22) 0%,transparent 65%),radial-gradient(ellipse 30% 20% at 50% 90%,rgb(217,114,52,.3) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 50% 50%,transparent 40%,rgb(10,6,2,.9) 100%)}:host([variant="aurora-light"]) .bg-base{background:radial-gradient(ellipse 80% 60% at 10% 20%,rgb(217,114,52,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 80%,rgb(78,148,130,.1) 0%,transparent 60%),radial-gradient(ellipse 70% 70% at 50% 50%,rgb(250,247,244,.5) 0%,transparent 100%),var(--color-washi-50)}:host([variant="kaki-glow"]) .bg-base{background:radial-gradient(ellipse 70% 60% at 30% 40%,rgb(217,114,52,.18) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 80% 20%,rgb(184,90,30,.1) 0%,transparent 60%),var(--color-washi-100)}:host([variant="celadon-mist"]) .bg-base{background:radial-gradient(ellipse 80% 60% at 70% 30%,rgb(78,148,130,.14) 0%,transparent 65%),radial-gradient(ellipse 60% 50% at 20% 80%,rgb(78,148,130,.08) 0%,transparent 60%),var(--color-washi-50)}:host([variant="noctiluca"]) .bg-base{background:#0a0806;background-image:radial-gradient(ellipse 60% 50% at 20% 30%,rgb(217,114,52,.12) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 70%,rgb(78,148,130,.09) 0%,transparent 60%),radial-gradient(ellipse 70% 60% at 50% 50%,rgb(26,20,14,.8) 0%,transparent 100%)}:host([variant="horizon"]) .bg-base{background:linear-gradient(180deg,var(--color-washi-50) 0%,#EDE3D5 40%,#D8C8B4 70%,var(--color-washi-200) 100%)}:host([variant="breathing"]) .bg-base{background:var(--color-washi-50)}:host([variant="breathing"]) .bg-overlay{top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgb(217,114,52,.1) 0%,transparent 70%);animation:bg-breathe 6s ease-in-out infinite}:host([variant="aurora-drift"]) .bg-base{background:#0c0906}:host([variant="aurora-drift"]) .bg-overlay{background:transparent;animation:none}:host([variant="aurora-drift"]) .bg-orb-a,:host([variant="aurora-drift"]) .bg-orb-b{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:1}:host([variant="aurora-drift"]) .bg-orb-a{width:200px;height:160px;background:#b85a1e2e;top:10%;left:15%;animation:bg-aurora-float 12s ease-in-out infinite}:host([variant="aurora-drift"]) .bg-orb-b{width:180px;height:140px;background:#4e948224;bottom:15%;right:20%;animation:bg-aurora-float 12s ease-in-out infinite;animation-delay:-5s;animation-direction:reverse}:host([variant="scan"]) .bg-base{background:#0e0a07;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgb(255,255,255,.018) 3px,rgb(255,255,255,.018) 4px)}:host([variant="scan"]) .bg-overlay{height:2px;inset:0 0 auto;top:0;left:0;right:0;background:linear-gradient(90deg,transparent,rgb(184,90,30,.35),transparent);animation:bg-scan-sweep 5s linear infinite}:host([variant="ink-drop"]) .bg-base{background:var(--color-washi-50)}:host([variant="ink-drop"]) .bg-overlay{width:80px;height:80px;inset:unset;top:50%;left:50%;margin:-40px 0 0 -40px;background:radial-gradient(circle,rgb(26,20,14,.08) 0%,rgb(26,20,14,.03) 50%,transparent 100%);border-radius:50%;animation:bg-ink-expand 4s ease-in-out infinite}:host([variant="shimmer"]) .bg-base{background:var(--color-washi-100)}:host([variant="shimmer"]) .bg-overlay{background:linear-gradient(105deg,transparent 30%,rgb(250,247,244,.5) 50%,transparent 70%);transform:translate(-100%);animation:bg-shimmer-pass 4s ease-in-out infinite;animation-delay:1s}:host([variant="particles"]){background:var(--color-washi-950)}:host([variant="rain"]){background:#0e0a07}:host([variant="wave-mesh"]){background:var(--color-washi-50)}:host([variant="constellation"]){background:#0a0806}:host([variant="kagome"]) .bg-base{background-color:var(--color-washi-50);background-image:linear-gradient(60deg,rgb(160,140,118,.11) 1px,transparent 1px),linear-gradient(120deg,rgb(160,140,118,.11) 1px,transparent 1px),linear-gradient(0deg,rgb(160,140,118,.07) 1px,transparent 1px);background-size:22px 38px}:host([variant="shoji"]) .bg-base{background-color:#fdfaf6;background-image:linear-gradient(rgb(160,140,118,.07) 1px,transparent 1px),linear-gradient(90deg,rgb(160,140,118,.07) 1px,transparent 1px),linear-gradient(rgb(160,140,118,.13) 1px,transparent 1px),linear-gradient(90deg,rgb(160,140,118,.13) 1px,transparent 1px);background-size:10px 10px,10px 10px,40px 40px,40px 40px}:host([variant="shibori"]) .bg-base{background-color:var(--color-washi-50);background-image:radial-gradient(circle at 0% 0%,transparent 28%,rgb(160,140,118,.1) 29%,transparent 30%),radial-gradient(circle at 100% 0%,transparent 28%,rgb(160,140,118,.1) 29%,transparent 30%),radial-gradient(circle at 0% 100%,transparent 28%,rgb(160,140,118,.1) 29%,transparent 30%),radial-gradient(circle at 100% 100%,transparent 28%,rgb(160,140,118,.1) 29%,transparent 30%),radial-gradient(circle at 50% 50%,transparent 28%,rgb(160,140,118,.07) 29%,transparent 30%),radial-gradient(circle at 0% 0%,transparent 14%,rgb(160,140,118,.06) 15%,transparent 16%),radial-gradient(circle at 100% 0%,transparent 14%,rgb(160,140,118,.06) 15%,transparent 16%),radial-gradient(circle at 0% 100%,transparent 14%,rgb(160,140,118,.06) 15%,transparent 16%),radial-gradient(circle at 100% 100%,transparent 14%,rgb(160,140,118,.06) 15%,transparent 16%);background-size:48px 48px}:host([variant="ori"]) .bg-base{background-color:var(--color-washi-100);background-image:repeating-linear-gradient(45deg,transparent 0,transparent 4px,rgb(150,130,108,.09) 4px,rgb(150,130,108,.09) 5px),repeating-linear-gradient(-45deg,transparent 0,transparent 4px,rgb(150,130,108,.07) 4px,rgb(150,130,108,.07) 5px)}:host([variant="chirimen"]) .bg-base{background-color:#faf6f0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.3' numOctaves='3' seed='5' stitchTiles='stitch'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='2' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23c)' fill='rgb(160,140,118)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat}:host([variant="obsidian"]) .bg-base{background:#0a0808;background-image:linear-gradient(135deg,transparent 0%,rgb(220,215,210,.025) 25%,transparent 50%,rgb(220,215,210,.015) 75%,transparent 100%),radial-gradient(ellipse 60% 40% at 70% 30%,rgb(184,90,30,.06),transparent 60%)}:host([variant="forge"]) .bg-base{background:#080604;background-image:radial-gradient(ellipse 90% 40% at 50% 110%,rgb(217,114,52,.35) 0%,rgb(140,65,21,.2) 35%,transparent 65%),radial-gradient(ellipse 60% 25% at 50% 100%,rgb(250,180,80,.12) 0%,transparent 50%)}:host([variant="void"]) .bg-base{background:#06040302;background-image:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 20%,rgb(0,0,0,.3) 55%,rgb(0,0,0,.75) 100%),radial-gradient(ellipse 30% 25% at 50% 50%,rgb(184,90,30,.04),transparent 70%);background-color:#0c0a08}:host([variant="yami"]) .bg-base{background:linear-gradient(160deg,#1a1208,#0e0b07 30%,#080604 55%,#04030200);background-color:#080604}:host([variant="midnight"]) .bg-base{background-color:#090806;background-image:radial-gradient(circle,rgb(250,247,244,.04) 1px,transparent 1px);background-size:12px 12px;background-position:0 0,6px 6px}:host([variant="midnight"]) .bg-overlay{background:linear-gradient(180deg,transparent 60%,rgb(184,90,30,.04) 100%)}:host([variant="sakura"]) .bg-base{background:radial-gradient(ellipse 70% 60% at 30% 30%,rgb(230,190,180,.22) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 70%,rgb(217,114,52,.08) 0%,transparent 60%),radial-gradient(ellipse 80% 80% at 50% 50%,rgb(250,247,244,.6) 0%,transparent 100%),#faf4f2}:host([variant="twilight"]) .bg-base{background:linear-gradient(160deg,#2a1a0e,#1e1208 35%,#120c06 65%,#080604);background-image:radial-gradient(ellipse 80% 50% at 30% 20%,rgb(217,114,52,.14) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgb(184,90,30,.08) 0%,transparent 60%)}:host([variant="jade-deep"]) .bg-base{background:#080e0c;background-image:radial-gradient(ellipse 70% 60% at 20% 40%,rgb(78,148,130,.16) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 85% 65%,rgb(53,113,100,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 60% 20%,rgb(78,148,130,.07) 0%,transparent 60%)}:host([variant="pulse"]) .bg-base{background:var(--color-washi-950)}:host([variant="pulse"]) .bg-overlay{background:transparent}:host([variant="pulse"]) .bg-overlay:before,:host([variant="pulse"]) .bg-overlay:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgb(184,90,30,.35);transform:translate(-50%,-50%) scale(0);width:160px;height:160px;animation:bg-pulse-ring 4s ease-out infinite}:host([variant="pulse"]) .bg-overlay:after{border-color:#f5d08a33;animation-delay:2s}@keyframes bg-pulse-ring{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(5.5);opacity:0}}:host([variant="fog"]) .bg-base{background:var(--color-washi-950)}:host([variant="fog"]) .bg-overlay{background:radial-gradient(ellipse 500px 220px at 0% 50%,rgb(250,247,244,.045),transparent 70%),radial-gradient(ellipse 300px 140px at 0% 50%,rgb(250,247,244,.03),transparent 60%);animation:bg-fog-drift 10s linear infinite}:host([variant="fog"]) .bg-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 400px 180px at 0% 65%,rgb(184,90,30,.025),transparent 70%);animation:bg-fog-drift 14s linear infinite;animation-delay:-5s}@keyframes bg-fog-drift{0%{transform:translate(-40%)}to{transform:translate(140%)}}:host([variant="static"]) .bg-base{background:#0a0806;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E");background-repeat:repeat}:host([variant="static"]) .bg-overlay{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,transparent,transparent 3px,rgb(255,255,255,.012) 3px,rgb(255,255,255,.012) 4px);animation:bg-static-noise .12s steps(1) infinite}@keyframes bg-static-noise{0%{background-position:0 0,0 0;opacity:1}20%{background-position:-3% 2%,0 0;opacity:.9}40%{background-position:4% -1%,0 -2px;opacity:1}60%{background-position:-1% 3%,0 0;opacity:.8}80%{background-position:2% -2%,0 1px;opacity:1}}:host([variant="fireflies"]){background:#080604}:host([variant="ink-wash"]){background:var(--color-washi-50)}@keyframes bg-breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}@keyframes bg-aurora-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,15px) scale(.95)}}@keyframes bg-scan-sweep{0%{top:0%;opacity:0}2%{opacity:1}98%{opacity:.4}to{top:100%;opacity:0}}@keyframes bg-ink-expand{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(4);opacity:1}}@keyframes bg-shimmer-pass{0%{transform:translate(-100%)}to{transform:translate(200%)}}}`;
+import { html } from "lit";
+const chevronSvg = html`
+  <svg
+    class="accordion-item__icon"
+    viewBox="0 0 16 16"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true"
+  >
+    <polyline points="3,5 8,11 13,5"/>
+  </svg>
+`;
+function accordionItemTemplate(props) {
+  return html`
+    <div class="accordion-item__root">
+
+      <button
+        class="accordion-item__trigger"
+        type="button"
+        aria-expanded="${props.open ? "true" : "false"}"
+        @click=${props.onToggle}
+      >
+        <span class="accordion-item__label">${props.label}</span>
+        ${chevronSvg}
+      </button>
+
+      <div class="accordion-item__body">
+        <div class="accordion-item__body-inner">
+          <div class="accordion-item__content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  `;
+}
 export {
-  backgroundCss as default
+  accordionItemTemplate
 };
 //# sourceMappingURL=index265.js.map

package/dist/index265.js.map

@@ -1 +1 @@
-{"version":3,"file":"index265.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index265.js","sources":["../src/components/atoms/accordion-item/lib-accordion-item.component.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\n\nexport interface AccordionItemTemplateProps {\n  label: string;\n  open: boolean;\n  onToggle: () => void;\n}\n\n/** Chevron SVG — rota 180deg via CSS cuando open */\nconst chevronSvg = html`\n  <svg\n    class=\"accordion-item__icon\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.5\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <polyline points=\"3,5 8,11 13,5\"/>\n  </svg>\n`;\n\n/**\n * Plantilla para lib-accordion-item.\n *\n * La animacion de apertura usa grid-template-rows: 0fr -> 1fr\n * para evitar calcular alturas dinamicas.\n *\n * El slot default recibe el contenido colapsable.\n */\nexport function accordionItemTemplate(props: AccordionItemTemplateProps): TemplateResult {\n  return html`\n    <div class=\"accordion-item__root\">\n\n      <button\n        class=\"accordion-item__trigger\"\n        type=\"button\"\n        aria-expanded=\"${props.open ? 'true' : 'false'}\"\n        @click=${props.onToggle}\n      >\n        <span class=\"accordion-item__label\">${props.label}</span>\n        ${chevronSvg}\n      </button>\n\n      <div class=\"accordion-item__body\">\n        <div class=\"accordion-item__body-inner\">\n          <div class=\"accordion-item__content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n\n    </div>\n  `;\n}"],"names":[],"mappings":";AASA,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBZ,SAAS,sBAAsB,OAAmD;AACvF,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAMgB,MAAM,OAAO,SAAS,OAAO;AAAA,iBACrC,MAAM,QAAQ;AAAA;AAAA,8CAEe,MAAM,KAAK;AAAA,UAC/C,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAapB;"}

package/dist/index266.js

@@ -1,19 +1,5 @@
-import { html, nothing } from "lit";
-function backgroundTemplate(props) {
-  const { variant, isCanvas } = props;
-  const isAuroraDrift = variant === "aurora-drift";
-  return html`
-    ${isCanvas ? html`<canvas class="bg-canvas"></canvas>` : html`
-          <div class="bg-base"></div>
-          <div class="bg-overlay"></div>
-          ${isAuroraDrift ? html`<div class="bg-orb-a"></div><div class="bg-orb-b"></div>` : nothing}
-        `}
-    <div class="bg-content">
-      <slot></slot>
-    </div>
-  `;
-}
+const accordionItemCss = "@layer tokens,reset,components;@layer reset{:host{display:block}*,*:before,*:after{box-sizing:border-box}}@layer components{:host{--accordion-item-trigger-px: var(--lib-space-md);--accordion-item-content-px: var(--lib-space-md);--accordion-item-trigger-hover-bg: var(--bg-surface);--accordion-item-body-bg: var(--bg-elevated);--accordion-item-trigger-bg: var(--bg-elevated);--accordion-item-accent-border: 2px solid transparent;--accordion-item-label-color: var(--text-primary);--accordion-item-icon-color: var(--text-muted);--accordion-item-content-border: var(--border-subtle);--accordion-item-content-color: var(--text-secondary)}.accordion-item__root{border-bottom:1px solid var(--border-subtle);border-left:var(--accordion-item-accent-border);transition:border-color var(--duration-slow) var(--ease-out),background var(--duration-base) var(--ease-default)}.accordion-item__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--lib-space-md);padding:var(--lib-space-sm) var(--accordion-item-trigger-px);padding-block:var(--space-5, 1.25rem);background:var(--accordion-item-trigger-bg);border:none;cursor:pointer;text-align:left;transition:background var(--duration-base) var(--ease-default)}.accordion-item__trigger:hover{background:var(--accordion-item-trigger-hover-bg)}.accordion-item__label{font-family:var(--lib-font-body);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--accordion-item-label-color);line-height:var(--leading-snug)}.accordion-item__icon{flex-shrink:0;width:16px;height:16px;color:var(--accordion-item-icon-color);transition:transform var(--duration-slow) var(--ease-out)}:host([open]) .accordion-item__icon{transform:rotate(180deg)}.accordion-item__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease-out);background:var(--accordion-item-body-bg)}:host([open]) .accordion-item__body{grid-template-rows:1fr}.accordion-item__body-inner{overflow:hidden}.accordion-item__content{padding-inline:var(--accordion-item-content-px);padding-bottom:var(--lib-space-md);font-size:var(--text-sm);color:var(--accordion-item-content-color);line-height:var(--leading-relaxed);border-top:1px solid var(--accordion-item-content-border)}.accordion-item__content ::slotted(*){margin:0;padding-top:var(--lib-space-md)}@media(prefers-reduced-motion:reduce){.accordion-item__body,.accordion-item__icon,.accordion-item__trigger{transition:none}}}";
 export {
-  backgroundTemplate
+  accordionItemCss as default
 };
 //# sourceMappingURL=index266.js.map

package/dist/index266.js.map

@@ -1 +1 @@
-{"version":3,"file":"index266.js","sources":["../src/components/atoms/background/lib-background.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { BackgroundTemplateProps } from './lib-background.types';\n\n/**\n * Template principal de lib-background.\n *\n * Estructura de capas:\n *  .bg-base    → recibe background CSS (color/patrón/gradiente)\n *  .bg-overlay → grain, shimmer, scan line, ink-drop...\n *  .bg-orb-a/b → orbes animados (solo aurora-drift)\n *  .bg-canvas  → canvas 2D generativo (solo variantes canvas)\n *  .bg-content → contenido sloteado — z-index 2\n */\nexport function backgroundTemplate(props: BackgroundTemplateProps): TemplateResult {\n  const { variant, isCanvas } = props;\n  const isAuroraDrift = variant === 'aurora-drift';\n\n  return html`\n    ${isCanvas\n      ? html`<canvas class=\"bg-canvas\"></canvas>`\n      : html`\n          <div class=\"bg-base\"></div>\n          <div class=\"bg-overlay\"></div>\n          ${isAuroraDrift\n            ? html`<div class=\"bg-orb-a\"></div><div class=\"bg-orb-b\"></div>`\n            : nothing}\n        `\n    }\n    <div class=\"bg-content\">\n      <slot></slot>\n    </div>\n  `;\n}"],"names":[],"mappings":";AAaO,SAAS,mBAAmB,OAAgD;AACjF,QAAM,EAAE,SAAS,SAAA,IAAa;AAC9B,QAAM,gBAAgB,YAAY;AAElC,SAAO;AAAA,MACH,WACE,4CACA;AAAA;AAAA;AAAA,YAGI,gBACE,iEACA,OAAO;AAAA,SAEjB;AAAA;AAAA;AAAA;AAAA;AAKJ;"}
+{"version":3,"file":"index266.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index267.js

@@ -1,12 +1,37 @@
-const BG_CANVAS_VARIANTS = /* @__PURE__ */ new Set([
-  "particles",
-  "rain",
-  "wave-mesh",
-  "constellation",
-  "fireflies",
-  "ink-wash"
-]);
+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;
+  }
+});
 export {
-  BG_CANVAS_VARIANTS
+  o as styleMap
 };
 //# sourceMappingURL=index267.js.map

package/dist/index267.js.map

@@ -1 +1 @@
-{"version":3,"file":"index267.js","sources":["../src/components/atoms/background/lib-background.types.ts"],"sourcesContent":["/* ============================================================\n   LIB-BACKGROUND — Tipos e interfaces públicas\n   52 variantes: 15 light · 15 dark · 8 gradient · 8 animated · 6 canvas\n   ============================================================ */\n\n/** 15 fondos light inspirados en papel y textil japonés */\nexport type LibBackgroundLight =\n  | 'washi'\n  | 'washi-grain'\n  | 'washi-weave'\n  | 'seigaiha'\n  | 'tatami'\n  | 'asanoha'\n  | 'sashiko'\n  | 'komon'\n  | 'kasuri'\n  | 'nishiki'\n  /* ── Nuevos ── */\n  | 'kagome'      /* 籠目  hexagonal basket weave */\n  | 'shoji'       /* 障子  paper screen fine grid */\n  | 'shibori'     /* 絞り  tie-dye concentric circles */\n  | 'ori'         /* 織   diagonal woven textile */\n  | 'chirimen';   /* 縮緬  crepe silk fine crinkle */\n\n/** 15 fondos dark derivados de la tinta sumi */\nexport type LibBackgroundDark =\n  | 'sumi'\n  | 'sumi-grain'\n  | 'kintsugi'\n  | 'ash-grid'\n  | 'ink-dot'\n  | 'mokume'\n  | 'kumo'\n  | 'temari'\n  | 'dusk'\n  | 'embers'\n  /* ── Nuevos ── */\n  | 'obsidian'    /* 黒曜石  mineral shimmer sobre negro profundo */\n  | 'forge'       /* 鍛冶   brasa naranja desde abajo */\n  | 'void'        /* 虚空   vignette radial, oscuridad pura */\n  | 'yami'        /* 闇     degradado de profundidad casi imperceptible */\n  | 'midnight';   /* 深夜   matriz de puntos finos sobre near-black */\n\n/** 8 fondos de gradiente mesh */\nexport type LibBackgroundGradient =\n  | 'aurora-light'\n  | 'kaki-glow'\n  | 'celadon-mist'\n  | 'noctiluca'\n  | 'horizon'\n  /* ── Nuevos ── */\n  | 'sakura'      /* 桜    rosa-washi suave */\n  | 'twilight'    /* 黄昏  kaki cálido a oscuro */\n  | 'jade-deep';  /* 翡翠  celadón profundo con humo */\n\n/** 8 fondos animados en CSS puro */\nexport type LibBackgroundAnimated =\n  | 'breathing'\n  | 'aurora-drift'\n  | 'scan'\n  | 'ink-drop'\n  | 'shimmer'\n  /* ── Nuevos ── */\n  | 'pulse'       /* anillos kintsugi expandiéndose desde el centro */\n  | 'fog'         /* niebla lenta cruzando de izquierda a derecha */\n  | 'static';     /* ruido CRT — estética glitch */\n\n/** 6 fondos generativos en Canvas 2D */\nexport type LibBackgroundCanvas =\n  | 'particles'\n  | 'rain'\n  | 'wave-mesh'\n  | 'constellation'\n  /* ── Nuevos ── */\n  | 'fireflies'   /* partículas luminosas con movimiento orgánico */\n  | 'ink-wash';   /* manchas de tinta expandiéndose sobre papel */\n\n/** Unión completa de las 52 variantes */\nexport type LibBackgroundVariant =\n  | LibBackgroundLight\n  | LibBackgroundDark\n  | LibBackgroundGradient\n  | LibBackgroundAnimated\n  | LibBackgroundCanvas;\n\n/** Props del template */\nexport interface BackgroundTemplateProps {\n  variant:  LibBackgroundVariant;\n  isCanvas: boolean;\n}\n\n/** Set de variantes canvas (requieren inicialización JS) */\nexport const BG_CANVAS_VARIANTS = new Set<LibBackgroundVariant>([\n  'particles', 'rain', 'wave-mesh', 'constellation',\n  'fireflies', 'ink-wash',\n]);\n\n/** Set de variantes oscuras (para decidir color de demo content) */\nexport const BG_DARK_VARIANTS = new Set<LibBackgroundVariant>([\n  'sumi', 'sumi-grain', 'kintsugi', 'ash-grid', 'ink-dot',\n  'mokume', 'kumo', 'temari', 'dusk', 'embers',\n  'obsidian', 'forge', 'void', 'yami', 'midnight',\n  'noctiluca', 'aurora-drift', 'scan', 'particles', 'rain',\n  'constellation', 'twilight', 'jade-deep', 'pulse', 'fog',\n  'static', 'fireflies', 'ink-wash',\n]);"],"names":[],"mappings":"AA4FO,MAAM,yCAAyB,IAA0B;AAAA,EAC9D;AAAA,EAAa;AAAA,EAAQ;AAAA,EAAa;AAAA,EAClC;AAAA,EAAa;AACf,CAAC;"}
+{"version":3,"file":"index267.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]}

package/dist/index268.js

@@ -1,58 +1,12 @@
-import { html, nothing } from "lit";
-const glitchGhost = html`
-  <div class="burger-ghost">
-    <svg class="ghost-a" width="52" height="52" viewBox="0 0 52 52" fill="none">
-      <line x1="12" y1="19" x2="40" y2="19" stroke="rgba(217,114,52,0.6)"  stroke-width="1.5"/>
-      <line x1="12" y1="26" x2="40" y2="26" stroke="rgba(217,114,52,0.6)"  stroke-width="1.5"/>
-      <line x1="12" y1="33" x2="40" y2="33" stroke="rgba(217,114,52,0.6)"  stroke-width="1.5"/>
-    </svg>
-    <svg class="ghost-b" width="52" height="52" viewBox="0 0 52 52" fill="none">
-      <line x1="12" y1="19" x2="40" y2="19" stroke="rgba(78,148,130,0.4)"  stroke-width="1"/>
-      <line x1="12" y1="26" x2="40" y2="26" stroke="rgba(78,148,130,0.4)"  stroke-width="1"/>
-      <line x1="12" y1="33" x2="40" y2="33" stroke="rgba(78,148,130,0.4)"  stroke-width="1"/>
-    </svg>
-  </div>`;
-const lines = html`
-  <div class="burger-lines">
-    <span class="burger-line"></span>
-    <span class="burger-line"></span>
-    <span class="burger-line"></span>
-  </div>`;
-function burgerBtn(ctx) {
+import { html } from "lit";
+const aspectRatioTemplate = () => {
   return html`
-    <button
-      class="burger"
-      part="burger"
-      aria-label="${ctx.ariaLabel || "Menú"}"
-      aria-expanded="${ctx.open}"
-      @click="${() => ctx._handleClick()}"
-    >
-      ${ctx.variant === "glitch" ? glitchGhost : nothing}
-      ${lines}
-    </button>`;
-}
-function burgerTemplate(ctx) {
-  if (!ctx.label) return burgerBtn(ctx);
-  return html`
-    <div
-      class="burger-wrap"
-      part="wrap"
-      @click="${() => ctx._handleClick()}"
-    >
-      <button
-        class="burger"
-        part="burger"
-        aria-label="${ctx.ariaLabel || "Menú"}"
-        aria-expanded="${ctx.open}"
-        @click="${(e) => e.stopPropagation()}"
-      >
-        ${ctx.variant === "glitch" ? glitchGhost : nothing}
-        ${lines}
-      </button>
-      <span class="burger-label" part="label">${ctx._labelText}</span>
-    </div>`;
-}
+    <div class="aspect-ratio-container">
+      <slot></slot>
+    </div>
+  `;
+};
 export {
-  burgerTemplate
+  aspectRatioTemplate
 };
 //# sourceMappingURL=index268.js.map

package/dist/index268.js.map

@@ -1 +1 @@
-{"version":3,"file":"index268.js","sources":["../src/components/atoms/burger-button/lib-burger-button.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibBurger } from './lib-burger-button.component';\n\n/* SVG ghost lines para la variante glitch */\nconst glitchGhost: TemplateResult = html`\n  <div class=\"burger-ghost\">\n    <svg class=\"ghost-a\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\">\n      <line x1=\"12\" y1=\"19\" x2=\"40\" y2=\"19\" stroke=\"rgba(217,114,52,0.6)\"  stroke-width=\"1.5\"/>\n      <line x1=\"12\" y1=\"26\" x2=\"40\" y2=\"26\" stroke=\"rgba(217,114,52,0.6)\"  stroke-width=\"1.5\"/>\n      <line x1=\"12\" y1=\"33\" x2=\"40\" y2=\"33\" stroke=\"rgba(217,114,52,0.6)\"  stroke-width=\"1.5\"/>\n    </svg>\n    <svg class=\"ghost-b\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\">\n      <line x1=\"12\" y1=\"19\" x2=\"40\" y2=\"19\" stroke=\"rgba(78,148,130,0.4)\"  stroke-width=\"1\"/>\n      <line x1=\"12\" y1=\"26\" x2=\"40\" y2=\"26\" stroke=\"rgba(78,148,130,0.4)\"  stroke-width=\"1\"/>\n      <line x1=\"12\" y1=\"33\" x2=\"40\" y2=\"33\" stroke=\"rgba(78,148,130,0.4)\"  stroke-width=\"1\"/>\n    </svg>\n  </div>`;\n\n/* Las tres líneas internas */\nconst lines: TemplateResult = html`\n  <div class=\"burger-lines\">\n    <span class=\"burger-line\"></span>\n    <span class=\"burger-line\"></span>\n    <span class=\"burger-line\"></span>\n  </div>`;\n\n/* Botón principal */\nfunction burgerBtn(ctx: LibBurger): TemplateResult {\n  return html`\n    <button\n      class=\"burger\"\n      part=\"burger\"\n      aria-label=\"${ctx.ariaLabel || 'Menú'}\"\n      aria-expanded=\"${ctx.open}\"\n      @click=\"${(): void => ctx._handleClick()}\"\n    >\n      ${ctx.variant === 'glitch' ? glitchGhost : nothing}\n      ${lines}\n    </button>`;\n}\n\nexport function burgerTemplate(ctx: LibBurger): TemplateResult {\n  /* Sin label — renderiza solo el botón */\n  if (!ctx.label) return burgerBtn(ctx);\n\n  /* Con label — wrapper flex */\n  return html`\n    <div\n      class=\"burger-wrap\"\n      part=\"wrap\"\n      @click=\"${(): void => ctx._handleClick()}\"\n    >\n      <button\n        class=\"burger\"\n        part=\"burger\"\n        aria-label=\"${ctx.ariaLabel || 'Menú'}\"\n        aria-expanded=\"${ctx.open}\"\n        @click=\"${(e: MouseEvent): void => e.stopPropagation()}\"\n      >\n        ${ctx.variant === 'glitch' ? glitchGhost : nothing}\n        ${lines}\n      </button>\n      <span class=\"burger-label\" part=\"label\">${ctx._labelText}</span>\n    </div>`;\n}"],"names":[],"mappings":";AAIA,MAAM,cAA8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAepC,MAAM,QAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ9B,SAAS,UAAU,KAAgC;AACjD,SAAO;AAAA;AAAA;AAAA;AAAA,oBAIW,IAAI,aAAa,MAAM;AAAA,uBACpB,IAAI,IAAI;AAAA,gBACf,MAAY,IAAI,cAAc;AAAA;AAAA,QAEtC,IAAI,YAAY,WAAW,cAAc,OAAO;AAAA,QAChD,KAAK;AAAA;AAEb;AAEO,SAAS,eAAe,KAAgC;AAE7D,MAAI,CAAC,IAAI,MAAO,QAAO,UAAU,GAAG;AAGpC,SAAO;AAAA;AAAA;AAAA;AAAA,gBAIO,MAAY,IAAI,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKxB,IAAI,aAAa,MAAM;AAAA,yBACpB,IAAI,IAAI;AAAA,kBACf,CAAC,MAAwB,EAAE,iBAAiB;AAAA;AAAA,UAEpD,IAAI,YAAY,WAAW,cAAc,OAAO;AAAA,UAChD,KAAK;AAAA;AAAA,gDAEiC,IAAI,UAAU;AAAA;AAE9D;"}
+{"version":3,"file":"index268.js","sources":["../src/components/atoms/aspect-ratio/lib-aspect-ratio.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\n\nexport const aspectRatioTemplate = (): TemplateResult => {\n  return html`\n    <div class=\"aspect-ratio-container\">\n      <slot></slot>\n    </div>\n  `;\n};"],"names":[],"mappings":";AAEO,MAAM,sBAAsB,MAAsB;AACvD,SAAO;AAAA;AAAA;AAAA;AAAA;AAKT;"}

package/dist/index269.js

@@ -1,5 +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}}}';
+const styles = "@layer components{:host{display:block;width:100%}.aspect-ratio-container{position:relative;width:100%;aspect-ratio:var(--lib-aspect-ratio, 1 / 1)}::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}}";
 export {
-  burgerCss as default
+  styles as default
 };
 //# sourceMappingURL=index269.js.map

package/dist/index27.js

@@ -1,8 +1,7 @@
-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 { unsafeCSS, css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
 import sharedTokens from "./index196.js";
+import labelStyles from "./index311.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -13,69 +12,39 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibDivider = class extends LitElement {
+let LibLabel = 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()) !== "";
-      }
-    );
+    this.htmlFor = "";
+    this.required = false;
   }
   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)
-    });
+    return html`
+      <label for="${this.htmlFor}">
+        <slot></slot>
+        ${this.required ? html`<span class="required-indicator" aria-hidden="true">*</span>` : ""}
+      </label>
+    `;
   }
 };
-LibDivider.styles = [
-  css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(dividerCss)}`
+LibLabel.styles = [
+  css`
+      ${unsafeCSS(sharedTokens)}
+    `,
+  css`
+      ${unsafeCSS(labelStyles)}
+    `
 ];
 __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);
+  property({ type: String })
+], LibLabel.prototype, "htmlFor", 2);
 __decorateClass([
-  state()
-], LibDivider.prototype, "_hasSlotContent", 2);
-LibDivider = __decorateClass([
-  customElement("lib-divider")
-], LibDivider);
+  property({ type: Boolean })
+], LibLabel.prototype, "required", 2);
+LibLabel = __decorateClass([
+  customElement("lib-label")
+], LibLabel);
 export {
-  LibDivider
+  LibLabel
 };
 //# sourceMappingURL=index27.js.map

package/dist/index27.js.map

@@ -1 +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;"}
+{"version":3,"file":"index27.js","sources":["../src/components/atoms/label/lib-label.component.ts"],"sourcesContent":["import { LitElement, html, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport labelStyles from './lib-label.css?inline';\n\n@customElement('lib-label')\nexport class LibLabel extends LitElement {\n  static override styles = [\n    css`\n      ${unsafeCSS(sharedTokens)}\n    `,\n    css`\n      ${unsafeCSS(labelStyles)}\n    `,\n  ];\n\n  /** ID del input al que va asociado (para accesibilidad) */\n  @property({ type: String }) htmlFor: string = '';\n\n  /** Muestra un indicador visual de campo obligatorio */\n  @property({ type: Boolean }) required: boolean = false;\n\n  protected override render(): TemplateResult {\n    return html`\n      <label for=\"${this.htmlFor}\">\n        <slot></slot>\n        ${this.required ? html`<span class=\"required-indicator\" aria-hidden=\"true\">*</span>` : ''}\n      </label>\n    `;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAMO,IAAM,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AAWuB,SAAA,UAAkB;AAGjB,SAAA,WAAoB;AAAA,EAAA;AAAA,EAE9B,SAAyB;AAC1C,WAAO;AAAA,oBACS,KAAK,OAAO;AAAA;AAAA,UAEtB,KAAK,WAAW,qEAAqE,EAAE;AAAA;AAAA;AAAA,EAG/F;AACF;AAxBa,SACK,SAAS;AAAA,EACvB;AAAA,QACI,UAAU,YAAY,CAAC;AAAA;AAAA,EAE3B;AAAA,QACI,UAAU,WAAW,CAAC;AAAA;AAE5B;AAG4B,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAXf,SAWiB,WAAA,WAAA,CAAA;AAGC,gBAAA;AAAA,EAA5B,SAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GAdhB,SAckB,WAAA,YAAA,CAAA;AAdlB,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}