@diwacopilot/components 1.2.0 → 1.2.2

package/dist/diwa-components/p-247210ec.entry.js

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

package/dist/diwa-components/p-247210ec.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","state","isLast","circleColor","labelColor","DiwaStepperHorizontalItem","constructor","hostRef","this","theme","label","sublabel","stepNumber","renderIcon","h","viewBox","width","height","fill","stroke","points","class","render","Host","key","role","undefined","innerHTML"],"sources":["src/components/diwa-stepper-horizontal-item/diwa-stepper-horizontal-item-styles.ts","src/components/diwa-stepper-horizontal-item/diwa-stepper-horizontal-item.tsx"],"sourcesContent":["import type { StepState } from './types';\r\n\r\nexport const getComponentCss = (state: StepState, isLast: boolean): string => {\r\n  const circleColor =\r\n    state === 'complete'\r\n      ? 'var(--diwa-notification-success)'\r\n      : state === 'current'\r\n        ? 'var(--diwa-accent)'\r\n        : 'var(--diwa-border)';\r\n\r\n  const labelColor = state === 'incomplete' ? 'var(--diwa-text-muted)' : 'var(--diwa-text-primary)';\r\n\r\n  return `\r\n  :host {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    flex: 1;\r\n    min-width: 0;\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  .item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    flex: 1;\r\n    min-width: 0;\r\n    gap: var(--diwa-space-2);\r\n    position: relative;\r\n  }\r\n\r\n  /* Connector line to the right */\r\n  .connector {\r\n    display: ${isLast ? 'none' : 'block'};\r\n    position: absolute;\r\n    top: calc(var(--diwa-stepper-step-size) / 2);\r\n    left: calc(50% + var(--diwa-stepper-step-size) / 2 + var(--diwa-border-width-base));\r\n    right: calc(-50% + var(--diwa-stepper-step-size) / 2 + var(--diwa-border-width-base));\r\n    height: var(--diwa-border-width-thin);\r\n    background: ${state === 'complete' ? 'var(--diwa-notification-success)' : 'var(--diwa-border)'};\r\n  }\r\n\r\n  .circle {\r\n    width: var(--diwa-stepper-step-size);\r\n    height: var(--diwa-stepper-step-size);\r\n    border-radius: 50%;\r\n    background: ${circleColor};\r\n    color: var(--diwa-text-on-accent, #fff);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .circle-inner {\r\n    color: inherit;\r\n    font-size: var(--diwa-font-size-xs, 12px);\r\n    font-weight: var(--diwa-font-weight-medium);\r\n    line-height: 1;\r\n  }\r\n\r\n  .label {\r\n    font-size: var(--diwa-font-size-sm);\r\n    font-weight: ${state === 'current' ? 'var(--diwa-font-weight-medium)' : 'var(--diwa-font-weight-normal, 400)'};\r\n    color: ${labelColor};\r\n    text-align: center;\r\n    line-height: 1.3;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .sublabel {\r\n    font-size: var(--diwa-font-size-xs, 11px);\r\n    color: var(--diwa-text-muted);\r\n    text-align: center;\r\n  }\r\n  `;\r\n};\r\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\r\nimport type { StepState } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-stepper-horizontal-item-styles';\r\n\r\n/**\r\n * @component diwa-stepper-horizontal-item\r\n *\r\n * A single step in a `diwa-stepper-horizontal`. The parent manages `state`,\r\n * `stepNumber`, and `isLast` automatically. Provide a step label via the\r\n * `label` prop; additional context can be added with `sublabel`.\r\n *\r\n * Usage:\r\n *   <diwa-stepper-horizontal-item label=\"Account\">Create your account</diwa-stepper-horizontal-item>\r\n */\r\n@Component({\r\n  tag: 'diwa-stepper-horizontal-item',\r\n  shadow: true,\r\n})\r\nexport class DiwaStepperHorizontalItem {\r\n  @Element() host!: HTMLDiwaStepperHorizontalItemElement;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Step label text. */\r\n  @Prop() label: string = '';\r\n\r\n  /** Optional secondary label (e.g. estimated time). */\r\n  @Prop() sublabel: string = '';\r\n\r\n  /** Step state — managed by the parent stepper. */\r\n  @Prop({ mutable: true, reflect: true }) state: StepState = 'incomplete';\r\n\r\n  /** 1-based step number icon — managed by the parent stepper. */\r\n  @Prop({ mutable: true }) stepNumber: number = 1;\r\n\r\n  /** Whether this is the last step (hides the connector line) — managed by the parent. */\r\n  @Prop({ mutable: true }) isLast: boolean = false;\r\n\r\n  private renderIcon() {\r\n    if (this.state === 'complete') {\r\n      // Checkmark SVG\r\n      return (\r\n        <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polyline points=\"2,8 6,12 14,4\" />\r\n        </svg>\r\n      );\r\n    }\r\n    return <span class=\"circle-inner\">{this.stepNumber}</span>;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"listitem\" aria-current={this.state === 'current' ? 'step' : undefined}>\r\n        <style innerHTML={getComponentCss(this.state, this.isLast)} />\r\n        <div class=\"item\">\r\n          <div class=\"circle\">\r\n            {this.renderIcon()}\r\n          </div>\r\n          <div class=\"connector\" aria-hidden=\"true\" />\r\n          {this.label && <span class=\"label\">{this.label}</span>}\r\n          {this.sublabel && <span class=\"sublabel\">{this.sublabel}</span>}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAEO,MAAMA,EAAkB,CAACC,EAAkBC,KAChD,MAAMC,EACJF,IAAU,WACN,mCACAA,IAAU,UACR,qBACA,qBAER,MAAMG,EAAaH,IAAU,aAAe,yBAA2B,2BAEvE,MAAO,kcAyBMC,EAAS,OAAS,2UAMfD,IAAU,WAAa,mCAAqC,8KAO5DE,0YAiBCF,IAAU,UAAY,iCAAmC,sDAC/DG,qSAcV,E,MC/DUC,EAAyB,MAJtC,WAAAC,CAAAC,G,UAQ2BC,KAAAC,MAAe,OAGhCD,KAAAE,MAAgB,GAGhBF,KAAAG,SAAmB,GAGaH,KAAAP,MAAmB,aAGlCO,KAAAI,WAAqB,EAGrBJ,KAAAN,OAAkB,K,CAEnC,UAAAW,GACN,GAAIL,KAAKP,QAAU,WAAY,CAE7B,OACEa,EAAA,OAAKC,QAAQ,YAAYC,MAAM,KAAKC,OAAO,KAAKC,KAAK,OAAOC,OAAO,eAAc,eAAc,IAAG,iBAAgB,QAAO,kBAAiB,SACxIL,EAAA,YAAUM,OAAO,kB,CAIvB,OAAON,EAAA,QAAMO,MAAM,gBAAgBb,KAAKI,W,CAG1C,MAAAU,GACE,OACER,EAACS,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAU,eAAejB,KAAKP,QAAU,UAAY,OAASyB,WACtEZ,EAAA,SAAAU,IAAA,2CAAOG,UAAW3B,EAAgBQ,KAAKP,MAAOO,KAAKN,UACnDY,EAAA,OAAAU,IAAA,2CAAKH,MAAM,QACTP,EAAA,OAAAU,IAAA,2CAAKH,MAAM,UACRb,KAAKK,cAERC,EAAA,OAAAU,IAAA,2CAAKH,MAAM,YAAW,cAAa,SAClCb,KAAKE,OAASI,EAAA,QAAAU,IAAA,2CAAMH,MAAM,SAASb,KAAKE,OACxCF,KAAKG,UAAYG,EAAA,QAAAU,IAAA,2CAAMH,MAAM,YAAYb,KAAKG,W","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["DiwaInputPassword","constructor","hostRef","this","_hasStart","_hasEnd","label","description","message","state","name","value","placeholder","disabled","required","readonly","hideLabel","compact","theme","showToggle","showPassword","handleInput","e","target","input","emit","handleChange","change","handleBlur","blur","handleFocus","focus","handleToggle","connectedCallback","el","querySelector","render","inputId","descId","msgId","hasSuffix","h","Host","key","innerHTML","getComponentCss","class","htmlFor","id","type","undefined","readOnly","autocomplete","autoComplete","onInput","onChange","onBlur","onFocus","onClick","size"],"sources":["src/components/diwa-input-password/diwa-input-password.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\r\nimport type { InputFieldState } from '../diwa-input/types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-input-password-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-password',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputPassword {\r\n  @Element() el!: HTMLElement;\r\n  @State() private _hasStart = false;\r\n  @State() private _hasEnd = false;\r\n\r\n  @Prop() label: string = '';\r\n  @Prop() description: string = '';\r\n  @Prop() message: string = '';\r\n  @Prop() state: InputFieldState = 'none';\r\n  @Prop() name: string = '';\r\n  @Prop({ mutable: true, reflect: false }) value: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  @Prop({ reflect: true }) required: boolean = false;\r\n  @Prop({ reflect: true }) readonly: boolean = false;\r\n  @Prop() hideLabel: boolean = false;\r\n  @Prop() compact: boolean = false;\r\n  @Prop() autoComplete?: string;\r\n  @Prop() theme: Theme = 'dark';\r\n\r\n  /** Show the eye icon button to toggle password visibility. */\r\n  @Prop() showToggle: boolean = true;\r\n\r\n  /** Internal visibility state for the password toggle. */\r\n  @State() private showPassword: boolean = false;\r\n\r\n  @Event({ bubbles: true }) change!: EventEmitter<string>;\r\n  @Event({ bubbles: true }) input!: EventEmitter<string>;\r\n  @Event({ bubbles: false }) blur!: EventEmitter<FocusEvent>;\r\n  @Event({ bubbles: false }) focus!: EventEmitter<FocusEvent>;\r\n\r\n  connectedCallback(): void {\r\n    this._hasStart = !!this.el.querySelector('[slot=\"start\"]');\r\n    this._hasEnd = !!this.el.querySelector('[slot=\"end\"]');\r\n  }\r\n\r\n  private handleInput = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.input.emit(this.value);\r\n  };\r\n\r\n  private handleChange = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.change.emit(this.value);\r\n  };\r\n\r\n  private handleBlur = (e: FocusEvent): void => { this.blur.emit(e); };\r\n  private handleFocus = (e: FocusEvent): void => { this.focus.emit(e); };\r\n\r\n  private handleToggle = (): void => {\r\n    this.showPassword = !this.showPassword;\r\n  };\r\n\r\n  render() {\r\n    const inputId = 'input';\r\n    const descId = 'desc';\r\n    const msgId = 'msg';\r\n    const hasSuffix = this.showToggle && !this.disabled;\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, hasSuffix)} />\r\n        <div class=\"root\">\r\n          {!this.hideLabel && this.label && (\r\n            <div class=\"label-row\">\r\n              <label class=\"label\" htmlFor={inputId}>\r\n                {this.label}\r\n                {this.required && <span class=\"required\" aria-hidden=\"true\"> *</span>}\r\n              </label>\r\n              <slot name=\"label-after\" />\r\n            </div>\r\n          )}\r\n          <div class=\"input-wrapper\">\r\n            {this._hasStart && <div class=\"slot-start\"><slot name=\"start\" /></div>}\r\n            <input\r\n              id={inputId}\r\n              class=\"input\"\r\n              type={this.showPassword ? 'text' : 'password'}\r\n              name={this.name || undefined}\r\n              value={this.value}\r\n              placeholder={this.placeholder || undefined}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              readOnly={this.readonly}\r\n              autocomplete={this.autoComplete}\r\n              aria-label={this.hideLabel && this.label ? this.label : undefined}\r\n              aria-invalid={this.state === 'error' ? 'true' : undefined}\r\n              aria-required={this.required ? 'true' : undefined}\r\n              aria-describedby={this.message ? msgId : this.description ? descId : undefined}\r\n              onInput={this.handleInput}\r\n              onChange={this.handleChange}\r\n              onBlur={this.handleBlur}\r\n              onFocus={this.handleFocus}\r\n            />\r\n            {this._hasEnd && <div class=\"slot-end\"><slot name=\"end\" /></div>}\r\n            {hasSuffix && (\r\n              <button\r\n                class=\"suffix-btn\"\r\n                type=\"button\"\r\n                aria-label={this.showPassword ? 'Hide password' : 'Show password'}\r\n                onClick={this.handleToggle}\r\n              >\r\n                <diwa-icon name={this.showPassword ? 'eye-off' : 'eye'} size={16} />\r\n              </button>\r\n            )}\r\n          </div>\r\n          {!this.message && this.description && (\r\n            <p id={descId} class=\"description\">{this.description}</p>\r\n          )}\r\n          {this.message && (\r\n            <p id={msgId} class=\"message\">{this.message}</p>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kIASaA,EAAiB,MAJ9B,WAAAC,CAAAC,G,8HAMmBC,KAAAC,UAAY,MACZD,KAAAE,QAAU,MAEnBF,KAAAG,MAAgB,GAChBH,KAAAI,YAAsB,GACtBJ,KAAAK,QAAkB,GAClBL,KAAAM,MAAyB,OACzBN,KAAAO,KAAe,GACkBP,KAAAQ,MAAgB,GACjDR,KAAAS,YAAsB,GACLT,KAAAU,SAAoB,MACpBV,KAAAW,SAAoB,MACpBX,KAAAY,SAAoB,MACrCZ,KAAAa,UAAqB,MACrBb,KAAAc,QAAmB,MAEnBd,KAAAe,MAAe,OAGff,KAAAgB,WAAsB,KAGbhB,KAAAiB,aAAwB,MAYjCjB,KAAAkB,YAAeC,IACrBnB,KAAKQ,MAASW,EAAEC,OAA4BZ,MAC5CR,KAAKqB,MAAMC,KAAKtB,KAAKQ,MAAM,EAGrBR,KAAAuB,aAAgBJ,IACtBnB,KAAKQ,MAASW,EAAEC,OAA4BZ,MAC5CR,KAAKwB,OAAOF,KAAKtB,KAAKQ,MAAM,EAGtBR,KAAAyB,WAAcN,IAA0BnB,KAAK0B,KAAKJ,KAAKH,EAAE,EACzDnB,KAAA2B,YAAeR,IAA0BnB,KAAK4B,MAAMN,KAAKH,EAAE,EAE3DnB,KAAA6B,aAAe,KACrB7B,KAAKiB,cAAgBjB,KAAKiB,YAAY,C,CAnBxC,iBAAAa,GACE9B,KAAKC,YAAcD,KAAK+B,GAAGC,cAAc,kBACzChC,KAAKE,UAAYF,KAAK+B,GAAGC,cAAc,e,CAoBzC,MAAAC,GACE,MAAMC,EAAU,QAChB,MAAMC,EAAS,OACf,MAAMC,EAAQ,MACd,MAAMC,EAAYrC,KAAKgB,aAAehB,KAAKU,SAE3C,OACE4B,EAACC,EAAI,CAAAC,IAAA,wDAAaxC,KAAKe,OACrBuB,EAAA,SAAAE,IAAA,2CAAOC,UAAWC,EAAgB1C,KAAKM,MAAON,KAAKU,SAAUV,KAAKY,SAAUZ,KAAKc,QAASd,KAAKC,UAAWD,KAAKE,QAASmC,KACxHC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SACP3C,KAAKa,WAAab,KAAKG,OACvBmC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,SAAAE,IAAA,2CAAOG,MAAM,QAAQC,QAASV,GAC3BlC,KAAKG,MACLH,KAAKW,UAAY2B,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAU,cAAa,QAAM,OAE7DL,EAAA,QAAAE,IAAA,2CAAMjC,KAAK,iBAGf+B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,iBACR3C,KAAKC,WAAaqC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAaL,EAAA,QAAAE,IAAA,2CAAMjC,KAAK,WACtD+B,EAAA,SAAAE,IAAA,2CACEK,GAAIX,EACJS,MAAM,QACNG,KAAM9C,KAAKiB,aAAe,OAAS,WACnCV,KAAMP,KAAKO,MAAQwC,UACnBvC,MAAOR,KAAKQ,MACZC,YAAaT,KAAKS,aAAesC,UACjCrC,SAAUV,KAAKU,SACfC,SAAUX,KAAKW,SACfqC,SAAUhD,KAAKY,SACfqC,aAAcjD,KAAKkD,aAAY,aACnBlD,KAAKa,WAAab,KAAKG,MAAQH,KAAKG,MAAQ4C,UAAS,eACnD/C,KAAKM,QAAU,QAAU,OAASyC,UAAS,gBAC1C/C,KAAKW,SAAW,OAASoC,UAAS,mBAC/B/C,KAAKK,QAAU+B,EAAQpC,KAAKI,YAAc+B,EAASY,UACrEI,QAASnD,KAAKkB,YACdkC,SAAUpD,KAAKuB,aACf8B,OAAQrD,KAAKyB,WACb6B,QAAStD,KAAK2B,cAEf3B,KAAKE,SAAWoC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,YAAWL,EAAA,QAAAE,IAAA,2CAAMjC,KAAK,SACjD8B,GACCC,EAAA,UAAAE,IAAA,2CACEG,MAAM,aACNG,KAAK,SAAQ,aACD9C,KAAKiB,aAAe,gBAAkB,gBAClDsC,QAASvD,KAAK6B,cAEdS,EAAA,aAAAE,IAAA,2CAAWjC,KAAMP,KAAKiB,aAAe,UAAY,MAAOuC,KAAM,QAIlExD,KAAKK,SAAWL,KAAKI,aACrBkC,EAAA,KAAAE,IAAA,2CAAGK,GAAIV,EAAQQ,MAAM,eAAe3C,KAAKI,aAE1CJ,KAAKK,SACJiC,EAAA,KAAAE,IAAA,2CAAGK,GAAIT,EAAOO,MAAM,WAAW3C,KAAKK,U","ignoreList":[]}

