@diwacopilot/components 1.0.0 → 1.1.1

package/dist/diwa-components/p-66c53adc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getComponentCss","sortable","multiline","DiwaTableHeadCell","constructor","hostRef","this","theme","hideLabel","handleSort","sort","next","active","direction","host","dispatchEvent","CustomEvent","bubbles","composed","detail","id","render","isSortable","ariaSort","undefined","labelEl","h","key","class","sortIcon","width","height","viewBox","fill","style","opacity","transform","transition","flexShrink","display","d","stroke","Host","role","innerHTML","type","onClick"],"sources":["src/components/diwa-table-head-cell/diwa-table-head-cell-styles.ts","src/components/diwa-table-head-cell/diwa-table-head-cell.tsx"],"sourcesContent":["export const getComponentCss = (sortable: boolean, multiline: boolean): string => `\n  :host {\n    display: table-cell;\n    margin: 0 !important;\n    padding: ${sortable ? '0' : 'var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px)'} !important;\n    white-space: ${multiline ? 'normal' : 'nowrap'} !important;\n    background: var(--diwa-table-header-bg, transparent);\n    text-align: start;\n    font-size: var(--diwa-font-size-sm);\n    font-weight: var(--diwa-font-weight-semibold);\n    letter-spacing: 0.04em;\n    color: var(--diwa-text-secondary);\n    border-right: var(--diwa-table-column-border, none) !important;\n    line-height: var(--diwa-line-height-normal);\n    vertical-align: bottom;\n  }\n  :host(:last-child) { border-right: none; }\n  :host([hidden]) { display: none; }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  ${sortable ? `\n  .sort-btn {\n    display: flex;\n    width: 100%;\n    box-sizing: border-box;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: var(--diwa-space-1);\n    background: transparent;\n    border: 0;\n    cursor: pointer;\n    font: inherit;\n    color: inherit;\n    margin: 0;\n    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px);\n    text-align: start;\n    outline-offset: 2px;\n    transition: color var(--diwa-transition-base);\n    white-space: ${multiline ? 'normal' : 'nowrap'};\n  }\n  .sort-label {\n    display: inline-flex;\n    min-width: 0;\n    white-space: ${multiline ? 'normal' : 'nowrap'};\n  }\n  .sort-btn:hover {\n    color: var(--diwa-text-primary);\n  }\n  ` : ''}\n`;\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { Direction, TableHeadCellSort, TableUpdateEventDetail } from './types';\r\nimport { getComponentCss } from './diwa-table-head-cell-styles';\r\n\r\n/** @component diwa-table-head-cell — Maps to <th> inside a diwa-table-head row. */\r\n@Component({ tag: 'diwa-table-head-cell', shadow: true })\r\nexport class DiwaTableHeadCell {\r\n  @Element() host!: HTMLElement;\r\n\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n  @Prop() sort?: TableHeadCellSort;\r\n  @Prop() hideLabel: boolean = false;\r\n  @Prop() multiline: boolean = false;\r\n\r\n  private handleSort = (): void => {\r\n    if (!this.sort) return;\r\n    const next: Direction = this.sort.active\r\n      ? this.sort.direction === 'asc' ? 'desc' : 'asc'\r\n      : this.sort.direction;\r\n    this.host.dispatchEvent(\r\n      new CustomEvent<TableUpdateEventDetail>('diwaTableUpdate', {\r\n        bubbles: true,\r\n        composed: true,\r\n        detail: { id: this.sort.id, active: true, direction: next },\r\n      }),\r\n    );\r\n  };\r\n\r\n  render() {\r\n    const { sort, hideLabel, multiline } = this;\r\n    const isSortable = !!sort;\r\n    const ariaSort = !isSortable\r\n      ? undefined\r\n      : sort.active\r\n        ? sort.direction === 'asc' ? 'ascending' : 'descending'\r\n        : 'none';\r\n\r\n    const labelEl = <span class={hideLabel ? 'sr-only' : undefined}><slot /></span>;\r\n\r\n    const sortIcon = (\r\n      <svg\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 16 16\"\r\n        fill=\"none\"\r\n        aria-hidden=\"true\"\r\n        style={{\r\n          opacity: sort?.active ? '1' : '0.4',\r\n          transform: sort?.direction === 'desc' ? 'rotate(180deg)' : 'none',\r\n          transition: 'opacity 150ms ease, transform 150ms ease',\r\n          flexShrink: '0',\r\n          display: 'block',\r\n        }}\r\n      >\r\n        <path\r\n          d=\"M4 10L8 6L12 10\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.5\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        />\r\n      </svg>\r\n    );\r\n\r\n    return (\r\n      <Host role=\"columnheader\" aria-sort={ariaSort}>\r\n        <style innerHTML={getComponentCss(isSortable, multiline)} />\r\n        {isSortable ? (\r\n          <button type=\"button\" class=\"sort-btn\" onClick={this.handleSort}>\r\n            <span class=\"sort-label\">{labelEl}</span>\r\n            {sortIcon}\r\n          </button>\r\n        ) : (\r\n          labelEl\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAO,MAAMA,EAAkB,CAACC,EAAmBC,IAA+B,kFAInED,EAAW,IAAM,uGACbC,EAAY,SAAW,mtBA0BtCD,EAAW,8fAkBIC,EAAY,SAAW,mGAKvBA,EAAY,SAAW,qFAKpC,O,MCpDOC,EAAiB,MAD9B,WAAAC,CAAAC,G,UAI2BC,KAAAC,MAAe,OAEhCD,KAAAE,UAAqB,MACrBF,KAAAJ,UAAqB,MAErBI,KAAAG,WAAa,KACnB,IAAKH,KAAKI,KAAM,OAChB,MAAMC,EAAkBL,KAAKI,KAAKE,OAC9BN,KAAKI,KAAKG,YAAc,MAAQ,OAAS,MACzCP,KAAKI,KAAKG,UACdP,KAAKQ,KAAKC,cACR,IAAIC,YAAoC,kBAAmB,CACzDC,QAAS,KACTC,SAAU,KACVC,OAAQ,CAAEC,GAAId,KAAKI,KAAKU,GAAIR,OAAQ,KAAMC,UAAWF,KAExD,C,CAGH,MAAAU,GACE,MAAMX,KAAEA,EAAIF,UAAEA,EAASN,UAAEA,GAAcI,KACvC,MAAMgB,IAAeZ,EACrB,MAAMa,GAAYD,EACdE,UACAd,EAAKE,OACHF,EAAKG,YAAc,MAAQ,YAAc,aACzC,OAEN,MAAMY,EAAUC,EAAA,QAAAC,IAAA,2CAAMC,MAAOpB,EAAY,UAAYgB,WAAWE,EAAA,QAAAC,IAAA,8CAEhE,MAAME,EACJH,EAAA,OAAAC,IAAA,2CACEG,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OAAM,cACC,OACZC,MAAO,CACLC,SAASzB,IAAI,MAAJA,SAAI,SAAJA,EAAME,QAAS,IAAM,MAC9BwB,WAAW1B,IAAI,MAAJA,SAAI,SAAJA,EAAMG,aAAc,OAAS,iBAAmB,OAC3DwB,WAAY,2CACZC,WAAY,IACZC,QAAS,UAGXb,EAAA,QAAAC,IAAA,2CACEa,EAAE,kBACFC,OAAO,eAAc,eACR,MAAK,iBACH,QAAO,kBACN,WAKtB,OACEf,EAACgB,EAAI,CAAAf,IAAA,2CAACgB,KAAK,eAAc,YAAYpB,GACnCG,EAAA,SAAAC,IAAA,2CAAOiB,UAAW5C,EAAgBsB,EAAYpB,KAC7CoB,EACCI,EAAA,UAAQmB,KAAK,SAASjB,MAAM,WAAWkB,QAASxC,KAAKG,YACnDiB,EAAA,QAAME,MAAM,cAAcH,GACzBI,GACM,E","ignoreList":[]}

package/dist/diwa-components/{p-6253fff6.entry.js → p-71c45961.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as d,H as t,g as s}from"./p-ed4017f0.js";const i=()=>`\n  :host {\n    display: inline-flex;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .track {\n    display: inline-flex;\n    align-items: center;\n    background: var(--diwa-bg-surface);\n    border: var(--diwa-border-width-thin) solid var(--diwa-border);\n    border-radius: var(--diwa-radius-md);\n    padding: var(--diwa-space-0-75);\n    gap: var(--diwa-space-0-5);\n  }\n`;const n=class{constructor(d){a(this,d);this.update=e(this,"update",1);this.theme="dark";this.value="";this.disabled=false;this.compact=false}handleItemSelect(a){this.value=a.detail.value;this.update.emit({value:this.value});this.syncChildren()}componentDidLoad(){this.syncChildren()}componentDidUpdate(){this.syncChildren()}syncChildren(){const a=Array.from(this.host.querySelectorAll("diwa-segmented-control-item"));a.forEach((a=>{a.selected=a.value===this.value;a.disabled=this.disabled;a.compact=this.compact}))}render(){return d(t,{key:"76204fa4c9d01d59662b63db9f210070ddce8ccd",role:"group","data-theme":this.theme},d("style",{key:"3da53b702c0488e0748df0d1930d81a3898abfee",innerHTML:i()}),d("div",{key:"1ac0445d78a3c27f3db0bb979ff3d6a2aa3cafa3",class:"track"},d("slot",{key:"21dd1e37da86b714671f6dabac080bee4e1e1abb"})))}get host(){return s(this)}};export{n as diwa_segmented_control};
-//# sourceMappingURL=p-6253fff6.entry.js.map
+import{r as a,c as e,h as t,H as d,g as s}from"./p-ed4017f0.js";const i=()=>`\n  :host {\n    display: inline-flex;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .track {\n    display: inline-flex;\n    align-items: center;\n    background: var(--diwa-bg-surface);\n    border: var(--diwa-border-width-thin) solid var(--diwa-border);\n    border-radius: var(--diwa-radius-md);\n    padding: var(--diwa-space-0-75);\n    gap: var(--diwa-space-0-5);\n  }\n`;const n=class{constructor(t){a(this,t);this.update=e(this,"update",1);this.theme="dark";this.value="";this.disabled=false;this.compact=false}handleItemSelect(a){this.value=a.detail.value;this.update.emit({value:this.value});this.syncChildren()}componentDidLoad(){this.syncChildren()}componentDidUpdate(){this.syncChildren()}syncChildren(){const a=Array.from(this.host.querySelectorAll("diwa-segmented-control-item"));a.forEach((a=>{a.selected=a.value===this.value;a.disabled=this.disabled;a.compact=this.compact}))}render(){return t(d,{key:"a234c388f48d3c866ffdab8c6eadc9b8bb5af4c8",role:"group","data-theme":this.theme},t("style",{key:"bfad2e8a1da5a8395b9dcc3662913ff13f4607fe",innerHTML:i()}),t("div",{key:"f08d1b1bdd31d095333e51ac72ae3f40ebd27812",class:"track"},t("slot",{key:"b5ff001d635e09aa097cd8b3b6b32500490a19da"})))}get host(){return s(this)}};export{n as diwa_segmented_control};
+//# sourceMappingURL=p-71c45961.entry.js.map

package/dist/diwa-components/{p-358e1177.entry.js → p-78b16866.entry.js}

@@ -1,2 +1,2 @@
-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 f=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: ${f};\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:"d91f87b0a1cd45f78de0dec583a052d9f93b2aac","data-theme":this.theme},t("style",{key:"5aa877ca115f4d29fccaac75187d7c7f2faa66d0",innerHTML:s(this.checked,this.disabled,this.loading,this.alignLabel,this.compact)}),t("span",{key:"7d4a5a790a354f725d116fa97e995c9de9892164",class:"wrapper",onClick:this.handleClick},t("span",{key:"be6c39efaf203cd93c2490e12a77f4f42f3b41a0",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:"93864d7af34c4ff03563b02d869c0e8cc3fd3d27",class:"thumb"}),this.loading&&t("span",{key:"97e033c8c8eb3ba7d31256fb4adea4a145b8f3ff",class:"loading-indicator","aria-hidden":"true"},t("diwa-spinner",{key:"90ee1fdaf77186f249bc4d5afc54e49dbbfc491f",size:"sm"}))),t("span",{key:"17b3ded00758d0a11649d811f2ab78c90302326d",class:"label"},t("slot",{key:"a7793c1eafea2282b0ca212ee05a072723b5f9e6"}))))}static get delegatesFocus(){return true}};export{d as diwa_switch};
-//# sourceMappingURL=p-358e1177.entry.js.map
+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

package/dist/diwa-components/p-7a99a2aa.entry.js

@@ -0,0 +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

