@diwacopilot/components 1.1.0 → 1.2.0

package/dist/diwa-components/{p-d917625e.entry.js → p-0c2776f7.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as e,h as n,H as t,g as s}from"./p-ed4017f0.js";import{a}from"./p-70bbb21a.js";const o=(i,e,n)=>{const t=i==="error"?"var(--diwa-notification-error)":i==="success"?"var(--diwa-notification-success)":"var(--diwa-input-border, var(--diwa-border))";const s=i==="error"?"var(--diwa-notification-error)":i==="success"?"var(--diwa-notification-success)":"var(--diwa-text-secondary)";const o=n?"36px":"44px";return`\n    :host {\n      display: inline-block;\n      font-family: var(--diwa-font-family-base);\n      outline: none;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .root {\n      display: flex;\n      flex-direction: column;\n      gap: var(--diwa-space-2);\n    }\n    .label-row {\n      display: flex;\n      align-items: baseline;\n      gap: var(--diwa-space-1);\n    }\n    .label {\n      font-size: var(--diwa-font-size-sm);\n      font-weight: var(--diwa-font-weight-semibold);\n      color: var(--diwa-text-secondary);\n      line-height: var(--diwa-line-height-normal);\n    }\n    .required {\n      color: var(--diwa-notification-error);\n    }\n    .boxes {\n      display: flex;\n      gap: var(--diwa-space-3);\n    }\n    .box {\n      width: ${o};\n      height: ${o};\n      padding: 0;\n      text-align: center;\n      font-family: var(--diwa-font-family-base);\n      font-size: ${n?"var(--diwa-font-size-base)":"var(--diwa-font-size-lg)"};\n      font-weight: var(--diwa-font-weight-semibold);\n      color: var(--diwa-text-primary);\n      background: var(--diwa-bg-input);\n      border: var(--diwa-border-width-thin) solid ${t};\n      border-radius: var(--diwa-radius-md);\n      outline: none;\n      transition: border-color var(--diwa-transition-base);\n      box-sizing: border-box;\n      ${e?"opacity: 0.5; pointer-events: none;":""}\n    }\n    .box:focus {\n      border-color: var(--diwa-input-border-focus, var(--diwa-border-focus));\n    }\n    .description {\n      font-size: var(--diwa-font-size-sm);\n      color: var(--diwa-text-secondary);\n      line-height: var(--diwa-line-height-normal);\n      margin: 0;\n    }\n    .message {\n      font-size: var(--diwa-font-size-sm);\n      color: ${s};\n      line-height: var(--diwa-line-height-normal);\n      margin: 0;\n    }\n\n    ${a("input")}\n  `};const r=class{constructor(n){i(this,n);this.update=e(this,"update",1);this.label="";this.description="";this.state="none";this.message="";this.length=4;this.value="";this.type="number";this.required=false;this.disabled=false;this.compact=false;this.hideLabel=false;this.theme="dark";this.handleInput=(i,e)=>{const n=i.target;const t=n.value.slice(-1);if(this.type==="number"&&t&&!/^\d$/.test(t)){n.value="";return}n.value=t;if(t){const i=this.getBoxes();if(e<i.length-1){i[e+1].focus();i[e+1].select()}}this.emitUpdate()};this.handleKeyDown=(i,e)=>{const n=this.getBoxes();const t=i.target;if(i.key==="Backspace"&&!t.value&&e>0){n[e-1].focus();n[e-1].select()}else if(i.key==="ArrowLeft"&&e>0){n[e-1].focus()}else if(i.key==="ArrowRight"&&e<n.length-1){n[e+1].focus()}};this.handlePaste=i=>{var e,n;i.preventDefault();const t=(n=(e=i.clipboardData)===null||e===void 0?void 0:e.getData("text"))!==null&&n!==void 0?n:"";const s=this.type==="number"?t.replace(/\D/g,""):t;const a=this.getBoxes();s.slice(0,this.length).split("").forEach(((i,e)=>{if(a[e])a[e].value=i}));const o=Math.min(s.length,this.length)-1;if(o>=0){a[o].focus();a[o].select()}this.emitUpdate()}}getBoxes(){var i,e;return Array.from((e=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(".box"))!==null&&e!==void 0?e:[])}emitUpdate(){const i=this.getBoxes();const e=i.map((i=>i.value)).join("");const n=e.length===this.length&&!e.includes("");this.update.emit({value:e,isComplete:n})}render(){const i=Math.max(1,Math.min(6,this.length));const e=this.value.padEnd(i,"").slice(0,i);const s="desc";const a="msg";return n(t,{key:"fd84239857264ac7ff2d70388a1b57ed28c139e1","data-theme":this.theme},n("style",{key:"8ca52e841f42b85be9b805443f76636e67108b00",innerHTML:o(this.state,this.disabled,this.compact)}),n("div",{key:"b9295c2b897c58294b87e069e874682f6882c526",class:"root"},!this.hideLabel&&this.label&&n("div",{key:"f53aa0736441db633eb7756c57091f5c86932781",class:"label-row"},n("span",{key:"95e0e0bf33034fe78d914046450a5eaddfdefadc",class:"label"},this.label,this.required&&n("span",{key:"8197798944a90f35349b68537d90670949451034",class:"required","aria-hidden":"true"}," *"))),n("div",{key:"8e7638e8c78f0f1b4ae673828d8c14682d39a76a",class:"boxes",role:"group","aria-label":this.hideLabel&&this.label?this.label:undefined},Array.from({length:i}).map(((t,o)=>{var r;return n("input",{key:o,class:"box",type:this.type==="password"?"password":"text",inputMode:this.type==="number"?"numeric":"text",maxLength:1,value:(r=e[o])!==null&&r!==void 0?r:"",disabled:this.disabled,required:this.required&&o===0,"aria-label":`Digit ${o+1} of ${i}`,"aria-describedby":o===0?this.message?a:this.description?s:undefined:undefined,onInput:i=>this.handleInput(i,o),onKeyDown:i=>this.handleKeyDown(i,o),onPaste:o===0?this.handlePaste:undefined,onFocus:i=>i.target.select(),autocomplete:o===0?"one-time-code":"off"})}))),!this.message&&this.description&&n("p",{key:"e596640dd57e61edcc854a19671d417c3fd1bf1d",id:s,class:"description"},this.description),this.message&&n("p",{key:"33741de2a6c5fa2e7d1072d5bf8d846cc54b6ddf",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get host(){return s(this)}};export{r as diwa_pin_code};
-//# sourceMappingURL=p-d917625e.entry.js.map
+import{r as i,c as e,h as n,H as t,g as s}from"./p-ed4017f0.js";import{a}from"./p-70bbb21a.js";const o=(i,e,n)=>{const t=i==="error"?"var(--diwa-notification-error)":i==="success"?"var(--diwa-notification-success)":"var(--diwa-input-border, var(--diwa-border))";const s=i==="error"?"var(--diwa-notification-error)":i==="success"?"var(--diwa-notification-success)":"var(--diwa-text-secondary)";const o=n?"36px":"44px";return`\n    :host {\n      display: inline-block;\n      font-family: var(--diwa-font-family-base);\n      outline: none;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .root {\n      display: flex;\n      flex-direction: column;\n      gap: var(--diwa-space-2);\n    }\n    .label-row {\n      display: flex;\n      align-items: baseline;\n      gap: var(--diwa-space-1);\n    }\n    .label {\n      font-size: var(--diwa-font-size-sm);\n      font-weight: var(--diwa-font-weight-semibold);\n      color: var(--diwa-text-secondary);\n      line-height: var(--diwa-line-height-normal);\n    }\n    .required {\n      color: var(--diwa-notification-error);\n    }\n    .boxes {\n      display: flex;\n      gap: var(--diwa-space-3);\n    }\n    .box {\n      width: ${o};\n      height: ${o};\n      padding: 0;\n      text-align: center;\n      font-family: var(--diwa-font-family-base);\n      font-size: ${n?"var(--diwa-font-size-base)":"var(--diwa-font-size-lg)"};\n      font-weight: var(--diwa-font-weight-semibold);\n      color: var(--diwa-text-primary);\n      background: var(--diwa-bg-input);\n      border: var(--diwa-border-width-thin) solid ${t};\n      border-radius: var(--diwa-radius-md);\n      outline: none;\n      transition: border-color var(--diwa-transition-base);\n      box-sizing: border-box;\n      ${e?"opacity: 0.5; pointer-events: none;":""}\n    }\n    .box:focus {\n      border-color: var(--diwa-input-border-focus, var(--diwa-border-focus));\n    }\n    .description {\n      font-size: var(--diwa-font-size-sm);\n      color: var(--diwa-text-secondary);\n      line-height: var(--diwa-line-height-normal);\n      margin: 0;\n    }\n    .message {\n      font-size: var(--diwa-font-size-sm);\n      color: ${s};\n      line-height: var(--diwa-line-height-normal);\n      margin: 0;\n    }\n\n    ${a("input")}\n  `};const r=class{constructor(n){i(this,n);this.update=e(this,"update",1);this.label="";this.description="";this.state="none";this.message="";this.length=4;this.value="";this.type="number";this.required=false;this.disabled=false;this.compact=false;this.hideLabel=false;this.theme="dark";this.handleInput=(i,e)=>{const n=i.target;const t=n.value.slice(-1);if(this.type==="number"&&t&&!/^\d$/.test(t)){n.value="";return}n.value=t;if(t){const i=this.getBoxes();if(e<i.length-1){i[e+1].focus();i[e+1].select()}}this.emitUpdate()};this.handleKeyDown=(i,e)=>{const n=this.getBoxes();const t=i.target;if(i.key==="Backspace"&&!t.value&&e>0){n[e-1].focus();n[e-1].select()}else if(i.key==="ArrowLeft"&&e>0){n[e-1].focus()}else if(i.key==="ArrowRight"&&e<n.length-1){n[e+1].focus()}};this.handlePaste=i=>{var e,n;i.preventDefault();const t=(n=(e=i.clipboardData)===null||e===void 0?void 0:e.getData("text"))!==null&&n!==void 0?n:"";const s=this.type==="number"?t.replace(/\D/g,""):t;const a=this.getBoxes();s.slice(0,this.length).split("").forEach(((i,e)=>{if(a[e])a[e].value=i}));const o=Math.min(s.length,this.length)-1;if(o>=0){a[o].focus();a[o].select()}this.emitUpdate()}}getBoxes(){var i,e;return Array.from((e=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(".box"))!==null&&e!==void 0?e:[])}emitUpdate(){const i=this.getBoxes();const e=i.map((i=>i.value)).join("");const n=e.length===this.length&&!e.includes("");this.update.emit({value:e,isComplete:n})}render(){const i=Math.max(1,Math.min(6,this.length));const e=this.value.padEnd(i,"").slice(0,i);const s="desc";const a="msg";return n(t,{key:"42b316cecb07dd8f38bc0dfe35f2d660071c9d0a","data-theme":this.theme},n("style",{key:"f621d085b00e66aa985160e59df85cd15363c1e6",innerHTML:o(this.state,this.disabled,this.compact)}),n("div",{key:"46f2f396909e1378f6ea3c6175e9c250888fb7f2",class:"root"},!this.hideLabel&&this.label&&n("div",{key:"7a0ed287315f44d87b3b2285799872b031ee85d2",class:"label-row"},n("span",{key:"677e5c6bbfdf9a1fac7ed2357f9b035bbf058c23",class:"label"},this.label,this.required&&n("span",{key:"7acfcc3a89f97eada2c483269828e51390ece4f1",class:"required","aria-hidden":"true"}," *"))),n("div",{key:"b89f8ac92e1f5818fff9e005bda7ae6860fe3ea3",class:"boxes",role:"group","aria-label":this.hideLabel&&this.label?this.label:undefined},Array.from({length:i}).map(((t,o)=>{var r;return n("input",{key:o,class:"box",type:this.type==="password"?"password":"text",inputMode:this.type==="number"?"numeric":"text",maxLength:1,value:(r=e[o])!==null&&r!==void 0?r:"",disabled:this.disabled,required:this.required&&o===0,"aria-label":`Digit ${o+1} of ${i}`,"aria-describedby":o===0?this.message?a:this.description?s:undefined:undefined,onInput:i=>this.handleInput(i,o),onKeyDown:i=>this.handleKeyDown(i,o),onPaste:o===0?this.handlePaste:undefined,onFocus:i=>i.target.select(),autocomplete:o===0?"one-time-code":"off"})}))),!this.message&&this.description&&n("p",{key:"77dedd816520995799988a9dcdfa5cc2019f76ce",id:s,class:"description"},this.description),this.message&&n("p",{key:"886e7f76acc8c15e965bd680ddedc6b100939f0d",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get host(){return s(this)}};export{r as diwa_pin_code};
+//# sourceMappingURL=p-0c2776f7.entry.js.map

package/dist/diwa-components/{p-cc0e1662.entry.js → p-11aae5f1.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as e,H as i}from"./p-ed4017f0.js";import{a as r}from"./p-70bbb21a.js";import{L as s}from"./p-ac8e14be.js";const t=()=>`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    align-self: center;\n    width: var(--diwa-spinner-size-md);\n    height: var(--diwa-spinner-size-md);\n  }\n\n  :host([size="sm"]) {\n    width: var(--diwa-spinner-size-sm);\n    height: var(--diwa-spinner-size-sm);\n  }\n\n  :host([size="lg"]) {\n    width: var(--diwa-spinner-size-lg);\n    height: var(--diwa-spinner-size-lg);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .glyph {\n    display: block;\n    width: 100%;\n    height: 100%;\n    color: var(--diwa-spinner-color, currentColor);\n    animation: diwa-spinner-spin var(--diwa-spinner-duration) linear infinite;\n    transform-origin: center;\n  }\n\n  @keyframes diwa-spinner-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  ${r(".glyph")}\n`;var a;function o(n){return n.map((([n,e])=>{const i=Object.entries(e).map((([n,e])=>`${n}="${e}"`)).join(" ");return`<${n} ${i}/>`})).join("")}const d=o((a=s)!==null&&a!==void 0?a:[]);const h=class{constructor(e){n(this,e);this.size="md";this.theme="dark";this.label="Loading"}componentDidRender(){if(this.svgEl){this.svgEl.innerHTML=d}}render(){return e(i,{key:"a706f0d4b8ca5581f7375e4f0d36f46166974fbe",role:"status","aria-label":this.label,"data-theme":this.theme},e("style",{key:"b01e2dc30f9b3c4c5422fc9f58055b4e29e660c0",innerHTML:t()}),e("svg",{key:"dae9e1f32d62abf2e5918c8841bb25a590b0e385",ref:n=>this.svgEl=n,class:"glyph","aria-hidden":"true",part:"ring",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};export{h as diwa_spinner};
-//# sourceMappingURL=p-cc0e1662.entry.js.map
+import{r as n,h as e,H as i}from"./p-ed4017f0.js";import{a as r}from"./p-70bbb21a.js";import{L as s}from"./p-ac8e14be.js";const t=()=>`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    align-self: center;\n    width: var(--diwa-spinner-size-md);\n    height: var(--diwa-spinner-size-md);\n  }\n\n  :host([size="sm"]) {\n    width: var(--diwa-spinner-size-sm);\n    height: var(--diwa-spinner-size-sm);\n  }\n\n  :host([size="lg"]) {\n    width: var(--diwa-spinner-size-lg);\n    height: var(--diwa-spinner-size-lg);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .glyph {\n    display: block;\n    width: 100%;\n    height: 100%;\n    color: var(--diwa-spinner-color, currentColor);\n    animation: diwa-spinner-spin var(--diwa-spinner-duration) linear infinite;\n    transform-origin: center;\n  }\n\n  @keyframes diwa-spinner-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  ${r(".glyph")}\n`;var a;function o(n){return n.map((([n,e])=>{const i=Object.entries(e).map((([n,e])=>`${n}="${e}"`)).join(" ");return`<${n} ${i}/>`})).join("")}const d=o((a=s)!==null&&a!==void 0?a:[]);const h=class{constructor(e){n(this,e);this.size="md";this.theme="dark";this.label="Loading"}componentDidRender(){if(this.svgEl){this.svgEl.innerHTML=d}}render(){return e(i,{key:"5a130b11797c45cf6c3e9d1e1493f35cbef40ed6",role:"status","aria-label":this.label,"data-theme":this.theme},e("style",{key:"b1f1c14a660db1ec56afbf814c6bfc5b21e4cf24",innerHTML:t()}),e("svg",{key:"3e30e5ce78a52ba9904f808641fda6b0a3f5131f",ref:n=>this.svgEl=n,class:"glyph","aria-hidden":"true",part:"ring",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};export{h as diwa_spinner};
+//# sourceMappingURL=p-11aae5f1.entry.js.map

package/dist/diwa-components/{p-9eef4779.entry.js → p-13aeda0b.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as e,H as t}from"./p-ed4017f0.js";const i=n=>{const e=n==="vertical";return`\n\n  /* ── Host ─────────────────────────────────────────────────────────── */\n\n  :host {\n    display: ${e?"inline-flex":"block"};\n    ${e?"align-self: stretch;":"width: 100%;"}\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Rule ─────────────────────────────────────────────────────────── */\n\n  .root {\n    display: block;\n    margin: 0;\n    padding: 0;\n    border: none;\n    background-color: var(--diwa-border);\n    ${e?`width: var(--diwa-border-width-thin);\n    height: 100%;\n    min-height: 1em;`:`width: 100%;\n    height: var(--diwa-border-width-thin);`}\n  }\n`};const r=class{constructor(e){n(this,e);this.theme="dark";this.orientation="horizontal"}render(){return e(t,{key:"e143d66dbac5d538a79e9bd2cef6da4292839a4d","data-theme":this.theme},e("style",{key:"00e13388782156d60927e639215b3a361c231541",innerHTML:i(this.orientation)}),e("hr",{key:"5653fa0a68365da009e6e0b2b5a41a2cfb4702f9",class:"root",role:"separator","aria-orientation":this.orientation}))}};export{r as diwa_divider};
-//# sourceMappingURL=p-9eef4779.entry.js.map
+import{r as n,h as e,H as t}from"./p-ed4017f0.js";const i=n=>{const e=n==="vertical";return`\n\n  /* ── Host ─────────────────────────────────────────────────────────── */\n\n  :host {\n    display: ${e?"inline-flex":"block"};\n    ${e?"align-self: stretch;":"width: 100%;"}\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Rule ─────────────────────────────────────────────────────────── */\n\n  .root {\n    display: block;\n    margin: 0;\n    padding: 0;\n    border: none;\n    background-color: var(--diwa-border);\n    ${e?`width: var(--diwa-border-width-thin);\n    height: 100%;\n    min-height: 1em;`:`width: 100%;\n    height: var(--diwa-border-width-thin);`}\n  }\n`};const r=class{constructor(e){n(this,e);this.theme="dark";this.orientation="horizontal"}render(){return e(t,{key:"ff0589655d6b5e847b3600fd6ba6cf0dd3b247ac","data-theme":this.theme},e("style",{key:"38a30ff84f63f0825702480f686b49ec8d743d27",innerHTML:i(this.orientation)}),e("hr",{key:"17df4c81b9b79b33f794a2f5ea111107b66ae7ce",class:"root",role:"separator","aria-orientation":this.orientation}))}};export{r as diwa_divider};
+//# sourceMappingURL=p-13aeda0b.entry.js.map

package/dist/diwa-components/{p-36b004e9.entry.js → p-145e5281.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as e,h as t,H as i,g as a}from"./p-ed4017f0.js";import{g as d}from"./p-35c7c864.js";import"./p-70bbb21a.js";const h=class{constructor(t){s(this,t);this.change=e(this,"change",7);this.input=e(this,"input",7);this.blur=e(this,"blur",3);this.focus=e(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const e="desc";const a="msg";return t(i,{key:"19e42e576c408fccc4adf6d6c562f305c33c0f54","data-theme":this.theme},t("style",{key:"0732bc072bfa2ceb467098ee5777929a8178f2a4",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),t("div",{key:"24c6834582af6bd6717f1e5931afe0899b3ff398",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"d9a04935b7d99b3c81655efde37126e3f17ba615",class:"label-row"},t("label",{key:"11d4a082d8f25f30976fcdbaa310593db060ef60",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"73c50d8ac6143b1a72c746a148500b4d4dbbd830",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"5ae5ce0b1135513eed6d844b6fbf8d16b65f788d",name:"label-after"})),t("div",{key:"b8cdb8629b40393cb8aa02ab17fc976e479758f4",class:"input-wrapper"},this._hasStart&&t("div",{key:"df9cf6f07812effcfcc97741fc4fca57ea43056f",class:"slot-start"},t("slot",{key:"fccc715b95285edd67ebb38fd9fa961aa3d32bee",name:"start"})),t("input",{key:"04cc78d6e0d5cfcbc4a9df3cabb7a6c38de1c925",id:s,class:"input",type:"number",name:this.name||undefined,value:this.value,placeholder:this.placeholder||undefined,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min!==undefined?String(this.min):undefined,max:this.max!==undefined?String(this.max):undefined,step:this.step!==undefined?String(this.step):undefined,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&t("div",{key:"c811312d3d2df960399275a019b939700ceb736e",class:"slot-end"},t("slot",{key:"1dca8bdb7a062db994c126b03f7b6d715719bf66",name:"end"}))),!this.message&&this.description&&t("p",{key:"0291a639f01c74f5f0d761494d27abd47a19b5ee",id:e,class:"description"},this.description),this.message&&t("p",{key:"6956f7c63e1631a898b79040652fa42b746b06bc",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_number};
-//# sourceMappingURL=p-36b004e9.entry.js.map
+import{r as s,c as e,h as t,H as i,g as a}from"./p-ed4017f0.js";import{g as d}from"./p-35c7c864.js";import"./p-70bbb21a.js";const h=class{constructor(t){s(this,t);this.change=e(this,"change",7);this.input=e(this,"input",7);this.blur=e(this,"blur",3);this.focus=e(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const e="desc";const a="msg";return t(i,{key:"b4f8682b78caaac783e5ad162de7b478b7d4fc23","data-theme":this.theme},t("style",{key:"f9923a8baab1f25596ecae28d5ab0baeef994a68",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),t("div",{key:"c046d583174983807353668a326ce4523add50b0",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"801af990d4911d2a18a75f9b9928370104d57045",class:"label-row"},t("label",{key:"aa4517f5547742454601b0294e43e44cddfd6c49",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"4e2cbbbd13de2c0ca16c07c367793dc9c02f79e4",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"5dea4480281cbcba2ffc13ab76dd5976f4f25a58",name:"label-after"})),t("div",{key:"adcc078f982ce097689f7d0a0625536f4ec3168c",class:"input-wrapper"},this._hasStart&&t("div",{key:"6b9c6841af7da338cf3fa0eb4ee5393e276ec79b",class:"slot-start"},t("slot",{key:"6b270d34c9d90240c7c1d31343ca63e3f40b3388",name:"start"})),t("input",{key:"1d57c501e13aedc773338ad3b33634120db4f0e6",id:s,class:"input",type:"number",name:this.name||undefined,value:this.value,placeholder:this.placeholder||undefined,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min!==undefined?String(this.min):undefined,max:this.max!==undefined?String(this.max):undefined,step:this.step!==undefined?String(this.step):undefined,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&t("div",{key:"9400a3f7dd14cd75b4429137da53949ac1d113eb",class:"slot-end"},t("slot",{key:"2c44c8873d404c5693d38e4beb2878ebe4a90be9",name:"end"}))),!this.message&&this.description&&t("p",{key:"59028396a49bf08492497f792af3a74f45360366",id:e,class:"description"},this.description),this.message&&t("p",{key:"3117e747339600533d27520fd7062dec5d116d14",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_number};
+//# sourceMappingURL=p-145e5281.entry.js.map

package/dist/diwa-components/{p-35b69160.entry.js → p-20332312.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as n}from"./p-ed4017f0.js";import{g as a}from"./p-70bbb21a.js";const i={top:"flex-start",center:"center",bottom:"flex-end"};const r=(e,t,n,r,s)=>{const o=i[t];return`\n    :host {\n      display: block;\n      position: relative;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .scroller {\n      display: grid;\n      grid-template-columns: ${n?"auto minmax(0, 1fr) auto":"minmax(0, 1fr)"};\n      align-items: ${o};\n      gap: var(--diwa-space-2);\n    }\n    .scroll-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--diwa-space-8);\n      height: var(--diwa-space-8);\n      padding: 0;\n      border: var(--diwa-border-width-thin) solid var(--diwa-border);\n      border-radius: var(--diwa-radius-full);\n      background: var(--diwa-bg-surface);\n      color: var(--diwa-text-secondary);\n      cursor: pointer;\n      transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\n      flex-shrink: 0;\n    }\n    .scroll-button:hover:not(:disabled) {\n      color: var(--diwa-text-primary);\n      background: var(--diwa-bg-hover);\n    }\n    .scroll-button:disabled {\n      opacity: var(--diwa-opacity-disabled);\n      cursor: not-allowed;\n    }\n    .scroll-button[hidden] {\n      display: none;\n    }\n    ${a(".scroll-button")}\n    ${a(".scroll-area")}\n    .scroll-wrapper {\n      position: relative;\n      min-width: 0;\n      overflow: hidden;\n    }\n    .scroll-area {\n      display: flex;\n      align-items: ${o};\n      overflow-x: auto;\n      overflow-y: hidden;\n      scroll-behavior: smooth;\n      -webkit-overflow-scrolling: touch;\n      ${e?"":"scrollbar-width: none;"}\n    }\n    ::slotted(*) {\n      flex: 0 0 auto;\n    }\n    ${!e?`\n    .scroll-area::-webkit-scrollbar {\n      display: none;\n    }\n    `:""}\n    /* Fade-out gradient masks — fixed at the visible edges via scroll-wrapper */\n    .fade {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      width: var(--diwa-scroller-fade-width);\n      pointer-events: none;\n      z-index: 1;\n      transition: opacity var(--diwa-transition-fast);\n    }\n    .fade--start {\n      left: 0;\n      background: var(--diwa-gradient-scrim-right);\n      opacity: ${r?"1":"0"};\n    }\n    .fade--end {\n      right: 0;\n      background: var(--diwa-gradient-scrim-left);\n      opacity: ${s?"1":"0"};\n    }\n  `};const s=class{constructor(t){e(this,t);this.alignScrollIndicator="center";this.scrollbar=false;this.theme="dark";this.hasOverflow=false;this.canScrollLeft=false;this.canScrollRight=false;this.setScrollAreaRef=e=>{this.scrollAreaEl=e};this.handleScroll=()=>{this.updateScrollState()};this.handleSlotChange=()=>{requestAnimationFrame((()=>this.updateScrollState()))};this.scrollByPage=e=>{const t=this.scrollAreaEl;if(!t)return;const n=Math.max(t.clientWidth*.8,1);t.scrollBy({left:e==="start"?-n:n,behavior:"smooth"})}}componentDidLoad(){this.updateScrollState();if(this.scrollAreaEl){this.resizeObserver=new ResizeObserver((()=>this.updateScrollState()));this.resizeObserver.observe(this.scrollAreaEl)}}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}updateScrollState(){const e=this.scrollAreaEl;if(!e)return;const t=Math.max(0,e.scrollWidth-e.clientWidth);const n=e.scrollLeft;const a=1;this.hasOverflow=t>a;this.canScrollLeft=n>a;this.canScrollRight=n<t-a}render(){return t(n,{key:"45f4f99a3620911a3c082174ca774e45ea873e4d","data-theme":this.theme},t("style",{key:"c8ef4daca35a71b53e14fc7bfebbff0675924fca",innerHTML:r(this.scrollbar,this.alignScrollIndicator,this.hasOverflow,this.canScrollLeft,this.canScrollRight)}),t("div",{key:"5238cd797598390d8f9dc4dee119a40415dbfc4a",class:"scroller"},t("button",{key:"6518c1d1a3afaebf619b6c8eae48c4e382c6a9d9",type:"button",class:"scroll-button scroll-button--start","aria-label":"Scroll left",disabled:!this.canScrollLeft,hidden:!this.hasOverflow,onClick:()=>this.scrollByPage("start")},t("svg",{key:"7f9fb5f92a32bd36262d92a8d91f91dd9f2c0944",viewBox:"0 0 16 16",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{key:"0a7a19e7be0d4522042f19a316dc95eb1a6eaab3",d:"M10 3.5 5 8l5 4.5"}))),t("div",{key:"7388a4c9a666c5d0427af95a1ff7f1f614042f44",class:"scroll-wrapper"},t("div",{key:"74dde4823c6bb81ae2709c3c605c9670f29ca5b2",class:"scroll-area",tabIndex:this.hasOverflow?0:undefined,role:this.hasOverflow?"region":undefined,"aria-label":this.hasOverflow?"Scrollable content":undefined,onScroll:this.handleScroll,ref:this.setScrollAreaRef},t("slot",{key:"88077bcfbeeefdb356b3b9dd4fa4f8fe49cb33ec",onSlotchange:this.handleSlotChange})),t("div",{key:"6058d245a910c7edc139789b10627c55366b0767",class:"fade fade--start","aria-hidden":"true"}),t("div",{key:"2353970bea7c49c8d689ee7115cbbf0c580ef065",class:"fade fade--end","aria-hidden":"true"})),t("button",{key:"0f51472148bf56d3a1f24406fe8a8b9b560be666",type:"button",class:"scroll-button scroll-button--end","aria-label":"Scroll right",disabled:!this.canScrollRight,hidden:!this.hasOverflow,onClick:()=>this.scrollByPage("end")},t("svg",{key:"c74842bea946222b5939bc85336315e276daf4d0",viewBox:"0 0 16 16",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{key:"cdf90c5eb1036fb911153f3f2fc6adda2ced7afc",d:"M6 3.5 11 8l-5 4.5"})))))}};export{s as diwa_scroller};
-//# sourceMappingURL=p-35b69160.entry.js.map
+import{r as e,h as t,H as n}from"./p-ed4017f0.js";import{g as a}from"./p-70bbb21a.js";const i={top:"flex-start",center:"center",bottom:"flex-end"};const r=(e,t,n,r,s)=>{const o=i[t];return`\n    :host {\n      display: block;\n      position: relative;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .scroller {\n      display: grid;\n      grid-template-columns: ${n?"auto minmax(0, 1fr) auto":"minmax(0, 1fr)"};\n      align-items: ${o};\n      gap: var(--diwa-space-2);\n    }\n    .scroll-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--diwa-space-8);\n      height: var(--diwa-space-8);\n      padding: 0;\n      border: var(--diwa-border-width-thin) solid var(--diwa-border);\n      border-radius: var(--diwa-radius-full);\n      background: var(--diwa-bg-surface);\n      color: var(--diwa-text-secondary);\n      cursor: pointer;\n      transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\n      flex-shrink: 0;\n    }\n    .scroll-button:hover:not(:disabled) {\n      color: var(--diwa-text-primary);\n      background: var(--diwa-bg-hover);\n    }\n    .scroll-button:disabled {\n      opacity: var(--diwa-opacity-disabled);\n      cursor: not-allowed;\n    }\n    .scroll-button[hidden] {\n      display: none;\n    }\n    ${a(".scroll-button")}\n    ${a(".scroll-area")}\n    .scroll-wrapper {\n      position: relative;\n      min-width: 0;\n      overflow: hidden;\n    }\n    .scroll-area {\n      display: flex;\n      align-items: ${o};\n      overflow-x: auto;\n      overflow-y: hidden;\n      scroll-behavior: smooth;\n      -webkit-overflow-scrolling: touch;\n      ${e?"":"scrollbar-width: none;"}\n    }\n    ::slotted(*) {\n      flex: 0 0 auto;\n    }\n    ${!e?`\n    .scroll-area::-webkit-scrollbar {\n      display: none;\n    }\n    `:""}\n    /* Fade-out gradient masks — fixed at the visible edges via scroll-wrapper */\n    .fade {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      width: var(--diwa-scroller-fade-width);\n      pointer-events: none;\n      z-index: 1;\n      transition: opacity var(--diwa-transition-fast);\n    }\n    .fade--start {\n      left: 0;\n      background: var(--diwa-gradient-scrim-right);\n      opacity: ${r?"1":"0"};\n    }\n    .fade--end {\n      right: 0;\n      background: var(--diwa-gradient-scrim-left);\n      opacity: ${s?"1":"0"};\n    }\n  `};const s=class{constructor(t){e(this,t);this.alignScrollIndicator="center";this.scrollbar=false;this.theme="dark";this.hasOverflow=false;this.canScrollLeft=false;this.canScrollRight=false;this.setScrollAreaRef=e=>{this.scrollAreaEl=e};this.handleScroll=()=>{this.updateScrollState()};this.handleSlotChange=()=>{requestAnimationFrame((()=>this.updateScrollState()))};this.scrollByPage=e=>{const t=this.scrollAreaEl;if(!t)return;const n=Math.max(t.clientWidth*.8,1);t.scrollBy({left:e==="start"?-n:n,behavior:"smooth"})}}componentDidLoad(){this.updateScrollState();if(this.scrollAreaEl){this.resizeObserver=new ResizeObserver((()=>this.updateScrollState()));this.resizeObserver.observe(this.scrollAreaEl)}}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}updateScrollState(){const e=this.scrollAreaEl;if(!e)return;const t=Math.max(0,e.scrollWidth-e.clientWidth);const n=e.scrollLeft;const a=1;this.hasOverflow=t>a;this.canScrollLeft=n>a;this.canScrollRight=n<t-a}render(){return t(n,{key:"dc9d01bade501000f75086f335d9bf302174a945","data-theme":this.theme},t("style",{key:"a8765192f0a7967cbe3e3531ee891d6352420d03",innerHTML:r(this.scrollbar,this.alignScrollIndicator,this.hasOverflow,this.canScrollLeft,this.canScrollRight)}),t("div",{key:"fb55280f572009f65ed2fc25564264d8e01e2ce0",class:"scroller"},t("button",{key:"8b9d8dbaa725f6b7fa2aec9c36ba53552ae49d17",type:"button",class:"scroll-button scroll-button--start","aria-label":"Scroll left",disabled:!this.canScrollLeft,hidden:!this.hasOverflow,onClick:()=>this.scrollByPage("start")},t("svg",{key:"37f2e8fdd719fd1253864f4cdf9c7297d353c86d",viewBox:"0 0 16 16",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{key:"f842f28a51771992e81bffa1467a3e6980d85835",d:"M10 3.5 5 8l5 4.5"}))),t("div",{key:"f0a55b2be01fe47dc58f94946b92b8fa82235e14",class:"scroll-wrapper"},t("div",{key:"e612dbb880d43d09ee67d879f6c33c8c419899d7",class:"scroll-area",tabIndex:this.hasOverflow?0:undefined,role:this.hasOverflow?"region":undefined,"aria-label":this.hasOverflow?"Scrollable content":undefined,onScroll:this.handleScroll,ref:this.setScrollAreaRef},t("slot",{key:"53572974e4cb804c3012d2ba8f08039accee8e5e",onSlotchange:this.handleSlotChange})),t("div",{key:"a2c66030fa02a387f40f7b3b640e69b35a0d0bd4",class:"fade fade--start","aria-hidden":"true"}),t("div",{key:"a0f79f41b4152bc636f4ad3be6b924c303019cef",class:"fade fade--end","aria-hidden":"true"})),t("button",{key:"3a992435dfb230deea38d9fb2033907bdb15a9a3",type:"button",class:"scroll-button scroll-button--end","aria-label":"Scroll right",disabled:!this.canScrollRight,hidden:!this.hasOverflow,onClick:()=>this.scrollByPage("end")},t("svg",{key:"6b14a8fe8dcdf9fd33f9c05a2aa39859e61599df",viewBox:"0 0 16 16",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{key:"f1c8d634899420420576899086f247b68435d008",d:"M6 3.5 11 8l-5 4.5"})))))}};export{s as diwa_scroller};
+//# sourceMappingURL=p-20332312.entry.js.map

package/dist/diwa-components/{p-3b38fa01.entry.js → p-247210ec.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as n,H as i,g as t}from"./p-ed4017f0.js";const a=(e,n)=>{const i=e==="complete"?"var(--diwa-notification-success)":e==="current"?"var(--diwa-accent)":"var(--diwa-border)";const t=e==="incomplete"?"var(--diwa-text-muted)":"var(--diwa-text-primary)";return`\n  :host {\n    display: flex;\n    align-items: flex-start;\n    flex: 1;\n    min-width: 0;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex: 1;\n    min-width: 0;\n    gap: var(--diwa-space-2);\n    position: relative;\n  }\n\n  /* Connector line to the right */\n  .connector {\n    display: ${n?"none":"block"};\n    position: absolute;\n    top: calc(var(--diwa-stepper-step-size) / 2);\n    left: calc(50% + var(--diwa-stepper-step-size) / 2 + var(--diwa-border-width-base));\n    right: calc(-50% + var(--diwa-stepper-step-size) / 2 + var(--diwa-border-width-base));\n    height: var(--diwa-border-width-thin);\n    background: ${e==="complete"?"var(--diwa-notification-success)":"var(--diwa-border)"};\n  }\n\n  .circle {\n    width: var(--diwa-stepper-step-size);\n    height: var(--diwa-stepper-step-size);\n    border-radius: 50%;\n    background: ${i};\n    color: var(--diwa-text-on-accent, #fff);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .circle-inner {\n    color: inherit;\n    font-size: var(--diwa-font-size-xs, 12px);\n    font-weight: var(--diwa-font-weight-medium);\n    line-height: 1;\n  }\n\n  .label {\n    font-size: var(--diwa-font-size-sm);\n    font-weight: ${e==="current"?"var(--diwa-font-weight-medium)":"var(--diwa-font-weight-normal, 400)"};\n    color: ${t};\n    text-align: center;\n    line-height: 1.3;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n  }\n\n  .sublabel {\n    font-size: var(--diwa-font-size-xs, 11px);\n    color: var(--diwa-text-muted);\n    text-align: center;\n  }\n  `};const r=class{constructor(n){e(this,n);this.theme="dark";this.label="";this.sublabel="";this.state="incomplete";this.stepNumber=1;this.isLast=false}renderIcon(){if(this.state==="complete"){return n("svg",{viewBox:"0 0 16 16",width:"14",height:"14",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},n("polyline",{points:"2,8 6,12 14,4"}))}return n("span",{class:"circle-inner"},this.stepNumber)}render(){return n(i,{key:"1bd4bdda83dd199b36592765be08ae2e25707589",role:"listitem","aria-current":this.state==="current"?"step":undefined},n("style",{key:"d40d2b5fe94ba5c056cab3d01b1c43d4c9a55c5e",innerHTML:a(this.state,this.isLast)}),n("div",{key:"b5fddb4aef4467af7a902bc4d41431f744b10dbc",class:"item"},n("div",{key:"6382f98df1fb9eca76507b0741c39959ba8ea63c",class:"circle"},this.renderIcon()),n("div",{key:"f950e7b8b8463312c72ccee15394914b0d24dbf4",class:"connector","aria-hidden":"true"}),this.label&&n("span",{key:"9d38f213ba5cf9b4c390b674247ac42b5ebef455",class:"label"},this.label),this.sublabel&&n("span",{key:"14a4c997f533e697cc58ee8d9b1a997e306e9bec",class:"sublabel"},this.sublabel)))}get host(){return t(this)}};export{r as diwa_stepper_horizontal_item};
-//# sourceMappingURL=p-3b38fa01.entry.js.map
+import{r as e,h as n,H as i,g as t}from"./p-ed4017f0.js";const a=(e,n)=>{const i=e==="complete"?"var(--diwa-notification-success)":e==="current"?"var(--diwa-accent)":"var(--diwa-border)";const t=e==="incomplete"?"var(--diwa-text-muted)":"var(--diwa-text-primary)";return`\n  :host {\n    display: flex;\n    align-items: flex-start;\n    flex: 1;\n    min-width: 0;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex: 1;\n    min-width: 0;\n    gap: var(--diwa-space-2);\n    position: relative;\n  }\n\n  /* Connector line to the right */\n  .connector {\n    display: ${n?"none":"block"};\n    position: absolute;\n    top: calc(var(--diwa-stepper-step-size) / 2);\n    left: calc(50% + var(--diwa-stepper-step-size) / 2 + var(--diwa-border-width-base));\n    right: calc(-50% + var(--diwa-stepper-step-size) / 2 + var(--diwa-border-width-base));\n    height: var(--diwa-border-width-thin);\n    background: ${e==="complete"?"var(--diwa-notification-success)":"var(--diwa-border)"};\n  }\n\n  .circle {\n    width: var(--diwa-stepper-step-size);\n    height: var(--diwa-stepper-step-size);\n    border-radius: 50%;\n    background: ${i};\n    color: var(--diwa-text-on-accent, #fff);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .circle-inner {\n    color: inherit;\n    font-size: var(--diwa-font-size-xs, 12px);\n    font-weight: var(--diwa-font-weight-medium);\n    line-height: 1;\n  }\n\n  .label {\n    font-size: var(--diwa-font-size-sm);\n    font-weight: ${e==="current"?"var(--diwa-font-weight-medium)":"var(--diwa-font-weight-normal, 400)"};\n    color: ${t};\n    text-align: center;\n    line-height: 1.3;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n  }\n\n  .sublabel {\n    font-size: var(--diwa-font-size-xs, 11px);\n    color: var(--diwa-text-muted);\n    text-align: center;\n  }\n  `};const r=class{constructor(n){e(this,n);this.theme="dark";this.label="";this.sublabel="";this.state="incomplete";this.stepNumber=1;this.isLast=false}renderIcon(){if(this.state==="complete"){return n("svg",{viewBox:"0 0 16 16",width:"14",height:"14",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},n("polyline",{points:"2,8 6,12 14,4"}))}return n("span",{class:"circle-inner"},this.stepNumber)}render(){return n(i,{key:"d11b7dd7e030ab412668905ce3a0dfb5f2025ad4",role:"listitem","aria-current":this.state==="current"?"step":undefined},n("style",{key:"b98a5924354cfae2dace22dde1173eb638873693",innerHTML:a(this.state,this.isLast)}),n("div",{key:"bd51d2326d1981355da09a3bc2cc6a1e0fcf1821",class:"item"},n("div",{key:"5743051e93e4a32992d55452dbaa7c2fae61b539",class:"circle"},this.renderIcon()),n("div",{key:"1603b51edc94ab77d7f0dbea4f821e39661475ba",class:"connector","aria-hidden":"true"}),this.label&&n("span",{key:"be03753d722f189919f0e2dd7fd3adebb6de2928",class:"label"},this.label),this.sublabel&&n("span",{key:"42e900cc2e384ac193497434ba9fe4e86bc90a74",class:"sublabel"},this.sublabel)))}get host(){return t(this)}};export{r as diwa_stepper_horizontal_item};
+//# sourceMappingURL=p-247210ec.entry.js.map

package/dist/diwa-components/p-24c10d6e.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as e,h as t,H as i,g as a}from"./p-ed4017f0.js";import{g as d}from"./p-35c7c864.js";import"./p-70bbb21a.js";const h=class{constructor(t){s(this,t);this.change=e(this,"change",7);this.input=e(this,"input",7);this.blur=e(this,"blur",3);this.focus=e(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.showToggle=true;this.showPassword=false;this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)};this.handleToggle=()=>{this.showPassword=!this.showPassword}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const e="desc";const a="msg";const h=this.showToggle&&!this.disabled;return t(i,{key:"20db28ebd695b8ed01d9e778500f045e8a9592b1","data-theme":this.theme},t("style",{key:"5861eb3a8b5e1f93b348da351b0e128b54c6d5e3",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,h)}),t("div",{key:"73be73109206677e2d3adc8c74603dd1b3a567a3",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"1feea39238a942be304d22e89f8ef937e6531f6d",class:"label-row"},t("label",{key:"6e3c510ad4617ea65f708490ac8de8b1b8cd2e4e",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"6fc23908b7bfd11755b35b42643af30dd7a163c0",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"b81c162cf1dae965eecff6921fe2b963d3ac80fd",name:"label-after"})),t("div",{key:"80c6d5d9284328bb2bf9edc3283c2c97c3426778",class:"input-wrapper"},this._hasStart&&t("div",{key:"b5c5ef283df3941c749747a9529f7bb7c50ba42d",class:"slot-start"},t("slot",{key:"c6ce7ffce018a7562ffe4e48d65e080c874690ee",name:"start"})),t("input",{key:"b0a9d37d30557a6f3d4410b957e4a4dfc8914434",id:s,class:"input",type:this.showPassword?"text":"password",name:this.name||undefined,value:this.value,placeholder:this.placeholder||undefined,disabled:this.disabled,required:this.required,readOnly:this.readonly,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&t("div",{key:"dbefaf7656c9ef0be0046db17e0627a352ebf24a",class:"slot-end"},t("slot",{key:"2f2f29884c0463120ee729344c529999348d3829",name:"end"})),h&&t("button",{key:"91f2f1000d0de9bd4045023a6dece41f9d8e89fd",class:"suffix-btn",type:"button","aria-label":this.showPassword?"Hide password":"Show password",onClick:this.handleToggle},t("diwa-icon",{key:"08dc47a37c081d5b07afc5fad0aa12a89d3b0e50",name:this.showPassword?"eye-off":"eye",size:16}))),!this.message&&this.description&&t("p",{key:"72b447fdf2d9c7e5feacf0668ae28a10cf04bcf9",id:e,class:"description"},this.description),this.message&&t("p",{key:"19c8a0aa1ddca0c8168de676c3bb33d979c5b917",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_password};
+//# sourceMappingURL=p-24c10d6e.entry.js.map

package/dist/diwa-components/{p-78b16866.entry.js → p-2c3cff37.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as i,h as t,H as e}from"./p-ed4017f0.js";import{g as n,a as r}from"./p-70bbb21a.js";const s=(a,i,t,e,s)=>{const d="calc((var(--diwa-switch-track-height) - var(--diwa-switch-thumb-size)) / 2 - var(--diwa-border-width-base))";const o=a?"var(--diwa-accent)":"var(--diwa-bg-elevated)";const c=a?"var(--diwa-accent)":"var(--diwa-border)";const h=a?`translateX(calc(var(--diwa-switch-track-width) - (2 * var(--diwa-border-width-base)) - var(--diwa-switch-thumb-size) - ${d}))`:`translateX(${d})`;const w=i||t?"opacity: 0.5; pointer-events: none;":"";const b=e==="start"?"row-reverse":"row";return`\n    :host {\n      display: inline-flex;\n      font-family: var(--diwa-font-family-base);\n      outline: none;\n      ${s?`\n      --diwa-switch-track-width:  32px;\n      --diwa-switch-track-height: 18px;\n      --diwa-switch-thumb-size:   12px;\n      `:""}\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .wrapper {\n      display: inline-flex;\n      flex-direction: ${b};\n      align-items: center;\n      gap: var(--diwa-space-3);\n      min-height: ${s?"var(--diwa-touch-target-min-size-compact, 32px)":"var(--diwa-touch-target-min-size, 44px)"};\n      cursor: ${i||t?"not-allowed":"pointer"};\n      ${w}\n    }\n    .track {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: flex-start;\n      width: var(--diwa-switch-track-width);\n      height: var(--diwa-switch-track-height);\n      background: ${o};\n      border: var(--diwa-border-width-base) solid ${c};\n      border-radius: var(--diwa-radius-xl);\n      box-sizing: border-box;\n      flex-shrink: 0;\n      transition: background var(--diwa-transition-base), border-color var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);\n    }\n    @media (hover: hover) and (pointer: fine) {\n      .wrapper:hover .track {\n        border-color: ${a?"var(--diwa-accent-hover)":"var(--diwa-text-secondary)"};\n        background: ${a?"var(--diwa-accent-hover)":"var(--diwa-bg-hover)"};\n      }\n    }\n    ${n(".track")}\n    .thumb {\n      position: absolute;\n      top: ${d};\n      left: 0;\n      width: var(--diwa-switch-thumb-size);\n      height: var(--diwa-switch-thumb-size);\n      background: var(--diwa-bg-surface);\n      border-radius: 50%;\n      transform: ${h};\n      box-shadow: var(--diwa-shadow-sm);\n      transition: transform var(--diwa-transition-base), background var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);\n      pointer-events: none;\n    }\n    .loading-indicator {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n    .label {\n      font-family: var(--diwa-font-family-base);\n      font-size: var(--diwa-font-size-base);\n      font-weight: var(--diwa-font-weight-medium);\n      line-height: var(--diwa-line-height-normal);\n      color: var(--diwa-text-primary);\n      user-select: none;\n    }\n\n    ${r(".track",".thumb")}\n  `};const d=class{constructor(t){a(this,t);this.update=i(this,"update",1);this.checked=false;this.disabled=false;this.loading=false;this.alignLabel="end";this.compact=false;this.theme="dark";this.handleClick=()=>{if(this.disabled||this.loading)return;this.update.emit({checked:!this.checked})};this.handleKeyDown=a=>{if(a.key===" "||a.key==="Enter"){a.preventDefault();this.handleClick()}}}render(){return t(e,{key:"0e96affd5a3e280b06eb48e7feb2a0df542a19c9","data-theme":this.theme},t("style",{key:"3aa55f784774591f5f85a3655af25e2f664b634e",innerHTML:s(this.checked,this.disabled,this.loading,this.alignLabel,this.compact)}),t("span",{key:"427803e1b7d578ed2a7be907ce2220ea19a4f497",class:"wrapper",onClick:this.handleClick},t("span",{key:"34eafe8af538941ac7957f44360ccfec84c452a8",class:"track",role:"switch","aria-checked":String(this.checked),"aria-disabled":this.disabled||this.loading?"true":undefined,tabIndex:this.disabled||this.loading?-1:0,onKeyDown:this.handleKeyDown},!this.loading&&t("span",{key:"e03e1e78d4002ab82a87d80ba68f173b0d576df9",class:"thumb"}),this.loading&&t("span",{key:"467b9b651be875cf9b4be6c06dc491071e50f455",class:"loading-indicator","aria-hidden":"true"},t("diwa-spinner",{key:"6f2510961e02ada5f837a8251ce2219d3e71ad3b",size:"sm"}))),t("span",{key:"e9fabaed9eb4fe909d073967a46216c249eb59e3",class:"label"},t("slot",{key:"681bbbf5c64154f5c846869286544959ca4aa7e7"}))))}static get delegatesFocus(){return true}};export{d as diwa_switch};
-//# sourceMappingURL=p-78b16866.entry.js.map
+import{r as a,c as i,h as t,H as n}from"./p-ed4017f0.js";import{g as e,a as r}from"./p-70bbb21a.js";const s=(a,i,t,n,s)=>{const d="calc((var(--diwa-switch-track-height) - var(--diwa-switch-thumb-size)) / 2 - var(--diwa-border-width-base))";const o=a?"var(--diwa-accent)":"var(--diwa-bg-elevated)";const c=a?"var(--diwa-accent)":"var(--diwa-border)";const h=a?`translateX(calc(var(--diwa-switch-track-width) - (2 * var(--diwa-border-width-base)) - var(--diwa-switch-thumb-size) - ${d}))`:`translateX(${d})`;const w=i||t?"opacity: 0.5; pointer-events: none;":"";const b=n==="start"?"row-reverse":"row";return`\n    :host {\n      display: inline-flex;\n      font-family: var(--diwa-font-family-base);\n      outline: none;\n      ${s?`\n      --diwa-switch-track-width:  32px;\n      --diwa-switch-track-height: 18px;\n      --diwa-switch-thumb-size:   12px;\n      `:""}\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .wrapper {\n      display: inline-flex;\n      flex-direction: ${b};\n      align-items: center;\n      gap: var(--diwa-space-3);\n      min-height: ${s?"var(--diwa-touch-target-min-size-compact, 32px)":"var(--diwa-touch-target-min-size, 44px)"};\n      cursor: ${i||t?"not-allowed":"pointer"};\n      ${w}\n    }\n    .track {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: flex-start;\n      width: var(--diwa-switch-track-width);\n      height: var(--diwa-switch-track-height);\n      background: ${o};\n      border: var(--diwa-border-width-base) solid ${c};\n      border-radius: var(--diwa-radius-xl);\n      box-sizing: border-box;\n      flex-shrink: 0;\n      transition: background var(--diwa-transition-base), border-color var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);\n    }\n    @media (hover: hover) and (pointer: fine) {\n      .wrapper:hover .track {\n        border-color: ${a?"var(--diwa-accent-hover)":"var(--diwa-text-secondary)"};\n        background: ${a?"var(--diwa-accent-hover)":"var(--diwa-bg-hover)"};\n      }\n    }\n    ${e(".track")}\n    .thumb {\n      position: absolute;\n      top: ${d};\n      left: 0;\n      width: var(--diwa-switch-thumb-size);\n      height: var(--diwa-switch-thumb-size);\n      background: var(--diwa-bg-surface);\n      border-radius: 50%;\n      transform: ${h};\n      box-shadow: var(--diwa-shadow-sm);\n      transition: transform var(--diwa-transition-base), background var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);\n      pointer-events: none;\n    }\n    .loading-indicator {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n    .label {\n      font-family: var(--diwa-font-family-base);\n      font-size: var(--diwa-font-size-base);\n      font-weight: var(--diwa-font-weight-medium);\n      line-height: var(--diwa-line-height-normal);\n      color: var(--diwa-text-primary);\n      user-select: none;\n    }\n\n    ${r(".track",".thumb")}\n  `};const d=class{constructor(t){a(this,t);this.update=i(this,"update",1);this.checked=false;this.disabled=false;this.loading=false;this.alignLabel="end";this.compact=false;this.theme="dark";this.handleClick=()=>{if(this.disabled||this.loading)return;this.update.emit({checked:!this.checked})};this.handleKeyDown=a=>{if(a.key===" "||a.key==="Enter"){a.preventDefault();this.handleClick()}}}render(){return t(n,{key:"c6b0baae527682b7fb1fedf325313ab069cd0954","data-theme":this.theme},t("style",{key:"2436ea48c102aa6f3aae71136c713c9dadb881c2",innerHTML:s(this.checked,this.disabled,this.loading,this.alignLabel,this.compact)}),t("span",{key:"78305942636540d14f49d3f8a84a166dd04a1004",class:"wrapper",onClick:this.handleClick},t("span",{key:"4230dc3c39be578dbe97d9aed6cf29f53343ff97",class:"track",role:"switch","aria-checked":String(this.checked),"aria-disabled":this.disabled||this.loading?"true":undefined,tabIndex:this.disabled||this.loading?-1:0,onKeyDown:this.handleKeyDown},!this.loading&&t("span",{key:"8e994b990b591d23e0c70bd7d6d731695673e14d",class:"thumb"}),this.loading&&t("span",{key:"621a6e985a3b8bb8a2a4622541d57d823dfbb53d",class:"loading-indicator","aria-hidden":"true"},t("diwa-spinner",{key:"442ea0df62cc4584843fde69be0fd90828655165",size:"sm"}))),t("span",{key:"022e8db4854c28e515c01aafddd56c6a2d1cc7ec",class:"label"},t("slot",{key:"47f4b3744afc1fecc2d92c00c42b7f40268bb16b"}))))}static get delegatesFocus(){return true}};export{d as diwa_switch};
+//# sourceMappingURL=p-2c3cff37.entry.js.map

package/dist/diwa-components/{p-1830772d.entry.js → p-310a22ca.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as t,h as e,H as i,g as a}from"./p-ed4017f0.js";import{g as h}from"./p-35c7c864.js";import"./p-70bbb21a.js";const d=class{constructor(e){s(this,e);this.change=t(this,"change",7);this.input=t(this,"input",7);this.blur=t(this,"blur",3);this.focus=t(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const t="desc";const a="msg";return e(i,{key:"b58c9b32c94117b172cfa28f7b156650b70087f7","data-theme":this.theme},e("style",{key:"ddf17006665bc7eaa8a1f4310d0a1cc240b5e2a2",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),e("div",{key:"05d5d42c977eb975d9d66c6f2849553cf3030c84",class:"root"},!this.hideLabel&&this.label&&e("div",{key:"988b49a445bb8352b772312a71f09ad8a74ac085",class:"label-row"},e("label",{key:"b377a77badf65a2a3690aa71cc6e0dc02fece8f8",class:"label",htmlFor:s},this.label,this.required&&e("span",{key:"194a617bc1959c34b9624e5863bf63e1b57e1bd6",class:"required","aria-hidden":"true"}," *")),e("slot",{key:"6a8b5dab9bd2c53f912612142a2429a481e9ca0c",name:"label-after"})),e("div",{key:"87d8863bbd02048faffbd83fd0326a160d834eb5",class:"input-wrapper"},this._hasStart&&e("div",{key:"f1f09a5f3f3db887ee379e1e8dc736422e677c62",class:"slot-start"},e("slot",{key:"99b41cac365685c4387cb24e4c5ba082eb3c9891",name:"start"})),e("input",{key:"7009d405ffd077b44b7f05f1c92364bf6eb3e199",id:s,class:"input",type:"date",name:this.name||undefined,value:this.value,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min,max:this.max,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?t:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&e("div",{key:"f525f4eb53efefbfe224f27162372f7bddcde580",class:"slot-end"},e("slot",{key:"c4b75e8f245b62142b27ada1f6109a201ee95297",name:"end"}))),!this.message&&this.description&&e("p",{key:"c45c7d9b10e31b7234b5d275f118dd07b5f9717a",id:t,class:"description"},this.description),this.message&&e("p",{key:"6f45b19c1e16797f063f5c8bb404dc2c4469f9f3",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{d as diwa_input_date};
-//# sourceMappingURL=p-1830772d.entry.js.map
+import{r as s,c as t,h as e,H as i,g as a}from"./p-ed4017f0.js";import{g as h}from"./p-35c7c864.js";import"./p-70bbb21a.js";const d=class{constructor(e){s(this,e);this.change=t(this,"change",7);this.input=t(this,"input",7);this.blur=t(this,"blur",3);this.focus=t(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const t="desc";const a="msg";return e(i,{key:"94730f472917007ec8a932eddd373445e112072c","data-theme":this.theme},e("style",{key:"c802055f4f73f1d0e2e9bad50903fa23a46b7392",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),e("div",{key:"283896eb16c298d9e12018d07c36030fb5989e59",class:"root"},!this.hideLabel&&this.label&&e("div",{key:"33ab418ce0c4eabdb8cb907a88d7110b67413000",class:"label-row"},e("label",{key:"dda6859fa1c5985143e5da22c20a665dec3af343",class:"label",htmlFor:s},this.label,this.required&&e("span",{key:"14a40c47a58db709a6463b874cb8f595bbf265c3",class:"required","aria-hidden":"true"}," *")),e("slot",{key:"77dbcce7196961dba3c75e466189ee655cd6990b",name:"label-after"})),e("div",{key:"499ebfed173183facede7acad369db75c3dd353f",class:"input-wrapper"},this._hasStart&&e("div",{key:"51c49c28e60a5a07435305bf4346586526186b81",class:"slot-start"},e("slot",{key:"db30bb64e64cf606820504dfcaa05ed533072307",name:"start"})),e("input",{key:"66265a0864819689c4c1c572f2315598ab3fce46",id:s,class:"input",type:"week",name:this.name||undefined,value:this.value,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min,max:this.max,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?t:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&e("div",{key:"bc932d60430cdc077f242de022e9a59847aa233c",class:"slot-end"},e("slot",{key:"08d086a8b1ca06a48cc449f2cbb519db530a51ad",name:"end"}))),!this.message&&this.description&&e("p",{key:"5178e0a010062baafc441f942d8fd8881d48841b",id:t,class:"description"},this.description),this.message&&e("p",{key:"c5a35822c126dea9738bffb07dc8bab9c92615b7",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{d as diwa_input_week};
+//# sourceMappingURL=p-310a22ca.entry.js.map

package/dist/diwa-components/{p-7a99a2aa.entry.js → p-335e06ab.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as i,h as a,H as e}from"./p-ed4017f0.js";import{g as t,a as r}from"./p-70bbb21a.js";const s={neutral:"var(--diwa-bg-surface)",primary:"var(--diwa-accent-bg)",info:"var(--diwa-notification-info-soft)",success:"var(--diwa-notification-success-soft)",warning:"var(--diwa-notification-warning-soft)",error:"var(--diwa-notification-error-soft)"};const o={neutral:"var(--diwa-text-primary)",primary:"var(--diwa-accent)",info:"var(--diwa-notification-info)",success:"var(--diwa-notification-success)",warning:"var(--diwa-notification-warning)",error:"var(--diwa-notification-error)"};const d={neutral:"var(--diwa-border)",primary:"var(--diwa-accent)",info:"var(--diwa-color-info-300)",success:"transparent",warning:"transparent",error:"transparent"};const c=(n,i)=>{const a=s[n];const e=o[n];const c=d[n];const f=i?"1px":"2px";const l=i?"6px":"10px";const w=i?"4px":"6px";const b=i?"var(--diwa-font-size-sm)":"var(--diwa-font-size-md)";return`\n    :host {\n      display: inline-flex;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .tag {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--diwa-space-1);\n      padding: ${f} ${w} ${f} ${l};\n      font-family: var(--diwa-font-family-base);\n      font-size: ${b};\n      font-weight: var(--diwa-font-weight-medium);\n      line-height: 1;\n      color: ${e};\n      background: ${a};\n      border: var(--diwa-border-width-thin) solid ${c};\n      border-radius: var(--diwa-radius-sm);\n      white-space: nowrap;\n      user-select: none;\n    }\n    .dismiss {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 12px;\n      height: 12px;\n      padding: 0;\n      background: none;\n      border: none;\n      border-radius: var(--diwa-radius-xs);\n      color: inherit;\n      cursor: pointer;\n      flex-shrink: 0;\n      opacity: var(--diwa-opacity-muted);\n      transition: opacity var(--diwa-transition-base);\n    }\n    .dismiss:hover {\n      opacity: 1;\n    }\n    ${t(".dismiss")}\n\n    ${r(".dismiss")}\n  `};const f=class{constructor(a){n(this,a);this.dismiss=i(this,"dismiss",1);this.variant="neutral";this.compact=false;this.label="Remove";this.theme="dark";this.handleDismiss=()=>{this.dismiss.emit()}}render(){return a(e,{key:"e38cfaa8ab96522f4fe516b64efcadd9a8c12661","data-theme":this.theme},a("style",{key:"3e8c178617ab71f172ee6878ad8f1260f6389aa7",innerHTML:c(this.variant,this.compact)}),a("span",{key:"5b3f671bdb71327e7f2fb227ce29b6d9c8dea36f",class:"tag"},a("slot",{key:"e8372472821b469f1e3a262415595c3bd58345c5"}),a("button",{key:"093dfd628497cac1a886543eeb48927e68753822",class:"dismiss",type:"button","aria-label":this.label,onClick:this.handleDismiss},a("svg",{key:"d56cdca4db4fbd9144a9c06eb4d12c44478fa3af",xmlns:"http://www.w3.org/2000/svg",width:12,height:12,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("line",{key:"047c1338afb7d612853d76c468ab926d810e77de",x1:"18",y1:"6",x2:"6",y2:"18"}),a("line",{key:"f2576ea09474cb17cb4dbe74b878ccf62debf03e",x1:"6",y1:"6",x2:"18",y2:"18"})))))}static get delegatesFocus(){return true}};export{f as diwa_tag_dismissible};
-//# sourceMappingURL=p-7a99a2aa.entry.js.map
+import{r as n,c as i,h as a,H as e}from"./p-ed4017f0.js";import{g as t,a as r}from"./p-70bbb21a.js";const s={neutral:"var(--diwa-bg-surface)",primary:"var(--diwa-accent-bg)",info:"var(--diwa-notification-info-soft)",success:"var(--diwa-notification-success-soft)",warning:"var(--diwa-notification-warning-soft)",error:"var(--diwa-notification-error-soft)"};const o={neutral:"var(--diwa-text-primary)",primary:"var(--diwa-accent)",info:"var(--diwa-notification-info)",success:"var(--diwa-notification-success)",warning:"var(--diwa-notification-warning)",error:"var(--diwa-notification-error)"};const d={neutral:"var(--diwa-border)",primary:"var(--diwa-accent)",info:"var(--diwa-color-info-300)",success:"transparent",warning:"transparent",error:"transparent"};const c=(n,i)=>{const a=s[n];const e=o[n];const c=d[n];const f=i?"1px":"2px";const l=i?"6px":"10px";const w=i?"4px":"6px";const p=i?"var(--diwa-font-size-sm)":"var(--diwa-font-size-md)";return`\n    :host {\n      display: inline-flex;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .tag {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--diwa-space-1);\n      padding: ${f} ${w} ${f} ${l};\n      font-family: var(--diwa-font-family-base);\n      font-size: ${p};\n      font-weight: var(--diwa-font-weight-medium);\n      line-height: 1;\n      color: ${e};\n      background: ${a};\n      border: var(--diwa-border-width-thin) solid ${c};\n      border-radius: var(--diwa-radius-sm);\n      white-space: nowrap;\n      user-select: none;\n    }\n    .dismiss {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 12px;\n      height: 12px;\n      padding: 0;\n      background: none;\n      border: none;\n      border-radius: var(--diwa-radius-xs);\n      color: inherit;\n      cursor: pointer;\n      flex-shrink: 0;\n      opacity: var(--diwa-opacity-muted);\n      transition: opacity var(--diwa-transition-base);\n    }\n    .dismiss:hover {\n      opacity: 1;\n    }\n    ${t(".dismiss")}\n\n    ${r(".dismiss")}\n  `};const f=class{constructor(a){n(this,a);this.dismiss=i(this,"dismiss",1);this.variant="neutral";this.compact=false;this.label="Remove";this.theme="dark";this.handleDismiss=()=>{this.dismiss.emit()}}render(){return a(e,{key:"9f4c4377ebc43cf3745e6b3b76c1a0515735fe14","data-theme":this.theme},a("style",{key:"7a4a1ee00d78c00caedf46b2e4ed00703dc2a025",innerHTML:c(this.variant,this.compact)}),a("span",{key:"58e2d5628247acb7e1e1c319cbab3ddee3e0fc17",class:"tag"},a("slot",{key:"073b4608fbb5cbe95e1ad6be7fd9604110c07470"}),a("button",{key:"d82542c1f55263710d8d9664e678492dbdf83552",class:"dismiss",type:"button","aria-label":this.label,onClick:this.handleDismiss},a("svg",{key:"69df9a94062c0e50440ba6da4aff447c37f9dca5",xmlns:"http://www.w3.org/2000/svg",width:12,height:12,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("line",{key:"79fa0ae0e865ca7b2c81fc681e74b4dd7ad7975b",x1:"18",y1:"6",x2:"6",y2:"18"}),a("line",{key:"144d7a3756922d470d2583aa53b911137d6436f3",x1:"6",y1:"6",x2:"18",y2:"18"})))))}static get delegatesFocus(){return true}};export{f as diwa_tag_dismissible};
+//# sourceMappingURL=p-335e06ab.entry.js.map

package/dist/diwa-components/{p-def36bc4.entry.js → p-33b49ced.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as e,h as a,H as t,g as i}from"./p-ed4017f0.js";import{g as r,a as s}from"./p-70bbb21a.js";const o=(n,e,a)=>{const t=a?"14px":"18px";const i=a?"6px":"8px";return`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    cursor: pointer;\n  }\n\n  :host([disabled]) .wrapper {\n    cursor: not-allowed;\n  }\n\n  .input-container {\n    position: relative;\n    flex-shrink: 0;\n    width: ${t};\n    height: ${t};\n  }\n\n  input[type="radio"] {\n    appearance: none;\n    -webkit-appearance: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    border-radius: 50%;\n    border: var(--diwa-border-width-medium) solid ${n?"var(--diwa-accent)":"var(--diwa-border)"};\n    background: ${n?"var(--diwa-accent)":"transparent"};\n    transition: border-color var(--diwa-transition-base), background var(--diwa-transition-base);\n  }\n\n  input[type="radio"]:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n\n  ${r('input[type="radio"]')}\n\n  /* Dot indicator when checked */\n  .input-container::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: ${i};\n    height: ${i};\n    border-radius: 50%;\n    background: var(--diwa-text-on-accent, #fff);\n    opacity: ${n?"1":"0"};\n    pointer-events: none;\n    transition: opacity var(--diwa-transition-base);\n  }\n\n  .label-text {\n    font-size: var(--diwa-font-size-base);\n    color: var(--diwa-text-primary);\n    line-height: 1.5;\n    user-select: none;\n  }\n\n  :host([disabled]) .label-text {\n    color: var(--diwa-text-muted);\n  }\n\n  ${s('input[type="radio"]',".input-container::after")}\n  `};const d=class{constructor(a){n(this,a);this.radioSelect=e(this,"diwa-radio-select",7);this.theme="dark";this.value="";this.checked=false;this.name="";this.disabled=false;this.compact=false;this.handleChange=()=>{if(this.disabled)return;this.checked=true;this.radioSelect.emit({value:this.value})}}handleCheckedChange(n){var e;const a=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelector("input");if(a)a.checked=n}render(){const n=`diwa-rgi-${this.value||Math.random().toString(36).slice(2,7)}`;return a(t,{key:"d8bc41d5cf9885195ca2e1579aa74abcf93c9fb2"},a("style",{key:"b303d2b29a49f4445eaed221470ccb6bd1020150",innerHTML:o(this.checked,this.disabled,this.compact)}),a("label",{key:"d2a931fd4754cb93c02dcc833a5f08fa1ce5f1ea",class:"wrapper"},a("span",{key:"237f63b74e3aa3be54cdfc1f8027b819b93c8276",class:"input-container"},a("input",{key:"37e09b73b7d904847fa8e4194a97309e9e07a4de",id:n,type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,"aria-checked":this.checked?"true":"false"})),a("span",{key:"85a9799f4ac065d7d8167b44a0dc3d667511730d",class:"label-text"},a("slot",{key:"8fda0f7afd5dbffee2047668f1245439c4650b3e"}))))}static get delegatesFocus(){return true}get host(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};export{d as diwa_radio_group_item};
-//# sourceMappingURL=p-def36bc4.entry.js.map
+import{r as n,c as e,h as t,H as a,g as i}from"./p-ed4017f0.js";import{g as r,a as s}from"./p-70bbb21a.js";const d=(n,e,t)=>{const a=t?"14px":"18px";const i=t?"6px":"8px";return`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    cursor: pointer;\n  }\n\n  :host([disabled]) .wrapper {\n    cursor: not-allowed;\n  }\n\n  .input-container {\n    position: relative;\n    flex-shrink: 0;\n    width: ${a};\n    height: ${a};\n  }\n\n  input[type="radio"] {\n    appearance: none;\n    -webkit-appearance: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    border-radius: 50%;\n    border: var(--diwa-border-width-medium) solid ${n?"var(--diwa-accent)":"var(--diwa-border)"};\n    background: ${n?"var(--diwa-accent)":"transparent"};\n    transition: border-color var(--diwa-transition-base), background var(--diwa-transition-base);\n  }\n\n  input[type="radio"]:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n\n  ${r('input[type="radio"]')}\n\n  /* Dot indicator when checked */\n  .input-container::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: ${i};\n    height: ${i};\n    border-radius: 50%;\n    background: var(--diwa-text-on-accent, #fff);\n    opacity: ${n?"1":"0"};\n    pointer-events: none;\n    transition: opacity var(--diwa-transition-base);\n  }\n\n  .label-text {\n    font-size: var(--diwa-font-size-base);\n    color: var(--diwa-text-primary);\n    line-height: 1.5;\n    user-select: none;\n  }\n\n  :host([disabled]) .label-text {\n    color: var(--diwa-text-muted);\n  }\n\n  ${s('input[type="radio"]',".input-container::after")}\n  `};const o=class{constructor(t){n(this,t);this.radioSelect=e(this,"diwa-radio-select",7);this.theme="dark";this.value="";this.checked=false;this.name="";this.disabled=false;this.compact=false;this.handleChange=()=>{if(this.disabled)return;this.checked=true;this.radioSelect.emit({value:this.value})}}handleCheckedChange(n){var e;const t=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelector("input");if(t)t.checked=n}render(){const n=`diwa-rgi-${this.value||Math.random().toString(36).slice(2,7)}`;return t(a,{key:"86f4629d1ec15ca4166b99a2edad8e5345853639"},t("style",{key:"30efbaa2b8c0102ec11b4c369371a7bf4ee6f37f",innerHTML:d(this.checked,this.disabled,this.compact)}),t("label",{key:"f9cf23065409265184bbb70ddab10b5fded2db49",class:"wrapper"},t("span",{key:"bea2800f348a6d178c924a6c2fe1b6371642dd12",class:"input-container"},t("input",{key:"e2fa14e6810b6c3c0cacc078f43421838f9e34d0",id:n,type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,"aria-checked":this.checked?"true":"false"})),t("span",{key:"1e393282f8e72fe9d055dde92d00f034f3164454",class:"label-text"},t("slot",{key:"0611edb3b9b31dfb6d8ebdba3282b97c705530ad"}))))}static get delegatesFocus(){return true}get host(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};export{o as diwa_radio_group_item};
+//# sourceMappingURL=p-33b49ced.entry.js.map

package/dist/diwa-components/{p-37e1bea3.entry.js → p-36056450.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as n,H as i}from"./p-ed4017f0.js";const r={neutral:{bg:"var(--diwa-bg-surface)",color:"var(--diwa-text-primary)",border:"var(--diwa-border)"},primary:{bg:"var(--diwa-accent-bg)",color:"var(--diwa-accent)",border:"var(--diwa-accent)"},info:{bg:"var(--diwa-notification-info-soft)",color:"var(--diwa-notification-info)",border:"var(--diwa-color-info-300)"},success:{bg:"var(--diwa-notification-success-soft)",color:"var(--diwa-notification-success)",border:"transparent"},warning:{bg:"var(--diwa-notification-warning-soft)",color:"var(--diwa-notification-warning)",border:"transparent"},error:{bg:"var(--diwa-notification-error-soft)",color:"var(--diwa-notification-error)",border:"transparent"}};const e=(a,n)=>{const{bg:i,color:e,border:o}=r[a];const t=n?"1px":"2px";const s=n?"6px":"10px";const d=n?"var(--diwa-font-size-sm)":"var(--diwa-font-size-md)";return`\n    :host {\n      display: inline-flex;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .tag {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--diwa-space-1);\n      padding: ${t} ${s};\n      font-family: var(--diwa-font-family-base);\n      font-size: ${d};\n      font-weight: var(--diwa-font-weight-medium);\n      line-height: 1;\n      color: ${e};\n      background: ${i};\n      border: var(--diwa-border-width-thin) solid ${o};\n      border-radius: var(--diwa-radius-sm);\n      white-space: nowrap;\n      user-select: none;\n    }\n    .icon {\n      display: flex;\n      align-items: center;\n      flex-shrink: 0;\n    }\n  `};const o=class{constructor(n){a(this,n);this.variant="neutral";this.compact=false;this.theme="dark"}render(){return n(i,{key:"d42fb54eff16c99a228aadb0705555b46f12e32f","data-theme":this.theme},n("style",{key:"5a970176294cd830196d20211c3de04bafe432cb",innerHTML:e(this.variant,this.compact)}),n("span",{key:"cf96cb76fd620897df59dab8cd85c49b2905112c",class:"tag"},this.icon&&n("span",{key:"e5f269560d17a45c0072dadeab04018592b13f1a",class:"icon"},n("diwa-icon",{key:"355758d40a0a2539b0ec7eba9710e57a308e510e",name:this.icon,size:this.compact?12:14})),n("slot",{key:"640ad0e5c11ecaebd98fe846f48b81938c7c9db2"})))}};export{o as diwa_tag};
-//# sourceMappingURL=p-37e1bea3.entry.js.map
+import{r as a,h as n,H as i}from"./p-ed4017f0.js";const r={neutral:{bg:"var(--diwa-bg-surface)",color:"var(--diwa-text-primary)",border:"var(--diwa-border)"},primary:{bg:"var(--diwa-accent-bg)",color:"var(--diwa-accent)",border:"var(--diwa-accent)"},info:{bg:"var(--diwa-notification-info-soft)",color:"var(--diwa-notification-info)",border:"var(--diwa-color-info-300)"},success:{bg:"var(--diwa-notification-success-soft)",color:"var(--diwa-notification-success)",border:"transparent"},warning:{bg:"var(--diwa-notification-warning-soft)",color:"var(--diwa-notification-warning)",border:"transparent"},error:{bg:"var(--diwa-notification-error-soft)",color:"var(--diwa-notification-error)",border:"transparent"}};const e=(a,n)=>{const{bg:i,color:e,border:o}=r[a];const t=n?"1px":"2px";const s=n?"6px":"10px";const d=n?"var(--diwa-font-size-sm)":"var(--diwa-font-size-md)";return`\n    :host {\n      display: inline-flex;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .tag {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--diwa-space-1);\n      padding: ${t} ${s};\n      font-family: var(--diwa-font-family-base);\n      font-size: ${d};\n      font-weight: var(--diwa-font-weight-medium);\n      line-height: 1;\n      color: ${e};\n      background: ${i};\n      border: var(--diwa-border-width-thin) solid ${o};\n      border-radius: var(--diwa-radius-sm);\n      white-space: nowrap;\n      user-select: none;\n    }\n    .icon {\n      display: flex;\n      align-items: center;\n      flex-shrink: 0;\n    }\n  `};const o=class{constructor(n){a(this,n);this.variant="neutral";this.compact=false;this.theme="dark"}render(){return n(i,{key:"7988f2df7bb610e4740f66cd99d39585db3593f5","data-theme":this.theme},n("style",{key:"d7537b4b976e5883dff1c3007abef68a85a54947",innerHTML:e(this.variant,this.compact)}),n("span",{key:"7fe4f78c4cf1d3ab50d2075e6117da2442ec5402",class:"tag"},this.icon&&n("span",{key:"a92d37891d45e530112838df6261a5fc54fe7da5",class:"icon"},n("diwa-icon",{key:"c361b75471c8744b1b6d34b581055b1b7dbaeb7e",name:this.icon,size:this.compact?12:14})),n("slot",{key:"b5f82c669e5568ec3f9d538f140f7e0b903bd647"})))}};export{o as diwa_tag};
+//# sourceMappingURL=p-36056450.entry.js.map

package/dist/diwa-components/{p-8369c48e.entry.js → p-3a992d7e.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as e,h as a,H as i}from"./p-ed4017f0.js";import{a as r}from"./p-70bbb21a.js";const t=()=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Label ──────────────────────────────────────────────────────────── */\n\n  .label {\n    display: block;\n    margin-bottom: var(--diwa-space-2);\n    font-size: var(--diwa-font-size-md);\n    font-weight: var(--diwa-font-weight-medium);\n    color: var(--diwa-text-secondary);\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  .required {\n    color: var(--diwa-danger-text);\n  }\n\n  /* ── Wrapper ────────────────────────────────────────────────────────── */\n\n  .wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    min-height: var(--diwa-input-height, var(--diwa-touch-target-min-size, 44px));\n    padding: 0 var(--diwa-input-padding-x, 12px);\n    background-color: var(--diwa-input-bg, var(--diwa-bg-input));\n    border: var(--diwa-border-width-base) solid var(--diwa-input-border, var(--diwa-border-light));\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\n    box-sizing: border-box;\n    transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  /* Focus — border and ring become visible on keyboard navigation */\n  :host(:focus-within) .wrapper,\n  .wrapper:focus-within {\n    border-color: var(--diwa-input-border-focus, var(--diwa-border-focus));\n    box-shadow: 0 0 0 var(--diwa-focus-ring-width) var(--diwa-border-focus);\n  }\n\n  /* ── Native input ───────────────────────────────────────────────────── */\n\n  .input {\n    flex: 1;\n    min-width: 0;\n    appearance: none;\n    -webkit-appearance: none;\n    background: transparent;\n    border: none;\n    outline: none;\n    padding: 0;\n    margin: 0;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: inherit;\n    font-size: var(--diwa-input-font-size, var(--diwa-font-size-base));\n    color: var(--diwa-input-color, var(--diwa-text-primary));\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  .input::placeholder {\n    color: var(--diwa-input-placeholder-color, var(--diwa-text-muted));\n  }\n\n  .input[type="number"]::-webkit-inner-spin-button,\n  .input[type="number"]::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  .input[type="search"]::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n  }\n\n  /* ── Prefix / Suffix slots ──────────────────────────────────────────── */\n\n  .prefix,\n  .suffix {\n    display: inline-flex;\n    align-items: center;\n    flex-shrink: 0;\n    color: var(--diwa-text-tertiary);\n  }\n\n  /* ── State: disabled ────────────────────────────────────────────────── */\n\n  :host([disabled]) .wrapper {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([disabled]) .label {\n    color: var(--diwa-text-disabled);\n  }\n\n  /* ── State: readonly ────────────────────────────────────────────────── */\n\n  :host([readonly]) .wrapper {\n    background-color: var(--diwa-bg-secondary);\n    cursor: default;\n  }\n\n  /* ── State: error ───────────────────────────────────────────────────── */\n\n  :host([state="error"]) .wrapper {\n    border-color: var(--diwa-input-border-error, var(--diwa-danger));\n  }\n\n  :host([state="error"]:focus-within) .wrapper {\n    border-color: var(--diwa-input-border-error, var(--diwa-danger));\n  }\n\n  /* ── State: success ─────────────────────────────────────────────────── */\n\n  :host([state="success"]) .wrapper {\n    border-color: var(--diwa-input-border-success, var(--diwa-success));\n  }\n\n  :host([state="success"]:focus-within) .wrapper {\n    border-color: var(--diwa-input-border-success, var(--diwa-success));\n  }\n\n  /* ── Hint ───────────────────────────────────────────────────────────── */\n\n  .hint {\n    display: block;\n    margin-top: var(--diwa-space-2);\n    font-size: var(--diwa-font-size-md);\n    color: var(--diwa-text-tertiary);\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  :host([state="error"]) .hint {\n    color: var(--diwa-danger-text);\n  }\n\n  :host([state="success"]) .hint {\n    color: var(--diwa-success-text);\n  }\n\n  ${r(".wrapper")}\n`;let s=0;const d=class{constructor(a){n(this,a);this.diwaInput=e(this,"diwaInput",7);this.diwaChange=e(this,"diwaChange",7);this.diwaFocus=e(this,"diwaFocus",7);this.diwaBlur=e(this,"diwaBlur",7);this.type="text";this.value="";this.required=false;this.disabled=false;this.readonly=false;this.state="default";this.theme="dark";this.internalId=`diwa-input-${++s}`;this.handleInput=n=>{const e=n.target;this.value=e.value;this.diwaInput.emit(this.value)};this.handleChange=n=>{const e=n.target;this.value=e.value;this.diwaChange.emit(this.value)};this.handleFocus=n=>{this.diwaFocus.emit(n)};this.handleBlur=n=>{this.diwaBlur.emit(n)}}get resolvedId(){var n;return(n=this.inputId)!==null&&n!==void 0?n:this.internalId}get hintId(){return`${this.resolvedId}-hint`}render(){const{resolvedId:n,hintId:e}=this;const r=!!this.hint;return a(i,{key:"2f5e9982ad07294f702ebf0bea111b70d89595f5","data-theme":this.theme},a("style",{key:"a5ff0895928b24e7704f88b4d4601b071ce13c22",innerHTML:t()}),this.label&&a("label",{key:"11dfacae24599abc35a73ebc763fca8f95db78d2",class:"label",part:"label",htmlFor:n},this.label,this.required&&a("span",{key:"ec6b9d71eefce529cfb04aef396a730758f6f79d",class:"required","aria-hidden":"true"}," ","*")),a("div",{key:"9abda93e51de4c01be826f147ea094e8d418d6ab",class:"wrapper",part:"wrapper"},a("span",{key:"619b7e65a10c04043ae68abdfa0d0321b3681585",class:"prefix",part:"prefix"},a("slot",{key:"e61f1fbf6f7d6a06961100dfd867e4456bc1eb6e",name:"prefix"})),a("input",{key:"42ab4539c89bee785df13cb9bff484003c7299b0",id:n,part:"input",class:"input",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autocomplete:this.autocomplete,"aria-required":this.required?"true":undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-describedby":r?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur}),a("span",{key:"270db977c40f074cf99378dcb27e9959470a7f2d",class:"suffix",part:"suffix"},a("slot",{key:"36dbff474dafd6b3b46303d7745f754a5d413433",name:"suffix"}))),r&&a("span",{key:"bff0ddc5cf92a6d9ec9ddc64b5138ebd2cfe7632",id:e,class:"hint",part:"hint","aria-live":this.state==="error"?"polite":undefined},this.hint))}static get delegatesFocus(){return true}};export{d as diwa_input};
-//# sourceMappingURL=p-8369c48e.entry.js.map
+import{r as n,c as a,h as i,H as e}from"./p-ed4017f0.js";import{a as r}from"./p-70bbb21a.js";const t=()=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Label ──────────────────────────────────────────────────────────── */\n\n  .label {\n    display: block;\n    margin-bottom: var(--diwa-space-2);\n    font-size: var(--diwa-font-size-md);\n    font-weight: var(--diwa-font-weight-medium);\n    color: var(--diwa-text-secondary);\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  .required {\n    color: var(--diwa-danger-text);\n  }\n\n  /* ── Wrapper ────────────────────────────────────────────────────────── */\n\n  .wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    min-height: var(--diwa-input-height, var(--diwa-touch-target-min-size, 44px));\n    padding: 0 var(--diwa-input-padding-x, 12px);\n    background-color: var(--diwa-input-bg, var(--diwa-bg-input));\n    border: var(--diwa-border-width-base) solid var(--diwa-input-border, var(--diwa-border-light));\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\n    box-sizing: border-box;\n    transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  /* Focus — border and ring become visible on keyboard navigation */\n  :host(:focus-within) .wrapper,\n  .wrapper:focus-within {\n    border-color: var(--diwa-input-border-focus, var(--diwa-border-focus));\n    box-shadow: 0 0 0 var(--diwa-focus-ring-width) var(--diwa-border-focus);\n  }\n\n  /* ── Native input ───────────────────────────────────────────────────── */\n\n  .input {\n    flex: 1;\n    min-width: 0;\n    appearance: none;\n    -webkit-appearance: none;\n    background: transparent;\n    border: none;\n    outline: none;\n    padding: 0;\n    margin: 0;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: inherit;\n    font-size: var(--diwa-input-font-size, var(--diwa-font-size-base));\n    color: var(--diwa-input-color, var(--diwa-text-primary));\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  .input::placeholder {\n    color: var(--diwa-input-placeholder-color, var(--diwa-text-muted));\n  }\n\n  .input[type="number"]::-webkit-inner-spin-button,\n  .input[type="number"]::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  .input[type="search"]::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n  }\n\n  /* ── Prefix / Suffix slots ──────────────────────────────────────────── */\n\n  .prefix,\n  .suffix {\n    display: inline-flex;\n    align-items: center;\n    flex-shrink: 0;\n    color: var(--diwa-text-tertiary);\n  }\n\n  /* ── State: disabled ────────────────────────────────────────────────── */\n\n  :host([disabled]) .wrapper {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([disabled]) .label {\n    color: var(--diwa-text-disabled);\n  }\n\n  /* ── State: readonly ────────────────────────────────────────────────── */\n\n  :host([readonly]) .wrapper {\n    background-color: var(--diwa-bg-secondary);\n    cursor: default;\n  }\n\n  /* ── State: error ───────────────────────────────────────────────────── */\n\n  :host([state="error"]) .wrapper {\n    border-color: var(--diwa-input-border-error, var(--diwa-danger));\n  }\n\n  :host([state="error"]:focus-within) .wrapper {\n    border-color: var(--diwa-input-border-error, var(--diwa-danger));\n  }\n\n  /* ── State: success ─────────────────────────────────────────────────── */\n\n  :host([state="success"]) .wrapper {\n    border-color: var(--diwa-input-border-success, var(--diwa-success));\n  }\n\n  :host([state="success"]:focus-within) .wrapper {\n    border-color: var(--diwa-input-border-success, var(--diwa-success));\n  }\n\n  /* ── Hint ───────────────────────────────────────────────────────────── */\n\n  .hint {\n    display: block;\n    margin-top: var(--diwa-space-2);\n    font-size: var(--diwa-font-size-md);\n    color: var(--diwa-text-tertiary);\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  :host([state="error"]) .hint {\n    color: var(--diwa-danger-text);\n  }\n\n  :host([state="success"]) .hint {\n    color: var(--diwa-success-text);\n  }\n\n  ${r(".wrapper")}\n`;let s=0;const d=class{constructor(i){n(this,i);this.diwaInput=a(this,"diwaInput",7);this.diwaChange=a(this,"diwaChange",7);this.diwaFocus=a(this,"diwaFocus",7);this.diwaBlur=a(this,"diwaBlur",7);this.type="text";this.value="";this.required=false;this.disabled=false;this.readonly=false;this.state="default";this.theme="dark";this.internalId=`diwa-input-${++s}`;this.handleInput=n=>{const a=n.target;this.value=a.value;this.diwaInput.emit(this.value)};this.handleChange=n=>{const a=n.target;this.value=a.value;this.diwaChange.emit(this.value)};this.handleFocus=n=>{this.diwaFocus.emit(n)};this.handleBlur=n=>{this.diwaBlur.emit(n)}}get resolvedId(){var n;return(n=this.inputId)!==null&&n!==void 0?n:this.internalId}get hintId(){return`${this.resolvedId}-hint`}render(){const{resolvedId:n,hintId:a}=this;const r=!!this.hint;return i(e,{key:"8dd2b3cbf6a137e8a9d1682ff8ff1a08d039f5de","data-theme":this.theme},i("style",{key:"35231eb60c943d0bbaddf39a88092ad3590c9f4d",innerHTML:t()}),this.label&&i("label",{key:"47b0f0f9342cd354e5bdc638ac8c18243a399e3c",class:"label",part:"label",htmlFor:n},this.label,this.required&&i("span",{key:"64148476ed0246ee2b1866e36060a5451fb43fdd",class:"required","aria-hidden":"true"}," ","*")),i("div",{key:"1c61869f25baecbd320003dddd350124a1289cbd",class:"wrapper",part:"wrapper"},i("span",{key:"bd83d18cdf80dddb6155803971fddd6ef4712dfe",class:"prefix",part:"prefix"},i("slot",{key:"07f4fa63cd34fc5843d175209fcdf77791777383",name:"prefix"})),i("input",{key:"ea64cc200e44331b6a6d99dfbc37b32d18f49561",id:n,part:"input",class:"input",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autocomplete:this.autocomplete,"aria-required":this.required?"true":undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-describedby":r?a:undefined,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur}),i("span",{key:"2c7bd85837a96c686aed28a8df92632688c5b676",class:"suffix",part:"suffix"},i("slot",{key:"f4a570a768212756def2c5b68bcb1acd866178c9",name:"suffix"}))),r&&i("span",{key:"9bdf7a497cd3ff665b06d92b9359e28687af895c",id:a,class:"hint",part:"hint","aria-live":this.state==="error"?"polite":undefined},this.hint))}static get delegatesFocus(){return true}};export{d as diwa_input};
+//# sourceMappingURL=p-3a992d7e.entry.js.map

package/dist/diwa-components/p-3e68a752.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as t}from"./p-ed4017f0.js";const r=()=>`\n  :host { display: table-row-group; }\n  :host([hidden]) { display: none; }\n  ::slotted(:nth-child(even)) {\n    background: var(--diwa-table-stripe-color, transparent);\n  }\n`;const n=class{constructor(e){a(this,e);this.theme="dark"}render(){return e(t,{key:"060d3016c96ac3c29b5265450828f0c2770696c8",role:"rowgroup","data-theme":this.theme},e("style",{key:"025471a64af1c06620e36d273bbe27afc5b70d1b",innerHTML:r()}),e("slot",{key:"a0b770fa75b04264b919a63b55846c7941931fc8"}))}};export{n as diwa_table_body};
+//# sourceMappingURL=p-3e68a752.entry.js.map

package/dist/diwa-components/{p-bbede25d.entry.js → p-4332671a.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as a,h as e,H as i}from"./p-ed4017f0.js";import{a as t}from"./p-70bbb21a.js";const d=(n,a,e)=>`\n\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    position: fixed;\n    inset: 0;\n    z-index: var(--diwa-z-overlay);\n    pointer-events: ${n?"auto":"none"};\n    visibility: ${n?"visible":"hidden"};\n    transition: visibility 0s linear ${n?"0s":"var(--diwa-motion-duration-moderate)"};\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Backdrop ──────────────────────────────────────────────────────── */\n\n  .backdrop {\n    position: absolute;\n    inset: 0;\n    ${e==="blur"?`\n    background: var(--diwa-bg-frosted);\n    backdrop-filter: blur(var(--diwa-blur-lg));\n    -webkit-backdrop-filter: blur(var(--diwa-blur-lg));`:`\n    background: var(--diwa-bg-shading);`}\n    opacity: ${n?"1":"0"};\n    transition: opacity var(--diwa-motion-duration-moderate) var(--diwa-motion-easing-out);\n    cursor: pointer;\n  }\n\n  /* ── Panel ─────────────────────────────────────────────────────────── */\n\n  .panel {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    ${a==="start"?"left: 0;":"right: 0;"}\n    width: var(--diwa-flyout-width, 480px);\n    min-width: var(--diwa-flyout-min-width);\n    max-width: 100vw;\n    display: flex;\n    flex-direction: column;\n    background: var(--diwa-bg-surface);\n    border-${a==="start"?"right":"left"}: var(--diwa-border-width-thin) solid var(--diwa-border);\n    transform: translateX(${n?"0":a==="start"?"-100%":"100%"});\n    transition: transform var(--diwa-motion-duration-moderate) var(--diwa-motion-easing-base);\n    overflow: hidden;\n    outline: none;\n  }\n\n  /* ── Header ────────────────────────────────────────────────────────── */\n\n  .header {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    padding: var(--diwa-space-5) var(--diwa-space-6);\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\n  }\n\n  .heading-text {\n    flex: 1;\n    min-width: 0;\n    font-family: var(--diwa-font-family-base);\n    font-size: var(--diwa-font-size-xl);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* ── Scrollable content ────────────────────────────────────────────── */\n\n  .content {\n    flex: 1;\n    overflow-y: auto;\n    padding: var(--diwa-space-6);\n    overscroll-behavior: contain;\n  }\n\n  /* ── Sticky footer ─────────────────────────────────────────────────── */\n\n  .footer {\n    flex-shrink: 0;\n    padding: var(--diwa-space-4) var(--diwa-space-6);\n    border-top: var(--diwa-border-width-thin) solid var(--diwa-border); {\n    display: none;\n  }\n\n  ${t(".panel",".backdrop")}\n`;const o=class{constructor(e){n(this,e);this.dismiss=a(this,"dismiss",1);this.savedFocusEl=null;this.theme="dark";this.open=false;this.position="end";this.backdrop="blur";this.heading="";this.handleDismiss=()=>{this.dismiss.emit()}}onOpenChange(n){var a;if(n){document.body.style.overflow="hidden";this.savedFocusEl=document.activeElement;requestAnimationFrame((()=>{var n;(n=this.panelEl)===null||n===void 0?void 0:n.focus()}))}else{document.body.style.overflow="";(a=this.savedFocusEl)===null||a===void 0?void 0:a.focus();this.savedFocusEl=null}}disconnectedCallback(){document.body.style.overflow=""}onKeyDown(n){if(this.open&&n.key==="Escape"){n.preventDefault();this.dismiss.emit()}}render(){return e(i,{key:"52d5fe7be0dfea4a62bc7a4a7637b2f9edbe141d","data-theme":this.theme},e("style",{key:"024c161908d6c2954d8f6a3a07b24f07c2d8e43c"},d(this.open,this.position,this.backdrop)),e("div",{key:"f76c3d2f71725d8d2b3d29a2cbbacc5b2c9da3d2",class:"backdrop","aria-hidden":"true",onClick:this.handleDismiss}),e("div",{key:"6365781507ae83c8bc9d4f5233f9cdf464d8e9ca",class:"panel",role:"dialog","aria-modal":"true","aria-label":this.heading||"Flyout",tabIndex:-1,ref:n=>{this.panelEl=n}},e("div",{key:"b8dbb339620ebc2fab8dde5ee70fd5eaca614464",class:"header"},e("span",{key:"e7de07e86b1ca0ca6072f47ab6da4b4eb5b4a7d3",class:"heading-text"},this.heading),e("slot",{key:"b688288e6f4a4fd910845eb2c14a6ba705e81eee",name:"header"}),e("diwa-button-pure",{key:"8924888f63033a7c285f63b589834ef4e301aa74",icon:"x",label:"Close flyout",size:"sm",hideLabel:true,onClick:this.handleDismiss})),e("div",{key:"1bf9756c8d8cb88f58e1b960c3d5ee22500828ba",class:"content"},e("slot",{key:"292d34bfc03446b3f751f39df50c3655bd46a0e6"})),e("div",{key:"51270f6fed520df8a4101027a1f9023118b9f46e",class:"footer"},e("slot",{key:"f6684ace2a9f0ec82d5b1face5de06bede92c84b",name:"footer"}))))}static get watchers(){return{open:["onOpenChange"]}}};export{o as diwa_flyout};
-//# sourceMappingURL=p-bbede25d.entry.js.map
+import{r as n,c as a,h as e,H as i}from"./p-ed4017f0.js";import{a as t}from"./p-70bbb21a.js";const d=(n,a,e)=>`\n\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    position: fixed;\n    inset: 0;\n    z-index: var(--diwa-z-overlay);\n    pointer-events: ${n?"auto":"none"};\n    visibility: ${n?"visible":"hidden"};\n    transition: visibility 0s linear ${n?"0s":"var(--diwa-motion-duration-moderate)"};\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Backdrop ──────────────────────────────────────────────────────── */\n\n  .backdrop {\n    position: absolute;\n    inset: 0;\n    ${e==="blur"?`\n    background: var(--diwa-bg-frosted);\n    backdrop-filter: blur(var(--diwa-blur-lg));\n    -webkit-backdrop-filter: blur(var(--diwa-blur-lg));`:`\n    background: var(--diwa-bg-shading);`}\n    opacity: ${n?"1":"0"};\n    transition: opacity var(--diwa-motion-duration-moderate) var(--diwa-motion-easing-out);\n    cursor: pointer;\n  }\n\n  /* ── Panel ─────────────────────────────────────────────────────────── */\n\n  .panel {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    ${a==="start"?"left: 0;":"right: 0;"}\n    width: var(--diwa-flyout-width, 480px);\n    min-width: var(--diwa-flyout-min-width);\n    max-width: 100vw;\n    display: flex;\n    flex-direction: column;\n    background: var(--diwa-bg-surface);\n    border-${a==="start"?"right":"left"}: var(--diwa-border-width-thin) solid var(--diwa-border);\n    transform: translateX(${n?"0":a==="start"?"-100%":"100%"});\n    transition: transform var(--diwa-motion-duration-moderate) var(--diwa-motion-easing-base);\n    overflow: hidden;\n    outline: none;\n  }\n\n  /* ── Header ────────────────────────────────────────────────────────── */\n\n  .header {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    padding: var(--diwa-space-5) var(--diwa-space-6);\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\n  }\n\n  .heading-text {\n    flex: 1;\n    min-width: 0;\n    font-family: var(--diwa-font-family-base);\n    font-size: var(--diwa-font-size-xl);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* ── Scrollable content ────────────────────────────────────────────── */\n\n  .content {\n    flex: 1;\n    overflow-y: auto;\n    padding: var(--diwa-space-6);\n    overscroll-behavior: contain;\n  }\n\n  /* ── Sticky footer ─────────────────────────────────────────────────── */\n\n  .footer {\n    flex-shrink: 0;\n    padding: var(--diwa-space-4) var(--diwa-space-6);\n    border-top: var(--diwa-border-width-thin) solid var(--diwa-border); {\n    display: none;\n  }\n\n  ${t(".panel",".backdrop")}\n`;const o=class{constructor(e){n(this,e);this.dismiss=a(this,"dismiss",1);this.savedFocusEl=null;this.theme="dark";this.open=false;this.position="end";this.backdrop="blur";this.heading="";this.handleDismiss=()=>{this.dismiss.emit()}}onOpenChange(n){var a;if(n){document.body.style.overflow="hidden";this.savedFocusEl=document.activeElement;requestAnimationFrame((()=>{var n;(n=this.panelEl)===null||n===void 0?void 0:n.focus()}))}else{document.body.style.overflow="";(a=this.savedFocusEl)===null||a===void 0?void 0:a.focus();this.savedFocusEl=null}}disconnectedCallback(){document.body.style.overflow=""}onKeyDown(n){if(this.open&&n.key==="Escape"){n.preventDefault();this.dismiss.emit()}}render(){return e(i,{key:"067e67fe0994d726754e6553d92a03b71981b218","data-theme":this.theme},e("style",{key:"2697a0d6d7f205b12cf0e16df31a5302cc7792a9"},d(this.open,this.position,this.backdrop)),e("div",{key:"fbd2f50b7ffcf9329d59cdf0097ab620d689d42b",class:"backdrop","aria-hidden":"true",onClick:this.handleDismiss}),e("div",{key:"efc5f3d46f43b92ea438ceb8f290650851373060",class:"panel",role:"dialog","aria-modal":"true","aria-label":this.heading||"Flyout",tabIndex:-1,ref:n=>{this.panelEl=n}},e("div",{key:"2870307396623b837ba1a3dbac79c0fa6dfc60ea",class:"header"},e("span",{key:"7b331d1bbe9852cfab2f432f5549cb9b683e63b4",class:"heading-text"},this.heading),e("slot",{key:"5f4893f77513909bfecf12efe55d9ccfe9777a68",name:"header"}),e("diwa-button-pure",{key:"603aedc73fe95dd50e331f1e85cc005c143a2362",icon:"x",label:"Close flyout",size:"sm",hideLabel:true,onClick:this.handleDismiss})),e("div",{key:"01ece4db2102e3b76287194021b7da059ed4cb7f",class:"content"},e("slot",{key:"43f4639680b69de1285beab4584caa21ef71cfb7"})),e("div",{key:"22c72dbb2f0c2f71d699e6ef027c6b13cf3ce6dc",class:"footer"},e("slot",{key:"6ee08ebb96caa923054e6b4298f419e44e4b003f",name:"footer"}))))}static get watchers(){return{open:["onOpenChange"]}}};export{o as diwa_flyout};
+//# sourceMappingURL=p-4332671a.entry.js.map

package/dist/diwa-components/p-454aa95f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as a,g as s}from"./p-ed4017f0.js";const n=e=>`\n  :host {\n    display: ${e?"block":"none"};\n    font-family: var(--diwa-font-family-base);\n    color: var(--diwa-text-primary);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n`;const d=class{constructor(t){e(this,t);this.theme="dark";this.label="";this.active=false}render(){return t(a,{key:"907d3de8cd0892975e3e09c9a27b3d28e919b7c0",role:"tabpanel","aria-hidden":this.active?"false":"true","data-theme":this.theme},t("style",{key:"3ad85637ea21fd79a52134273cc2c4935ce739b2",innerHTML:n(this.active)}),t("slot",{key:"99113255d8bc769b7d6bfd35841525fd8cef5256"}))}get host(){return s(this)}};export{d as diwa_tabs_item};
+//# sourceMappingURL=p-454aa95f.entry.js.map

package/dist/diwa-components/{p-238da82a.entry.js → p-46a8a0a7.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as n,f as t,h as e,H as a,g as r}from"./p-ed4017f0.js";import{g as s,a as o}from"./p-70bbb21a.js";const d=(i,n,t,e,a=false)=>`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Label ──────────────────────────────────────────────────────────── */\n\n  .label {\n    display: block;\n    margin-bottom: var(--diwa-space-1);\n    font-size: var(--diwa-font-size-sm);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-secondary);\n    line-height: var(--diwa-line-height-normal);\n    cursor: default;\n  }\n\n  :host([hide-label]) .label {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  .label__required {\n    color: var(--diwa-notification-error);\n    font-weight: var(--diwa-font-weight-semibold);\n    margin-left: var(--diwa-space-1);\n  }\n\n  /* ── Description ────────────────────────────────────────────────────── */\n\n  .description {\n    display: block;\n    margin-bottom: var(--diwa-space-2);\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-secondary);\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  /* ── Trigger button ─────────────────────────────────────────────────── */\n\n  .trigger {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    min-height: var(--diwa-input-height, var(--diwa-touch-target-min-size, 44px));\n    padding: 0 var(--diwa-space-3);\n    box-sizing: border-box;\n    gap: var(--diwa-space-2);\n\n    background: var(--diwa-input-bg, var(--diwa-bg-input));\n    border: var(--diwa-border-width-thin) solid var(--diwa-input-border);\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\n\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-normal);\n    font-family: inherit;\n    color: var(--diwa-text-primary);\n    text-align: left;\n    line-height: 1;\n\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n\n    transition: border-color var(--diwa-transition-fast), background var(--diwa-transition-fast);\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :host(:not([disabled])) .trigger:hover {\n      border-color: var(--diwa-border-hover);\n    }\n  }\n\n  ${i&&!a?".trigger { border-color: var(--diwa-border-focus); border-radius: var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)) 0 0; }":""}\n  ${i&&a?".trigger { border-color: var(--diwa-border-focus); border-radius: 0 0 var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)); }":""}\n\n  /* ── Focus ring on trigger itself (not when a shadow descendant is focused) ─ */\n\n  ${s(".trigger")}\n\n  /* ── Selected text ──────────────────────────────────────────────────── */\n\n  .trigger__value {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .trigger__placeholder {\n    color: var(--diwa-text-secondary);\n  }\n\n  /* ── Reset button ───────────────────────────────────────────────────── */\n\n  .trigger__reset {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-touch-target-min-size, 44px);\n    height: var(--diwa-touch-target-min-size, 44px);\n    padding: 0;\n    border: none;\n    background: none;\n    color: var(--diwa-text-secondary);\n    cursor: pointer;\n    border-radius: var(--diwa-radius-sm);\n    line-height: 0;\n    font-size: var(--diwa-font-size-base);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .trigger__reset:hover {\n      color: var(--diwa-text-primary);\n    }\n  }\n\n  .trigger__reset:focus-visible {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: -2px;\n  }\n\n  .trigger__reset:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n  /* ── Chevron icon ───────────────────────────────────────────────────── */\n\n  .trigger__chevron {\n    flex-shrink: 0;\n    width: var(--diwa-icon-size-md);\n    height: var(--diwa-icon-size-md);\n    color: var(--diwa-text-secondary);\n    transition: transform var(--diwa-transition-fast);\n    ${i?"transform: rotate(180deg);":""}\n  }\n\n  .trigger__chevron svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  /* ── Dropdown panel ─────────────────────────────────────────────────── */\n\n  .dropdown {\n    position: absolute;\n    left: 0;\n    right: 0;\n    z-index: var(--diwa-z-dropdown);\n    background-color: var(--diwa-bg-elevated);\n    border: var(--diwa-border-width-thin) solid var(--diwa-border-focus);\n    border-top: none;\n    border-radius: 0 0 var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md));\n    overflow: hidden;\n    box-shadow: var(--diwa-shadow-lg);\n    display: ${i?"block":"none"};\n  }\n\n  .dropdown--up {\n    top: auto;\n    bottom: 100%;\n    border-top: var(--diwa-border-width-thin) solid var(--diwa-border-focus);\n    border-bottom: none;\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)) 0 0;\n    margin-bottom: -1px;\n  }\n\n  /* ── Filter input ───────────────────────────────────────────────────── */\n\n  .filter {\n    padding: var(--diwa-space-2) var(--diwa-space-2) var(--diwa-space-1);\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-input-border);\n  }\n\n  .filter__input {\n    width: 100%;\n    box-sizing: border-box;\n    padding: var(--diwa-space-2) var(--diwa-space-3);\n    background: var(--diwa-input-bg, var(--diwa-bg-input));\n    border: var(--diwa-border-width-thin) solid var(--diwa-input-border);\n    border-radius: var(--diwa-radius-sm);\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-sm);\n    font-family: inherit;\n    outline: none;\n    transition: border-color var(--diwa-transition-fast);\n  }\n\n  .filter__input::placeholder {\n    color: var(--diwa-text-secondary);\n  }\n\n  .filter__input:focus-visible {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: var(--diwa-focus-ring-offset);\n  }\n\n  .filter__input:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n  /* ── Options list ───────────────────────────────────────────────────── */\n\n  .options {\n    max-height: var(--diwa-select-dropdown-max-height);\n    overflow-y: auto;\n    padding: var(--diwa-space-1);\n  }\n\n  .options::-webkit-scrollbar {\n    width: var(--diwa-scrollbar-width);\n  }\n\n  .options::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .options::-webkit-scrollbar-thumb {\n    background-color: var(--diwa-border);\n    border-radius: var(--diwa-radius-sm);\n  }\n\n  /* ── Compact ────────────────────────────────────────────────────────── */\n\n  :host([compact]) .trigger {\n    min-height: var(--diwa-touch-target-min-size-compact, 32px);\n    font-size: var(--diwa-font-size-md);\n    padding: 0 var(--diwa-space-2);\n  }\n\n  /* ── States: error / success ────────────────────────────────────────── */\n\n  :host([state="error"]) .trigger {\n    border-color: var(--diwa-notification-error);\n  }\n\n  :host([state="success"]) .trigger {\n    border-color: var(--diwa-notification-success);\n  }\n\n  /* ── Message ────────────────────────────────────────────────────────── */\n\n  .message {\n    display: block;\n    margin-top: var(--diwa-space-1);\n    font-size: var(--diwa-font-size-sm);\n    line-height: var(--diwa-line-height-normal);\n    color: var(--diwa-text-secondary);\n  }\n\n  :host([state="error"]) .message {\n    color: var(--diwa-notification-error);\n  }\n\n  :host([state="success"]) .message {\n    color: var(--diwa-notification-success);\n  }\n\n  /* ── Disabled ───────────────────────────────────────────────────────── */\n\n  :host([disabled]) .trigger {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([disabled]) .label {\n    opacity: var(--diwa-opacity-disabled);\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${o(".trigger",".trigger__chevron",".filter__input")}\n`;let h=0;const l=class{constructor(e){i(this,e);this.change=n(this,"change",7);this.toggle=n(this,"toggle",3);this.blur=n(this,"blur",3);this.theme="dark";this.name="";this.value=[];this.state="none";this.hideLabel=false;this.disabled=false;this.required=false;this.compact=false;this.dropdownDirection="auto";this.isOpen=false;this.filterText="";this.hasFilterResults=true;this.dropdownClass="dropdown";this.internalId=`diwa-ms-${++h}`;this.options=[];this.highlightedIndex=-1;this.hasCustomFilterSlot=false;this.hasCustomSelectedSlot=false;this.onClickOutside=i=>{if(!this.isOpen)return;const n=i.composedPath();if(!n.includes(this.host)){this.isOpen=false;this.blur.emit()}};this.onTriggerClick=()=>{if(this.disabled)return;this.isOpen=!this.isOpen};this.onTriggerKeyDown=i=>{if(this.disabled)return;if(!this.isOpen){if(i.key==="ArrowDown"||i.key==="ArrowUp"||i.key==="Enter"||i.key===" "){i.preventDefault();this.isOpen=true}return}switch(i.key){case"Escape":case"Tab":{i.preventDefault();this.isOpen=false;this.triggerEl.focus();break}case"ArrowDown":{i.preventDefault();const n=this.getVisibleOptions();this.highlightedIndex=Math.min(this.highlightedIndex+1,n.length-1);this.applyHighlight();break}case"ArrowUp":{i.preventDefault();this.highlightedIndex=Math.max(this.highlightedIndex-1,0);this.applyHighlight();break}case"Home":{i.preventDefault();this.highlightedIndex=0;this.applyHighlight();break}case"End":{i.preventDefault();const n=this.getVisibleOptions();this.highlightedIndex=n.length-1;this.applyHighlight();break}case"Enter":case" ":{i.preventDefault();const n=this.getVisibleOptions()[this.highlightedIndex];if(n&&!n.disabled){n.dispatchEvent(new MouseEvent("click",{bubbles:true,composed:true}))}break}}};this.onFilterInput=i=>{var n;const t=i.target.value.toLowerCase();this.filterText=t;let e=false;for(const i of this.options){const a=((n=i.textContent)!==null&&n!==void 0?n:"").toLowerCase();const r=a.includes(t);i.style.display=r?"":"none";if(r)e=true}this.hasFilterResults=e;this.highlightedIndex=0;this.applyHighlight()};this.onResetClick=i=>{i.stopPropagation();this.value=[];this.syncSelectionFromValue();this.change.emit({name:this.name,value:[]});t(this.host);this.triggerEl.focus()}}onThemeChange(){this.syncChildThemes()}onCompactChange(){this.syncChildCompact()}onValueChange(){this.syncSelectionFromValue()}onIsOpenChange(i){this.toggle.emit({open:i});if(i){this.updateDropdownDirection();this.highlightedIndex=this.getFirstHighlightIndex();this.applyHighlight();requestAnimationFrame((()=>{var i;if(!this.hasCustomFilterSlot){(i=this.filterInputEl)===null||i===void 0?void 0:i.focus()}}))}else{this.clearHighlight();this.highlightedIndex=-1;if(!this.hasCustomFilterSlot){this.resetFilter()}}}connectedCallback(){document.addEventListener("mousedown",this.onClickOutside,true)}disconnectedCallback(){document.removeEventListener("mousedown",this.onClickOutside,true)}componentWillLoad(){this.hasCustomFilterSlot=this.host.querySelector('[slot="filter"]')!==null;this.hasCustomSelectedSlot=this.host.querySelector('[slot="selected"]')!==null}componentDidLoad(){this.collectOptions();this.syncSelectionFromValue();this.syncChildThemes();this.syncChildCompact()}async open(){this.isOpen=true}async close(){this.isOpen=false}onOptionUpdate(i){i.stopPropagation();const{value:n,selected:e}=i.detail;if(e){if(!this.value.includes(n)){this.value=[...this.value,n]}}else{this.value=this.value.filter((i=>i!==n))}this.syncSelectionFromValue();this.change.emit({name:this.name,value:this.value});t(this.host)}onSlotChange(){this.collectOptions();this.syncSelectionFromValue();this.syncChildThemes();this.syncChildCompact()}collectOptions(){this.options=Array.from(this.host.querySelectorAll("diwa-multi-select-option"))}syncSelectionFromValue(){const i=new Set(this.value);for(const n of this.options){const e=i.has(n.value);if(n.selected!==e){n.selected=e;t(n)}}}syncChildThemes(){for(const i of this.options){if(i.theme!==this.theme){i.theme=this.theme;t(i)}}}syncChildCompact(){for(const i of this.options){if(i.compact!==this.compact){i.compact=this.compact;t(i)}}}getVisibleOptions(){return this.options.filter((i=>!i.disabled&&i.style.display!=="none"))}getFirstHighlightIndex(){const i=this.getVisibleOptions();const n=i.findIndex((i=>i.selected));return n>=0?n:0}applyHighlight(){const i=this.getVisibleOptions();i.forEach(((i,n)=>{i.highlighted=n===this.highlightedIndex}))}clearHighlight(){for(const i of this.options){if(i.highlighted)i.highlighted=false}this.highlightedIndex=-1}updateDropdownDirection(){if(this.dropdownDirection!=="auto"){this.dropdownClass=this.dropdownDirection==="up"?"dropdown dropdown--up":"dropdown";return}const i=this.triggerEl.getBoundingClientRect();const n=window.innerHeight-i.bottom;this.dropdownClass=n<260?"dropdown dropdown--up":"dropdown"}resetFilter(){this.filterText="";if(this.filterInputEl)this.filterInputEl.value="";this.hasFilterResults=true;for(const i of this.options){i.style.display=""}}get selectedLabels(){return this.options.filter((i=>this.value.includes(i.value))).map((i=>{var n;return((n=i.textContent)!==null&&n!==void 0?n:"").trim()})).filter(Boolean).join(", ")}render(){const i=`${this.internalId}-label`;const n=`${this.internalId}-listbox`;const t=`${this.internalId}-hint`;const r=!!this.message&&this.state!=="none";const s=this.value.length>0;return e(a,{key:"d1870eb6329fdced85adc9165c58e7060370c5ac","data-theme":this.theme},e("style",{key:"f7c5db3277aab64cdfb0457133ed1d6da7a345c7",innerHTML:d(this.isOpen,this.disabled,this.state,this.compact,this.dropdownClass.includes("--up"))}),(this.label||this.host.querySelector('[slot="label"]'))&&e("span",{key:"07d54b9aff11c23e21f656b0d2d045bdd0998e60",class:"label",id:i,part:"label"},e("slot",{key:"8bf102a8b193fd0273726309615ea722fcce0b14",name:"label"},this.label),this.required&&e("span",{key:"07ac8efaae3785897ca2537961acb4bded9e8d40",class:"label__required","aria-hidden":"true"},"*")),(this.description||this.host.querySelector('[slot="description"]'))&&e("span",{key:"9f105c5c644b0d9c5c8f560e2bc7f28b76adc944",class:"description",part:"description"},e("slot",{key:"f90b49ec602ed3b50ecbdadd51860d08a71878cb",name:"description"},this.description)),e("div",{key:"32b0d40cfd3ff3704a2133ddb49b19f2e65fea0c",class:"trigger",role:"combobox","aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-controls":n,"aria-labelledby":this.label?i:undefined,"aria-required":this.required?"true":undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-describedby":r?t:undefined,tabIndex:this.disabled?-1:0,onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeyDown,ref:i=>this.triggerEl=i,part:"trigger"},e("span",{key:"746b9ef493c0d06da003282805cb5dfee6526761",class:`trigger__value${!s?" trigger__placeholder":""}`,part:"value"},this.hasCustomSelectedSlot?e("slot",{name:"selected"}):s?this.selectedLabels:this.label||"Select options"),s&&e("button",{key:"482962199782f1b35ee38cded409ca99592a314d",class:"trigger__reset",type:"button","aria-label":"Reset selection",onClick:this.onResetClick,onKeyDown:i=>{if(i.key==="Tab")this.isOpen=false},part:"reset"},"✕"),e("span",{key:"d045c0e7d87ae202687241504a0544047e68f986",class:"trigger__chevron","aria-hidden":"true",part:"chevron"},e("svg",{key:"987e79ae7ef8f316dd50513e3cc6b910596fdc33",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"8c38ce669650bdb480c242a9c7ea0aa2a1926207",d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})))),e("div",{key:"bdeeca7bb9bb54446af37bbf83a64bdacac380cb",class:this.dropdownClass,role:"dialog","aria-label":this.label,"aria-hidden":this.isOpen?undefined:"true",part:"dropdown"},this.hasCustomFilterSlot?e("div",{class:"filter"},e("slot",{name:"filter"})):e("div",{class:"filter"},e("input",{class:"filter__input",type:"text",placeholder:"Filter options…","aria-label":"Filter options",autocomplete:"off",value:this.filterText,onInput:this.onFilterInput,onKeyDown:this.onTriggerKeyDown,ref:i=>this.filterInputEl=i,part:"filter-input"})),e("div",{key:"4073abc69ecf2e4204aae127fc07662d4f6d663a",class:"options",id:n,role:"listbox","aria-label":this.label,"aria-multiselectable":"true",part:"options"},!this.hasFilterResults&&e("div",{key:"b4415ca3b2e043bab5a01835bb6097c15ecada81",class:"no-results",role:"alert","aria-live":"polite"},"No results found"),e("slot",{key:"9362401ed428d356b65d4506d38ea23470b8ab0c",name:"options-status"}),e("slot",{key:"3aa042ec8c156478053fa1dd36c7cecf09ff2151",onSlotchange:()=>this.onSlotChange()}))),r&&e("span",{key:"07652c69895dbbd71f4cab8fa05122a74ddc2be5",id:t,class:"message",part:"message","aria-live":this.state==="error"?"polite":undefined},e("slot",{key:"9e0180e1cc8f2757371a3a10e1e12d236e4c07ed",name:"message"},this.message)))}static get delegatesFocus(){return true}get host(){return r(this)}static get watchers(){return{theme:["onThemeChange"],compact:["onCompactChange"],value:["onValueChange"],isOpen:["onIsOpenChange"]}}};export{l as diwa_multi_select};
-//# sourceMappingURL=p-238da82a.entry.js.map
+import{r as i,c as n,f as t,h as e,H as a,g as r}from"./p-ed4017f0.js";import{g as s,a as o}from"./p-70bbb21a.js";const d=(i,n,t,e,a=false)=>`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Label ──────────────────────────────────────────────────────────── */\n\n  .label {\n    display: block;\n    margin-bottom: var(--diwa-space-1);\n    font-size: var(--diwa-font-size-sm);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-secondary);\n    line-height: var(--diwa-line-height-normal);\n    cursor: default;\n  }\n\n  :host([hide-label]) .label {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  .label__required {\n    color: var(--diwa-notification-error);\n    font-weight: var(--diwa-font-weight-semibold);\n    margin-left: var(--diwa-space-1);\n  }\n\n  /* ── Description ────────────────────────────────────────────────────── */\n\n  .description {\n    display: block;\n    margin-bottom: var(--diwa-space-2);\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-secondary);\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  /* ── Trigger button ─────────────────────────────────────────────────── */\n\n  .trigger {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    min-height: var(--diwa-input-height, var(--diwa-touch-target-min-size, 44px));\n    padding: 0 var(--diwa-space-3);\n    box-sizing: border-box;\n    gap: var(--diwa-space-2);\n\n    background: var(--diwa-input-bg, var(--diwa-bg-input));\n    border: var(--diwa-border-width-thin) solid var(--diwa-input-border);\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\n\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-normal);\n    font-family: inherit;\n    color: var(--diwa-text-primary);\n    text-align: left;\n    line-height: 1;\n\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n\n    transition: border-color var(--diwa-transition-fast), background var(--diwa-transition-fast);\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :host(:not([disabled])) .trigger:hover {\n      border-color: var(--diwa-border-hover);\n    }\n  }\n\n  ${i&&!a?".trigger { border-color: var(--diwa-border-focus); border-radius: var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)) 0 0; }":""}\n  ${i&&a?".trigger { border-color: var(--diwa-border-focus); border-radius: 0 0 var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)); }":""}\n\n  /* ── Focus ring on trigger itself (not when a shadow descendant is focused) ─ */\n\n  ${s(".trigger")}\n\n  /* ── Selected text ──────────────────────────────────────────────────── */\n\n  .trigger__value {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .trigger__placeholder {\n    color: var(--diwa-text-secondary);\n  }\n\n  /* ── Reset button ───────────────────────────────────────────────────── */\n\n  .trigger__reset {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-touch-target-min-size, 44px);\n    height: var(--diwa-touch-target-min-size, 44px);\n    padding: 0;\n    border: none;\n    background: none;\n    color: var(--diwa-text-secondary);\n    cursor: pointer;\n    border-radius: var(--diwa-radius-sm);\n    line-height: 0;\n    font-size: var(--diwa-font-size-base);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .trigger__reset:hover {\n      color: var(--diwa-text-primary);\n    }\n  }\n\n  .trigger__reset:focus-visible {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: -2px;\n  }\n\n  .trigger__reset:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n  /* ── Chevron icon ───────────────────────────────────────────────────── */\n\n  .trigger__chevron {\n    flex-shrink: 0;\n    width: var(--diwa-icon-size-md);\n    height: var(--diwa-icon-size-md);\n    color: var(--diwa-text-secondary);\n    transition: transform var(--diwa-transition-fast);\n    ${i?"transform: rotate(180deg);":""}\n  }\n\n  .trigger__chevron svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  /* ── Dropdown panel ─────────────────────────────────────────────────── */\n\n  .dropdown {\n    position: absolute;\n    left: 0;\n    right: 0;\n    z-index: var(--diwa-z-dropdown);\n    background-color: var(--diwa-bg-elevated);\n    border: var(--diwa-border-width-thin) solid var(--diwa-border-focus);\n    border-top: none;\n    border-radius: 0 0 var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md));\n    overflow: hidden;\n    box-shadow: var(--diwa-shadow-lg);\n    display: ${i?"block":"none"};\n  }\n\n  .dropdown--up {\n    top: auto;\n    bottom: 100%;\n    border-top: var(--diwa-border-width-thin) solid var(--diwa-border-focus);\n    border-bottom: none;\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)) 0 0;\n    margin-bottom: -1px;\n  }\n\n  /* ── Filter input ───────────────────────────────────────────────────── */\n\n  .filter {\n    padding: var(--diwa-space-2) var(--diwa-space-2) var(--diwa-space-1);\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-input-border);\n  }\n\n  .filter__input {\n    width: 100%;\n    box-sizing: border-box;\n    padding: var(--diwa-space-2) var(--diwa-space-3);\n    background: var(--diwa-input-bg, var(--diwa-bg-input));\n    border: var(--diwa-border-width-thin) solid var(--diwa-input-border);\n    border-radius: var(--diwa-radius-sm);\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-sm);\n    font-family: inherit;\n    outline: none;\n    transition: border-color var(--diwa-transition-fast);\n  }\n\n  .filter__input::placeholder {\n    color: var(--diwa-text-secondary);\n  }\n\n  .filter__input:focus-visible {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: var(--diwa-focus-ring-offset);\n  }\n\n  .filter__input:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n  /* ── Options list ───────────────────────────────────────────────────── */\n\n  .options {\n    max-height: var(--diwa-select-dropdown-max-height);\n    overflow-y: auto;\n    padding: var(--diwa-space-1);\n  }\n\n  .options::-webkit-scrollbar {\n    width: var(--diwa-scrollbar-width);\n  }\n\n  .options::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .options::-webkit-scrollbar-thumb {\n    background-color: var(--diwa-border);\n    border-radius: var(--diwa-radius-sm);\n  }\n\n  /* ── Compact ────────────────────────────────────────────────────────── */\n\n  :host([compact]) .trigger {\n    min-height: var(--diwa-touch-target-min-size-compact, 32px);\n    font-size: var(--diwa-font-size-md);\n    padding: 0 var(--diwa-space-2);\n  }\n\n  /* ── States: error / success ────────────────────────────────────────── */\n\n  :host([state="error"]) .trigger {\n    border-color: var(--diwa-notification-error);\n  }\n\n  :host([state="success"]) .trigger {\n    border-color: var(--diwa-notification-success);\n  }\n\n  /* ── Message ────────────────────────────────────────────────────────── */\n\n  .message {\n    display: block;\n    margin-top: var(--diwa-space-1);\n    font-size: var(--diwa-font-size-sm);\n    line-height: var(--diwa-line-height-normal);\n    color: var(--diwa-text-secondary);\n  }\n\n  :host([state="error"]) .message {\n    color: var(--diwa-notification-error);\n  }\n\n  :host([state="success"]) .message {\n    color: var(--diwa-notification-success);\n  }\n\n  /* ── Disabled ───────────────────────────────────────────────────────── */\n\n  :host([disabled]) .trigger {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([disabled]) .label {\n    opacity: var(--diwa-opacity-disabled);\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${o(".trigger",".trigger__chevron",".filter__input")}\n`;let h=0;const l=class{constructor(e){i(this,e);this.change=n(this,"change",7);this.toggle=n(this,"toggle",3);this.blur=n(this,"blur",3);this.theme="dark";this.name="";this.value=[];this.state="none";this.hideLabel=false;this.disabled=false;this.required=false;this.compact=false;this.dropdownDirection="auto";this.isOpen=false;this.filterText="";this.hasFilterResults=true;this.dropdownClass="dropdown";this.internalId=`diwa-ms-${++h}`;this.options=[];this.highlightedIndex=-1;this.hasCustomFilterSlot=false;this.hasCustomSelectedSlot=false;this.onClickOutside=i=>{if(!this.isOpen)return;const n=i.composedPath();if(!n.includes(this.host)){this.isOpen=false;this.blur.emit()}};this.onTriggerClick=()=>{if(this.disabled)return;this.isOpen=!this.isOpen};this.onTriggerKeyDown=i=>{if(this.disabled)return;if(!this.isOpen){if(i.key==="ArrowDown"||i.key==="ArrowUp"||i.key==="Enter"||i.key===" "){i.preventDefault();this.isOpen=true}return}switch(i.key){case"Escape":case"Tab":{i.preventDefault();this.isOpen=false;this.triggerEl.focus();break}case"ArrowDown":{i.preventDefault();const n=this.getVisibleOptions();this.highlightedIndex=Math.min(this.highlightedIndex+1,n.length-1);this.applyHighlight();break}case"ArrowUp":{i.preventDefault();this.highlightedIndex=Math.max(this.highlightedIndex-1,0);this.applyHighlight();break}case"Home":{i.preventDefault();this.highlightedIndex=0;this.applyHighlight();break}case"End":{i.preventDefault();const n=this.getVisibleOptions();this.highlightedIndex=n.length-1;this.applyHighlight();break}case"Enter":case" ":{i.preventDefault();const n=this.getVisibleOptions()[this.highlightedIndex];if(n&&!n.disabled){n.dispatchEvent(new MouseEvent("click",{bubbles:true,composed:true}))}break}}};this.onFilterInput=i=>{var n;const t=i.target.value.toLowerCase();this.filterText=t;let e=false;for(const i of this.options){const a=((n=i.textContent)!==null&&n!==void 0?n:"").toLowerCase();const r=a.includes(t);i.style.display=r?"":"none";if(r)e=true}this.hasFilterResults=e;this.highlightedIndex=0;this.applyHighlight()};this.onResetClick=i=>{i.stopPropagation();this.value=[];this.syncSelectionFromValue();this.change.emit({name:this.name,value:[]});t(this.host);this.triggerEl.focus()}}onThemeChange(){this.syncChildThemes()}onCompactChange(){this.syncChildCompact()}onValueChange(){this.syncSelectionFromValue()}onIsOpenChange(i){this.toggle.emit({open:i});if(i){this.updateDropdownDirection();this.highlightedIndex=this.getFirstHighlightIndex();this.applyHighlight();requestAnimationFrame((()=>{var i;if(!this.hasCustomFilterSlot){(i=this.filterInputEl)===null||i===void 0?void 0:i.focus()}}))}else{this.clearHighlight();this.highlightedIndex=-1;if(!this.hasCustomFilterSlot){this.resetFilter()}}}connectedCallback(){document.addEventListener("mousedown",this.onClickOutside,true)}disconnectedCallback(){document.removeEventListener("mousedown",this.onClickOutside,true)}componentWillLoad(){this.hasCustomFilterSlot=this.host.querySelector('[slot="filter"]')!==null;this.hasCustomSelectedSlot=this.host.querySelector('[slot="selected"]')!==null}componentDidLoad(){this.collectOptions();this.syncSelectionFromValue();this.syncChildThemes();this.syncChildCompact()}async open(){this.isOpen=true}async close(){this.isOpen=false}onOptionUpdate(i){i.stopPropagation();const{value:n,selected:e}=i.detail;if(e){if(!this.value.includes(n)){this.value=[...this.value,n]}}else{this.value=this.value.filter((i=>i!==n))}this.syncSelectionFromValue();this.change.emit({name:this.name,value:this.value});t(this.host)}onSlotChange(){this.collectOptions();this.syncSelectionFromValue();this.syncChildThemes();this.syncChildCompact()}collectOptions(){this.options=Array.from(this.host.querySelectorAll("diwa-multi-select-option"))}syncSelectionFromValue(){const i=new Set(this.value);for(const n of this.options){const e=i.has(n.value);if(n.selected!==e){n.selected=e;t(n)}}}syncChildThemes(){for(const i of this.options){if(i.theme!==this.theme){i.theme=this.theme;t(i)}}}syncChildCompact(){for(const i of this.options){if(i.compact!==this.compact){i.compact=this.compact;t(i)}}}getVisibleOptions(){return this.options.filter((i=>!i.disabled&&i.style.display!=="none"))}getFirstHighlightIndex(){const i=this.getVisibleOptions();const n=i.findIndex((i=>i.selected));return n>=0?n:0}applyHighlight(){const i=this.getVisibleOptions();i.forEach(((i,n)=>{i.highlighted=n===this.highlightedIndex}))}clearHighlight(){for(const i of this.options){if(i.highlighted)i.highlighted=false}this.highlightedIndex=-1}updateDropdownDirection(){if(this.dropdownDirection!=="auto"){this.dropdownClass=this.dropdownDirection==="up"?"dropdown dropdown--up":"dropdown";return}const i=this.triggerEl.getBoundingClientRect();const n=window.innerHeight-i.bottom;this.dropdownClass=n<260?"dropdown dropdown--up":"dropdown"}resetFilter(){this.filterText="";if(this.filterInputEl)this.filterInputEl.value="";this.hasFilterResults=true;for(const i of this.options){i.style.display=""}}get selectedLabels(){return this.options.filter((i=>this.value.includes(i.value))).map((i=>{var n;return((n=i.textContent)!==null&&n!==void 0?n:"").trim()})).filter(Boolean).join(", ")}render(){const i=`${this.internalId}-label`;const n=`${this.internalId}-listbox`;const t=`${this.internalId}-hint`;const r=!!this.message&&this.state!=="none";const s=this.value.length>0;return e(a,{key:"f20b6581c9e60236f375f1b79139815b4f5d9c9e","data-theme":this.theme},e("style",{key:"a2ddb28813ba51cf7ee030263c1b5cd260ff28ad",innerHTML:d(this.isOpen,this.disabled,this.state,this.compact,this.dropdownClass.includes("--up"))}),(this.label||this.host.querySelector('[slot="label"]'))&&e("span",{key:"737abd1e95d14587d6000db252939db616505466",class:"label",id:i,part:"label"},e("slot",{key:"02d2e507ad802c161fa794b29bfb2e3a89bba333",name:"label"},this.label),this.required&&e("span",{key:"3293ad8f9c7979a4214bc0eef9d781941819d270",class:"label__required","aria-hidden":"true"},"*")),(this.description||this.host.querySelector('[slot="description"]'))&&e("span",{key:"fd82e469c37a3044d913a06958a864f2419c65b3",class:"description",part:"description"},e("slot",{key:"b5871b765b1c4893d6b00955ccc6bd7a6def3fc5",name:"description"},this.description)),e("div",{key:"069e8360136e98b0896daabcaa20872eddb9177e",class:"trigger",role:"combobox","aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-controls":n,"aria-labelledby":this.label?i:undefined,"aria-required":this.required?"true":undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-describedby":r?t:undefined,tabIndex:this.disabled?-1:0,onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeyDown,ref:i=>this.triggerEl=i,part:"trigger"},e("span",{key:"259bdbc4cbd76e47b4cefade89ca80e09aa4a0d4",class:`trigger__value${!s?" trigger__placeholder":""}`,part:"value"},this.hasCustomSelectedSlot?e("slot",{name:"selected"}):s?this.selectedLabels:this.label||"Select options"),s&&e("button",{key:"36defe25675609a09f59d11a658414e473c553af",class:"trigger__reset",type:"button","aria-label":"Reset selection",onClick:this.onResetClick,onKeyDown:i=>{if(i.key==="Tab")this.isOpen=false},part:"reset"},"✕"),e("span",{key:"6b3ae84ccdb3f695eeeedfea33ba395451f91719",class:"trigger__chevron","aria-hidden":"true",part:"chevron"},e("svg",{key:"64e93f928b7b8ae56f95fba89496bc2550cd3302",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"a698a050291d0350a672aa60f7a08213b8ee7864",d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})))),e("div",{key:"96a03b0f283c201eba568b353e33f99c18cd29fa",class:this.dropdownClass,role:"dialog","aria-label":this.label,"aria-hidden":this.isOpen?undefined:"true",part:"dropdown"},this.hasCustomFilterSlot?e("div",{class:"filter"},e("slot",{name:"filter"})):e("div",{class:"filter"},e("input",{class:"filter__input",type:"text",placeholder:"Filter options…","aria-label":"Filter options",autocomplete:"off",value:this.filterText,onInput:this.onFilterInput,onKeyDown:this.onTriggerKeyDown,ref:i=>this.filterInputEl=i,part:"filter-input"})),e("div",{key:"342b37e5cf35be1bc35c26373a8458accd429a52",class:"options",id:n,role:"listbox","aria-label":this.label,"aria-multiselectable":"true",part:"options"},!this.hasFilterResults&&e("div",{key:"ce2ebd9f6f471ae6a4dd9516115a0abe84c20ec7",class:"no-results",role:"alert","aria-live":"polite"},"No results found"),e("slot",{key:"c29c766c84889a205a3b292acd5e4f0e55a99917",name:"options-status"}),e("slot",{key:"32521900a8bc0423c1f7501517763a1af9b99c1b",onSlotchange:()=>this.onSlotChange()}))),r&&e("span",{key:"74a68d28b638f54752d798137ce96c8c551c8857",id:t,class:"message",part:"message","aria-live":this.state==="error"?"polite":undefined},e("slot",{key:"ff4dfbd3a7f9af3ef920d1986f41bd14076247dc",name:"message"},this.message)))}static get delegatesFocus(){return true}get host(){return r(this)}static get watchers(){return{theme:["onThemeChange"],compact:["onCompactChange"],value:["onValueChange"],isOpen:["onIsOpenChange"]}}};export{l as diwa_multi_select};
+//# sourceMappingURL=p-46a8a0a7.entry.js.map