package/dist/diwa-components/p-2c3cff37.entry.js

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

package/dist/diwa-components/p-2c3cff37.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","checked","disabled","loading","alignLabel","compact","thumbInset","trackBg","trackBorder","thumbTranslate","opacityRules","flexDir","getFocusStyle","getReducedMotionStyle","DiwaSwitch","constructor","hostRef","this","theme","handleClick","update","emit","handleKeyDown","e","key","preventDefault","render","h","Host","innerHTML","class","onClick","role","String","undefined","tabIndex","onKeyDown","size"],"sources":["src/components/diwa-switch/diwa-switch-styles.ts","src/components/diwa-switch/diwa-switch.tsx"],"sourcesContent":["import type { SwitchAlignLabel } from './types';\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\n\r\nexport const getComponentCss = (\r\n  checked: boolean,\r\n  disabled: boolean,\r\n  loading: boolean,\r\n  alignLabel: SwitchAlignLabel,\r\n  compact: boolean,\r\n): string => {\r\n  // Subtract border-width from inset: `top` on an absolutely-positioned child\r\n  // is measured from the *padding edge* (inside the border), so we must remove\r\n  // the border thickness to land exactly at the visual centre of the track.\r\n  const thumbInset = 'calc((var(--diwa-switch-track-height) - var(--diwa-switch-thumb-size)) / 2 - var(--diwa-border-width-base))';\r\n  const trackBg = checked\r\n    ? 'var(--diwa-accent)'\r\n    : 'var(--diwa-bg-elevated)';\r\n  const trackBorder = checked ? 'var(--diwa-accent)' : 'var(--diwa-border)';\r\n  const thumbTranslate = checked\r\n    ? `translateX(calc(var(--diwa-switch-track-width) - (2 * var(--diwa-border-width-base)) - var(--diwa-switch-thumb-size) - ${thumbInset}))`\r\n    : `translateX(${thumbInset})`;\r\n  const opacityRules = disabled || loading ? 'opacity: 0.5; pointer-events: none;' : '';\r\n  const flexDir = alignLabel === 'start' ? 'row-reverse' : 'row';\r\n\r\n  return `\r\n    :host {\r\n      display: inline-flex;\r\n      font-family: var(--diwa-font-family-base);\r\n      outline: none;\r\n      ${compact ? `\r\n      --diwa-switch-track-width:  32px;\r\n      --diwa-switch-track-height: 18px;\r\n      --diwa-switch-thumb-size:   12px;\r\n      ` : ''}\r\n    }\r\n    :host([hidden]) {\r\n      display: none;\r\n    }\r\n    .wrapper {\n      display: inline-flex;\n      flex-direction: ${flexDir};\n      align-items: center;\n      gap: var(--diwa-space-3);\n      min-height: ${compact ? 'var(--diwa-touch-target-min-size-compact, 32px)' : 'var(--diwa-touch-target-min-size, 44px)'};\n      cursor: ${disabled || loading ? 'not-allowed' : 'pointer'};\n      ${opacityRules}\n    }\n    .track {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      width: var(--diwa-switch-track-width);\r\n      height: var(--diwa-switch-track-height);\r\n      background: ${trackBg};\r\n      border: var(--diwa-border-width-base) solid ${trackBorder};\r\n      border-radius: var(--diwa-radius-xl);\r\n      box-sizing: border-box;\r\n      flex-shrink: 0;\r\n      transition: background var(--diwa-transition-base), border-color var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);\r\n    }\r\n    @media (hover: hover) and (pointer: fine) {\n      .wrapper:hover .track {\n        border-color: ${checked ? 'var(--diwa-accent-hover)' : 'var(--diwa-text-secondary)'};\n        background: ${checked ? 'var(--diwa-accent-hover)' : 'var(--diwa-bg-hover)'};\n      }\n    }\n    ${getFocusStyle('.track')}\r\n    .thumb {\r\n      position: absolute;\r\n      top: ${thumbInset};\r\n      left: 0;\r\n      width: var(--diwa-switch-thumb-size);\r\n      height: var(--diwa-switch-thumb-size);\r\n      background: var(--diwa-bg-surface);\r\n      border-radius: 50%;\r\n      transform: ${thumbTranslate};\r\n      box-shadow: var(--diwa-shadow-sm);\r\n      transition: transform var(--diwa-transition-base), background var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);\r\n      pointer-events: none;\r\n    }\r\n    .loading-indicator {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n    .label {\r\n      font-family: var(--diwa-font-family-base);\r\n      font-size: var(--diwa-font-size-base);\r\n      font-weight: var(--diwa-font-weight-medium);\r\n      line-height: var(--diwa-line-height-normal);\r\n      color: var(--diwa-text-primary);\r\n      user-select: none;\r\n    }\r\n\r\n    ${getReducedMotionStyle('.track', '.thumb')}\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 { SwitchAlignLabel, SwitchUpdateEventDetail } from './types';\r\nimport { getComponentCss } from './diwa-switch-styles';\r\n\r\n/**\r\n * @slot default — Label text for the switch.\r\n *\r\n * @controlled {\"props\": [\"checked\"], \"event\": \"update\"}\r\n */\r\n@Component({\r\n  tag: 'diwa-switch',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaSwitch {\r\n  /** Whether the switch is in the on state. */\r\n  @Prop({ reflect: true }) checked: boolean = false;\r\n\r\n  /** Disables interaction. No events fire while disabled. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Shows a loading state. Disables interaction while active. */\r\n  @Prop({ reflect: true }) loading: boolean = false;\r\n\r\n  /** Position of the label relative to the track. */\r\n  @Prop() alignLabel: SwitchAlignLabel = 'end';\r\n\r\n  /** Reduces track and thumb dimensions for use in dense layouts. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\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 checked state changes. */\r\n  @Event({ bubbles: false, composed: false }) update!: EventEmitter<SwitchUpdateEventDetail>;\r\n\r\n  private handleClick = (): void => {\r\n    if (this.disabled || this.loading) return;\r\n    this.update.emit({ checked: !this.checked });\r\n  };\r\n\r\n  private handleKeyDown = (e: KeyboardEvent): void => {\r\n    if (e.key === ' ' || e.key === 'Enter') {\r\n      e.preventDefault();\r\n      this.handleClick();\r\n    }\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.checked, this.disabled, this.loading, this.alignLabel, this.compact)} />\r\n        <span\r\n          class=\"wrapper\"\r\n          onClick={this.handleClick}\r\n        >\r\n          <span\r\n            class=\"track\"\r\n            role=\"switch\"\r\n            aria-checked={String(this.checked)}\r\n            aria-disabled={this.disabled || this.loading ? 'true' : undefined}\r\n            tabIndex={this.disabled || this.loading ? -1 : 0}\r\n            onKeyDown={this.handleKeyDown}\r\n          >\r\n            {!this.loading && <span class=\"thumb\" />}\r\n            {this.loading && (\r\n              <span class=\"loading-indicator\" aria-hidden=\"true\">\r\n                <diwa-spinner size=\"sm\" />\r\n              </span>\r\n            )}\r\n          </span>\r\n          <span class=\"label\">\r\n            <slot />\r\n          </span>\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"oGAGO,MAAMA,EAAkB,CAC7BC,EACAC,EACAC,EACAC,EACAC,KAKA,MAAMC,EAAa,8GACnB,MAAMC,EAAUN,EACZ,qBACA,0BACJ,MAAMO,EAAcP,EAAU,qBAAuB,qBACrD,MAAMQ,EAAiBR,EACnB,0HAA0HK,MAC1H,cAAcA,KAClB,MAAMI,EAAeR,GAAYC,EAAU,sCAAwC,GACnF,MAAMQ,EAAUP,IAAe,QAAU,cAAgB,MAEzD,MAAO,6HAKDC,EAAU,sIAIR,qIAOcM,sFAGJN,EAAU,kDAAoD,6DAClEH,GAAYC,EAAU,cAAgB,qBAC9CO,mQASYH,yDACgCC,oWAQ5BP,EAAU,2BAA6B,sDACzCA,EAAU,2BAA6B,gDAGvDW,EAAc,kEAGPN,yMAMMG,4oBAoBbI,EAAsB,SAAU,eACnC,E,MCnFUC,EAAU,MAJvB,WAAAC,CAAAC,G,yCAM2BC,KAAAhB,QAAmB,MAGnBgB,KAAAf,SAAoB,MAGpBe,KAAAd,QAAmB,MAGpCc,KAAAb,WAA+B,MAGda,KAAAZ,QAAmB,MAGnBY,KAAAC,MAAe,OAKhCD,KAAAE,YAAc,KACpB,GAAIF,KAAKf,UAAYe,KAAKd,QAAS,OACnCc,KAAKG,OAAOC,KAAK,CAAEpB,SAAUgB,KAAKhB,SAAU,EAGtCgB,KAAAK,cAAiBC,IACvB,GAAIA,EAAEC,MAAQ,KAAOD,EAAEC,MAAQ,QAAS,CACtCD,EAAEE,iBACFR,KAAKE,a,GAIT,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAJ,IAAA,wDAAaP,KAAKC,OACrBS,EAAA,SAAAH,IAAA,2CAAOK,UAAW7B,EAAgBiB,KAAKhB,QAASgB,KAAKf,SAAUe,KAAKd,QAASc,KAAKb,WAAYa,KAAKZ,WACnGsB,EAAA,QAAAH,IAAA,2CACEM,MAAM,UACNC,QAASd,KAAKE,aAEdQ,EAAA,QAAAH,IAAA,2CACEM,MAAM,QACNE,KAAK,SAAQ,eACCC,OAAOhB,KAAKhB,SAAQ,gBACnBgB,KAAKf,UAAYe,KAAKd,QAAU,OAAS+B,UACxDC,SAAUlB,KAAKf,UAAYe,KAAKd,SAAW,EAAI,EAC/CiC,UAAWnB,KAAKK,gBAEdL,KAAKd,SAAWwB,EAAA,QAAAH,IAAA,2CAAMM,MAAM,UAC7Bb,KAAKd,SACJwB,EAAA,QAAAH,IAAA,2CAAMM,MAAM,oBAAmB,cAAa,QAC1CH,EAAA,gBAAAH,IAAA,2CAAca,KAAK,SAIzBV,EAAA,QAAAH,IAAA,2CAAMM,MAAM,SACVH,EAAA,QAAAH,IAAA,+C","ignoreList":[]}

package/dist/diwa-components/p-310a22ca.entry.js

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

package/dist/diwa-components/p-310a22ca.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DiwaInputWeek","constructor","hostRef","this","_hasStart","_hasEnd","label","description","message","state","name","value","placeholder","disabled","required","readonly","hideLabel","compact","theme","handleInput","e","target","input","emit","handleChange","change","handleBlur","blur","handleFocus","focus","connectedCallback","el","querySelector","render","inputId","descId","msgId","h","Host","key","innerHTML","getComponentCss","class","htmlFor","id","type","undefined","readOnly","min","max","autocomplete","autoComplete","onInput","onChange","onBlur","onFocus"],"sources":["src/components/diwa-input-week/diwa-input-week.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\r\nimport type { InputFieldState } from '../diwa-input/types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-input-week-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-week',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputWeek {\r\n  @Element() el!: HTMLElement;\r\n  @State() private _hasStart = false;\r\n  @State() private _hasEnd = false;\r\n\r\n  @Prop() label: string = '';\r\n  @Prop() description: string = '';\r\n  @Prop() message: string = '';\r\n  @Prop() state: InputFieldState = 'none';\r\n  @Prop() name: string = '';\r\n  @Prop({ mutable: true, reflect: false }) value: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  @Prop({ reflect: true }) required: boolean = false;\r\n  @Prop({ reflect: true }) readonly: boolean = false;\r\n  @Prop() hideLabel: boolean = false;\r\n  @Prop() compact: boolean = false;\r\n  @Prop() autoComplete?: string;\r\n  @Prop() theme: Theme = 'dark';\r\n\r\n  /** Minimum week in YYYY-Www format (e.g. 2024-W01). */\r\n  @Prop() min?: string;\r\n  /** Maximum week in YYYY-Www format (e.g. 2024-W52). */\r\n  @Prop() max?: string;\r\n\r\n  @Event({ bubbles: true }) change!: EventEmitter<string>;\r\n  @Event({ bubbles: true }) input!: EventEmitter<string>;\r\n  @Event({ bubbles: false }) blur!: EventEmitter<FocusEvent>;\r\n  @Event({ bubbles: false }) focus!: EventEmitter<FocusEvent>;\r\n\r\n  connectedCallback(): void {\r\n    this._hasStart = !!this.el.querySelector('[slot=\"start\"]');\r\n    this._hasEnd = !!this.el.querySelector('[slot=\"end\"]');\r\n  }\r\n\r\n  private handleInput = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.input.emit(this.value);\r\n  };\r\n\r\n  private handleChange = (e: Event): void => {\r\n    this.value = (e.target as HTMLInputElement).value;\r\n    this.change.emit(this.value);\r\n  };\r\n\r\n  private handleBlur = (e: FocusEvent): void => { this.blur.emit(e); };\r\n  private handleFocus = (e: FocusEvent): void => { this.focus.emit(e); };\r\n\r\n  render() {\r\n    const inputId = 'input';\r\n    const descId = 'desc';\r\n    const msgId = 'msg';\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.state, this.disabled, this.readonly, this.compact, this._hasStart, this._hasEnd, false)} />\r\n        <div class=\"root\">\r\n          {!this.hideLabel && this.label && (\r\n            <div class=\"label-row\">\r\n              <label class=\"label\" htmlFor={inputId}>\r\n                {this.label}\r\n                {this.required && <span class=\"required\" aria-hidden=\"true\"> *</span>}\r\n              </label>\r\n              <slot name=\"label-after\" />\r\n            </div>\r\n          )}\r\n          <div class=\"input-wrapper\">\r\n            {this._hasStart && <div class=\"slot-start\"><slot name=\"start\" /></div>}\r\n            <input\r\n              id={inputId}\r\n              class=\"input\"\r\n              type=\"week\"\r\n              name={this.name || undefined}\r\n              value={this.value}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              readOnly={this.readonly}\r\n              min={this.min}\r\n              max={this.max}\r\n              autocomplete={this.autoComplete}\r\n              aria-label={this.hideLabel && this.label ? this.label : undefined}\r\n              aria-invalid={this.state === 'error' ? 'true' : undefined}\r\n              aria-required={this.required ? 'true' : undefined}\r\n              aria-describedby={this.message ? msgId : this.description ? descId : undefined}\r\n              onInput={this.handleInput}\r\n              onChange={this.handleChange}\r\n              onBlur={this.handleBlur}\r\n              onFocus={this.handleFocus}\r\n            />\r\n            {this._hasEnd && <div class=\"slot-end\"><slot name=\"end\" /></div>}\r\n          </div>\r\n          {!this.message && this.description && (\r\n            <p id={descId} class=\"description\">{this.description}</p>\r\n          )}\r\n          {this.message && (\r\n            <p id={msgId} class=\"message\">{this.message}</p>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kIASaA,EAAa,MAJ1B,WAAAC,CAAAC,G,8HAMmBC,KAAAC,UAAY,MACZD,KAAAE,QAAU,MAEnBF,KAAAG,MAAgB,GAChBH,KAAAI,YAAsB,GACtBJ,KAAAK,QAAkB,GAClBL,KAAAM,MAAyB,OACzBN,KAAAO,KAAe,GACkBP,KAAAQ,MAAgB,GACjDR,KAAAS,YAAsB,GACLT,KAAAU,SAAoB,MACpBV,KAAAW,SAAoB,MACpBX,KAAAY,SAAoB,MACrCZ,KAAAa,UAAqB,MACrBb,KAAAc,QAAmB,MAEnBd,KAAAe,MAAe,OAiBff,KAAAgB,YAAeC,IACrBjB,KAAKQ,MAASS,EAAEC,OAA4BV,MAC5CR,KAAKmB,MAAMC,KAAKpB,KAAKQ,MAAM,EAGrBR,KAAAqB,aAAgBJ,IACtBjB,KAAKQ,MAASS,EAAEC,OAA4BV,MAC5CR,KAAKsB,OAAOF,KAAKpB,KAAKQ,MAAM,EAGtBR,KAAAuB,WAAcN,IAA0BjB,KAAKwB,KAAKJ,KAAKH,EAAE,EACzDjB,KAAAyB,YAAeR,IAA0BjB,KAAK0B,MAAMN,KAAKH,EAAE,C,CAhBnE,iBAAAU,GACE3B,KAAKC,YAAcD,KAAK4B,GAAGC,cAAc,kBACzC7B,KAAKE,UAAYF,KAAK4B,GAAGC,cAAc,e,CAgBzC,MAAAC,GACE,MAAMC,EAAU,QAChB,MAAMC,EAAS,OACf,MAAMC,EAAQ,MAEd,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAapC,KAAKe,OACrBmB,EAAA,SAAAE,IAAA,2CAAOC,UAAWC,EAAgBtC,KAAKM,MAAON,KAAKU,SAAUV,KAAKY,SAAUZ,KAAKc,QAASd,KAAKC,UAAWD,KAAKE,QAAS,SACxHgC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SACPvC,KAAKa,WAAab,KAAKG,OACvB+B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,SAAAE,IAAA,2CAAOG,MAAM,QAAQC,QAAST,GAC3B/B,KAAKG,MACLH,KAAKW,UAAYuB,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAU,cAAa,QAAM,OAE7DL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,iBAGf2B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,iBACRvC,KAAKC,WAAaiC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAaL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,WACtD2B,EAAA,SAAAE,IAAA,2CACEK,GAAIV,EACJQ,MAAM,QACNG,KAAK,OACLnC,KAAMP,KAAKO,MAAQoC,UACnBnC,MAAOR,KAAKQ,MACZE,SAAUV,KAAKU,SACfC,SAAUX,KAAKW,SACfiC,SAAU5C,KAAKY,SACfiC,IAAK7C,KAAK6C,IACVC,IAAK9C,KAAK8C,IACVC,aAAc/C,KAAKgD,aAAY,aACnBhD,KAAKa,WAAab,KAAKG,MAAQH,KAAKG,MAAQwC,UAAS,eACnD3C,KAAKM,QAAU,QAAU,OAASqC,UAAS,gBAC1C3C,KAAKW,SAAW,OAASgC,UAAS,mBAC/B3C,KAAKK,QAAU4B,EAAQjC,KAAKI,YAAc4B,EAASW,UACrEM,QAASjD,KAAKgB,YACdkC,SAAUlD,KAAKqB,aACf8B,OAAQnD,KAAKuB,WACb6B,QAASpD,KAAKyB,cAEfzB,KAAKE,SAAWgC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,YAAWL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,WAElDP,KAAKK,SAAWL,KAAKI,aACrB8B,EAAA,KAAAE,IAAA,2CAAGK,GAAIT,EAAQO,MAAM,eAAevC,KAAKI,aAE1CJ,KAAKK,SACJ6B,EAAA,KAAAE,IAAA,2CAAGK,GAAIR,EAAOM,MAAM,WAAWvC,KAAKK,U","ignoreList":[]}