package/dist/diwa-components/p-7a99a2aa.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VARIANT_BG","neutral","primary","info","success","warning","error","VARIANT_COLOR","VARIANT_BORDER","getComponentCss","variant","compact","bg","color","border","paddingY","paddingX","paddingXRight","fontSize","getFocusStyle","getReducedMotionStyle","DiwaTagDismissible","constructor","hostRef","this","label","theme","handleDismiss","dismiss","emit","render","h","Host","key","innerHTML","class","type","onClick","xmlns","width","height","viewBox","fill","stroke","x1","y1","x2","y2"],"sources":["src/components/diwa-tag-dismissible/diwa-tag-dismissible-styles.ts","src/components/diwa-tag-dismissible/diwa-tag-dismissible.tsx"],"sourcesContent":["import type { TagVariant } from '../diwa-tag/types';\r\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nconst VARIANT_BG: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-bg-surface)',\r\n  primary: 'var(--diwa-accent-bg)',\r\n  info:    'var(--diwa-notification-info-soft)',\r\n  success: 'var(--diwa-notification-success-soft)',\r\n  warning: 'var(--diwa-notification-warning-soft)',\r\n  error:   'var(--diwa-notification-error-soft)',\r\n};\r\nconst VARIANT_COLOR: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-text-primary)',\r\n  primary: 'var(--diwa-accent)',\r\n  info:    'var(--diwa-notification-info)',\r\n  success: 'var(--diwa-notification-success)',\r\n  warning: 'var(--diwa-notification-warning)',\r\n  error:   'var(--diwa-notification-error)',\r\n};\r\nconst VARIANT_BORDER: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-border)',\r\n  primary: 'var(--diwa-accent)',\r\n  info:    'var(--diwa-color-info-300)',\r\n  success: 'transparent',\r\n  warning: 'transparent',\r\n  error:   'transparent',\r\n};\r\n\r\nexport const getComponentCss = (variant: TagVariant, compact: boolean): string => {\r\n  const bg = VARIANT_BG[variant];\r\n  const color = VARIANT_COLOR[variant];\r\n  const border = VARIANT_BORDER[variant];\r\n  const paddingY = compact ? '1px' : '2px';\r\n  const paddingX = compact ? '6px' : '10px';\r\n  const paddingXRight = compact ? '4px' : '6px';\r\n  const fontSize = compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-md)';\r\n\r\n  return `\r\n    :host {\r\n      display: inline-flex;\r\n    }\r\n    :host([hidden]) {\r\n      display: none;\r\n    }\r\n    .tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--diwa-space-1);\r\n      padding: ${paddingY} ${paddingXRight} ${paddingY} ${paddingX};\r\n      font-family: var(--diwa-font-family-base);\r\n      font-size: ${fontSize};\r\n      font-weight: var(--diwa-font-weight-medium);\r\n      line-height: 1;\r\n      color: ${color};\r\n      background: ${bg};\r\n      border: var(--diwa-border-width-thin) solid ${border};\r\n      border-radius: var(--diwa-radius-sm);\r\n      white-space: nowrap;\r\n      user-select: none;\r\n    }\r\n    .dismiss {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 12px;\r\n      height: 12px;\r\n      padding: 0;\r\n      background: none;\r\n      border: none;\r\n      border-radius: var(--diwa-radius-xs);\r\n      color: inherit;\r\n      cursor: pointer;\r\n      flex-shrink: 0;\r\n      opacity: var(--diwa-opacity-muted);\r\n      transition: opacity var(--diwa-transition-base);\r\n    }\r\n    .dismiss:hover {\r\n      opacity: 1;\r\n    }\r\n    ${getFocusStyle('.dismiss')}\r\n\r\n    ${getReducedMotionStyle('.dismiss')}\r\n  `;\r\n};\r\n","import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { TagVariant } from './types';\r\nimport { getComponentCss } from './diwa-tag-dismissible-styles';\r\n\r\n/**\r\n * @slot default — Tag label content.\r\n */\r\n@Component({\r\n  tag: 'diwa-tag-dismissible',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaTagDismissible {\r\n  /** Visual style variant. */\r\n  @Prop({ reflect: true }) variant: TagVariant = 'neutral';\r\n\r\n  /** Renders a compact (smaller) version of the tag. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /** Accessible label for the dismiss button. */\r\n  @Prop() label?: string = 'Remove';\r\n\r\n  /** Adapts the color when used on a light or dark background. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Emitted when the dismiss button is clicked. */\r\n  @Event({ bubbles: false, composed: false }) dismiss!: EventEmitter<void>;\r\n\r\n  private handleDismiss = (): void => {\r\n    this.dismiss.emit();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.variant, this.compact)} />\r\n        <span class=\"tag\">\r\n          <slot />\r\n          <button\r\n            class=\"dismiss\"\r\n            type=\"button\"\r\n            aria-label={this.label}\r\n            onClick={this.handleDismiss}\r\n          >\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              width={12}\r\n              height={12}\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\r\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\r\n            </svg>\r\n          </button>\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"oGAGA,MAAMA,EAAyC,CAC7CC,QAAS,yBACTC,QAAS,wBACTC,KAAS,qCACTC,QAAS,wCACTC,QAAS,wCACTC,MAAS,uCAEX,MAAMC,EAA4C,CAChDN,QAAS,2BACTC,QAAS,qBACTC,KAAS,gCACTC,QAAS,mCACTC,QAAS,mCACTC,MAAS,kCAEX,MAAME,EAA6C,CACjDP,QAAS,qBACTC,QAAS,qBACTC,KAAS,6BACTC,QAAS,cACTC,QAAS,cACTC,MAAS,eAGJ,MAAMG,EAAkB,CAACC,EAAqBC,KACnD,MAAMC,EAAKZ,EAAWU,GACtB,MAAMG,EAAQN,EAAcG,GAC5B,MAAMI,EAASN,EAAeE,GAC9B,MAAMK,EAAWJ,EAAU,MAAQ,MACnC,MAAMK,EAAWL,EAAU,MAAQ,OACnC,MAAMM,EAAgBN,EAAU,MAAQ,MACxC,MAAMO,EAAWP,EAAU,2BAA6B,2BAExD,MAAO,+NAWQI,KAAYE,KAAiBF,KAAYC,0EAEvCE,+FAGJL,yBACKD,yDACgCE,qlBAwB9CK,EAAc,sBAEdC,EAAsB,iBACzB,E,MCtEUC,EAAkB,MAJ/B,WAAAC,CAAAC,G,2CAM2BC,KAAAd,QAAsB,UAGtBc,KAAAb,QAAmB,MAGpCa,KAAAC,MAAiB,SAGAD,KAAAE,MAAe,OAKhCF,KAAAG,cAAgB,KACtBH,KAAKI,QAAQC,MAAM,C,CAGrB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAaT,KAAKE,OACrBK,EAAA,SAAAE,IAAA,2CAAOC,UAAWzB,EAAgBe,KAAKd,QAASc,KAAKb,WACrDoB,EAAA,QAAAE,IAAA,2CAAME,MAAM,OACVJ,EAAA,QAAAE,IAAA,6CACAF,EAAA,UAAAE,IAAA,2CACEE,MAAM,UACNC,KAAK,SAAQ,aACDZ,KAAKC,MACjBY,QAASb,KAAKG,eAEdI,EAAA,OAAAE,IAAA,2CACEK,MAAM,6BACNC,MAAO,GACPC,OAAQ,GACRC,QAAQ,YACRC,KAAK,OACLC,OAAO,eAAc,eACR,IAAG,iBACD,QAAO,kBACN,QAAO,cACX,QAEZZ,EAAA,QAAAE,IAAA,2CAAMW,GAAG,KAAKC,GAAG,IAAIC,GAAG,IAAIC,GAAG,OAC/BhB,EAAA,QAAAE,IAAA,2CAAMW,GAAG,IAAIC,GAAG,IAAIC,GAAG,KAAKC,GAAG,U","ignoreList":[]}

package/dist/diwa-components/p-7dc7291f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as t,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(t){e(this,t);this.change=s(this,"change",7);this.input=s(this,"input",7);this.blur=s(this,"blur",3);this.focus=s(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=e=>{this.value=e.target.value;this.input.emit(this.value)};this.handleChange=e=>{this.value=e.target.value;this.change.emit(this.value)};this.handleBlur=e=>{this.blur.emit(e)};this.handleFocus=e=>{this.focus.emit(e)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const e="input";const s="desc";const a="msg";return t(i,{key:"b2b46730c743177645fba01d209b807337aa44da","data-theme":this.theme},t("style",{key:"ba93a71b89e6284a979ffa0f8c8bf97a53a12eed",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),t("div",{key:"dfd9ea2e0931ce4d89c8a15915f501430b85e837",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"d1442b29f767ba9fe71977ce5edef0c85641eae7",class:"label-row"},t("label",{key:"1f0e38ee7288c6d1837910b11af3e557c6a3e3f2",class:"label",htmlFor:e},this.label,this.required&&t("span",{key:"f721cee9f8e1171c3338272790ac8cfbe94364c2",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"67a98734e74d51e433ecf3374d25002c955d6629",name:"label-after"})),t("div",{key:"32cfe64e5bc6d6d060c6a0d55b8d6ca7ef8caa3a",class:"input-wrapper"},this._hasStart&&t("div",{key:"e18eae70cadb3d2bc35e93a7ce7842b5991d6e93",class:"slot-start"},t("slot",{key:"2f5a16999f94972ff9472de051daff573f30546c",name:"start"})),t("input",{key:"bb1cca62713143aed9b2c1731f504bc3e54c4181",id:e,class:"input",type:"time",name:this.name||undefined,value:this.value,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min,max:this.max,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?s:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&t("div",{key:"df22eed453924a4ac0f29a51689bed61fd042271",class:"slot-end"},t("slot",{key:"194ebc94e02ecf0e27c6b93b4c48682dabcb53f5",name:"end"}))),!this.message&&this.description&&t("p",{key:"b354c5de48cfdc832271016be6a7ea6d24d87f04",id:s,class:"description"},this.description),this.message&&t("p",{key:"5e8fe659abcefe3d8e6ffec0805ce3e4cbeb1c9c",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{d as diwa_input_time};
+//# sourceMappingURL=p-7dc7291f.entry.js.map

package/dist/diwa-components/{p-09a9e0a0.entry.js → p-8369c48e.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 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(e){n(this,e);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 e(i,{key:"78f8165d0ec522cc7c39b1305710322f373935b1","data-theme":this.theme},e("style",{key:"55ead2ca683d3b95e818227bac4befc820d17e43",innerHTML:t()}),this.label&&e("label",{key:"a371be6cb2fae92aab0536cdcc145dde89130aca",class:"label",part:"label",htmlFor:n},this.label,this.required&&e("span",{key:"b0a997bd0673abe864346b6c9b207da285ee9227",class:"required","aria-hidden":"true"}," ","*")),e("div",{key:"1449172e3374f27c9305566008974fca8e53f998",class:"wrapper",part:"wrapper"},e("span",{key:"82c809cfc30968c60530b5e7e7091f1573398a02",class:"prefix",part:"prefix"},e("slot",{key:"b591bf5c11847e20d6cbceb36d16c6135726d80e",name:"prefix"})),e("input",{key:"95f9596afb2d1fd1c54d2ae5768da54289c5781e",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}),e("span",{key:"c6cb1c62381e07cd2ce8b31c8329eff9544bc079",class:"suffix",part:"suffix"},e("slot",{key:"309d70266c2d3164f9170e1da66c5fa47d38a14c",name:"suffix"}))),r&&e("span",{key:"8a2fd5a30044f3d8232efc36b23b9f4206130837",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-09a9e0a0.entry.js.map
+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

package/dist/diwa-components/{p-c0614fb1.entry.js → p-8506ea0c.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 d}from"./p-35c7c864.js";import"./p-70bbb21a.js";const h=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:"a65beb62cdb31c1aabe439f9b8f6f2dc6966380b","data-theme":this.theme},e("style",{key:"ff59c6e404d17c7676ce59133a4560a217c65114",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),e("div",{key:"d1ebf45cf487eb3d49d61d591f59500a12d92731",class:"root"},!this.hideLabel&&this.label&&e("div",{key:"d7bc5c83a4c307e73fac55332f56c7cf17dd32fd",class:"label-row"},e("label",{key:"714e2799d06afffb41ac6ac10680d16cf67d4a52",class:"label",htmlFor:s},this.label,this.required&&e("span",{key:"f06a988f6b0afdf34825994c43e4b9b4cb9b2010",class:"required","aria-hidden":"true"}," *")),e("slot",{key:"b916cfcfc7e064704b1e8643fe758b0f78f2b73d",name:"label-after"})),e("div",{key:"51af50d3630a0f48eb111df4493d1787ff618534",class:"input-wrapper"},this._hasStart&&e("div",{key:"571d43f905d552089338b5066f7c20d28bd6a2d5",class:"slot-start"},e("slot",{key:"f8dfa7cc9fe16dca29d122c655371e17faad8a09",name:"start"})),e("input",{key:"cb5abcccfe70433832fabc2094b071d781b592fc",id:s,class:"input",type:"url",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?t:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&e("div",{key:"21b3380362ba71f8ec69b884450c3dc609a10f70",class:"slot-end"},e("slot",{key:"bdab4ba41c29734be286db913292eaf6a859d48c",name:"end"}))),!this.message&&this.description&&e("p",{key:"60f3d1857a4a7f2f553ecd322727ddc822c52d0b",id:t,class:"description"},this.description),this.message&&e("p",{key:"b4fedae59dade9ed51363d0e124a61e71b45f923",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_url};
-//# sourceMappingURL=p-c0614fb1.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 d}from"./p-35c7c864.js";import"./p-70bbb21a.js";const h=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:"26d545b79408534571bc132cff4b12c909ebbffb","data-theme":this.theme},e("style",{key:"ad5d90132a33837d497b4a60bba14e513b8f630d",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),e("div",{key:"8f510db7d2ac3aa0f43af87b7babd69687b5e46a",class:"root"},!this.hideLabel&&this.label&&e("div",{key:"f65dbd4df192a273f0ab32b010bca5d6529cc64c",class:"label-row"},e("label",{key:"0bdf4d2c7ac59dcaf7f6b66869e8047d7cab8744",class:"label",htmlFor:s},this.label,this.required&&e("span",{key:"9f3c5b3b19d6509ba29f220a956520f784620989",class:"required","aria-hidden":"true"}," *")),e("slot",{key:"968456bb71ba9ac89803e23a51bff5105bb5cad1",name:"label-after"})),e("div",{key:"eb1d4b8956a3afde698d17db95e0966f0261b765",class:"input-wrapper"},this._hasStart&&e("div",{key:"e6c3117431675a497807bf917a3d769e829d4c7b",class:"slot-start"},e("slot",{key:"d1a0719fe085425dfaf7f4f1a26dd851f134e122",name:"start"})),e("input",{key:"8885efc0af2811ae2708a1a5e8f434bb73b97475",id:s,class:"input",type:"tel",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?t:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&e("div",{key:"a06f2530ac6d1bac2e8898d722098ac42e59c0d8",class:"slot-end"},e("slot",{key:"df77a3f05ca4226f55c0314f245b7bd970f13439",name:"end"}))),!this.message&&this.description&&e("p",{key:"48d9f35dd7016c0f724c25b7be1af70179f195f2",id:t,class:"description"},this.description),this.message&&e("p",{key:"4669c5c314f673d4059ab3e2b3445d7cd6f4ed0e",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_tel};
+//# sourceMappingURL=p-8506ea0c.entry.js.map

package/dist/diwa-components/p-863c88a4.entry.js

@@ -0,0 +1,2 @@
+import{r as n,c as i,h as e,H as r}from"./p-ed4017f0.js";import{b as t,g as o,a}from"./p-70bbb21a.js";const s=n=>{const i=n==="success"?"var(--diwa-notification-success)":n==="error"?"var(--diwa-notification-error)":n==="warning"?"var(--diwa-notification-warning)":n==="info"?"var(--diwa-notification-info)":"var(--diwa-text-secondary)";const e=n==="success"?"var(--diwa-notification-success-soft)":n==="error"?"var(--diwa-notification-error-soft)":n==="warning"?"var(--diwa-notification-warning-soft)":n==="info"?"var(--diwa-notification-info-soft)":"var(--diwa-bg-elevated)";return`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    pointer-events: all;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .toast {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    min-width: var(--diwa-toast-min-width);\n    max-width: var(--diwa-toast-max-width);\n    padding: var(--diwa-space-4);\n    border-radius: var(--diwa-radius-md);\n    background: ${e};\n    border: var(--diwa-border-width-thin) solid ${i};\n    box-shadow: var(--diwa-shadow-md);\n    animation: slideIn var(--diwa-motion-duration-short) var(--diwa-motion-easing-out);\n  }\n\n  @keyframes slideIn {\n    from { opacity: 0; transform: translateY(8px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .icon {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    color: ${i};\n  }\n\n  .text {\n    flex: 1;\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-primary);\n    line-height: 1.5;\n  }\n\n  .close {\n    flex-shrink: 0;\n    display: 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    border: none;\n    background: transparent;\n    color: var(--diwa-text-secondary);\n    cursor: pointer;\n    border-radius: var(--diwa-radius-sm);\n    padding: 0;\n    transition: color var(--diwa-transition-base);\n  }\n\n  ${t(".close","color: var(--diwa-text-primary);")}\n\n  ${o(".close")}\n\n  ${a(".toast",".close")}\n  `};const c={neutral:`<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="8" cy="8" r="6.5"/><line x1="8" y1="5" x2="8" y2="8.5"/><circle cx="8" cy="11" r="0.75" fill="currentColor" stroke="none"/></svg>`,info:`<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="8" cy="8" r="6.5"/><line x1="8" y1="5" x2="8" y2="8.5"/><circle cx="8" cy="11" r="0.75" fill="currentColor" stroke="none"/></svg>`,success:`<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="6.5"/><polyline points="5,8 7,10 11,6"/></svg>`,warning:`<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M8 2.5L14 13H2L8 2.5Z"/><line x1="8" y1="6.5" x2="8" y2="9.5"/><circle cx="8" cy="11.5" r="0.75" fill="currentColor" stroke="none"/></svg>`,error:`<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="8" cy="8" r="6.5"/><line x1="5.5" y1="5.5" x2="10.5" y2="10.5"/><line x1="10.5" y1="5.5" x2="5.5" y2="10.5"/></svg>`};const d=`<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="4" y1="4" x2="12" y2="12"/><line x1="12" y1="4" x2="4" y2="12"/></svg>`;const l=class{constructor(e){n(this,e);this.dismiss=i(this,"dismiss",1);this.theme="dark";this.text="";this.state="neutral";this.handleClose=()=>{this.dismiss.emit()}}render(){return e(r,{key:"333dc3ff2ce58d508fb129b7d415c431ca1c7090","data-theme":this.theme},e("style",{key:"33587d5ee1d57a09e175b3c6563fe04d57986ec2",innerHTML:s(this.state)}),e("div",{key:"f613e6c5351afcf85eeee2423b9c67fb4691e543",class:"toast"},e("span",{key:"6f2c5d046eef9c9c37ddb74e711e91a196fd89b6",class:"icon","aria-hidden":"true",innerHTML:c[this.state]}),e("span",{key:"ed412934617f70359b612d6e220410be69f47575",class:"text"},this.text),e("button",{key:"a71b252002e9573792860b6b068ccbd71dfa210e",type:"button",class:"close","aria-label":"Dismiss notification",onClick:this.handleClose,innerHTML:d})))}static get delegatesFocus(){return true}};export{l as diwa_toast_item};
+//# sourceMappingURL=p-863c88a4.entry.js.map

package/dist/diwa-components/{p-339f6ba7.entry.js.map → p-863c88a4.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["getComponentCss","state","stateColor","stateBg","getHoverCapableStyle","getFocusStyle","getReducedMotionStyle","STATE_ICONS","neutral","info","success","warning","error","CLOSE_ICON","DiwaToastItem","constructor","hostRef","this","theme","text","handleClose","dismiss","emit","render","h","Host","key","innerHTML","class","type","onClick"],"sources":["src/components/diwa-toast-item/diwa-toast-item-styles.ts","src/components/diwa-toast-item/diwa-toast-item.tsx"],"sourcesContent":["import type { ToastState } from './types';\r\nimport { getFocusStyle, getHoverCapableStyle, getReducedMotionStyle } from '../../utils/styles';\n\r\nexport const getComponentCss = (state: ToastState): string => {\r\n  const stateColor =\r\n    state === 'success'\r\n      ? 'var(--diwa-notification-success)'\r\n      : state === 'error'\r\n        ? 'var(--diwa-notification-error)'\r\n        : state === 'warning'\r\n          ? 'var(--diwa-notification-warning)'\r\n          : state === 'info'\r\n            ? 'var(--diwa-notification-info)'\r\n            : 'var(--diwa-text-secondary)';\r\n\r\n  const stateBg =\r\n    state === 'success'\r\n      ? 'var(--diwa-notification-success-soft)'\r\n      : state === 'error'\r\n        ? 'var(--diwa-notification-error-soft)'\r\n        : state === 'warning'\r\n          ? 'var(--diwa-notification-warning-soft)'\r\n          : state === 'info'\r\n            ? 'var(--diwa-notification-info-soft)'\r\n            : 'var(--diwa-bg-elevated)';\r\n\r\n  return `\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n    pointer-events: all;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .toast {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-3);\r\n    min-width: var(--diwa-toast-min-width);\r\n    max-width: var(--diwa-toast-max-width);\r\n    padding: var(--diwa-space-4);\r\n    border-radius: var(--diwa-radius-md);\r\n    background: ${stateBg};\r\n    border: var(--diwa-border-width-thin) solid ${stateColor};\r\n    box-shadow: var(--diwa-shadow-md);\r\n    animation: slideIn var(--diwa-motion-duration-short) var(--diwa-motion-easing-out);\r\n  }\r\n\r\n  @keyframes slideIn {\r\n    from { opacity: 0; transform: translateY(8px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .icon {\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    color: ${stateColor};\r\n  }\r\n\r\n  .text {\r\n    flex: 1;\r\n    font-size: var(--diwa-font-size-sm);\r\n    color: var(--diwa-text-primary);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .close {\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: var(--diwa-touch-target-min-size, 44px);\n    height: var(--diwa-touch-target-min-size, 44px);\n    border: none;\r\n    background: transparent;\r\n    color: var(--diwa-text-secondary);\r\n    cursor: pointer;\r\n    border-radius: var(--diwa-radius-sm);\r\n    padding: 0;\r\n    transition: color var(--diwa-transition-base);\n  }\n\n  ${getHoverCapableStyle('.close', 'color: var(--diwa-text-primary);')}\n\r\n  ${getFocusStyle('.close')}\r\n\r\n  ${getReducedMotionStyle('.toast', '.close')}\n  `;\n};\n","import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { ToastState } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-toast-item-styles';\r\n\r\nconst STATE_ICONS: Record<ToastState, string> = {\r\n  neutral: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"8\" y1=\"5\" x2=\"8\" y2=\"8.5\"/><circle cx=\"8\" cy=\"11\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n  info: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"8\" y1=\"5\" x2=\"8\" y2=\"8.5\"/><circle cx=\"8\" cy=\"11\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n  success: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><polyline points=\"5,8 7,10 11,6\"/></svg>`,\r\n  warning: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M8 2.5L14 13H2L8 2.5Z\"/><line x1=\"8\" y1=\"6.5\" x2=\"8\" y2=\"9.5\"/><circle cx=\"8\" cy=\"11.5\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n  error: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"5.5\" y1=\"5.5\" x2=\"10.5\" y2=\"10.5\"/><line x1=\"10.5\" y1=\"5.5\" x2=\"5.5\" y2=\"10.5\"/></svg>`,\r\n};\r\n\r\nconst CLOSE_ICON = `<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"4\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"4\" x2=\"4\" y2=\"12\"/></svg>`;\r\n\r\n/**\r\n * @component diwa-toast-item\r\n *\r\n * Renders a single toast notification. Managed by `diwa-toast` — do not\r\n * use this component directly; use `diwa-toast.addMessage()` instead.\r\n */\r\n@Component({\r\n  tag: 'diwa-toast-item',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaToastItem {\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Message text to display. */\r\n  @Prop() text: string = '';\r\n\r\n  /** Visual state affecting icon and colour. */\r\n  @Prop({ reflect: true }) state: ToastState = 'neutral';\r\n\r\n  /**\r\n   * Emitted when the user dismisses the toast or the auto-dismiss timer fires.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  dismiss!: EventEmitter<void>;\r\n\r\n  private handleClose = () => {\r\n    this.dismiss.emit();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.state)} />\r\n        <div class=\"toast\">\r\n          <span class=\"icon\" aria-hidden=\"true\" innerHTML={STATE_ICONS[this.state]} />\r\n          <span class=\"text\">{this.text}</span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"close\"\r\n            aria-label=\"Dismiss notification\"\r\n            onClick={this.handleClose}\r\n            innerHTML={CLOSE_ICON}\r\n          />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2GAGO,MAAMA,EAAmBC,IAC9B,MAAMC,EACJD,IAAU,UACN,mCACAA,IAAU,QACR,iCACAA,IAAU,UACR,mCACAA,IAAU,OACR,gCACA,6BAEZ,MAAME,EACJF,IAAU,UACN,wCACAA,IAAU,QACR,sCACAA,IAAU,UACR,wCACAA,IAAU,OACR,qCACA,0BAEZ,MAAO,ubAmBSE,uDACgCD,iXAcrCA,qlBA0BTE,EAAqB,SAAU,4CAE/BC,EAAc,kBAEdC,EAAsB,SAAU,eACjC,ECtFH,MAAMC,EAA0C,CAC9CC,QAAS,4QACTC,KAAM,4QACNC,QAAS,8NACTC,QAAS,kRACTC,MAAO,+PAGT,MAAMC,EAAa,+M,MAYNC,EAAa,MAJ1B,WAAAC,CAAAC,G,2CAM2BC,KAAAC,MAAe,OAGhCD,KAAAE,KAAe,GAGEF,KAAAhB,MAAoB,UAQrCgB,KAAAG,YAAc,KACpBH,KAAKI,QAAQC,MAAM,C,CAGrB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAaT,KAAKC,OACrBM,EAAA,SAAAE,IAAA,2CAAOC,UAAW3B,EAAgBiB,KAAKhB,SACvCuB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAM,cAAa,OAAOD,UAAWpB,EAAYU,KAAKhB,SAClEuB,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQX,KAAKE,MACzBK,EAAA,UAAAE,IAAA,2CACEG,KAAK,SACLD,MAAM,QAAO,aACF,uBACXE,QAASb,KAAKG,YACdO,UAAWd,K","ignoreList":[]}
+{"version":3,"names":["getComponentCss","state","stateColor","stateBg","getHoverCapableStyle","getFocusStyle","getReducedMotionStyle","STATE_ICONS","neutral","info","success","warning","error","CLOSE_ICON","DiwaToastItem","constructor","hostRef","this","theme","text","handleClose","dismiss","emit","render","h","Host","key","innerHTML","class","type","onClick"],"sources":["src/components/diwa-toast-item/diwa-toast-item-styles.ts","src/components/diwa-toast-item/diwa-toast-item.tsx"],"sourcesContent":["import type { ToastState } from './types';\r\nimport { getFocusStyle, getHoverCapableStyle, getReducedMotionStyle } from '../../utils/styles';\n\r\nexport const getComponentCss = (state: ToastState): string => {\r\n  const stateColor =\r\n    state === 'success'\r\n      ? 'var(--diwa-notification-success)'\r\n      : state === 'error'\r\n        ? 'var(--diwa-notification-error)'\r\n        : state === 'warning'\r\n          ? 'var(--diwa-notification-warning)'\r\n          : state === 'info'\r\n            ? 'var(--diwa-notification-info)'\r\n            : 'var(--diwa-text-secondary)';\r\n\r\n  const stateBg =\r\n    state === 'success'\r\n      ? 'var(--diwa-notification-success-soft)'\r\n      : state === 'error'\r\n        ? 'var(--diwa-notification-error-soft)'\r\n        : state === 'warning'\r\n          ? 'var(--diwa-notification-warning-soft)'\r\n          : state === 'info'\r\n            ? 'var(--diwa-notification-info-soft)'\r\n            : 'var(--diwa-bg-elevated)';\r\n\r\n  return `\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n    pointer-events: all;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .toast {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-3);\r\n    min-width: var(--diwa-toast-min-width);\r\n    max-width: var(--diwa-toast-max-width);\r\n    padding: var(--diwa-space-4);\r\n    border-radius: var(--diwa-radius-md);\r\n    background: ${stateBg};\r\n    border: var(--diwa-border-width-thin) solid ${stateColor};\r\n    box-shadow: var(--diwa-shadow-md);\r\n    animation: slideIn var(--diwa-motion-duration-short) var(--diwa-motion-easing-out);\r\n  }\r\n\r\n  @keyframes slideIn {\r\n    from { opacity: 0; transform: translateY(8px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .icon {\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    color: ${stateColor};\r\n  }\r\n\r\n  .text {\r\n    flex: 1;\r\n    font-size: var(--diwa-font-size-sm);\r\n    color: var(--diwa-text-primary);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .close {\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: var(--diwa-touch-target-min-size, 44px);\n    height: var(--diwa-touch-target-min-size, 44px);\n    border: none;\r\n    background: transparent;\r\n    color: var(--diwa-text-secondary);\r\n    cursor: pointer;\r\n    border-radius: var(--diwa-radius-sm);\r\n    padding: 0;\r\n    transition: color var(--diwa-transition-base);\n  }\n\n  ${getHoverCapableStyle('.close', 'color: var(--diwa-text-primary);')}\n\r\n  ${getFocusStyle('.close')}\r\n\r\n  ${getReducedMotionStyle('.toast', '.close')}\n  `;\n};\n","import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { ToastState } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-toast-item-styles';\r\n\r\nconst STATE_ICONS: Record<ToastState, string> = {\r\n  neutral: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"8\" y1=\"5\" x2=\"8\" y2=\"8.5\"/><circle cx=\"8\" cy=\"11\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n  info: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"8\" y1=\"5\" x2=\"8\" y2=\"8.5\"/><circle cx=\"8\" cy=\"11\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n  success: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><polyline points=\"5,8 7,10 11,6\"/></svg>`,\r\n  warning: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M8 2.5L14 13H2L8 2.5Z\"/><line x1=\"8\" y1=\"6.5\" x2=\"8\" y2=\"9.5\"/><circle cx=\"8\" cy=\"11.5\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n  error: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"5.5\" y1=\"5.5\" x2=\"10.5\" y2=\"10.5\"/><line x1=\"10.5\" y1=\"5.5\" x2=\"5.5\" y2=\"10.5\"/></svg>`,\r\n};\r\n\r\nconst CLOSE_ICON = `<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"4\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"4\" x2=\"4\" y2=\"12\"/></svg>`;\r\n\r\n/**\r\n * @component diwa-toast-item\r\n *\r\n * Renders a single toast notification. Managed by `diwa-toast` — do not\r\n * use this component directly; use `diwa-toast.addMessage()` instead.\r\n */\r\n@Component({\r\n  tag: 'diwa-toast-item',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaToastItem {\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Message text to display. */\r\n  @Prop() text: string = '';\r\n\r\n  /** Visual state affecting icon and colour. */\r\n  @Prop({ reflect: true }) state: ToastState = 'neutral';\r\n\r\n  /**\r\n   * Emitted when the user dismisses the toast or the auto-dismiss timer fires.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  dismiss!: EventEmitter<void>;\r\n\r\n  private handleClose = () => {\r\n    this.dismiss.emit();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.state)} />\r\n        <div class=\"toast\">\r\n          <span class=\"icon\" aria-hidden=\"true\" innerHTML={STATE_ICONS[this.state]} />\r\n          <span class=\"text\">{this.text}</span>\r\n          <button\r\n            type=\"button\"\r\n            class=\"close\"\r\n            aria-label=\"Dismiss notification\"\r\n            onClick={this.handleClose}\r\n            innerHTML={CLOSE_ICON}\r\n          />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sGAGO,MAAMA,EAAmBC,IAC9B,MAAMC,EACJD,IAAU,UACN,mCACAA,IAAU,QACR,iCACAA,IAAU,UACR,mCACAA,IAAU,OACR,gCACA,6BAEZ,MAAME,EACJF,IAAU,UACN,wCACAA,IAAU,QACR,sCACAA,IAAU,UACR,wCACAA,IAAU,OACR,qCACA,0BAEZ,MAAO,ubAmBSE,uDACgCD,iXAcrCA,qlBA0BTE,EAAqB,SAAU,4CAE/BC,EAAc,kBAEdC,EAAsB,SAAU,eACjC,ECtFH,MAAMC,EAA0C,CAC9CC,QAAS,4QACTC,KAAM,4QACNC,QAAS,8NACTC,QAAS,kRACTC,MAAO,+PAGT,MAAMC,EAAa,+M,MAYNC,EAAa,MAJ1B,WAAAC,CAAAC,G,2CAM2BC,KAAAC,MAAe,OAGhCD,KAAAE,KAAe,GAGEF,KAAAhB,MAAoB,UAQrCgB,KAAAG,YAAc,KACpBH,KAAKI,QAAQC,MAAM,C,CAGrB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAaT,KAAKC,OACrBM,EAAA,SAAAE,IAAA,2CAAOC,UAAW3B,EAAgBiB,KAAKhB,SACvCuB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAM,cAAa,OAAOD,UAAWpB,EAAYU,KAAKhB,SAClEuB,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQX,KAAKE,MACzBK,EAAA,UAAAE,IAAA,2CACEG,KAAK,SACLD,MAAM,QAAO,aACF,uBACXE,QAASb,KAAKG,YACdO,UAAWd,K","ignoreList":[]}

package/dist/diwa-components/{p-ba1ffa71.entry.js → p-87932af2.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 o,a as r}from"./p-70bbb21a.js";import{g as s,c as d}from"./p-332838f8.js";const c=n=>{const e=n?"14px":"20px";return`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\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  /* ── Option row ─────────────────────────────────────────────────────── */\n\n  .option {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    padding: var(--diwa-space-2) var(--diwa-space-3);\n    min-height: ${n?"var(--diwa-touch-target-min-size-compact, 32px)":"var(--diwa-select-option-min-height, var(--diwa-touch-target-min-size, 44px))"};\n    box-sizing: border-box;\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-normal);\n    line-height: 1.4;\n    border-radius: var(--diwa-radius-sm);\n    transition: background-color var(--diwa-transition-fast);\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${o(".option")}\n\n  /* ── Checkbox mark ──────────────────────────────────────────────────── */\n\n  .checkbox {\n    flex-shrink: 0;\n    width: ${e};\n    height: ${e};\n    ${s()}\n  }\n\n  /* ── Selected state ─────────────────────────────────────────────────── */\n\n  :host([selected]) .checkbox {\n    background-color: var(--diwa-accent);\n    border-color: var(--diwa-accent);\n    background-image: ${d};\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :host([selected]) .option:hover .checkbox {\n      background-color: var(--diwa-accent-hover);\n      border-color: var(--diwa-accent-hover);\n    }\n  }\n\n  /* ── Highlighted (keyboard / hover) ─────────────────────────────────── */\n\n  :host([highlighted]) .option {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .option:hover {\n      background-color: var(--diwa-bg-hover);\n    }\n  }\n\n  /* ── Label text ─────────────────────────────────────────────────────── */\n\n  .label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* ── Disabled ───────────────────────────────────────────────────────── */\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .option {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${r(".option",".checkbox")}\n`};const h=class{constructor(a){n(this,a);this.diwaMultiSelectOptionUpdate=e(this,"diwaMultiSelectOptionUpdate",7);this.disabled=false;this.selected=false;this.highlighted=false;this.compact=false;this.theme="dark";this.handleClick=()=>{if(this.disabled)return;this.diwaMultiSelectOptionUpdate.emit({value:this.value,selected:!this.selected})};this.handleKeyDown=n=>{if(this.disabled)return;if(n.key==="Enter"||n.key===" "){n.preventDefault();this.diwaMultiSelectOptionUpdate.emit({value:this.value,selected:!this.selected})}}}handlePropChange(){}async setFocus(){var n;(n=this.optionEl)===null||n===void 0?void 0:n.focus()}render(){return a(t,{key:"b4d48c6bb6968502a8ae2a6c1981db145332ce83","data-theme":this.theme},a("style",{key:"c69088cc9414ff1b6edc4fa064abc6fded70226b",innerHTML:c(this.compact)}),a("div",{key:"f5ecb4d1dda04a18735594105ee436544f210c95",class:"option",role:"option","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":undefined,tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:n=>this.optionEl=n,part:"option"},a("span",{key:"3d2e4211d015355332a3ac44204d7a907659a465",class:"checkbox","aria-hidden":"true",part:"checkbox"}),a("span",{key:"86ca6452ad32e685f944511f4c862c848d0bf493",class:"label",part:"label"},a("slot",{key:"3caa3fafd6bdb4c3426d8ef989f8de34fc05a853"}))))}static get delegatesFocus(){return true}get host(){return i(this)}static get watchers(){return{selected:["handlePropChange"],highlighted:["handlePropChange"],disabled:["handlePropChange"]}}};export{h as diwa_multi_select_option};
-//# sourceMappingURL=p-ba1ffa71.entry.js.map
+import{r as n,c as e,h as a,H as t,g as i}from"./p-ed4017f0.js";import{g as o,a as r}from"./p-70bbb21a.js";import{g as s,c as d}from"./p-332838f8.js";const c=n=>{const e=n?"14px":"20px";return`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\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  /* ── Option row ─────────────────────────────────────────────────────── */\n\n  .option {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    padding: var(--diwa-space-2) var(--diwa-space-3);\n    min-height: ${n?"var(--diwa-touch-target-min-size-compact, 32px)":"var(--diwa-select-option-min-height, var(--diwa-touch-target-min-size, 44px))"};\n    box-sizing: border-box;\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-normal);\n    line-height: 1.4;\n    border-radius: var(--diwa-radius-sm);\n    transition: background-color var(--diwa-transition-fast);\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${o(".option")}\n\n  /* ── Checkbox mark ──────────────────────────────────────────────────── */\n\n  .checkbox {\n    flex-shrink: 0;\n    width: ${e};\n    height: ${e};\n    ${s()}\n  }\n\n  /* ── Selected state ─────────────────────────────────────────────────── */\n\n  :host([selected]) .checkbox {\n    background-color: var(--diwa-accent);\n    border-color: var(--diwa-accent);\n    background-image: ${d};\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :host([selected]) .option:hover .checkbox {\n      background-color: var(--diwa-accent-hover);\n      border-color: var(--diwa-accent-hover);\n    }\n  }\n\n  /* ── Highlighted (keyboard / hover) ─────────────────────────────────── */\n\n  :host([highlighted]) .option {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .option:hover {\n      background-color: var(--diwa-bg-hover);\n    }\n  }\n\n  /* ── Label text ─────────────────────────────────────────────────────── */\n\n  .label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* ── Disabled ───────────────────────────────────────────────────────── */\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .option {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${r(".option",".checkbox")}\n`};const h=class{constructor(a){n(this,a);this.diwaMultiSelectOptionUpdate=e(this,"diwaMultiSelectOptionUpdate",7);this.disabled=false;this.selected=false;this.highlighted=false;this.compact=false;this.theme="dark";this.handleClick=()=>{if(this.disabled)return;this.diwaMultiSelectOptionUpdate.emit({value:this.value,selected:!this.selected})};this.handleKeyDown=n=>{if(this.disabled)return;if(n.key==="Enter"||n.key===" "){n.preventDefault();this.diwaMultiSelectOptionUpdate.emit({value:this.value,selected:!this.selected})}}}handlePropChange(){}async setFocus(){var n;(n=this.optionEl)===null||n===void 0?void 0:n.focus()}render(){return a(t,{key:"cd154bf05b1c5524ef8757d49a538f5b71dcf0f7","data-theme":this.theme},a("style",{key:"e79192f92ab4f5a3965a5c41617208d5ba0586bb",innerHTML:c(this.compact)}),a("div",{key:"bdb6539019761a38a79c825d0c10eb035da493d1",class:"option",role:"option","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":undefined,tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:n=>this.optionEl=n,part:"option"},a("span",{key:"778df214b22f9e64859f56fe25cb4ed71ad4896f",class:"checkbox","aria-hidden":"true",part:"checkbox"}),a("span",{key:"153a68043083905a2c2b328e6e00504a312cf659",class:"label",part:"label"},a("slot",{key:"803a21e44bdc6162c648f1fbd90267f9bc3d4c89"}))))}static get delegatesFocus(){return true}get host(){return i(this)}static get watchers(){return{selected:["handlePropChange"],highlighted:["handlePropChange"],disabled:["handlePropChange"]}}};export{h as diwa_multi_select_option};
+//# sourceMappingURL=p-87932af2.entry.js.map

package/dist/diwa-components/{p-48009a79.entry.js → p-926e283b.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as t,h as e,H as i,g as a}from"./p-ed4017f0.js";import{g as s,a as r}from"./p-70bbb21a.js";const o=()=>`\n\n  /* ── Host ─────────────────────────────────────────────────────────── */\n\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  /* ── Nav wrapper ──────────────────────────────────────────────────── */\n\n  .nav {\n    display: flex;\n    justify-content: center;\n    user-select: none;\n  }\n\n  /* ── Item list ────────────────────────────────────────────────────── */\n\n  .list {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* Extra breathing room between prev/next and the page number group */\n  .list > li:first-child {\n    margin-inline-end: var(--diwa-space-2);\n  }\n\n  .list > li:last-child {\n    margin-inline-start: var(--diwa-space-2);\n  }\n\n  /* ── Shared button base ───────────────────────────────────────────── */\n\n  .btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-pagination-item-size);\n    height: var(--diwa-pagination-item-size);\n    box-sizing: border-box;\n    padding: 0;\n    border: var(--diwa-border-width-medium) solid transparent;\n    border-radius: var(--diwa-radius-md);\n    background: transparent;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-sm);\n    font-family: inherit;\n    font-weight: var(--diwa-font-weight-normal);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--diwa-transition-fast),\n                border-color var(--diwa-transition-fast);\n  }\n\n  /* ── Hover ────────────────────────────────────────────────────────── */\n\n  .btn:hover:not(:disabled):not([aria-current]) {\n    background: var(--diwa-bg-hover);\n  }\n\n  /* ── Active page ──────────────────────────────────────────────────── */\n\n  /* Diwa brand treatment: bottom accent line instead of PDS border box */\n  .btn[aria-current="page"] {\n    border-bottom-color: var(--diwa-accent);\n    cursor: default;\n  }\n\n  /* ── Disabled (prev/next at boundaries) ──────────────────────────── */\n\n  .btn:disabled {\n    opacity: 0.38;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ── Ellipsis ─────────────────────────────────────────────────────── */\n\n  .ellipsis {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-pagination-item-size);\n    height: var(--diwa-pagination-item-size);\n    color: var(--diwa-text-secondary);\n    font-size: var(--diwa-font-size-sm);\n    cursor: default;\n    user-select: none;\n  }\n\n  /* ── Focus ring ───────────────────────────────────────────────────── */\n\n  ${s(".btn")}\n\n  /* ── Reduced motion ───────────────────────────────────────────────── */\n\n  ${r(".btn")}\n`;var l;(function(n){n[n["PAGE"]=0]="PAGE";n[n["ELLIPSIS"]=1]="ELLIPSIS";n[n["PREVIOUS"]=2]="PREVIOUS";n[n["NEXT"]=3]="NEXT"})(l||(l={}));const c={type:l.ELLIPSIS,isActive:false};const d=n=>{const{activePage:t}=n;return{type:l.PREVIOUS,value:Math.max(1,t-1),isActive:t>1}};const u=n=>{const{activePage:t,pageTotal:e}=n;return{type:l.NEXT,value:Math.min(e,t+1),isActive:t<e}};const b=({activePage:n})=>t=>({type:l.PAGE,value:t,isActive:t===n,isBeforeCurrent:t===n-1,isBeforeBeforeCurrent:t===n-2,isAfterCurrent:t===n+1,isAfterAfterCurrent:t===n+2});const h=(n,t)=>Array.from(new Array(t-n+1),((t,e)=>e+n));const p=n=>{const{pageTotal:t,activePage:e,showLastPage:i}=n;const a=1;const s=1;const r=1;const o=[d(n)];const l=b(n);if(1+2*r+2*s>=t){const n=h(1,t).map(l);o.push(...n)}else{o.push(l(1));const n=Math.min(Math.max(e-a,2+r),t-r-2-(i?1:0));const s=n+2;const d=h(n,s).map(l);const u=n-1;const b=u===2;const p=b?l(u):c;o.push(p);o.push(...d);const g=s+1;const v=g===t-(i?1:0);const f=v?l(g):c;o.push(f);if(i){o.push(l(t))}}o.push(u(n));return o};const g=(n,t)=>n<1?1:n>t?t:n;const v=(n,t)=>{if(t<1)return 1;const e=n<1?1:n;return Math.ceil(e/t)};const f=class{constructor(e){n(this,e);this.update=t(this,"update",1);this.theme="dark";this.totalItemsCount=1;this.itemsPerPage=1;this.activePage=1;this.showLastPage=true;this.intl={root:"Pagination",prev:"Previous page",next:"Next page",page:"Page"}}handleClick(n){if(n!==this.activePage){this.update.emit({page:n,previousPage:this.activePage});this.activePage=n}}render(){var n,t,a,s,r;const c=v(this.totalItemsCount,this.itemsPerPage);const d=g(this.activePage,c);const u=p({activePage:d,pageTotal:c,showLastPage:this.showLastPage});const b=(n=this.intl)!==null&&n!==void 0?n:{};const h=(t=b.root)!==null&&t!==void 0?t:"Pagination";const f=(a=b.prev)!==null&&a!==void 0?a:"Previous page";const w=(s=b.next)!==null&&s!==void 0?s:"Next page";const y=(r=b.page)!==null&&r!==void 0?r:"Page";return e(i,{key:"5ab4f9042518982631f8b0276acc3de703344ab7","data-theme":this.theme},e("style",{key:"83777127af3cd7fba90bcf359c0727ecb478019d",innerHTML:o()}),e("nav",{key:"9ba68ea091b61589dd7ef2b9bda3fab01f841efd","aria-label":h,class:"nav"},e("ul",{key:"819b9d7b344ec50b2a15241278438e18bb20cdfb",class:"list"},u.map(((n,t)=>{const{type:i,isActive:a,value:s}=n;if(i===l.PREVIOUS){return e("li",{key:"prev"},e("button",{class:"btn",disabled:!a,"aria-label":f,onClick:()=>a&&this.handleClick(s)},e("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("polyline",{points:"15 18 9 12 15 6"}))))}if(i===l.NEXT){return e("li",{key:"next"},e("button",{class:"btn",disabled:!a,"aria-label":w,onClick:()=>a&&this.handleClick(s)},e("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("polyline",{points:"9 18 15 12 9 6"}))))}if(i===l.ELLIPSIS){return e("li",{key:`ellipsis-${t}`},e("span",{class:"ellipsis","aria-hidden":"true"},"…"))}return e("li",{key:s},e("button",{class:"btn","aria-label":`${y} ${s}`,"aria-current":a?"page":undefined,onClick:()=>this.handleClick(s)},s))})))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{f as diwa_pagination};
-//# sourceMappingURL=p-48009a79.entry.js.map
+import{r as n,c as t,h as e,H as i,g as a}from"./p-ed4017f0.js";import{g as s,a as r}from"./p-70bbb21a.js";const o=()=>`\n\n  /* ── Host ─────────────────────────────────────────────────────────── */\n\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  /* ── Nav wrapper ──────────────────────────────────────────────────── */\n\n  .nav {\n    display: flex;\n    justify-content: center;\n    user-select: none;\n  }\n\n  /* ── Item list ────────────────────────────────────────────────────── */\n\n  .list {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* Extra breathing room between prev/next and the page number group */\n  .list > li:first-child {\n    margin-inline-end: var(--diwa-space-2);\n  }\n\n  .list > li:last-child {\n    margin-inline-start: var(--diwa-space-2);\n  }\n\n  /* ── Shared button base ───────────────────────────────────────────── */\n\n  .btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-pagination-item-size);\n    height: var(--diwa-pagination-item-size);\n    box-sizing: border-box;\n    padding: 0;\n    border: var(--diwa-border-width-medium) solid transparent;\n    border-radius: var(--diwa-radius-md);\n    background: transparent;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-sm);\n    font-family: inherit;\n    font-weight: var(--diwa-font-weight-normal);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--diwa-transition-fast),\n                border-color var(--diwa-transition-fast);\n  }\n\n  /* ── Hover ────────────────────────────────────────────────────────── */\n\n  .btn:hover:not(:disabled):not([aria-current]) {\n    background: var(--diwa-bg-hover);\n  }\n\n  /* ── Active page ──────────────────────────────────────────────────── */\n\n  /* Diwa brand treatment: bottom accent line instead of PDS border box */\n  .btn[aria-current="page"] {\n    border-bottom-color: var(--diwa-accent);\n    cursor: default;\n  }\n\n  /* ── Disabled (prev/next at boundaries) ──────────────────────────── */\n\n  .btn:disabled {\n    opacity: 0.38;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ── Ellipsis ─────────────────────────────────────────────────────── */\n\n  .ellipsis {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-pagination-item-size);\n    height: var(--diwa-pagination-item-size);\n    color: var(--diwa-text-secondary);\n    font-size: var(--diwa-font-size-sm);\n    cursor: default;\n    user-select: none;\n  }\n\n  /* ── Focus ring ───────────────────────────────────────────────────── */\n\n  ${s(".btn")}\n\n  /* ── Reduced motion ───────────────────────────────────────────────── */\n\n  ${r(".btn")}\n`;var c;(function(n){n[n["PAGE"]=0]="PAGE";n[n["ELLIPSIS"]=1]="ELLIPSIS";n[n["PREVIOUS"]=2]="PREVIOUS";n[n["NEXT"]=3]="NEXT"})(c||(c={}));const l={type:c.ELLIPSIS,isActive:false};const d=n=>{const{activePage:t}=n;return{type:c.PREVIOUS,value:Math.max(1,t-1),isActive:t>1}};const u=n=>{const{activePage:t,pageTotal:e}=n;return{type:c.NEXT,value:Math.min(e,t+1),isActive:t<e}};const h=({activePage:n})=>t=>({type:c.PAGE,value:t,isActive:t===n,isBeforeCurrent:t===n-1,isBeforeBeforeCurrent:t===n-2,isAfterCurrent:t===n+1,isAfterAfterCurrent:t===n+2});const p=(n,t)=>Array.from(new Array(t-n+1),((t,e)=>e+n));const g=n=>{const{pageTotal:t,activePage:e,showLastPage:i}=n;const a=1;const s=1;const r=1;const o=[d(n)];const c=h(n);if(1+2*r+2*s>=t){const n=p(1,t).map(c);o.push(...n)}else{o.push(c(1));const n=Math.min(Math.max(e-a,2+r),t-r-2-(i?1:0));const s=n+2;const d=p(n,s).map(c);const u=n-1;const h=u===2;const g=h?c(u):l;o.push(g);o.push(...d);const v=s+1;const b=v===t-(i?1:0);const f=b?c(v):l;o.push(f);if(i){o.push(c(t))}}o.push(u(n));return o};const v=(n,t)=>n<1?1:n>t?t:n;const b=(n,t)=>{if(t<1)return 1;const e=n<1?1:n;return Math.ceil(e/t)};const f=class{constructor(e){n(this,e);this.update=t(this,"update",1);this.theme="dark";this.totalItemsCount=1;this.itemsPerPage=1;this.activePage=1;this.showLastPage=true;this.intl={root:"Pagination",prev:"Previous page",next:"Next page",page:"Page"}}handleClick(n){if(n!==this.activePage){this.update.emit({page:n,previousPage:this.activePage});this.activePage=n}}render(){var n,t,a,s,r;const l=b(this.totalItemsCount,this.itemsPerPage);const d=v(this.activePage,l);const u=g({activePage:d,pageTotal:l,showLastPage:this.showLastPage});const h=(n=this.intl)!==null&&n!==void 0?n:{};const p=(t=h.root)!==null&&t!==void 0?t:"Pagination";const f=(a=h.prev)!==null&&a!==void 0?a:"Previous page";const w=(s=h.next)!==null&&s!==void 0?s:"Next page";const y=(r=h.page)!==null&&r!==void 0?r:"Page";return e(i,{key:"4fa5cadb5296b7e23cc779e5ec159244fcde6c4a","data-theme":this.theme},e("style",{key:"64ecd996a2a54cad3762f31430dfc1c8ef6a8b8f",innerHTML:o()}),e("nav",{key:"a8ff37dbf716a7c270e5493539418da43ae94b5f","aria-label":p,class:"nav"},e("ul",{key:"3a980124988ec73d6a4c0becbe76351b66522544",class:"list"},u.map(((n,t)=>{const{type:i,isActive:a,value:s}=n;if(i===c.PREVIOUS){return e("li",{key:"prev"},e("button",{class:"btn",disabled:!a,"aria-label":f,onClick:()=>a&&this.handleClick(s)},e("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("polyline",{points:"15 18 9 12 15 6"}))))}if(i===c.NEXT){return e("li",{key:"next"},e("button",{class:"btn",disabled:!a,"aria-label":w,onClick:()=>a&&this.handleClick(s)},e("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("polyline",{points:"9 18 15 12 9 6"}))))}if(i===c.ELLIPSIS){return e("li",{key:`ellipsis-${t}`},e("span",{class:"ellipsis","aria-hidden":"true"},"…"))}return e("li",{key:s},e("button",{class:"btn","aria-label":`${y} ${s}`,"aria-current":a?"page":undefined,onClick:()=>this.handleClick(s)},s))})))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{f as diwa_pagination};
+//# sourceMappingURL=p-926e283b.entry.js.map

package/dist/diwa-components/p-952af214.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as i,g as e}from"./p-ed4017f0.js";const n=()=>`\n  :host {\n    position: fixed;\n    bottom: var(--diwa-space-6);\n    right: var(--diwa-space-6);\n    z-index: var(--diwa-z-toast);\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--diwa-space-3);\n    pointer-events: none;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  ::slotted(*) {\n    pointer-events: all;\n  }\n\n  @media (max-width: 480px) {\n    :host {\n      left: var(--diwa-space-3);\n      right: var(--diwa-space-3);\n      bottom: var(--diwa-space-3);\n      align-items: stretch;\n    }\n  }\n`;const a=6e3;const l=200;class o{constructor(){this.queue=[];this.current=null;this.toastEl=null;this.refreshFn=null;this.timeout=null;this.nextId=0}register(t,s){if(this.toastEl){console.error("[diwa-toast] Only one <diwa-toast> may exist per page. Multiple instances detected.");return}this.toastEl=t;this.refreshFn=s}unregister(){this.clearTimeout();this.queue=[];this.current=null;this.toastEl=null;this.refreshFn=null}addMessage(t){var s;if(!this.toastEl){console.warn("[diwa-toast] addMessage() called but no <diwa-toast> element is mounted in the page.");return}if(!((s=t.text)===null||s===void 0?void 0:s.trim())){console.warn("[diwa-toast] addMessage() called with empty text.");return}const i=Object.assign(Object.assign({state:"neutral"},t),{id:this.nextId++});if(this.current===null){this.show(i)}else{this.queue.push(i)}}dismiss(){var t;this.clearTimeout();this.current=null;(t=this.refreshFn)===null||t===void 0?void 0:t.call(this,null);setTimeout((()=>{const t=this.queue.shift();if(t){this.show(t)}}),l)}getCurrent(){return this.current}show(t){var s;this.current=t;(s=this.refreshFn)===null||s===void 0?void 0:s.call(this,t);this.scheduleTimeout(t)}scheduleTimeout(t){var s;const i=(s=t.duration)!==null&&s!==void 0?s:a;if(i>0){this.timeout=setTimeout((()=>this.dismiss()),i)}}clearTimeout(){if(this.timeout!==null){clearTimeout(this.timeout);this.timeout=null}}}const h=new o;const d=class{constructor(s){t(this,s);this.theme="dark";this.currentMsg=null}connectedCallback(){h.register(this.host,(t=>{this.currentMsg=t}))}disconnectedCallback(){h.unregister()}async addMessage(t){h.addMessage(t)}render(){var t;return s(i,{key:"b670220ae7a15fd466b439895fd36bb5e3107f38",role:"status","aria-live":"polite","aria-atomic":"false","data-theme":this.theme},s("style",{key:"621b6332123edfc2078ba87d184036746176aa93",innerHTML:n()}),this.currentMsg&&s("diwa-toast-item",{key:this.currentMsg.id,text:this.currentMsg.text,state:(t=this.currentMsg.state)!==null&&t!==void 0?t:"neutral",theme:this.theme,onDismiss:()=>h.dismiss()}))}get host(){return e(this)}};export{d as diwa_toast};
+//# sourceMappingURL=p-952af214.entry.js.map

package/dist/diwa-components/p-952af214.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getComponentCss","DEFAULT_TIMEOUT","DISMISS_DELAY","ToastManagerClass","constructor","this","queue","current","toastEl","refreshFn","timeout","nextId","register","host","console","error","unregister","clearTimeout","addMessage","message","warn","_a","text","trim","entry","Object","assign","state","id","show","push","dismiss","call","setTimeout","next","shift","getCurrent","scheduleTimeout","duration","toastManager","DiwaToast","hostRef","theme","currentMsg","connectedCallback","msg","disconnectedCallback","render","h","Host","key","role","innerHTML","onDismiss"],"sources":["src/components/diwa-toast/diwa-toast-styles.ts","src/components/diwa-toast/diwa-toast-manager.ts","src/components/diwa-toast/diwa-toast.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\r\n  :host {\n    position: fixed;\n    bottom: var(--diwa-space-6);\n    right: var(--diwa-space-6);\n    z-index: var(--diwa-z-toast);\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--diwa-space-3);\n    pointer-events: none;\r\n    font-family: var(--diwa-font-family-base);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  ::slotted(*) {\n    pointer-events: all;\n  }\n\n  @media (max-width: 480px) {\n    :host {\n      left: var(--diwa-space-3);\n      right: var(--diwa-space-3);\n      bottom: var(--diwa-space-3);\n      align-items: stretch;\n    }\n  }\n`;\n","import type { ToastMessage } from './types';\r\n\r\nconst DEFAULT_TIMEOUT = 6000;\r\n/** Duration to wait after dismiss before showing the next queued message (matches slideIn animation). */\r\nconst DISMISS_DELAY = 200;\r\n\r\nexport type ToastEntry = ToastMessage & { id: number };\r\ntype RefreshFn = (entry: ToastEntry | null) => void;\r\n\r\n/**\r\n * ToastManagerClass — singleton service that owns the toast queue.\r\n *\r\n * Only one `<diwa-toast>` element may be registered at a time.\r\n * The component registers a `refreshFn` callback on `connectedCallback`\r\n * and unregisters on `disconnectedCallback`.\r\n *\r\n * Consumers call `element.addMessage()` (which delegates here) OR import\r\n * `toastManager` directly and call `toastManager.addMessage()`.\r\n */\r\nexport class ToastManagerClass {\r\n  private queue: ToastEntry[] = [];\r\n  private current: ToastEntry | null = null;\r\n  private toastEl: HTMLElement | null = null;\r\n  private refreshFn: RefreshFn | null = null;\r\n  private timeout: ReturnType<typeof setTimeout> | null = null;\r\n  private nextId = 0;\r\n\r\n  // ── Registration ──────────────────────────────────────────────────────────\r\n\r\n  register(host: HTMLElement, refreshFn: RefreshFn): void {\r\n    if (this.toastEl) {\r\n      console.error('[diwa-toast] Only one <diwa-toast> may exist per page. Multiple instances detected.');\r\n      return;\r\n    }\r\n    this.toastEl = host;\r\n    this.refreshFn = refreshFn;\r\n  }\r\n\r\n  unregister(): void {\r\n    this.clearTimeout();\r\n    this.queue = [];\r\n    this.current = null;\r\n    this.toastEl = null;\r\n    this.refreshFn = null;\r\n  }\r\n\r\n  // ── Public API ────────────────────────────────────────────────────────────\r\n\r\n  addMessage(message: ToastMessage): void {\r\n    if (!this.toastEl) {\r\n      console.warn('[diwa-toast] addMessage() called but no <diwa-toast> element is mounted in the page.');\r\n      return;\r\n    }\r\n    if (!message.text?.trim()) {\r\n      console.warn('[diwa-toast] addMessage() called with empty text.');\r\n      return;\r\n    }\r\n\r\n    const entry: ToastEntry = {\r\n      state: 'neutral',\r\n      ...message,\r\n      id: this.nextId++,\r\n    };\r\n\r\n    if (this.current === null) {\r\n      this.show(entry);\r\n    } else {\r\n      this.queue.push(entry);\r\n    }\r\n  }\r\n\r\n  dismiss(): void {\r\n    this.clearTimeout();\r\n    this.current = null;\r\n    this.refreshFn?.(null);\r\n\r\n    // Wait for the dismiss animation, then show next queued item\r\n    setTimeout(() => {\r\n      const next = this.queue.shift();\r\n      if (next) {\r\n        this.show(next);\r\n      }\r\n    }, DISMISS_DELAY);\r\n  }\r\n\r\n  getCurrent(): ToastEntry | null {\r\n    return this.current;\r\n  }\r\n\r\n  // ── Private helpers ───────────────────────────────────────────────────────\r\n\r\n  private show(entry: ToastEntry): void {\r\n    this.current = entry;\r\n    this.refreshFn?.(entry);\r\n    this.scheduleTimeout(entry);\r\n  }\r\n\r\n  private scheduleTimeout(entry: ToastEntry): void {\r\n    const duration = entry.duration ?? DEFAULT_TIMEOUT;\r\n    if (duration > 0) {\r\n      this.timeout = setTimeout(() => this.dismiss(), duration);\r\n    }\r\n  }\r\n\r\n  private clearTimeout(): void {\r\n    if (this.timeout !== null) {\r\n      clearTimeout(this.timeout);\r\n      this.timeout = null;\r\n    }\r\n  }\r\n}\r\n\r\nexport const toastManager = new ToastManagerClass();\r\n","import { Component, Element, Host, Method, Prop, State, h } from '@stencil/core';\r\nimport type { ToastMessage } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-toast-styles';\r\nimport { toastManager } from './diwa-toast-manager';\r\nimport type { ToastEntry } from './diwa-toast-manager';\r\n\r\n/**\r\n * @component diwa-toast\r\n *\r\n * Singleton container that queues and displays toast notifications one at a\r\n * time. Call `addMessage()` to enqueue a toast — only one toast is visible at\r\n * a given moment; additional messages are shown in FIFO order as each one is\r\n * dismissed or times out.\r\n *\r\n * Only one `<diwa-toast>` element should exist per page.\r\n *\r\n * Usage:\r\n *   const toast = document.querySelector('diwa-toast');\r\n *   toast.addMessage({ text: 'Saved!', state: 'success' });\r\n */\r\n@Component({\r\n  tag: 'diwa-toast',\r\n  shadow: true,\r\n})\r\nexport class DiwaToast {\r\n  @Element() host!: HTMLDiwaToastElement;\r\n\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  @State() private currentMsg: ToastEntry | null = null;\r\n\r\n  connectedCallback(): void {\r\n    toastManager.register(this.host, (msg) => {\r\n      this.currentMsg = msg;\r\n    });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    toastManager.unregister();\r\n  }\r\n\r\n  /**\r\n   * Enqueues a toast message. If no toast is currently visible it is shown\r\n   * immediately; otherwise it is placed in the FIFO queue and shown after all\r\n   * preceding messages have been dismissed.\r\n   */\r\n  @Method()\r\n  async addMessage(message: ToastMessage): Promise<void> {\r\n    toastManager.addMessage(message);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"status\" aria-live=\"polite\" aria-atomic=\"false\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        {this.currentMsg && (\r\n          <diwa-toast-item\r\n            key={this.currentMsg.id}\r\n            text={this.currentMsg.text}\r\n            state={this.currentMsg.state ?? 'neutral'}\r\n            theme={this.theme}\r\n            onDismiss={() => toastManager.dismiss()}\r\n          />\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAO,MAAMA,EAAkB,IAAc,2mBCE7C,MAAMC,EAAkB,IAExB,MAAMC,EAAgB,I,MAeTC,EAAb,WAAAC,GACUC,KAAAC,MAAsB,GACtBD,KAAAE,QAA6B,KAC7BF,KAAAG,QAA8B,KAC9BH,KAAAI,UAA8B,KAC9BJ,KAAAK,QAAgD,KAChDL,KAAAM,OAAS,C,CAIjB,QAAAC,CAASC,EAAmBJ,GAC1B,GAAIJ,KAAKG,QAAS,CAChBM,QAAQC,MAAM,uFACd,M,CAEFV,KAAKG,QAAUK,EACfR,KAAKI,UAAYA,C,CAGnB,UAAAO,GACEX,KAAKY,eACLZ,KAAKC,MAAQ,GACbD,KAAKE,QAAU,KACfF,KAAKG,QAAU,KACfH,KAAKI,UAAY,I,CAKnB,UAAAS,CAAWC,G,MACT,IAAKd,KAAKG,QAAS,CACjBM,QAAQM,KAAK,wFACb,M,CAEF,MAAKC,EAAAF,EAAQG,QAAI,MAAAD,SAAA,SAAAA,EAAEE,QAAQ,CACzBT,QAAQM,KAAK,qDACb,M,CAGF,MAAMI,EAAKC,OAAAC,OAAAD,OAAAC,OAAA,CACTC,MAAO,WACJR,GAAO,CACVS,GAAIvB,KAAKM,WAGX,GAAIN,KAAKE,UAAY,KAAM,CACzBF,KAAKwB,KAAKL,E,KACL,CACLnB,KAAKC,MAAMwB,KAAKN,E,EAIpB,OAAAO,G,MACE1B,KAAKY,eACLZ,KAAKE,QAAU,MACfc,EAAAhB,KAAKI,aAAS,MAAAY,SAAA,SAAAA,EAAAW,KAAA3B,KAAG,MAGjB4B,YAAW,KACT,MAAMC,EAAO7B,KAAKC,MAAM6B,QACxB,GAAID,EAAM,CACR7B,KAAKwB,KAAKK,E,IAEXhC,E,CAGL,UAAAkC,GACE,OAAO/B,KAAKE,O,CAKN,IAAAsB,CAAKL,G,MACXnB,KAAKE,QAAUiB,GACfH,EAAAhB,KAAKI,aAAS,MAAAY,SAAA,SAAAA,EAAAW,KAAA3B,KAAGmB,GACjBnB,KAAKgC,gBAAgBb,E,CAGf,eAAAa,CAAgBb,G,MACtB,MAAMc,GAAWjB,EAAAG,EAAMc,YAAQ,MAAAjB,SAAA,EAAAA,EAAIpB,EACnC,GAAIqC,EAAW,EAAG,CAChBjC,KAAKK,QAAUuB,YAAW,IAAM5B,KAAK0B,WAAWO,E,EAI5C,YAAArB,GACN,GAAIZ,KAAKK,UAAY,KAAM,CACzBO,aAAaZ,KAAKK,SAClBL,KAAKK,QAAU,I,GAKd,MAAM6B,EAAe,IAAIpC,E,MCvFnBqC,EAAS,MAJtB,WAAApC,CAAAqC,G,UAO2BpC,KAAAqC,MAAe,OAEvBrC,KAAAsC,WAAgC,I,CAEjD,iBAAAC,GACEL,EAAa3B,SAASP,KAAKQ,MAAOgC,IAChCxC,KAAKsC,WAAaE,CAAG,G,CAIzB,oBAAAC,GACEP,EAAavB,Y,CASf,gBAAME,CAAWC,GACfoB,EAAarB,WAAWC,E,CAG1B,MAAA4B,G,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAAQ,YAAW,SAAQ,cAAa,QAAO,aAAa9C,KAAKqC,OAC1EM,EAAA,SAAAE,IAAA,2CAAOE,UAAWpD,MACjBK,KAAKsC,YACJK,EAAA,mBACEE,IAAK7C,KAAKsC,WAAWf,GACrBN,KAAMjB,KAAKsC,WAAWrB,KACtBK,OAAON,EAAAhB,KAAKsC,WAAWhB,SAAK,MAAAN,SAAA,EAAAA,EAAI,UAChCqB,MAAOrC,KAAKqC,MACZW,UAAW,IAAMd,EAAaR,Y","ignoreList":[]}

package/dist/diwa-components/{p-4ff58224.entry.js → p-95b0fdea.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as a,H as e,g as r}from"./p-ed4017f0.js";import{g as t,a as i}from"./p-70bbb21a.js";const o=()=>`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: inline-flex;\n    position: relative;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Inner element (the real <a> or <span> in Shadow DOM) ───────────── */\n\n  .inner {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--diwa-space-2);\n\n    height: var(--diwa-button-height, 40px);\n    padding: 0 var(--diwa-button-padding-x, 16px);\n    box-sizing: border-box;\n    width: 100%;\n\n    border-radius: var(--diwa-button-radius, var(--diwa-radius-md));\n    border: var(--diwa-border-width-thin) solid transparent;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-button-font-weight, var(--diwa-font-weight-medium));\n    font-family: inherit;\n    line-height: 1;\n    white-space: nowrap;\n    text-decoration: none;\n\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n    position: relative;\n\n    transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\n\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${t(".inner")}\n\n  /* ── Variant: primary ───────────────────────────────────────────────── */\n\n  :host([variant="primary"]) .inner {\n    background-color: var(--diwa-button-bg, var(--diwa-accent));\n    color: var(--diwa-button-color, var(--diwa-text-inverse));\n    border-color: transparent;\n  }\n\n  :host([variant="primary"]) .inner:hover {\n    background-color: var(--diwa-button-bg-hover, var(--diwa-accent-hover));\n  }\n\n  :host([variant="primary"]) .inner:active {\n    background-color: var(--diwa-accent-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: secondary ─────────────────────────────────────────────── */\n\n  :host([variant="secondary"]) .inner {\n    background-color: transparent;\n    color: var(--diwa-accent);\n    border-color: var(--diwa-accent);\n  }\n\n  :host([variant="secondary"]) .inner:hover {\n    background-color: var(--diwa-accent-bg);\n    border-color: var(--diwa-accent-hover);\n  }\n\n  :host([variant="secondary"]) .inner:active {\n    background-color: var(--diwa-accent-muted);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: ghost ─────────────────────────────────────────────────── */\n\n  :host([variant="ghost"]) .inner {\n    background-color: transparent;\n    color: var(--diwa-text-secondary);\n    border-color: transparent;\n  }\n\n  :host([variant="ghost"]) .inner:hover {\n    background-color: var(--diwa-bg-hover);\n    color: var(--diwa-text-primary);\n  }\n\n  :host([variant="ghost"]) .inner:active {\n    background-color: var(--diwa-bg-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: danger ────────────────────────────────────────────────── */\n\n  :host([variant="danger"]) .inner {\n    background-color: var(--diwa-danger);\n    color: var(--diwa-text-inverse);\n    border-color: transparent;\n  }\n\n  :host([variant="danger"]) .inner:hover {\n    background-color: var(--diwa-danger-hover);\n  }\n\n  :host([variant="danger"]) .inner:active {\n    background-color: var(--diwa-danger-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Compact ────────────────────────────────────────────────────────── */\n\n  :host([compact]) .inner {\n    height: var(--diwa-button-height-sm, 32px);\n    padding: 0 var(--diwa-button-padding-x-sm, 10px);\n    font-size: var(--diwa-font-size-md);\n  }\n\n  /* ── State: disabled ────────────────────────────────────────────────── */\n\n  :host([disabled]) .inner {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ── Icon wrapper ───────────────────────────────────────────────────── */\n\n  .icon {\n    display: inline-flex;\n    align-items: center;\n    flex-shrink: 0;\n    line-height: 0;\n  }\n\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\n\n  .label--hidden {\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  /* ── Icon-only mode ─────────────────────────────────────────────────── */\n\n  :host([hide-label]) .inner {\n    width: var(--diwa-button-height, 40px);\n    padding: 0;\n  }\n\n  :host([hide-label][compact]) .inner {\n    width: var(--diwa-button-height-sm, 32px);\n  }\n\n  /* ── Span (no href) — not interactive ───────────────────────────────── */\n\n  span.inner {\n    cursor: default;\n    pointer-events: none;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${i(".inner",".label",".icon")}\n`;const d=class{constructor(a){n(this,a);this.theme="dark";this.variant="primary";this.target="_self";this.icon="none";this.hideLabel=false;this.compact=false;this.disabled=false}render(){var n;const r=!!this.href;const t=r?"a":"span";const i=this.icon!=="none";const d=this.compact?16:20;const s=r?Object.assign(Object.assign({href:this.href,target:this.target,download:this.download,rel:(n=this.rel)!==null&&n!==void 0?n:this.target==="_blank"?"noopener noreferrer":undefined},this.label?{"aria-label":this.label}:{}),this.disabled?{"aria-disabled":"true",tabIndex:-1}:{}):{};return a(e,{key:"776e06394ce0ae72d3b17839f3b6c03a8b9d8d87","data-theme":this.theme},a("style",{key:"c839450ec4fe0c4e887b0ca0ca20d98b72353c18",innerHTML:o()}),a(t,Object.assign({key:"ffcf734b9978340a43f6e85fbbce99692a1a948e",class:"inner"},s,{part:"base"}),i&&a("span",{key:"8eaa121076b37556d334d441cf538b878bc682b5",class:"icon","aria-hidden":"true"},a("diwa-icon",{key:"69b02d7412041c9f3ec276f84b2bdecc1882725b",name:this.icon,size:d})),a("span",{key:"99ffcd1bd80c6ddabb6cd99b75ce6c83f94afe00",class:`label${this.hideLabel?" label--hidden":""}`,part:"label"},a("slot",{key:"8057fd1012fbd5d5651fb2fe82f6d1fc0366a240"}))))}static get delegatesFocus(){return true}get host(){return r(this)}};export{d as diwa_link};
-//# sourceMappingURL=p-4ff58224.entry.js.map
+import{r as n,h as a,H as e,g as r}from"./p-ed4017f0.js";import{g as t,a as i}from"./p-70bbb21a.js";const o=()=>`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: inline-flex;\n    position: relative;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Inner element (the real <a> or <span> in Shadow DOM) ───────────── */\n\n  .inner {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--diwa-space-2);\n\n    height: var(--diwa-button-height, 40px);\n    padding: 0 var(--diwa-button-padding-x, 16px);\n    box-sizing: border-box;\n    width: 100%;\n\n    border-radius: var(--diwa-button-radius, var(--diwa-radius-md));\n    border: var(--diwa-border-width-thin) solid transparent;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-button-font-weight, var(--diwa-font-weight-medium));\n    font-family: inherit;\n    line-height: 1;\n    white-space: nowrap;\n    text-decoration: none;\n\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n    position: relative;\n\n    transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\n\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${t(".inner")}\n\n  /* ── Variant: primary ───────────────────────────────────────────────── */\n\n  :host([variant="primary"]) .inner {\n    background-color: var(--diwa-button-bg, var(--diwa-accent));\n    color: var(--diwa-button-color, var(--diwa-text-inverse));\n    border-color: transparent;\n  }\n\n  :host([variant="primary"]) .inner:hover {\n    background-color: var(--diwa-button-bg-hover, var(--diwa-accent-hover));\n  }\n\n  :host([variant="primary"]) .inner:active {\n    background-color: var(--diwa-accent-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: secondary ─────────────────────────────────────────────── */\n\n  :host([variant="secondary"]) .inner {\n    background-color: transparent;\n    color: var(--diwa-accent);\n    border-color: var(--diwa-accent);\n  }\n\n  :host([variant="secondary"]) .inner:hover {\n    background-color: var(--diwa-accent-bg);\n    border-color: var(--diwa-accent-hover);\n  }\n\n  :host([variant="secondary"]) .inner:active {\n    background-color: var(--diwa-accent-muted);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: ghost ─────────────────────────────────────────────────── */\n\n  :host([variant="ghost"]) .inner {\n    background-color: transparent;\n    color: var(--diwa-text-secondary);\n    border-color: transparent;\n  }\n\n  :host([variant="ghost"]) .inner:hover {\n    background-color: var(--diwa-bg-hover);\n    color: var(--diwa-text-primary);\n  }\n\n  :host([variant="ghost"]) .inner:active {\n    background-color: var(--diwa-bg-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: danger ────────────────────────────────────────────────── */\n\n  :host([variant="danger"]) .inner {\n    background-color: var(--diwa-danger);\n    color: var(--diwa-text-inverse);\n    border-color: transparent;\n  }\n\n  :host([variant="danger"]) .inner:hover {\n    background-color: var(--diwa-danger-hover);\n  }\n\n  :host([variant="danger"]) .inner:active {\n    background-color: var(--diwa-danger-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Compact ────────────────────────────────────────────────────────── */\n\n  :host([compact]) .inner {\n    height: var(--diwa-button-height-sm, 32px);\n    padding: 0 var(--diwa-button-padding-x-sm, 10px);\n    font-size: var(--diwa-font-size-md);\n  }\n\n  /* ── State: disabled ────────────────────────────────────────────────── */\n\n  :host([disabled]) .inner {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ── Icon wrapper ───────────────────────────────────────────────────── */\n\n  .icon {\n    display: inline-flex;\n    align-items: center;\n    flex-shrink: 0;\n    line-height: 0;\n  }\n\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\n\n  .label--hidden {\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  /* ── Icon-only mode ─────────────────────────────────────────────────── */\n\n  :host([hide-label]) .inner {\n    width: var(--diwa-button-height, 40px);\n    padding: 0;\n  }\n\n  :host([hide-label][compact]) .inner {\n    width: var(--diwa-button-height-sm, 32px);\n  }\n\n  /* ── Span (no href) — not interactive ───────────────────────────────── */\n\n  span.inner {\n    cursor: default;\n    pointer-events: none;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${i(".inner",".label",".icon")}\n`;const d=class{constructor(a){n(this,a);this.theme="dark";this.variant="primary";this.target="_self";this.icon="none";this.hideLabel=false;this.compact=false;this.disabled=false}render(){var n;const r=!!this.href;const t=r?"a":"span";const i=this.icon!=="none";const d=this.compact?16:20;const s=r?Object.assign(Object.assign({href:this.href,target:this.target,download:this.download,rel:(n=this.rel)!==null&&n!==void 0?n:this.target==="_blank"?"noopener noreferrer":undefined},this.label?{"aria-label":this.label}:{}),this.disabled?{"aria-disabled":"true",tabIndex:-1}:{}):{};return a(e,{key:"9cf2fd4d0d5ce43e75c3a222131b34d9c478e421","data-theme":this.theme},a("style",{key:"a0063d4bf08a30a185c7bf27a2f5a5cf9ce26a44",innerHTML:o()}),a(t,Object.assign({key:"ff842bd79914c7b175a197e9c502aba455de6c91",class:"inner"},s,{part:"base"}),i&&a("span",{key:"71e88edb6edd441d0ee452deba9644312186c990",class:"icon","aria-hidden":"true"},a("diwa-icon",{key:"87cdae9c8fd9bff6331325a9d88e8c86041ca5f2",name:this.icon,size:d})),a("span",{key:"dbfe2d4cdf1c060be2012bf37671286de3527017",class:`label${this.hideLabel?" label--hidden":""}`,part:"label"},a("slot",{key:"c5ccd67b6b2978ac0d6be79bd951b3030a44a787"}))))}static get delegatesFocus(){return true}get host(){return r(this)}};export{d as diwa_link};
+//# sourceMappingURL=p-95b0fdea.entry.js.map

package/dist/diwa-components/p-9910d570.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as n}from"./p-ed4017f0.js";const t=a=>`\n  :host {\n    display: table-cell;\n    margin: 0 !important;\n    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px) !important;\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-primary);\n    border-right: var(--diwa-table-column-border, none) !important;\n    vertical-align: middle;\n    line-height: var(--diwa-line-height-normal);\n    white-space: ${a?"normal":"nowrap"} !important;\n  }\n  :host(:last-child) { border-right: none; }\n  :host([hidden]) { display: none; }\n`;const r=class{constructor(e){a(this,e);this.theme="dark";this.multiline=false}render(){return e(n,{key:"06e9e7b9644a399b4bf3392cafd2ce1906034c56",role:"cell"},e("style",{key:"2aec2e9dda9ee32ec47628dd7eb7aa9d378e91be",innerHTML:t(this.multiline)}),e("slot",{key:"9391683948fd415551ae1ae08dc53b1801380a69"}))}};export{r as diwa_table_cell};
+//# sourceMappingURL=p-9910d570.entry.js.map

package/dist/diwa-components/p-9910d570.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getComponentCss","multiline","DiwaTableCell","constructor","hostRef","this","theme","render","h","Host","key","role","innerHTML"],"sources":["src/components/diwa-table-cell/diwa-table-cell-styles.ts","src/components/diwa-table-cell/diwa-table-cell.tsx"],"sourcesContent":["export const getComponentCss = (multiline: boolean): string => `\n  :host {\n    display: table-cell;\n    margin: 0 !important;\n    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px) !important;\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-primary);\n    border-right: var(--diwa-table-column-border, none) !important;\n    vertical-align: middle;\n    line-height: var(--diwa-line-height-normal);\n    white-space: ${multiline ? 'normal' : 'nowrap'} !important;\n  }\n  :host(:last-child) { border-right: none; }\n  :host([hidden]) { display: none; }\n`;\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport type { Theme } from '../../utils/styles';\nimport { getComponentCss } from './diwa-table-cell-styles';\n\n/** @component diwa-table-cell — Maps to <td> inside a diwa-table-row. */\n@Component({ tag: 'diwa-table-cell', shadow: true })\nexport class DiwaTableCell {\n  @Prop({ reflect: true }) theme: Theme = 'dark';\n  @Prop() multiline: boolean = false;\n\n  render() {\n    return (\n      <Host role=\"cell\">\n        <style innerHTML={getComponentCss(this.multiline)} />\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAO,MAAMA,EAAmBC,GAA+B,wZAU5CA,EAAY,SAAW,kH,MCJ7BC,EAAa,MAD1B,WAAAC,CAAAC,G,UAE2BC,KAAAC,MAAe,OAChCD,KAAAJ,UAAqB,K,CAE7B,MAAAM,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QACTH,EAAA,SAAAE,IAAA,2CAAOE,UAAWZ,EAAgBK,KAAKJ,aACvCO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/diwa-components/{p-20fd1505.entry.js → p-998dd88e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as n,H as s,g as a}from"./p-ed4017f0.js";const i=()=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .stepper {\n    display: flex;\n    align-items: flex-start;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n\n  .stepper::-webkit-scrollbar {\n    display: none;\n  }\n`;const r=class{constructor(n){e(this,n);this.update=t(this,"update",1);this.theme="dark";this.activeStepIndex=0}handleIndexChange(){this.syncItems()}componentDidLoad(){this.syncItems()}componentDidUpdate(){this.syncItems()}getItems(){return Array.from(this.host.querySelectorAll("diwa-stepper-horizontal-item"))}syncItems(){const e=this.getItems();const t=e.length;e.forEach(((e,n)=>{if(n<this.activeStepIndex){e.state="complete"}else if(n===this.activeStepIndex){e.state="current"}else{e.state="incomplete"}e.stepNumber=n+1;e.isLast=n===t-1}))}render(){return n(s,{key:"1757e9375f388f949957317c856cc8607f941b04","data-theme":this.theme},n("style",{key:"e5aa89e60aa678cd2d607aee67c4c8bc81058a0c",innerHTML:i()}),n("div",{key:"e5ca0a96129a84534d286781b80036ce9c3033db",class:"stepper",role:"list","aria-label":"Progress"},n("slot",{key:"157ae71fb67eeab4979cf7c0eb441e83e0c35cc6"})))}get host(){return a(this)}static get watchers(){return{activeStepIndex:["handleIndexChange"]}}};export{r as diwa_stepper_horizontal};
-//# sourceMappingURL=p-20fd1505.entry.js.map
+import{r as e,c as t,h as n,H as s,g as a}from"./p-ed4017f0.js";const i=()=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .stepper {\n    display: flex;\n    align-items: flex-start;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n\n  .stepper::-webkit-scrollbar {\n    display: none;\n  }\n`;const r=class{constructor(n){e(this,n);this.update=t(this,"update",1);this.theme="dark";this.activeStepIndex=0}handleIndexChange(){this.syncItems()}componentDidLoad(){this.syncItems()}componentDidUpdate(){this.syncItems()}getItems(){return Array.from(this.host.querySelectorAll("diwa-stepper-horizontal-item"))}syncItems(){const e=this.getItems();const t=e.length;e.forEach(((e,n)=>{if(n<this.activeStepIndex){e.state="complete"}else if(n===this.activeStepIndex){e.state="current"}else{e.state="incomplete"}e.stepNumber=n+1;e.isLast=n===t-1}))}render(){return n(s,{key:"52f3578b5ad1f46b649ff00de8fd081451c9df70","data-theme":this.theme},n("style",{key:"493175498aa8d24ba2744853e951a26569e3372f",innerHTML:i()}),n("div",{key:"f143d785d7934b688102764de95c4c5a77aa9a87",class:"stepper",role:"list","aria-label":"Progress"},n("slot",{key:"ff914a761531cadf1f56cbdfde003e9a230ed4f7"})))}get host(){return a(this)}static get watchers(){return{activeStepIndex:["handleIndexChange"]}}};export{r as diwa_stepper_horizontal};
+//# sourceMappingURL=p-998dd88e.entry.js.map

package/dist/diwa-components/p-9ade0403.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 h}from"./p-35c7c864.js";import"./p-70bbb21a.js";const d=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:"57db8e249f4257429c5073437fed9af9ce5847da","data-theme":this.theme},t("style",{key:"cc4b8ae0ac2f2422e63c5047177b5ceaa0cbee12",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),t("div",{key:"5fa3a0b0b0e3e3722e6e6c277a4030f87c860887",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"a9788aef44d038dd81e984d0d2f367b9bc271c4b",class:"label-row"},t("label",{key:"b89f5752b5b5c83bd0c7d3bf50da1153175ed184",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"0a68539ab69334a622c1e855f5652ffec4586858",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"257b7b9a1a5006aed1fa50361aa377b729d23fb0",name:"label-after"})),t("div",{key:"10f19d4c4aa0d537b78f01e77a85b4012eaaea78",class:"input-wrapper"},this._hasStart&&t("div",{key:"f101b6841ef93c65bd3b75df0961da5a27ee5216",class:"slot-start"},t("slot",{key:"cd026e6eb3aeff153159bf095341d9cdee7496f4",name:"start"})),t("input",{key:"fa6eff05efb74a50e2cfc96680ab2527ec2342c3",id:s,class:"input",type:"text",name:this.name||undefined,value:this.value,placeholder:this.placeholder||undefined,disabled:this.disabled,required:this.required,readOnly:this.readonly,maxLength:this.maxLength,minLength:this.minLength,spellcheck:this.spellCheck,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:"dbd131e34115c3c0417f580fb6780c40ed7c8502",class:"slot-end"},t("slot",{key:"d3a97fdf8238adc46748b9ab5b3d17ee3a1c7ff4",name:"end"}))),!this.message&&this.description&&t("p",{key:"2d746575c4b1d84402ac6f68d5ba27769b0fdc3c",id:e,class:"description"},this.description),this.message&&t("p",{key:"0fbfd46577a7dbb26138646e1b9360e396694986",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{d as diwa_input_text};
+//# sourceMappingURL=p-9ade0403.entry.js.map

package/dist/diwa-components/{p-57db0c31.entry.js → p-9c89e586.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as n,H as a}from"./p-ed4017f0.js";const i=e=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .list {\n    margin: 0;\n    padding: 0;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    line-height: var(--diwa-line-height-normal);\n    ${e==="inline"?"":"padding-inline-start: 1.25em;"}\n    ${e==="inline"?"list-style: none; display: flex; flex-wrap: wrap; gap: 0.25em 1em;":""}\n  }\n`;const t=class{constructor(n){e(this,n);this.theme="dark";this.type="unordered"}render(){const e=this.type==="ordered"?"ol":"ul";return n(a,{key:"3ccc05828614ee75fb0bace58508d9868a609945","data-theme":this.theme},n("style",{key:"1109012ff5b89b6224909a63cba6d0645132816e",innerHTML:i(this.type)}),n(e,{key:"9e406cd57d961661f10e68f2c4b18a7dfbed8abe",class:"list"},n("slot",{key:"3e6efc18da3aa512cc1eac696ed6619aef4f39e5"})))}};export{t as diwa_text_list};
-//# sourceMappingURL=p-57db0c31.entry.js.map
+import{r as e,h as n,H as a}from"./p-ed4017f0.js";const i=e=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .list {\n    margin: 0;\n    padding: 0;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    line-height: var(--diwa-line-height-normal);\n    ${e==="inline"?"":"padding-inline-start: 1.25em;"}\n    ${e==="inline"?"list-style: none; display: flex; flex-wrap: wrap; gap: 0.25em 1em;":""}\n  }\n`;const t=class{constructor(n){e(this,n);this.theme="dark";this.type="unordered"}render(){const e=this.type==="ordered"?"ol":"ul";return n(a,{key:"46a42d0fad4e36c43294095336094028eba05e28","data-theme":this.theme},n("style",{key:"fac6f5dfc2f131e718e808465e7bac609cf46665",innerHTML:i(this.type)}),n(e,{key:"40e9fc80b433d58834b3b1465a49c53ed968f171",class:"list"},n("slot",{key:"25af80ba0ae2f8dc8ff98e5fc5321fa271b52ebb"})))}};export{t as diwa_text_list};
+//# sourceMappingURL=p-9c89e586.entry.js.map

package/dist/diwa-components/p-b072ff72.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as r}from"./p-ed4017f0.js";const t=()=>`\n  :host {\n    display: table-header-group;\n    background: var(--diwa-table-header-bg, transparent);\n    font-size: var(--diwa-font-size-sm);\n    line-height: var(--diwa-line-height-normal);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-secondary);\n    border-bottom: var(--diwa-border-width-thin, 1px) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n  }\n  ::slotted(*) {\n    --diwa-table-row-border-width: 0px;\n    --diwa-table-hover-color: transparent;\n  }\n  :host([hidden]) { display: none; }\n`;const d=class{constructor(e){a(this,e);this.theme="dark"}render(){return e(r,{key:"8b9ea28317fea6188af61dad423fe63058910913",role:"rowgroup","data-theme":this.theme},e("style",{key:"70d40b87e2b9a76d20424845492cd6d2addb775a",innerHTML:t()}),e("slot",{key:"af8f4b4e1e404c7c23a3d6d35b8b961167047c3c"}))}};export{d as diwa_table_head};
+//# sourceMappingURL=p-b072ff72.entry.js.map

package/dist/diwa-components/p-b072ff72.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getComponentCss","DiwaTableHead","constructor","hostRef","this","theme","render","h","Host","key","role","innerHTML"],"sources":["src/components/diwa-table-head/diwa-table-head-styles.ts","src/components/diwa-table-head/diwa-table-head.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\n  :host {\n    display: table-header-group;\n    background: var(--diwa-table-header-bg, transparent);\n    font-size: var(--diwa-font-size-sm);\n    line-height: var(--diwa-line-height-normal);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-secondary);\n    border-bottom: var(--diwa-border-width-thin, 1px) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n  }\n  ::slotted(*) {\n    --diwa-table-row-border-width: 0px;\n    --diwa-table-hover-color: transparent;\n  }\n  :host([hidden]) { display: none; }\n`;\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-head-styles';\r\n\r\n/** @component diwa-table-head — Maps to <thead> inside diwa-table. */\r\n@Component({ tag: 'diwa-table-head', shadow: true })\r\nexport class DiwaTableHead {\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"rowgroup\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAO,MAAMA,EAAkB,IAAc,wjB,MCMhCC,EAAa,MAD1B,WAAAC,CAAAC,G,UAE2BC,KAAAC,MAAe,M,CAExC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAU,aAAaN,KAAKC,OACrCE,EAAA,SAAAE,IAAA,2CAAOE,UAAWX,MAClBO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/diwa-components/{p-565f623e.entry.js → p-bd501daa.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as i,H as n}from"./p-ed4017f0.js";import{a as t}from"./p-70bbb21a.js";const r=(a,e,i,n,r)=>{const s=a==="error"?"var(--diwa-notification-error)":a==="success"?"var(--diwa-notification-success)":"var(--diwa-input-border, var(--diwa-border))";const d=a==="error"?"var(--diwa-notification-error)":a==="success"?"var(--diwa-notification-success)":"var(--diwa-text-secondary)";return`\n    :host {\n      display: 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      display: block;\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      font-weight: var(--diwa-font-weight-semibold);\n    }\n    .textarea-wrapper {\n      position: relative;\n      display: flex;\n      background: var(--diwa-input-bg, var(--diwa-bg-input));\n      border: var(--diwa-border-width-thin) solid ${s};\n      border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\n      box-sizing: border-box;\n      transition: border-color var(--diwa-transition-base);\n      ${e?"opacity: 0.5; pointer-events: none;":""}\n    }\n    .textarea-wrapper:not(:has(textarea:disabled)):not(:has(textarea[readonly])):hover {\n      border-color: ${a==="none"?"var(--diwa-border-hover)":s};\n    }\n    .textarea-wrapper:focus-within {\n      border-color: var(--diwa-border-focus);\n    }\n    ${i?`.textarea-wrapper { background: var(--diwa-bg-surface); border-style: dashed; }`:""}\n    .ta {\n      width: 100%;\n      min-height: ${r?"64px":"96px"};\n      padding: ${r?"6px 10px":"10px 12px"};\n      background: transparent;\n      border: none;\n      outline: none;\n      font-family: var(--diwa-font-family-base);\n      font-size: ${r?"var(--diwa-font-size-sm)":"var(--diwa-font-size-base)"};\n      color: var(--diwa-text-primary);\n      resize: ${n};\n      box-sizing: border-box;\n    }\n    .ta::placeholder {\n      color: var(--diwa-text-muted);\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: ${d};\n      line-height: var(--diwa-line-height-normal);\n      margin: 0;\n    }\n\n    ${t(".textarea-wrapper")}\n  `};const s=class{constructor(i){a(this,i);this.input=e(this,"input",7);this.change=e(this,"change",7);this.blur=e(this,"blur",1);this.label="";this.description="";this.state="none";this.message="";this.name="";this.value="";this.placeholder="";this.required=false;this.disabled=false;this.readOnly=false;this.rows=4;this.resize="vertical";this.compact=false;this.hideLabel=false;this.theme="dark";this.handleInput=a=>{this.value=a.target.value;this.input.emit(this.value)};this.handleChange=a=>{this.value=a.target.value;this.change.emit(this.value)};this.handleBlur=a=>{this.blur.emit(a)}}render(){const a="textarea";const e="desc";const t="msg";return i(n,{key:"d4f47cf2f3be23a0df6c1f2dc24c8f11647fadc4","data-theme":this.theme},i("style",{key:"66ab29c8d8633795ed2fbc8403486496c36a356d",innerHTML:r(this.state,this.disabled,this.readOnly,this.resize,this.compact)}),i("div",{key:"5a28099aa65e5b3b4588007479203360949c2dcf",class:"root"},!this.hideLabel&&this.label&&i("div",{key:"a292c7d30962fc7db056cf9dca05552196b4532d",class:"label-row"},i("label",{key:"38a4700dc55d557ef437efe0e54c0121bb0f172c",class:"label",htmlFor:a},this.label,this.required&&i("span",{key:"8bef937a0727b2c51dabe30b9b74927053f7840f",class:"required","aria-hidden":"true"}," *")),i("slot",{key:"36169954033c2e1abcba95ccb445f7cb9f6460c0",name:"label-after"})),i("div",{key:"05de702c20d30ff01af79245daf06e72bc013025",class:"textarea-wrapper"},i("textarea",{key:"ac18d6a3a4b2d724f1bd78f16e17f72dccc751f7",class:"ta",id:a,name:this.name||undefined,value:this.value,placeholder:this.placeholder||undefined,disabled:this.disabled,required:this.required,readOnly:this.readOnly,rows:this.rows,maxLength:this.maxLength,minLength:this.minLength,"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?t:this.description?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur})),!this.message&&this.description&&i("p",{key:"973b18b1bafa587c7d98684d73a80e8357434c0e",id:e,class:"description"},this.description),this.message&&i("p",{key:"dc389f318bfc3e674e1cb4c8ca6d8e2ffe348480",id:t,class:"message"},this.message)))}static get delegatesFocus(){return true}};export{s as diwa_textarea};
-//# sourceMappingURL=p-565f623e.entry.js.map
+import{r as e,c as a,h as i,H as n}from"./p-ed4017f0.js";import{a as t}from"./p-70bbb21a.js";const r=(e,a,i,n,r)=>{const s=e==="error"?"var(--diwa-notification-error)":e==="success"?"var(--diwa-notification-success)":"var(--diwa-input-border, var(--diwa-border))";const d=e==="error"?"var(--diwa-notification-error)":e==="success"?"var(--diwa-notification-success)":"var(--diwa-text-secondary)";return`\n    :host {\n      display: 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      display: block;\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      font-weight: var(--diwa-font-weight-semibold);\n    }\n    .textarea-wrapper {\n      position: relative;\n      display: flex;\n      background: var(--diwa-input-bg, var(--diwa-bg-input));\n      border: var(--diwa-border-width-thin) solid ${s};\n      border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\n      box-sizing: border-box;\n      transition: border-color var(--diwa-transition-base);\n      ${a?"opacity: 0.5; pointer-events: none;":""}\n    }\n    .textarea-wrapper:not(:has(textarea:disabled)):not(:has(textarea[readonly])):hover {\n      border-color: ${e==="none"?"var(--diwa-border-hover)":s};\n    }\n    .textarea-wrapper:focus-within {\n      border-color: var(--diwa-border-focus);\n    }\n    ${i?`.textarea-wrapper { background: var(--diwa-bg-surface); border-style: dashed; }`:""}\n    .ta {\n      width: 100%;\n      min-height: ${r?"64px":"96px"};\n      padding: ${r?"6px 10px":"10px 12px"};\n      background: transparent;\n      border: none;\n      outline: none;\n      font-family: var(--diwa-font-family-base);\n      font-size: ${r?"var(--diwa-font-size-sm)":"var(--diwa-font-size-base)"};\n      color: var(--diwa-text-primary);\n      resize: ${n};\n      box-sizing: border-box;\n    }\n    .ta::placeholder {\n      color: var(--diwa-text-muted);\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: ${d};\n      line-height: var(--diwa-line-height-normal);\n      margin: 0;\n    }\n\n    ${t(".textarea-wrapper")}\n  `};const s=class{constructor(i){e(this,i);this.input=a(this,"input",7);this.change=a(this,"change",7);this.blur=a(this,"blur",1);this.label="";this.description="";this.state="none";this.message="";this.name="";this.value="";this.placeholder="";this.required=false;this.disabled=false;this.readOnly=false;this.rows=4;this.resize="vertical";this.compact=false;this.hideLabel=false;this.theme="dark";this.handleInput=e=>{this.value=e.target.value;this.input.emit(this.value)};this.handleChange=e=>{this.value=e.target.value;this.change.emit(this.value)};this.handleBlur=e=>{this.blur.emit(e)}}render(){const e="textarea";const a="desc";const t="msg";return i(n,{key:"bc8c28e4261d600dcd7279fbf83f3c69598bede9","data-theme":this.theme},i("style",{key:"6424b2957223222e398afbd46110e7da11e074d0",innerHTML:r(this.state,this.disabled,this.readOnly,this.resize,this.compact)}),i("div",{key:"f99c09858acafd13e43389f0fdeef23352016658",class:"root"},!this.hideLabel&&this.label&&i("div",{key:"19062e869778b9f486c110a8a501fbdd77c7a629",class:"label-row"},i("label",{key:"6b7e15fd5794920731f84abb408f4c73c212a03a",class:"label",htmlFor:e},this.label,this.required&&i("span",{key:"2fce6e00c084737d175057e6d0fe291962152f9f",class:"required","aria-hidden":"true"}," *")),i("slot",{key:"20de835c3283696e786370a8b9e667ad14811f65",name:"label-after"})),i("div",{key:"5ce3c0798d9085266c19623aec5c84809e8abe2f",class:"textarea-wrapper"},i("textarea",{key:"76b21ac80b5f7609692af0dd78badc4bbdc1c8c2",class:"ta",id:e,name:this.name||undefined,value:this.value,placeholder:this.placeholder||undefined,disabled:this.disabled,required:this.required,readOnly:this.readOnly,rows:this.rows,maxLength:this.maxLength,minLength:this.minLength,"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?t:this.description?a:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur})),!this.message&&this.description&&i("p",{key:"8b8914744e47cedda2ceeea9dc004cfb8712fa15",id:a,class:"description"},this.description),this.message&&i("p",{key:"f3678d9d8eeb81e12bd98aac8186df07c7b17369",id:t,class:"message"},this.message)))}static get delegatesFocus(){return true}};export{s as diwa_textarea};
+//# sourceMappingURL=p-bd501daa.entry.js.map

package/dist/diwa-components/{p-c1c85f9e.entry.js → p-c6ca8d8b.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as e,H as t,g as a}from"./p-ed4017f0.js";import{g as i,a as o}from"./p-70bbb21a.js";const r=()=>`\n\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: inline-flex;\n    position: relative;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* Stretch: fill the parent's inline axis */\n  :host([stretch]) {\n    display: flex;\n    width: 100%;\n  }\n\n  /* ── Root element (<a> or <span>) ───────────────────────────────────── */\n\n  .root {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    flex-direction: row; /* overridden by alignLabel=start below */\n\n    background: transparent;\n    border: none;\n    padding: var(--diwa-space-0-5) var(--diwa-space-1);\n    margin: 0;\n    cursor: pointer;\n\n    font-family: inherit;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-regular);\n    line-height: 1;\n    color: var(--diwa-text-primary);\n    text-decoration: none;\n    white-space: nowrap;\n\n    -webkit-appearance: none;\n    appearance: none;\n    -webkit-font-smoothing: antialiased;\n\n    border-radius: var(--diwa-radius-sm);\n  }\n\n  /* Stretch: push icon and label to opposite edges */\n  :host([stretch]) .root {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${i(".root")}\n\n  /* ── Size ───────────────────────────────────────────────────────────── */\n\n  :host([size="sm"]) .root {\n    font-size: var(--diwa-font-size-sm);\n  }\n\n  :host([size="lg"]) .root {\n    font-size: var(--diwa-font-size-lg);\n  }\n\n  /* ── Hover ──────────────────────────────────────────────────────────── */\n\n  .root:hover {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  /* ── Active state (CSS :active + [active] prop) ─────────────────────── */\n\n  :host([active]) .root,\n  .root:active {\n    background-color: var(--diwa-bg-active);\n    color: var(--diwa-text-primary);\n  }\n\n  /* ── Visited — prevent browser default purple ───────────────────────── */\n\n  .root:visited {\n    color: var(--diwa-text-primary);\n  }\n\n  /* ── alignLabel: start → label on left, icon on right ──────────────── */\n\n  :host([align-label="start"]) .root {\n    flex-direction: row-reverse;\n  }\n\n  /* ── Underline label text ───────────────────────────────────────────── */\n\n  :host([underline]) .label {\n    text-decoration: underline;\n  }\n\n  /* ── Icon wrapper ───────────────────────────────────────────────────── */\n\n  .icon {\n    display: contents;\n    flex-shrink: 0;\n    line-height: 0;\n  }\n\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\n\n  .label--hidden {\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  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${o(".root")}\n`;const s=class{constructor(e){n(this,e);this.theme="dark";this.target="_self";this.icon="arrow-right";this.hideLabel=false;this.active=false;this.underline=false;this.size="md";this.alignLabel="end";this.stretch=false}render(){var n;const a=!!this.href;const i=a?"a":"span";const o=this.icon!=="none";const s=this.size==="sm"?14:this.size==="lg"?20:16;const d=a?Object.assign({href:this.href,target:this.target,download:this.download,rel:(n=this.rel)!==null&&n!==void 0?n:this.target==="_blank"?"noopener noreferrer":undefined},this.label?{"aria-label":this.label}:{}):{};return e(t,{key:"761192365523187da4022afc17ddcd42eacd6fd1","data-theme":this.theme},e("style",{key:"dcaf58e09c4bf9e728acc480748650235d005fb9",innerHTML:r()}),e(i,Object.assign({key:"9669b20ef6fcd90c86244205b9b1dd7c59f6143c",class:"root"},d,{part:"base"}),o&&e("span",{key:"11a2c4828484693962c83ea800ec5ab17b6f1c77",class:"icon","aria-hidden":"true"},e("diwa-icon",{key:"ce1521f41513d709c51292db263c6e8252ea91a5",name:this.icon,size:s})),e("span",{key:"61d7962e751fdd6e84630fe27d5f4fb1ed1c2de0",class:`label${this.hideLabel?" label--hidden":""}`,part:"label"},e("slot",{key:"d585bfadb227cf240719d2958a3b6a52a1429410"}))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{s as diwa_link_pure};
-//# sourceMappingURL=p-c1c85f9e.entry.js.map
+import{r as n,h as e,H as t,g as a}from"./p-ed4017f0.js";import{g as i,a as o}from"./p-70bbb21a.js";const r=()=>`\n\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: inline-flex;\n    position: relative;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* Stretch: fill the parent's inline axis */\n  :host([stretch]) {\n    display: flex;\n    width: 100%;\n  }\n\n  /* ── Root element (<a> or <span>) ───────────────────────────────────── */\n\n  .root {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    flex-direction: row; /* overridden by alignLabel=start below */\n\n    background: transparent;\n    border: none;\n    padding: var(--diwa-space-0-5) var(--diwa-space-1);\n    margin: 0;\n    cursor: pointer;\n\n    font-family: inherit;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-regular);\n    line-height: 1;\n    color: var(--diwa-text-primary);\n    text-decoration: none;\n    white-space: nowrap;\n\n    -webkit-appearance: none;\n    appearance: none;\n    -webkit-font-smoothing: antialiased;\n\n    border-radius: var(--diwa-radius-sm);\n  }\n\n  /* Stretch: push icon and label to opposite edges */\n  :host([stretch]) .root {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${i(".root")}\n\n  /* ── Size ───────────────────────────────────────────────────────────── */\n\n  :host([size="sm"]) .root {\n    font-size: var(--diwa-font-size-sm);\n  }\n\n  :host([size="lg"]) .root {\n    font-size: var(--diwa-font-size-lg);\n  }\n\n  /* ── Hover ──────────────────────────────────────────────────────────── */\n\n  .root:hover {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  /* ── Active state (CSS :active + [active] prop) ─────────────────────── */\n\n  :host([active]) .root,\n  .root:active {\n    background-color: var(--diwa-bg-active);\n    color: var(--diwa-text-primary);\n  }\n\n  /* ── Visited — prevent browser default purple ───────────────────────── */\n\n  .root:visited {\n    color: var(--diwa-text-primary);\n  }\n\n  /* ── alignLabel: start → label on left, icon on right ──────────────── */\n\n  :host([align-label="start"]) .root {\n    flex-direction: row-reverse;\n  }\n\n  /* ── Underline label text ───────────────────────────────────────────── */\n\n  :host([underline]) .label {\n    text-decoration: underline;\n  }\n\n  /* ── Icon wrapper ───────────────────────────────────────────────────── */\n\n  .icon {\n    display: contents;\n    flex-shrink: 0;\n    line-height: 0;\n  }\n\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\n\n  .label--hidden {\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  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${o(".root")}\n`;const s=class{constructor(e){n(this,e);this.theme="dark";this.target="_self";this.icon="arrow-right";this.hideLabel=false;this.active=false;this.underline=false;this.size="md";this.alignLabel="end";this.stretch=false}render(){var n;const a=!!this.href;const i=a?"a":"span";const o=this.icon!=="none";const s=this.size==="sm"?14:this.size==="lg"?20:16;const d=a?Object.assign({href:this.href,target:this.target,download:this.download,rel:(n=this.rel)!==null&&n!==void 0?n:this.target==="_blank"?"noopener noreferrer":undefined},this.label?{"aria-label":this.label}:{}):{};return e(t,{key:"0e0d05c3d75ed6a26dd20de637c53590732d9644","data-theme":this.theme},e("style",{key:"1e28cd8c47349664fa39e5e232f36d3f860e9e45",innerHTML:r()}),e(i,Object.assign({key:"98d380c84bb6f5a2e0ea475b0ba0e958567da554",class:"root"},d,{part:"base"}),o&&e("span",{key:"bc73de7dc37ae05c8da660681e118c3130e58a54",class:"icon","aria-hidden":"true"},e("diwa-icon",{key:"657f77e2f0403f80c0433570349ba3221edeb3f2",name:this.icon,size:s})),e("span",{key:"65ab163880ea086929465145915fa8e20d14ee53",class:`label${this.hideLabel?" label--hidden":""}`,part:"label"},e("slot",{key:"243b92cd0e03e04e05cc38dcc2ecf47297f6db94"}))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{s as diwa_link_pure};
+//# sourceMappingURL=p-c6ca8d8b.entry.js.map