package/dist/diwa-components/p-332838f8.js

@@ -1,2 +0,0 @@
-const r=`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6 L5 9 L10 3' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")`;const o=()=>`border-radius: 3px;\n    border: 1.5px solid var(--diwa-border);\n    background-color: transparent;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 100%;\n    box-sizing: border-box;\n    transition: border-color var(--diwa-transition-fast),\n                background-color var(--diwa-transition-fast);`;export{r as c,o as g};
-//# sourceMappingURL=p-332838f8.js.map

package/dist/diwa-components/p-332838f8.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["checkmarkSvg","getCheckboxBoxCss"],"sources":["src/utils/checkbox-mark.ts"],"sourcesContent":["/**\r\n * Shared checkbox appearance helpers.\r\n * Used by diwa-checkbox and diwa-multi-select-option so both components\r\n * always render an identical checkbox box — single source of truth.\r\n */\r\n\r\n/** White checkmark: M2,6 L5,9 L10,3 on a 12×12 viewBox */\r\nexport const checkmarkSvg = `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6 L5 9 L10 3' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E\")`;\r\n\r\n/**\r\n * Returns the CSS visual declarations for the checkbox box element.\r\n * Does NOT include a selector or braces — inject inside a rule body.\r\n * Does NOT include `width`, `height`, `flex-shrink`, or `margin-top`\r\n * — callers set those because they differ between components.\r\n */\r\nexport const getCheckboxBoxCss = (): string =>\r\n  `border-radius: 3px;\r\n    border: 1.5px solid var(--diwa-border);\r\n    background-color: transparent;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: 100%;\r\n    box-sizing: border-box;\r\n    transition: border-color var(--diwa-transition-fast),\r\n                background-color var(--diwa-transition-fast);`;\r\n"],"mappings":"MAOaA,EAAe,mO,MAQfC,EAAoB,IAC/B,sW","ignoreList":[]}

package/dist/diwa-components/p-335e06ab.entry.js

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

package/dist/diwa-components/p-335e06ab.entry.js.map

@@ -1 +0,0 @@
-{"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-33b49ced.entry.js

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

package/dist/diwa-components/p-33b49ced.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","checked","disabled","compact","boxSize","dotSize","getFocusStyle","getReducedMotionStyle","DiwaRadioGroupItem","constructor","hostRef","this","theme","value","name","handleChange","radioSelect","emit","handleCheckedChange","newVal","input","_a","host","shadowRoot","querySelector","render","labelId","Math","random","toString","slice","h","Host","key","innerHTML","class","id","type","onChange"],"sources":["src/components/diwa-radio-group-item/diwa-radio-group-item-styles.ts","src/components/diwa-radio-group-item/diwa-radio-group-item.tsx"],"sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (\r\n  checked: boolean,\r\n  disabled: boolean,\r\n  compact: boolean,\r\n): string => {\r\n  const boxSize = compact ? '14px' : '18px';\r\n  const dotSize = compact ? '6px' : '8px';\r\n\r\n  return `\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .wrapper {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-3);\r\n    cursor: pointer;\r\n  }\r\n\r\n  :host([disabled]) .wrapper {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  .input-container {\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    width: ${boxSize};\r\n    height: ${boxSize};\r\n  }\r\n\r\n  input[type=\"radio\"] {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: var(--diwa-border-width-medium) solid ${checked ? 'var(--diwa-accent)' : 'var(--diwa-border)'};\r\n    background: ${checked ? 'var(--diwa-accent)' : 'transparent'};\r\n    transition: border-color var(--diwa-transition-base), background var(--diwa-transition-base);\r\n  }\r\n\r\n  input[type=\"radio\"]:disabled {\r\n    cursor: not-allowed;\r\n    opacity: 0.4;\r\n  }\r\n\r\n  ${getFocusStyle('input[type=\"radio\"]')}\r\n\r\n  /* Dot indicator when checked */\r\n  .input-container::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: ${dotSize};\r\n    height: ${dotSize};\r\n    border-radius: 50%;\r\n    background: var(--diwa-text-on-accent, #fff);\r\n    opacity: ${checked ? '1' : '0'};\r\n    pointer-events: none;\r\n    transition: opacity var(--diwa-transition-base);\r\n  }\r\n\r\n  .label-text {\r\n    font-size: var(--diwa-font-size-base);\r\n    color: var(--diwa-text-primary);\r\n    line-height: 1.5;\r\n    user-select: none;\r\n  }\r\n\r\n  :host([disabled]) .label-text {\r\n    color: var(--diwa-text-muted);\r\n  }\r\n\r\n  ${getReducedMotionStyle('input[type=\"radio\"]', '.input-container::after')}\r\n  `;\r\n};\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-radio-group-item-styles';\r\n\r\n/**\r\n * @component diwa-radio-group-item\r\n *\r\n * A single radio option used inside `diwa-radio-group`.\r\n * The group sets `checked`, `name`, and `disabled` automatically — you\r\n * only need to provide `value` and the label via the default slot.\r\n *\r\n * Usage:\r\n *   <diwa-radio-group-item value=\"s\">Small</diwa-radio-group-item>\r\n */\r\n@Component({\r\n  tag: 'diwa-radio-group-item',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaRadioGroupItem {\r\n  @Element() host!: HTMLDiwaRadioGroupItemElement;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** The value submitted/emitted when this item is selected. */\r\n  @Prop({ reflect: true }) value: string = '';\r\n\r\n  /** Set by the parent diwa-radio-group — do not set directly. */\r\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\r\n\r\n  /** Native name — set automatically by the parent group. */\r\n  @Prop({ mutable: true, reflect: true }) name: string = '';\r\n\r\n  /** Whether this option is disabled. Also set by the parent group when the whole group is disabled. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Reduces size for denser layouts. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /**\r\n   * Internal event dispatched to the parent group when the user selects this item.\r\n   * Consumers should listen to the parent group's `update` event instead.\r\n   */\r\n  @Event({ bubbles: true, composed: true, eventName: 'diwa-radio-select' })\r\n  radioSelect!: EventEmitter<{ value: string }>;\r\n\r\n  @Watch('checked')\r\n  handleCheckedChange(newVal: boolean) {\r\n    const input = this.host.shadowRoot?.querySelector('input');\r\n    if (input) input.checked = newVal;\r\n  }\r\n\r\n  private handleChange = () => {\r\n    if (this.disabled) return;\r\n    this.checked = true;\r\n    this.radioSelect.emit({ value: this.value });\r\n  };\r\n\r\n  render() {\r\n    const labelId = `diwa-rgi-${this.value || Math.random().toString(36).slice(2, 7)}`;\r\n\r\n    return (\r\n      <Host>\r\n        <style innerHTML={getComponentCss(this.checked, this.disabled, this.compact)} />\r\n        <label class=\"wrapper\">\r\n          <span class=\"input-container\">\r\n            <input\r\n              id={labelId}\r\n              type=\"radio\"\r\n              name={this.name}\r\n              value={this.value}\r\n              checked={this.checked}\r\n              disabled={this.disabled}\r\n              onChange={this.handleChange}\r\n              aria-checked={this.checked ? 'true' : 'false'}\r\n            />\r\n          </span>\r\n          <span class=\"label-text\">\r\n            <slot />\r\n          </span>\r\n        </label>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2GAEO,MAAMA,EAAkB,CAC7BC,EACAC,EACAC,KAEA,MAAMC,EAAUD,EAAU,OAAS,OACnC,MAAME,EAAUF,EAAU,MAAQ,MAElC,MAAO,+aAyBIC,mBACCA,sTAcsCH,EAAU,qBAAuB,0CACnEA,EAAU,qBAAuB,qNAS/CK,EAAc,0NASLD,mBACCA,gGAGCJ,EAAU,IAAM,0UAgB3BM,EAAsB,sBAAuB,gCAC9C,E,MCxEUC,EAAkB,MAJ/B,WAAAC,CAAAC,G,yDAQ2BC,KAAAC,MAAe,OAGfD,KAAAE,MAAgB,GAGDF,KAAAV,QAAmB,MAGnBU,KAAAG,KAAe,GAG9BH,KAAAT,SAAoB,MAGpBS,KAAAR,QAAmB,MAepCQ,KAAAI,aAAe,KACrB,GAAIJ,KAAKT,SAAU,OACnBS,KAAKV,QAAU,KACfU,KAAKK,YAAYC,KAAK,CAAEJ,MAAOF,KAAKE,OAAQ,C,CAR9C,mBAAAK,CAAoBC,G,MAClB,MAAMC,GAAQC,EAAAV,KAAKW,KAAKC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,cAAc,SAClD,GAAIJ,EAAOA,EAAMnB,QAAUkB,C,CAS7B,MAAAM,GACE,MAAMC,EAAU,YAAYf,KAAKE,OAASc,KAAKC,SAASC,SAAS,IAAIC,MAAM,EAAG,KAE9E,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,UAAWlC,EAAgBW,KAAKV,QAASU,KAAKT,SAAUS,KAAKR,WACpE4B,EAAA,SAAAE,IAAA,2CAAOE,MAAM,WACXJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,mBACVJ,EAAA,SAAAE,IAAA,2CACEG,GAAIV,EACJW,KAAK,QACLvB,KAAMH,KAAKG,KACXD,MAAOF,KAAKE,MACZZ,QAASU,KAAKV,QACdC,SAAUS,KAAKT,SACfoC,SAAU3B,KAAKI,aAAY,eACbJ,KAAKV,QAAU,OAAS,WAG1C8B,EAAA,QAAAE,IAAA,2CAAME,MAAM,cACVJ,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/diwa-components/p-35c7c864.js

@@ -1,2 +0,0 @@
-import{b as n,a as i}from"./p-70bbb21a.js";const a=(a,e,r,t,o,d,s)=>{const p=a==="error"?"var(--diwa-notification-error)":a==="success"?"var(--diwa-notification-success)":"var(--diwa-input-border)";const c=a==="error"?"var(--diwa-notification-error)":a==="success"?"var(--diwa-notification-success)":"var(--diwa-text-secondary)";const l=t?"var(--diwa-touch-target-min-size-compact, 32px)":"var(--diwa-input-height, var(--diwa-touch-target-min-size, 44px))";const u=o?"4px":"var(--diwa-input-padding-x, 12px)";const w=d||s?"4px":"var(--diwa-input-padding-x, 12px)";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  /* ── Root layout ────────────────────────────────────────────────────── */\n\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: var(--diwa-space-2);\n  }\n\n  /* ── Label row ──────────────────────────────────────────────────────── */\n\n  .label-row {\n    display: flex;\n    align-items: baseline;\n    gap: var(--diwa-space-1);\n  }\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    cursor: default;\n  }\n\n  .required {\n    color: var(--diwa-notification-error);\n    font-weight: var(--diwa-font-weight-semibold);\n  }\n\n  /* ── Input wrapper (owns border + background) ───────────────────────── */\n\n  .input-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    height: ${l};\n    background: var(--diwa-input-bg, var(--diwa-bg-input));\n    border: var(--diwa-border-width-thin) solid ${p};\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\n    box-sizing: border-box;\n    overflow: hidden;\n    transition: border-color var(--diwa-transition-fast), background var(--diwa-transition-fast), box-shadow var(--diwa-transition-fast);\n  }\n\n  ${n(".input-wrapper:not(:has(input:disabled)):not(:has(input[readonly]))",`border-color: ${a==="none"?"var(--diwa-border-hover)":p};`)}\n\n  /* Focus — border and ring become visible on keyboard navigation */\n  .input-wrapper:focus-within {\n    border-color: var(--diwa-border-focus);\n    box-shadow: 0 0 0 var(--diwa-focus-ring-width) var(--diwa-border-focus);\n  }\n\n  /* Disabled */\n  .input-wrapper:has(input:disabled) {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* Read-only */\n  .input-wrapper:has(input[readonly]) {\n    background: var(--diwa-bg-surface);\n    border-style: dashed;\n    cursor: default;\n  }\n\n  /* ── Start / End slot containers ────────────────────────────────────── */\n\n  .slot-start {\n    display: flex;\n    align-items: center;\n    padding-left: var(--diwa-input-padding-x, 12px);\n    color: var(--diwa-text-secondary);\n    flex-shrink: 0;\n  }\n\n  .slot-end {\n    display: flex;\n    align-items: center;\n    padding-right: var(--diwa-input-padding-x, 12px);\n    color: var(--diwa-text-secondary);\n    flex-shrink: 0;\n  }\n\n  /* ── Native input ───────────────────────────────────────────────────── */\n\n  input.input {\n    flex: 1;\n    min-width: 0;\n    height: 100%;\n    padding: 0 ${w} 0 ${u};\n    background: transparent;\n    border: none;\n    box-sizing: border-box;\n    appearance: none;\n    -webkit-appearance: none;\n    outline: none;\n    margin: 0;\n    font-family: inherit;\n    font-size: var(--diwa-font-size-base);\n    color: var(--diwa-text-primary);\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  input.input::placeholder {\n    color: var(--diwa-text-disabled);\n    opacity: 1;\n  }\n\n  /* Number — hide native spinners */\n  input.input[type="number"]::-webkit-inner-spin-button,\n  input.input[type="number"]::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  input.input[type="number"] { -moz-appearance: textfield; }\n\n  /* Search — hide browser-native clear button */\n  input.input[type="search"]::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  /* Date / time — hide native picker icon in webkit */\n  input.input[type="date"]::-webkit-calendar-picker-indicator,\n  input.input[type="time"]::-webkit-calendar-picker-indicator,\n  input.input[type="month"]::-webkit-calendar-picker-indicator,\n  input.input[type="week"]::-webkit-calendar-picker-indicator {\n    opacity: 0.5;\n    cursor: pointer;\n  }\n\n  /* ── Suffix button (password toggle / search clear) ─────────────────── */\n\n  .suffix-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    height: 100%;\n    min-width: ${t?"var(--diwa-touch-target-min-size-compact, 32px)":"var(--diwa-touch-target-min-size, 44px)"};\n    padding: 0 var(--diwa-space-3);\n    background: none;\n    border: none;\n    margin: 0;\n    cursor: pointer;\n    color: var(--diwa-text-secondary);\n    line-height: 0;\n    transition: color var(--diwa-transition-fast);\n  }\n\n  ${n(".suffix-btn","color: var(--diwa-text-primary);")}\n\n  .suffix-btn:focus-visible {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: -2px;\n  }\n\n  /* ── Description ────────────────────────────────────────────────── */\n\n  .description {\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-secondary);\n    margin: 0;\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  /* ── Message (state-coloured) ───────────────────────────────────── */\n\n  .message {\n    font-size: var(--diwa-font-size-sm);\n    color: ${c};\n    margin: 0;\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  ${i(".input-wrapper",".suffix-btn")}\n`};export{a as g};
-//# sourceMappingURL=p-35c7c864.js.map

package/dist/diwa-components/p-35c7c864.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getInputCss","state","_disabled","_readonly","compact","hasStart","hasEnd","hasSuffix","borderColor","messageColor","inputHeight","paddingLeft","paddingRight","getHoverCapableStyle","getReducedMotionStyle"],"sources":["src/components/diwa-input/input-styles.ts"],"sourcesContent":["import type { InputFieldState } from './types';\nimport { getHoverCapableStyle, getReducedMotionStyle } from '../../utils/styles';\n\n/**\n * Returns the shared Shadow DOM CSS for all diwa-input-* components.\n *\n * NOTE: Border and background live on .input-wrapper so start/end slot content\n * shares the same bordered box as the native input. This also prevents Tailwind\n * v4 preflight from stripping padding set directly on :host.\n */\nexport const getInputCss = (\n  state: InputFieldState,\n  _disabled: boolean,\n  _readonly: boolean,\n  compact: boolean,\n  hasStart: boolean,\n  hasEnd: boolean,\n  hasSuffix: boolean,\n): string => {\n  const borderColor =\n    state === 'error'\n      ? 'var(--diwa-notification-error)'\n      : state === 'success'\n        ? 'var(--diwa-notification-success)'\n        : 'var(--diwa-input-border)';\n\n  const messageColor =\n    state === 'error'\n      ? 'var(--diwa-notification-error)'\n      : state === 'success'\n        ? 'var(--diwa-notification-success)'\n        : 'var(--diwa-text-secondary)';\n\n  const inputHeight = compact\n    ? 'var(--diwa-touch-target-min-size-compact, 32px)'\n    : 'var(--diwa-input-height, var(--diwa-touch-target-min-size, 44px))';\n  const paddingLeft = hasStart ? '4px' : 'var(--diwa-input-padding-x, 12px)';\n  const paddingRight = (hasEnd || hasSuffix) ? '4px' : 'var(--diwa-input-padding-x, 12px)';\n\n  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  /* ── Root layout ────────────────────────────────────────────────────── */\n\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: var(--diwa-space-2);\n  }\n\n  /* ── Label row ──────────────────────────────────────────────────────── */\n\n  .label-row {\n    display: flex;\n    align-items: baseline;\n    gap: var(--diwa-space-1);\n  }\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    cursor: default;\n  }\n\n  .required {\n    color: var(--diwa-notification-error);\n    font-weight: var(--diwa-font-weight-semibold);\n  }\n\n  /* ── Input wrapper (owns border + background) ───────────────────────── */\n\n  .input-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    height: ${inputHeight};\n    background: var(--diwa-input-bg, var(--diwa-bg-input));\n    border: var(--diwa-border-width-thin) solid ${borderColor};\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\n    box-sizing: border-box;\n    overflow: hidden;\n    transition: border-color var(--diwa-transition-fast), background var(--diwa-transition-fast), box-shadow var(--diwa-transition-fast);\n  }\n\n  ${getHoverCapableStyle(\n    '.input-wrapper:not(:has(input:disabled)):not(:has(input[readonly]))',\n    `border-color: ${state === 'none' ? 'var(--diwa-border-hover)' : borderColor};`,\n  )}\n\n  /* Focus — border and ring become visible on keyboard navigation */\n  .input-wrapper:focus-within {\n    border-color: var(--diwa-border-focus);\n    box-shadow: 0 0 0 var(--diwa-focus-ring-width) var(--diwa-border-focus);\n  }\n\n  /* Disabled */\n  .input-wrapper:has(input:disabled) {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* Read-only */\n  .input-wrapper:has(input[readonly]) {\n    background: var(--diwa-bg-surface);\n    border-style: dashed;\n    cursor: default;\n  }\n\n  /* ── Start / End slot containers ────────────────────────────────────── */\n\n  .slot-start {\n    display: flex;\n    align-items: center;\n    padding-left: var(--diwa-input-padding-x, 12px);\n    color: var(--diwa-text-secondary);\n    flex-shrink: 0;\n  }\n\n  .slot-end {\n    display: flex;\n    align-items: center;\n    padding-right: var(--diwa-input-padding-x, 12px);\n    color: var(--diwa-text-secondary);\n    flex-shrink: 0;\n  }\n\n  /* ── Native input ───────────────────────────────────────────────────── */\n\n  input.input {\n    flex: 1;\n    min-width: 0;\n    height: 100%;\n    padding: 0 ${paddingRight} 0 ${paddingLeft};\n    background: transparent;\n    border: none;\n    box-sizing: border-box;\n    appearance: none;\n    -webkit-appearance: none;\n    outline: none;\n    margin: 0;\n    font-family: inherit;\n    font-size: var(--diwa-font-size-base);\n    color: var(--diwa-text-primary);\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  input.input::placeholder {\n    color: var(--diwa-text-disabled);\n    opacity: 1;\n  }\n\n  /* Number — hide native spinners */\n  input.input[type=\"number\"]::-webkit-inner-spin-button,\n  input.input[type=\"number\"]::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  input.input[type=\"number\"] { -moz-appearance: textfield; }\n\n  /* Search — hide browser-native clear button */\n  input.input[type=\"search\"]::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  /* Date / time — hide native picker icon in webkit */\n  input.input[type=\"date\"]::-webkit-calendar-picker-indicator,\n  input.input[type=\"time\"]::-webkit-calendar-picker-indicator,\n  input.input[type=\"month\"]::-webkit-calendar-picker-indicator,\n  input.input[type=\"week\"]::-webkit-calendar-picker-indicator {\n    opacity: 0.5;\n    cursor: pointer;\n  }\n\n  /* ── Suffix button (password toggle / search clear) ─────────────────── */\n\n  .suffix-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    height: 100%;\n    min-width: ${compact ? 'var(--diwa-touch-target-min-size-compact, 32px)' : 'var(--diwa-touch-target-min-size, 44px)'};\n    padding: 0 var(--diwa-space-3);\n    background: none;\n    border: none;\n    margin: 0;\n    cursor: pointer;\n    color: var(--diwa-text-secondary);\n    line-height: 0;\n    transition: color var(--diwa-transition-fast);\n  }\n\n  ${getHoverCapableStyle('.suffix-btn', 'color: var(--diwa-text-primary);')}\n\n  .suffix-btn:focus-visible {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: -2px;\n  }\n\n  /* ── Description ────────────────────────────────────────────────── */\n\n  .description {\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-secondary);\n    margin: 0;\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  /* ── Message (state-coloured) ───────────────────────────────────── */\n\n  .message {\n    font-size: var(--diwa-font-size-sm);\n    color: ${messageColor};\n    margin: 0;\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  ${getReducedMotionStyle('.input-wrapper', '.suffix-btn')}\n`;\n};\n"],"mappings":"iDAUaA,EAAc,CACzBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EACJP,IAAU,QACN,iCACAA,IAAU,UACR,mCACA,2BAER,MAAMQ,EACJR,IAAU,QACN,iCACAA,IAAU,UACR,mCACA,6BAER,MAAMS,EAAcN,EAChB,kDACA,oEACJ,MAAMO,EAAcN,EAAW,MAAQ,oCACvC,MAAMO,EAAgBN,GAAUC,EAAa,MAAQ,oCAErD,MAAO,8nCAiDKG,oHAEoCF,oRAO9CK,EACA,sEACA,iBAAiBZ,IAAU,OAAS,2BAA6BO,4pCA+CpDI,OAAkBD,g8CAkDlBP,EAAU,kDAAoD,8RAW3ES,EAAqB,cAAe,gkBAoB3BJ,kFAKTK,EAAsB,iBAAkB,kBAC3C,S","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["VARIANT_MAP","neutral","bg","color","border","primary","info","success","warning","error","getComponentCss","variant","compact","paddingY","paddingX","fontSize","DiwaTag","constructor","hostRef","this","theme","render","h","Host","key","innerHTML","class","icon","name","size"],"sources":["src/components/diwa-tag/diwa-tag-styles.ts","src/components/diwa-tag/diwa-tag.tsx"],"sourcesContent":["import type { TagVariant } from './types';\r\n\r\nconst VARIANT_MAP: Record<TagVariant, { bg: string; color: string; border: string }> = {\r\n  neutral: {\r\n    bg: 'var(--diwa-bg-surface)',\r\n    color: 'var(--diwa-text-primary)',\r\n    border: 'var(--diwa-border)',\r\n  },\r\n  primary: {\r\n    bg: 'var(--diwa-accent-bg)',\r\n    color: 'var(--diwa-accent)',\r\n    border: 'var(--diwa-accent)',\r\n  },\r\n  info: {\r\n    bg: 'var(--diwa-notification-info-soft)',\r\n    color: 'var(--diwa-notification-info)',\r\n    border: 'var(--diwa-color-info-300)',\r\n  },\r\n  success: {\r\n    bg: 'var(--diwa-notification-success-soft)',\r\n    color: 'var(--diwa-notification-success)',\r\n    border: 'transparent',\r\n  },\r\n  warning: {\r\n    bg: 'var(--diwa-notification-warning-soft)',\r\n    color: 'var(--diwa-notification-warning)',\r\n    border: 'transparent',\r\n  },\r\n  error: {\r\n    bg: 'var(--diwa-notification-error-soft)',\r\n    color: 'var(--diwa-notification-error)',\r\n    border: 'transparent',\r\n  },\r\n};\r\n\r\nexport const getComponentCss = (variant: TagVariant, compact: boolean): string => {\r\n  const { bg, color, border } = VARIANT_MAP[variant];\r\n  const paddingY = compact ? '1px' : '2px';\r\n  const paddingX = compact ? '6px' : '10px';\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} ${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    .icon {\r\n      display: flex;\r\n      align-items: center;\r\n      flex-shrink: 0;\r\n    }\r\n  `;\r\n};\r\n","import { Component, 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-styles';\r\n\r\n/**\r\n * @slot default — Tag label content.\r\n */\r\n@Component({\r\n  tag: 'diwa-tag',\r\n  shadow: true,\r\n})\r\nexport class DiwaTag {\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  /** Lucide icon name to display before the label, or omit for no icon. */\r\n  @Prop() icon?: string;\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  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          {this.icon && (\r\n            <span class=\"icon\">\r\n              <diwa-icon name={this.icon} size={this.compact ? 12 : 14} />\r\n            </span>\r\n          )}\r\n          <slot />\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAEA,MAAMA,EAAiF,CACrFC,QAAS,CACPC,GAAI,yBACJC,MAAO,2BACPC,OAAQ,sBAEVC,QAAS,CACPH,GAAI,wBACJC,MAAO,qBACPC,OAAQ,sBAEVE,KAAM,CACJJ,GAAI,qCACJC,MAAO,gCACPC,OAAQ,8BAEVG,QAAS,CACPL,GAAI,wCACJC,MAAO,mCACPC,OAAQ,eAEVI,QAAS,CACPN,GAAI,wCACJC,MAAO,mCACPC,OAAQ,eAEVK,MAAO,CACLP,GAAI,sCACJC,MAAO,iCACPC,OAAQ,gBAIL,MAAMM,EAAkB,CAACC,EAAqBC,KACnD,MAAMV,GAAEA,EAAEC,MAAEA,EAAKC,OAAEA,GAAWJ,EAAYW,GAC1C,MAAME,EAAWD,EAAU,MAAQ,MACnC,MAAME,EAAWF,EAAU,MAAQ,OACnC,MAAMG,EAAWH,EAAU,2BAA6B,2BAExD,MAAO,+NAWQC,KAAYC,0EAEVC,+FAGJZ,yBACKD,yDACgCE,+MAUjD,E,MCzDUY,EAAO,MAJpB,WAAAC,CAAAC,G,UAM2BC,KAAAR,QAAsB,UAGtBQ,KAAAP,QAAmB,MAMnBO,KAAAC,MAAe,M,CAExC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAaL,KAAKC,OACrBE,EAAA,SAAAE,IAAA,2CAAOC,UAAWf,EAAgBS,KAAKR,QAASQ,KAAKP,WACrDU,EAAA,QAAAE,IAAA,2CAAME,MAAM,OACTP,KAAKQ,MACJL,EAAA,QAAAE,IAAA,2CAAME,MAAM,QACVJ,EAAA,aAAAE,IAAA,2CAAWI,KAAMT,KAAKQ,KAAME,KAAMV,KAAKP,QAAU,GAAK,MAG1DU,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

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

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

package/dist/diwa-components/p-3a992d7e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","getReducedMotionStyle","inputIdCounter","DiwaInput","constructor","hostRef","this","type","value","required","disabled","readonly","state","theme","internalId","handleInput","e","target","diwaInput","emit","handleChange","diwaChange","handleFocus","diwaFocus","handleBlur","diwaBlur","resolvedId","_a","inputId","hintId","render","hasHint","hint","h","Host","key","innerHTML","label","class","part","htmlFor","name","id","placeholder","readOnly","autocomplete","undefined","onInput","onChange","onFocus","onBlur"],"sources":["src/components/diwa-input/diwa-input-styles.ts","src/components/diwa-input/diwa-input.tsx"],"sourcesContent":["/**\r\n * diwa-input — Shadow DOM CSS-in-JS styles\r\n *\r\n * NOTE: This is the styles module for the legacy diwa-input component.\r\n * The newer diwa-input-text (and other input variants) use input-styles.ts.\r\n */\r\nimport { getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  /* ── Label ──────────────────────────────────────────────────────────── */\r\n\r\n  .label {\r\n    display: block;\r\n    margin-bottom: var(--diwa-space-2);\r\n    font-size: var(--diwa-font-size-md);\r\n    font-weight: var(--diwa-font-weight-medium);\r\n    color: var(--diwa-text-secondary);\r\n    line-height: var(--diwa-line-height-normal);\r\n  }\r\n\r\n  .required {\r\n    color: var(--diwa-danger-text);\r\n  }\r\n\r\n  /* ── Wrapper ────────────────────────────────────────────────────────── */\r\n\r\n  .wrapper {\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-2);\r\n    min-height: var(--diwa-input-height, var(--diwa-touch-target-min-size, 44px));\n    padding: 0 var(--diwa-input-padding-x, 12px);\r\n    background-color: var(--diwa-input-bg, var(--diwa-bg-input));\r\n    border: var(--diwa-border-width-base) solid var(--diwa-input-border, var(--diwa-border-light));\r\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\r\n    box-sizing: border-box;\r\n    transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\r\n  }\r\n\r\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\r\n\r\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\r\n  /* ── Native input ───────────────────────────────────────────────────── */\r\n\r\n  .input {\r\n    flex: 1;\r\n    min-width: 0;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    background: transparent;\r\n    border: none;\r\n    outline: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: inherit;\r\n    font-size: var(--diwa-input-font-size, var(--diwa-font-size-base));\r\n    color: var(--diwa-input-color, var(--diwa-text-primary));\r\n    line-height: var(--diwa-line-height-normal);\r\n  }\r\n\r\n  .input::placeholder {\r\n    color: var(--diwa-input-placeholder-color, var(--diwa-text-muted));\r\n  }\r\n\r\n  .input[type=\"number\"]::-webkit-inner-spin-button,\r\n  .input[type=\"number\"]::-webkit-outer-spin-button {\r\n    -webkit-appearance: none;\r\n    margin: 0;\r\n  }\r\n\r\n  .input[type=\"search\"]::-webkit-search-cancel-button {\r\n    -webkit-appearance: none;\r\n  }\r\n\r\n  /* ── Prefix / Suffix slots ──────────────────────────────────────────── */\r\n\r\n  .prefix,\r\n  .suffix {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    flex-shrink: 0;\r\n    color: var(--diwa-text-tertiary);\r\n  }\r\n\r\n  /* ── State: disabled ────────────────────────────────────────────────── */\r\n\r\n  :host([disabled]) .wrapper {\r\n    opacity: var(--diwa-opacity-disabled);\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  :host([disabled]) .label {\r\n    color: var(--diwa-text-disabled);\r\n  }\r\n\r\n  /* ── State: readonly ────────────────────────────────────────────────── */\r\n\r\n  :host([readonly]) .wrapper {\r\n    background-color: var(--diwa-bg-secondary);\r\n    cursor: default;\r\n  }\r\n\r\n  /* ── State: error ───────────────────────────────────────────────────── */\r\n\r\n  :host([state=\"error\"]) .wrapper {\r\n    border-color: var(--diwa-input-border-error, var(--diwa-danger));\r\n  }\r\n\r\n  :host([state=\"error\"]:focus-within) .wrapper {\r\n    border-color: var(--diwa-input-border-error, var(--diwa-danger));\r\n  }\r\n\r\n  /* ── State: success ─────────────────────────────────────────────────── */\r\n\r\n  :host([state=\"success\"]) .wrapper {\r\n    border-color: var(--diwa-input-border-success, var(--diwa-success));\r\n  }\r\n\r\n  :host([state=\"success\"]:focus-within) .wrapper {\r\n    border-color: var(--diwa-input-border-success, var(--diwa-success));\r\n  }\r\n\r\n  /* ── Hint ───────────────────────────────────────────────────────────── */\r\n\r\n  .hint {\r\n    display: block;\r\n    margin-top: var(--diwa-space-2);\r\n    font-size: var(--diwa-font-size-md);\r\n    color: var(--diwa-text-tertiary);\r\n    line-height: var(--diwa-line-height-normal);\r\n  }\r\n\r\n  :host([state=\"error\"]) .hint {\r\n    color: var(--diwa-danger-text);\r\n  }\r\n\r\n  :host([state=\"success\"]) .hint {\r\n    color: var(--diwa-success-text);\r\n  }\r\n\r\n  ${getReducedMotionStyle('.wrapper')}\r\n`;\r\n","import { Component, Event, EventEmitter, Host, Prop, h } from \"@stencil/core\";\r\nimport type { InputState, InputType } from \"./types\";\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-input-styles';\r\n\r\n/** Module-level counter — guarantees unique IDs across all DiwaInput instances. */\r\nlet inputIdCounter = 0;\r\n\r\n/**\r\n * @component diwa-input\r\n *\r\n * A fully encapsulated, accessible text input primitive.\r\n * Supports all common text-based HTML input types and validation states.\r\n *\r\n * Design token override API (set on :root or any ancestor):\r\n *   --diwa-input-height          Height of the input\r\n *   --diwa-input-padding-x       Horizontal padding\r\n *   --diwa-input-radius          Border radius\r\n *   --diwa-input-border          Default border colour\r\n *   --diwa-input-bg              Background colour\r\n *   --diwa-input-color           Text colour\r\n *   --diwa-input-placeholder-color  Placeholder text colour\r\n *   --diwa-input-font-size       Font size\r\n *   --diwa-input-border-focus    Border colour when focused\r\n *   --diwa-input-border-error    Border colour in error state\r\n *   --diwa-input-border-success  Border colour in success state\r\n *\r\n * Usage:\r\n *   <diwa-input label=\"Email\" type=\"email\" placeholder=\"you@example.com\"></diwa-input>\r\n *   <diwa-input label=\"Password\" type=\"password\" required></diwa-input>\r\n *   <diwa-input label=\"Search\" type=\"search\" state=\"error\" hint=\"No results found.\"></diwa-input>\r\n *\r\n * @slot prefix — Icon or content placed before the input (e.g., a search icon)\r\n * @slot suffix — Icon or content placed after the input (e.g., a clear button)\r\n */\r\n@Component({\r\n  tag: \"diwa-input\",\r\n  /**\r\n   * delegatesFocus: true ensures that when host-app code focuses the\r\n   * <diwa-input> custom element directly (e.g., via .focus()), focus\r\n   * is forwarded to the inner <input> element inside the Shadow DOM.\r\n   */\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInput {\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Native input type. Controls keyboard, validation, and autocomplete behaviour. */\r\n  @Prop() type: InputType = \"text\";\r\n\r\n  /** Visible label text. Linked to the inner <input> via htmlFor/id. */\r\n  @Prop() label?: string;\r\n\r\n  /** Placeholder text shown when the field is empty. */\r\n  @Prop() placeholder?: string;\r\n\r\n  /** Controlled value. Use with onDiwaChange for controlled form patterns. */\r\n  @Prop({ mutable: true, reflect: false }) value: string = \"\";\r\n\r\n  /** Marks the field as required. Sets aria-required on the inner input. */\r\n  @Prop() required: boolean = false;\r\n\r\n  /** Disables the input. Blocks pointer and keyboard interaction. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Makes the input read-only. Content is selectable but not editable. */\r\n  @Prop({ reflect: true }) readonly: boolean = false;\r\n\r\n  /**\r\n   * Validation state. Controls border colour and the hint text colour.\r\n   * Pair with the `hint` prop to surface error or success messages.\r\n   */\r\n  @Prop({ reflect: true }) state: InputState = \"default\";\r\n\r\n  /**\r\n   * Helper / hint text rendered below the input.\r\n   * In the error state this text should describe the validation failure.\r\n   * Associated via aria-describedby for screen reader announcement.\r\n   */\r\n  @Prop() hint?: string;\r\n\r\n  /**\r\n   * HTML autocomplete attribute passthrough.\r\n   * Allows browsers to offer autocomplete suggestions.\r\n   */\r\n  @Prop() autocomplete?: string;\r\n\r\n  /**\r\n   * HTML name attribute — used to identify the field in form data.\r\n   */\r\n  @Prop() name?: string;\r\n\r\n  /**\r\n   * HTML id forwarded to the inner input.\r\n   * When omitted the component generates a unique id for label association.\r\n   */\r\n  @Prop() inputId?: string;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Events\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /**\r\n   * Emitted on every keystroke (mirrors native `input` event).\r\n   * Payload is the current string value.\r\n   */\r\n  @Event() diwaInput!: EventEmitter<string>;\r\n\r\n  /**\r\n   * Emitted when the input loses focus (mirrors native `change` event).\r\n   * Payload is the committed string value.\r\n   */\r\n  @Event() diwaChange!: EventEmitter<string>;\r\n\r\n  /**\r\n   * Emitted when the input receives focus.\r\n   */\r\n  @Event() diwaFocus!: EventEmitter<FocusEvent>;\r\n\r\n  /**\r\n   * Emitted when the input loses focus.\r\n   */\r\n  @Event() diwaBlur!: EventEmitter<FocusEvent>;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private state / helpers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private internalId: string = `diwa-input-${++inputIdCounter}`;\r\n\r\n  private get resolvedId(): string {\r\n    return this.inputId ?? this.internalId;\r\n  }\r\n\r\n  private get hintId(): string {\r\n    return `${this.resolvedId}-hint`;\r\n  }\r\n\r\n  private handleInput = (e: Event): void => {\r\n    const target = e.target as HTMLInputElement;\r\n    this.value = target.value;\r\n    this.diwaInput.emit(this.value);\r\n  };\r\n\r\n  private handleChange = (e: Event): void => {\r\n    const target = e.target as HTMLInputElement;\r\n    this.value = target.value;\r\n    this.diwaChange.emit(this.value);\r\n  };\r\n\r\n  private handleFocus = (e: FocusEvent): void => {\r\n    this.diwaFocus.emit(e);\r\n  };\r\n\r\n  private handleBlur = (e: FocusEvent): void => {\r\n    this.diwaBlur.emit(e);\r\n  };\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const { resolvedId, hintId } = this;\r\n    const hasHint = !!this.hint;\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        {/* Label — rendered only when the `label` prop is provided */}\r\n        {this.label && (\r\n          <label class=\"label\" part=\"label\" htmlFor={resolvedId}>\r\n            {this.label}\r\n            {this.required && (\r\n              <span class=\"required\" aria-hidden=\"true\">\r\n                {\" \"}\r\n                *\r\n              </span>\r\n            )}\r\n          </label>\r\n        )}\r\n\r\n        {/* Input wrapper — positions prefix/suffix slots alongside the input */}\r\n        <div class=\"wrapper\" part=\"wrapper\">\r\n          {/* Prefix slot — e.g., search icon. Empty slots render invisibly. */}\r\n          <span class=\"prefix\" part=\"prefix\">\r\n            <slot name=\"prefix\" />\r\n          </span>\r\n\r\n          <input\r\n            id={resolvedId}\r\n            part=\"input\"\r\n            class=\"input\"\r\n            type={this.type}\r\n            name={this.name}\r\n            value={this.value}\r\n            placeholder={this.placeholder}\r\n            disabled={this.disabled}\r\n            readOnly={this.readonly}\r\n            required={this.required}\r\n            autocomplete={this.autocomplete}\r\n            aria-required={this.required ? \"true\" : undefined}\r\n            aria-invalid={this.state === \"error\" ? \"true\" : undefined}\r\n            aria-describedby={hasHint ? hintId : undefined}\r\n            onInput={this.handleInput}\r\n            onChange={this.handleChange}\r\n            onFocus={this.handleFocus}\r\n            onBlur={this.handleBlur}\r\n          />\r\n\r\n          {/* Suffix slot — e.g., clear / visibility toggle. Empty slots render invisibly. */}\r\n          <span class=\"suffix\" part=\"suffix\">\r\n            <slot name=\"suffix\" />\r\n          </span>\r\n        </div>\r\n\r\n        {/* Hint / error text */}\r\n        {hasHint && (\r\n          <span\r\n            id={hintId}\r\n            class=\"hint\"\r\n            part=\"hint\"\r\n            aria-live={this.state === \"error\" ? \"polite\" : undefined}\r\n          >\r\n            {this.hint}\r\n          </span>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"6FAQO,MAAMA,EAAkB,IAAc,uwIAwJzCC,EAAsB,gBC1J1B,IAAIC,EAAiB,E,MAsCRC,EAAS,MATtB,WAAAC,CAAAC,G,8JAeUC,KAAAC,KAAkB,OASeD,KAAAE,MAAgB,GAGjDF,KAAAG,SAAoB,MAGHH,KAAAI,SAAoB,MAGpBJ,KAAAK,SAAoB,MAMpBL,KAAAM,MAAoB,UA2BpBN,KAAAO,MAAe,OAgChCP,KAAAQ,WAAqB,gBAAgBZ,IAUrCI,KAAAS,YAAeC,IACrB,MAAMC,EAASD,EAAEC,OACjBX,KAAKE,MAAQS,EAAOT,MACpBF,KAAKY,UAAUC,KAAKb,KAAKE,MAAM,EAGzBF,KAAAc,aAAgBJ,IACtB,MAAMC,EAASD,EAAEC,OACjBX,KAAKE,MAAQS,EAAOT,MACpBF,KAAKe,WAAWF,KAAKb,KAAKE,MAAM,EAG1BF,KAAAgB,YAAeN,IACrBV,KAAKiB,UAAUJ,KAAKH,EAAE,EAGhBV,KAAAkB,WAAcR,IACpBV,KAAKmB,SAASN,KAAKH,EAAE,C,CAzBvB,cAAYU,G,MACV,OAAOC,EAAArB,KAAKsB,WAAO,MAAAD,SAAA,EAAAA,EAAIrB,KAAKQ,U,CAG9B,UAAYe,GACV,MAAO,GAAGvB,KAAKoB,iB,CA2BjB,MAAAI,GACE,MAAMJ,WAAEA,EAAUG,OAAEA,GAAWvB,KAC/B,MAAMyB,IAAYzB,KAAK0B,KAEvB,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAa7B,KAAKO,OACrBoB,EAAA,SAAAE,IAAA,2CAAOC,UAAWpC,MAEjBM,KAAK+B,OACJJ,EAAA,SAAAE,IAAA,2CAAOG,MAAM,QAAQC,KAAK,QAAQC,QAASd,GACxCpB,KAAK+B,MACL/B,KAAKG,UACJwB,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAU,cAAa,QAChC,IAAG,MAQZL,EAAA,OAAAE,IAAA,2CAAKG,MAAM,UAAUC,KAAK,WAExBN,EAAA,QAAAE,IAAA,2CAAMG,MAAM,SAASC,KAAK,UACxBN,EAAA,QAAAE,IAAA,2CAAMM,KAAK,YAGbR,EAAA,SAAAE,IAAA,2CACEO,GAAIhB,EACJa,KAAK,QACLD,MAAM,QACN/B,KAAMD,KAAKC,KACXkC,KAAMnC,KAAKmC,KACXjC,MAAOF,KAAKE,MACZmC,YAAarC,KAAKqC,YAClBjC,SAAUJ,KAAKI,SACfkC,SAAUtC,KAAKK,SACfF,SAAUH,KAAKG,SACfoC,aAAcvC,KAAKuC,aAAY,gBAChBvC,KAAKG,SAAW,OAASqC,UAAS,eACnCxC,KAAKM,QAAU,QAAU,OAASkC,UAAS,mBACvCf,EAAUF,EAASiB,UACrCC,QAASzC,KAAKS,YACdiC,SAAU1C,KAAKc,aACf6B,QAAS3C,KAAKgB,YACd4B,OAAQ5C,KAAKkB,aAIfS,EAAA,QAAAE,IAAA,2CAAMG,MAAM,SAASC,KAAK,UACxBN,EAAA,QAAAE,IAAA,2CAAMM,KAAK,aAKdV,GACCE,EAAA,QAAAE,IAAA,2CACEO,GAAIb,EACJS,MAAM,OACNC,KAAK,OAAM,YACAjC,KAAKM,QAAU,QAAU,SAAWkC,WAE9CxC,KAAK0B,M","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","DiwaTableBody","constructor","hostRef","this","theme","render","h","Host","key","role","innerHTML"],"sources":["src/components/diwa-table-body/diwa-table-body-styles.ts","src/components/diwa-table-body/diwa-table-body.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\r\n  :host { display: table-row-group; }\r\n  :host([hidden]) { display: none; }\r\n  ::slotted(:nth-child(even)) {\r\n    background: var(--diwa-table-stripe-color, transparent);\r\n  }\r\n`;\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-body-styles';\r\n\r\n/** @component diwa-table-body — Maps to <tbody> inside diwa-table. */\r\n@Component({ tag: 'diwa-table-body', shadow: true })\r\nexport class DiwaTableBody {\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,sL,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-4332671a.entry.js

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

package/dist/diwa-components/p-4332671a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","open","position","backdrop","getReducedMotionStyle","DiwaFlyout","constructor","hostRef","this","savedFocusEl","theme","heading","handleDismiss","dismiss","emit","onOpenChange","nextOpen","document","body","style","overflow","activeElement","requestAnimationFrame","_a","panelEl","focus","disconnectedCallback","onKeyDown","e","key","preventDefault","render","h","Host","class","onClick","role","tabIndex","ref","el","name","icon","label","size","hideLabel"],"sources":["src/components/diwa-flyout/diwa-flyout-styles.ts","src/components/diwa-flyout/diwa-flyout.tsx"],"sourcesContent":["/**\r\n * diwa-flyout-styles.ts\r\n * ======================\r\n * CSS-in-JS styles for <diwa-flyout>.\r\n *\r\n * The flyout is a fixed-position overlay consisting of:\r\n *   - A semi-transparent backdrop that covers the viewport.\r\n *   - A panel that slides in from the start (left) or end (right) edge.\r\n *\r\n * Both the backdrop and panel animate on open/close. Because all values are\r\n * passed as template literal expressions, the <style> tag is re-emitted on\r\n * every render — which happens whenever `open` or `position` changes.\r\n *\r\n * Visibility technique: `:host` uses `visibility: hidden` with a delayed\r\n * transition when closing so the panel is invisible after the slide-out\r\n * animation completes, while still being `visibility: visible` during the\r\n * opening animation so it animates in correctly.\r\n */\r\n\r\nimport { getReducedMotionStyle } from '../../utils/styles';\r\nimport type { FlyoutBackdrop, FlyoutPosition } from './types';\r\n\r\nexport const getComponentCss = (\r\n  open: boolean,\r\n  position: FlyoutPosition,\r\n  backdrop: FlyoutBackdrop,\r\n): string => `\r\n\r\n  /* ── Host ──────────────────────────────────────────────────────────── */\r\n\r\n  :host {\r\n    display: block;\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: var(--diwa-z-overlay);\r\n    pointer-events: ${open ? 'auto' : 'none'};\r\n    visibility: ${open ? 'visible' : 'hidden'};\r\n    transition: visibility 0s linear ${open ? '0s' : 'var(--diwa-motion-duration-moderate)'};\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  /* ── Backdrop ──────────────────────────────────────────────────────── */\r\n\r\n  .backdrop {\r\n    position: absolute;\r\n    inset: 0;\r\n    ${\r\n      backdrop === 'blur'\r\n        ? `\r\n    background: var(--diwa-bg-frosted);\r\n    backdrop-filter: blur(var(--diwa-blur-lg));\r\n    -webkit-backdrop-filter: blur(var(--diwa-blur-lg));`\r\n        : `\r\n    background: var(--diwa-bg-shading);`\r\n    }\r\n    opacity: ${open ? '1' : '0'};\r\n    transition: opacity var(--diwa-motion-duration-moderate) var(--diwa-motion-easing-out);\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* ── Panel ─────────────────────────────────────────────────────────── */\r\n\r\n  .panel {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    ${position === 'start' ? 'left: 0;' : 'right: 0;'}\r\n    width: var(--diwa-flyout-width, 480px);\r\n    min-width: var(--diwa-flyout-min-width);\r\n    max-width: 100vw;\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: var(--diwa-bg-surface);\r\n    border-${position === 'start' ? 'right' : 'left'}: var(--diwa-border-width-thin) solid var(--diwa-border);\r\n    transform: translateX(${open ? '0' : position === 'start' ? '-100%' : '100%'});\r\n    transition: transform var(--diwa-motion-duration-moderate) var(--diwa-motion-easing-base);\r\n    overflow: hidden;\r\n    outline: none;\r\n  }\r\n\r\n  /* ── Header ────────────────────────────────────────────────────────── */\r\n\r\n  .header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-3);\r\n    padding: var(--diwa-space-5) var(--diwa-space-6);\r\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\r\n  }\r\n\r\n  .heading-text {\r\n    flex: 1;\r\n    min-width: 0;\r\n    font-family: var(--diwa-font-family-base);\r\n    font-size: var(--diwa-font-size-xl);\r\n    font-weight: var(--diwa-font-weight-semibold);\r\n    color: var(--diwa-text-primary);\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  /* ── Scrollable content ────────────────────────────────────────────── */\r\n\r\n  .content {\r\n    flex: 1;\r\n    overflow-y: auto;\r\n    padding: var(--diwa-space-6);\r\n    overscroll-behavior: contain;\r\n  }\r\n\r\n  /* ── Sticky footer ─────────────────────────────────────────────────── */\r\n\r\n  .footer {\r\n    flex-shrink: 0;\r\n    padding: var(--diwa-space-4) var(--diwa-space-6);\r\n    border-top: var(--diwa-border-width-thin) solid var(--diwa-border); {\r\n    display: none;\r\n  }\r\n\r\n  ${getReducedMotionStyle('.panel', '.backdrop')}\r\n`;\r\n","import {\r\n  Component,\r\n  Event,\r\n  type EventEmitter,\r\n  Host,\r\n  Listen,\r\n  Prop,\r\n  Watch,\r\n  h,\r\n} from '@stencil/core';\r\nimport type { FlyoutBackdrop, FlyoutPosition } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-flyout-styles';\r\n\r\n/**\r\n * @component diwa-flyout\r\n *\r\n * A full-height overlay panel that slides in from the start or end edge of\r\n * the viewport. Follows the controlled component pattern — the consumer\r\n * manages `open` state in response to the `dismiss` event.\r\n *\r\n * Accessibility:\r\n *   - Panel has `role=\"dialog\"` and `aria-modal=\"true\"`\r\n *   - Clicking the backdrop, pressing Escape, or clicking the dismiss button\r\n *     emits the `dismiss` event; the consumer sets `open={false}`\r\n *   - Focus moves to the panel when opened and returns to the trigger element\r\n *     when closed\r\n *   - Body scroll is locked (`overflow: hidden`) while the flyout is open\r\n *\r\n * V1 limitations:\r\n *   - No focus trap: Tab can navigate outside the panel. A full focus trap\r\n *     will be added in V2.\r\n *\r\n * Usage:\r\n *   <diwa-flyout heading=\"Settings\" open={isOpen} onDismiss={() => setIsOpen(false)}>\r\n *     <p>Flyout body content.</p>\r\n *     <div slot=\"footer\">\r\n *       <diwa-button onClick={() => setIsOpen(false)}>Save</diwa-button>\r\n *     </div>\r\n *   </diwa-flyout>\r\n *\r\n * @slot default — Scrollable body content of the flyout.\r\n * @slot header  — Extra content in the header row, inserted after the heading text.\r\n * @slot footer  — Sticky footer content (e.g. action buttons). Auto-hides when empty.\r\n */\r\n@Component({\r\n  tag: 'diwa-flyout',\r\n  shadow: true,\r\n})\r\nexport class DiwaFlyout {\r\n  private panelEl?: HTMLDivElement;\r\n  private savedFocusEl: HTMLElement | null = null;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Per-component theme override (`light` / `dark`). */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /**\r\n   * Whether the flyout is currently open.\r\n   *\r\n   * Controlled prop — the consumer must set this to `false` in response to\r\n   * the `dismiss` event (backdrop click, Escape key, or dismiss button).\r\n   */\r\n  @Prop({ reflect: true, mutable: true }) open: boolean = false;\r\n\r\n  /** Which edge of the viewport the panel slides in from (`start` = left, `end` = right). */\r\n  @Prop({ reflect: true }) position: FlyoutPosition = 'end';\r\n\r\n  /**\r\n   * Controls the visual style of the backdrop overlay.\r\n   * `blur`    — frosted glass (default; use when opened by user interaction).\r\n   * `shading` — solid dark scrim (use for system-triggered flyouts).\r\n   */\r\n  @Prop() backdrop: FlyoutBackdrop = 'blur';\r\n\r\n  /** Heading text displayed in the flyout header. */\r\n  @Prop() heading: string = '';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Events\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /**\r\n   * Emitted when the user requests the flyout to close (backdrop click,\r\n   * Escape key press, or dismiss button click).\r\n   *\r\n   * The consumer must set `open={false}` in response:\r\n   * ```html\r\n   * <diwa-flyout onDismiss={() => this.open = false} />\r\n   * ```\r\n   * Not bubbles, not composed.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  dismiss!: EventEmitter<void>;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Lifecycle\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  @Watch('open')\r\n  onOpenChange(nextOpen: boolean): void {\r\n    if (nextOpen) {\r\n      document.body.style.overflow = 'hidden';\r\n      this.savedFocusEl = document.activeElement as HTMLElement;\r\n      requestAnimationFrame(() => {\r\n        this.panelEl?.focus();\r\n      });\r\n    } else {\r\n      document.body.style.overflow = '';\r\n      this.savedFocusEl?.focus();\r\n      this.savedFocusEl = null;\r\n    }\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Keyboard handling\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Close on Escape key while the flyout is open. */\r\n  @Listen('keydown', { target: 'window' })\r\n  onKeyDown(e: KeyboardEvent): void {\r\n    if (this.open && e.key === 'Escape') {\r\n      e.preventDefault();\r\n      this.dismiss.emit();\r\n    }\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private helpers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private handleDismiss = (): void => {\r\n    this.dismiss.emit();\r\n  };\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style>{getComponentCss(this.open, this.position, this.backdrop)}</style>\r\n\r\n        {/* Backdrop — clicking it emits dismiss */}\r\n        <div\r\n          class=\"backdrop\"\r\n          aria-hidden=\"true\"\r\n          onClick={this.handleDismiss}\r\n        />\r\n\r\n        {/* Dialog panel */}\r\n        <div\r\n          class=\"panel\"\r\n          role=\"dialog\"\r\n          aria-modal=\"true\"\r\n          aria-label={this.heading || 'Flyout'}\r\n          tabIndex={-1}\r\n          ref={(el) => { this.panelEl = el as HTMLDivElement; }}\r\n        >\r\n          <div class=\"header\">\r\n            <span class=\"heading-text\">{this.heading}</span>\r\n            <slot name=\"header\" />\r\n            <diwa-button-pure\r\n              icon=\"x\"\r\n              label=\"Close flyout\"\r\n              size=\"sm\"\r\n              hideLabel={true}\r\n              onClick={this.handleDismiss}\r\n            />\r\n          </div>\r\n\r\n          <div class=\"content\">\r\n            <slot />\r\n          </div>\r\n\r\n          <div class=\"footer\">\r\n            <slot name=\"footer\" />\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"6FAsBO,MAAMA,EAAkB,CAC7BC,EACAC,EACAC,IACW,qNASSF,EAAO,OAAS,4BACpBA,EAAO,UAAY,mDACEA,EAAO,KAAO,8OAa/CE,IAAa,OACT,sJAIA,6DAGKF,EAAO,IAAM,yRAWtBC,IAAa,QAAU,WAAa,uOAO7BA,IAAa,QAAU,QAAU,8FAClBD,EAAO,IAAMC,IAAa,QAAU,QAAU,kvCA8CtEE,EAAsB,SAAU,iB,MC1EvBC,EAAU,MAJvB,WAAAC,CAAAC,G,2CAMUC,KAAAC,aAAmC,KAOlBD,KAAAE,MAAe,OAQAF,KAAAP,KAAgB,MAG/BO,KAAAN,SAA2B,MAO5CM,KAAAL,SAA2B,OAG3BK,KAAAG,QAAkB,GA2DlBH,KAAAI,cAAgB,KACtBJ,KAAKK,QAAQC,MAAM,C,CApCrB,YAAAC,CAAaC,G,MACX,GAAIA,EAAU,CACZC,SAASC,KAAKC,MAAMC,SAAW,SAC/BZ,KAAKC,aAAeQ,SAASI,cAC7BC,uBAAsB,K,OACpBC,EAAAf,KAAKgB,WAAO,MAAAD,SAAA,SAAAA,EAAEE,OAAO,G,KAElB,CACLR,SAASC,KAAKC,MAAMC,SAAW,IAC/BG,EAAAf,KAAKC,gBAAY,MAAAc,SAAA,SAAAA,EAAEE,QACnBjB,KAAKC,aAAe,I,EAIxB,oBAAAiB,GACET,SAASC,KAAKC,MAAMC,SAAW,E,CASjC,SAAAO,CAAUC,GACR,GAAIpB,KAAKP,MAAQ2B,EAAEC,MAAQ,SAAU,CACnCD,EAAEE,iBACFtB,KAAKK,QAAQC,M,EAgBjB,MAAAiB,GACE,OACEC,EAACC,EAAI,CAAAJ,IAAA,wDAAarB,KAAKE,OACrBsB,EAAA,SAAAH,IAAA,4CAAQ7B,EAAgBQ,KAAKP,KAAMO,KAAKN,SAAUM,KAAKL,WAGvD6B,EAAA,OAAAH,IAAA,2CACEK,MAAM,WAAU,cACJ,OACZC,QAAS3B,KAAKI,gBAIhBoB,EAAA,OAAAH,IAAA,2CACEK,MAAM,QACNE,KAAK,SAAQ,aACF,OAAM,aACL5B,KAAKG,SAAW,SAC5B0B,UAAW,EACXC,IAAMC,IAAS/B,KAAKgB,QAAUe,CAAoB,GAElDP,EAAA,OAAAH,IAAA,2CAAKK,MAAM,UACTF,EAAA,QAAAH,IAAA,2CAAMK,MAAM,gBAAgB1B,KAAKG,SACjCqB,EAAA,QAAAH,IAAA,2CAAMW,KAAK,WACXR,EAAA,oBAAAH,IAAA,2CACEY,KAAK,IACLC,MAAM,eACNC,KAAK,KACLC,UAAW,KACXT,QAAS3B,KAAKI,iBAIlBoB,EAAA,OAAAH,IAAA,2CAAKK,MAAM,WACTF,EAAA,QAAAH,IAAA,8CAGFG,EAAA,OAAAH,IAAA,2CAAKK,MAAM,UACTF,EAAA,QAAAH,IAAA,2CAAMW,KAAK,a","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","active","DiwaTabsItem","constructor","hostRef","this","theme","label","render","h","Host","key","role","innerHTML"],"sources":["src/components/diwa-tabs-item/diwa-tabs-item-styles.ts","src/components/diwa-tabs-item/diwa-tabs-item.tsx"],"sourcesContent":["export const getComponentCss = (active: boolean): string => `\r\n  :host {\r\n    display: ${active ? 'block' : 'none'};\r\n    font-family: var(--diwa-font-family-base);\r\n    color: var(--diwa-text-primary);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n`;\r\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-tabs-item-styles';\r\n\r\n/**\r\n * @component diwa-tabs-item\r\n *\r\n * A single panel used inside `diwa-tabs`. The parent renders the tab button\r\n * from the `label` prop, and shows/hides this panel via `active`.\r\n *\r\n * Usage:\r\n *   <diwa-tabs-item label=\"Overview\">Panel content here</diwa-tabs-item>\r\n */\r\n@Component({\r\n  tag: 'diwa-tabs-item',\r\n  shadow: true,\r\n})\r\nexport class DiwaTabsItem {\r\n  @Element() host!: HTMLDiwaTabsItemElement;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Tab button label. Rendered by the parent diwa-tabs component. */\r\n  @Prop() label: string = '';\r\n\r\n  /** Whether this panel is currently visible. Managed by the parent diwa-tabs. */\r\n  @Prop({ mutable: true, reflect: true }) active: boolean = false;\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"tabpanel\" aria-hidden={this.active ? 'false' : 'true'} data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.active)} />\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAO,MAAMA,EAAmBC,GAA4B,6BAE7CA,EAAS,QAAU,uJ,MCerBC,EAAY,MAJzB,WAAAC,CAAAC,G,UAQ2BC,KAAAC,MAAe,OAGhCD,KAAAE,MAAgB,GAGgBF,KAAAJ,OAAkB,K,CAE1D,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAU,cAAcP,KAAKJ,OAAS,QAAU,OAAM,aAAcI,KAAKC,OAClFG,EAAA,SAAAE,IAAA,2CAAOE,UAAWb,EAAgBK,KAAKJ,UACvCQ,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/diwa-components/p-46a8a0a7.entry.js

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