@diwacopilot/components 1.1.1 → 1.2.1

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-35b69160.entry.js

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

package/dist/diwa-components/p-35b69160.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ALIGN_MAP","top","center","bottom","getComponentCss","scrollbar","alignScrollIndicator","hasOverflow","canScrollLeft","canScrollRight","alignItems","getFocusStyle","DiwaScroller","constructor","hostRef","this","theme","setScrollAreaRef","el","scrollAreaEl","handleScroll","updateScrollState","handleSlotChange","requestAnimationFrame","scrollByPage","direction","distance","Math","max","clientWidth","scrollBy","left","behavior","componentDidLoad","resizeObserver","ResizeObserver","observe","disconnectedCallback","_a","disconnect","maxScrollLeft","scrollWidth","currentScrollLeft","scrollLeft","epsilon","render","h","Host","key","innerHTML","class","type","disabled","hidden","onClick","viewBox","width","height","fill","stroke","d","tabIndex","undefined","role","onScroll","ref","onSlotchange"],"sources":["src/components/diwa-scroller/diwa-scroller-styles.ts","src/components/diwa-scroller/diwa-scroller.tsx"],"sourcesContent":["import { getFocusStyle } from '../../utils/styles';\r\nimport type { ScrollerScrollIndicatorPosition } from './types';\r\n\r\nconst ALIGN_MAP: Record<ScrollerScrollIndicatorPosition, string> = {\r\n  top: 'flex-start',\r\n  center: 'center',\r\n  bottom: 'flex-end',\r\n};\r\n\r\nexport const getComponentCss = (\r\n  scrollbar: boolean,\r\n  alignScrollIndicator: ScrollerScrollIndicatorPosition,\r\n  hasOverflow: boolean,\r\n  canScrollLeft: boolean,\r\n  canScrollRight: boolean,\r\n): string => {\r\n  const alignItems = ALIGN_MAP[alignScrollIndicator];\r\n\r\n  return `\r\n    :host {\r\n      display: block;\r\n      position: relative;\r\n    }\r\n    :host([hidden]) {\r\n      display: none;\r\n    }\r\n    .scroller {\r\n      display: grid;\r\n      grid-template-columns: ${hasOverflow ? 'auto minmax(0, 1fr) auto' : 'minmax(0, 1fr)'};\r\n      align-items: ${alignItems};\r\n      gap: var(--diwa-space-2);\r\n    }\r\n    .scroll-button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: var(--diwa-space-8);\r\n      height: var(--diwa-space-8);\r\n      padding: 0;\r\n      border: var(--diwa-border-width-thin) solid var(--diwa-border);\r\n      border-radius: var(--diwa-radius-full);\r\n      background: var(--diwa-bg-surface);\r\n      color: var(--diwa-text-secondary);\r\n      cursor: pointer;\r\n      transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\r\n      flex-shrink: 0;\r\n    }\r\n    .scroll-button:hover:not(:disabled) {\r\n      color: var(--diwa-text-primary);\r\n      background: var(--diwa-bg-hover);\r\n    }\r\n    .scroll-button:disabled {\r\n      opacity: var(--diwa-opacity-disabled);\r\n      cursor: not-allowed;\r\n    }\r\n    .scroll-button[hidden] {\r\n      display: none;\r\n    }\r\n    ${getFocusStyle('.scroll-button')}\r\n    ${getFocusStyle('.scroll-area')}\r\n    .scroll-wrapper {\r\n      position: relative;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n    }\r\n    .scroll-area {\r\n      display: flex;\r\n      align-items: ${alignItems};\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      scroll-behavior: smooth;\r\n      -webkit-overflow-scrolling: touch;\r\n      ${scrollbar ? '' : 'scrollbar-width: none;'}\r\n    }\r\n    ::slotted(*) {\r\n      flex: 0 0 auto;\r\n    }\r\n    ${!scrollbar ? `\r\n    .scroll-area::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n    ` : ''}\r\n    /* Fade-out gradient masks — fixed at the visible edges via scroll-wrapper */\r\n    .fade {\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: var(--diwa-scroller-fade-width);\r\n      pointer-events: none;\r\n      z-index: 1;\r\n      transition: opacity var(--diwa-transition-fast);\r\n    }\r\n    .fade--start {\r\n      left: 0;\r\n      background: var(--diwa-gradient-scrim-right);\r\n      opacity: ${canScrollLeft ? '1' : '0'};\r\n    }\r\n    .fade--end {\r\n      right: 0;\r\n      background: var(--diwa-gradient-scrim-left);\r\n      opacity: ${canScrollRight ? '1' : '0'};\r\n    }\r\n  `;\r\n};\r\n","import { Component, Host, Prop, State, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { ScrollerScrollIndicatorPosition } from './types';\r\nimport { getComponentCss } from './diwa-scroller-styles';\r\n\r\n/**\r\n * @slot default — Items to be scrolled horizontally.\r\n */\r\n@Component({\r\n  tag: 'diwa-scroller',\r\n  shadow: true,\r\n})\r\nexport class DiwaScroller {\r\n  /** Position of gradient fade indicators relative to the scroll area. */\r\n  @Prop() alignScrollIndicator: ScrollerScrollIndicatorPosition = 'center';\r\n\r\n  /** Whether to show the native horizontal scrollbar. */\r\n  @Prop() scrollbar: 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  @State() private hasOverflow: boolean = false;\r\n  @State() private canScrollLeft: boolean = false;\r\n  @State() private canScrollRight: boolean = false;\r\n\r\n  private scrollAreaEl?: HTMLDivElement;\r\n  private resizeObserver?: ResizeObserver;\r\n\r\n  componentDidLoad(): void {\r\n    this.updateScrollState();\r\n    if (this.scrollAreaEl) {\r\n      this.resizeObserver = new ResizeObserver(() => this.updateScrollState());\r\n      this.resizeObserver.observe(this.scrollAreaEl);\r\n    }\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.resizeObserver?.disconnect();\r\n  }\r\n\r\n  private setScrollAreaRef = (el?: HTMLDivElement): void => {\r\n    this.scrollAreaEl = el;\r\n  };\r\n\r\n  private handleScroll = (): void => {\r\n    this.updateScrollState();\r\n  };\r\n\r\n  private handleSlotChange = (): void => {\r\n    requestAnimationFrame(() => this.updateScrollState());\r\n  };\r\n\r\n  private updateScrollState(): void {\r\n    const el = this.scrollAreaEl;\r\n    if (!el) return;\r\n\r\n    const maxScrollLeft = Math.max(0, el.scrollWidth - el.clientWidth);\r\n    const currentScrollLeft = el.scrollLeft;\r\n    const epsilon = 1;\r\n\r\n    this.hasOverflow = maxScrollLeft > epsilon;\r\n    this.canScrollLeft = currentScrollLeft > epsilon;\r\n    this.canScrollRight = currentScrollLeft < maxScrollLeft - epsilon;\r\n  }\r\n\r\n  private scrollByPage = (direction: 'start' | 'end'): void => {\r\n    const el = this.scrollAreaEl;\r\n    if (!el) return;\r\n\r\n    const distance = Math.max(el.clientWidth * 0.8, 1);\r\n    el.scrollBy({\r\n      left: direction === 'start' ? -distance : distance,\r\n      behavior: 'smooth',\r\n    });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(\r\n          this.scrollbar,\r\n          this.alignScrollIndicator,\r\n          this.hasOverflow,\r\n          this.canScrollLeft,\r\n          this.canScrollRight,\r\n        )} />\r\n        <div class=\"scroller\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"scroll-button scroll-button--start\"\r\n            aria-label=\"Scroll left\"\r\n            disabled={!this.canScrollLeft}\r\n            hidden={!this.hasOverflow}\r\n            onClick={() => this.scrollByPage('start')}\r\n          >\r\n            <svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n              <path d=\"M10 3.5 5 8l5 4.5\" />\r\n            </svg>\r\n          </button>\r\n\r\n          <div class=\"scroll-wrapper\">\r\n            <div\r\n              class=\"scroll-area\"\r\n              tabIndex={this.hasOverflow ? 0 : undefined}\r\n              role={this.hasOverflow ? 'region' : undefined}\r\n              aria-label={this.hasOverflow ? 'Scrollable content' : undefined}\r\n              onScroll={this.handleScroll}\r\n              ref={this.setScrollAreaRef}\r\n            >\r\n              <slot onSlotchange={this.handleSlotChange} />\r\n            </div>\r\n            <div class=\"fade fade--start\" aria-hidden=\"true\" />\r\n            <div class=\"fade fade--end\" aria-hidden=\"true\" />\r\n          </div>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"scroll-button scroll-button--end\"\r\n            aria-label=\"Scroll right\"\r\n            disabled={!this.canScrollRight}\r\n            hidden={!this.hasOverflow}\r\n            onClick={() => this.scrollByPage('end')}\r\n          >\r\n            <svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n              <path d=\"M6 3.5 11 8l-5 4.5\" />\r\n            </svg>\r\n          </button>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","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-3660b09a.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as a,h as n,H as e}from"./p-ed4017f0.js";const t={info:{bg:"var(--diwa-notification-info-soft)",border:"var(--diwa-color-info-300)",iconColor:"var(--diwa-notification-info)"},success:{bg:"var(--diwa-notification-success-soft)",border:"var(--diwa-color-success-100)",iconColor:"var(--diwa-notification-success)"},warning:{bg:"var(--diwa-notification-warning-soft)",border:"var(--diwa-color-warning-100)",iconColor:"var(--diwa-notification-warning)"},error:{bg:"var(--diwa-notification-error-soft)",border:"var(--diwa-color-danger-200)",iconColor:"var(--diwa-notification-error)"}};const o=i=>{const{bg:a,border:n,iconColor:e}=t[i];return`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    width: 100%;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Root wrapper — carries all visual styling ───────────────────── */\n\n  .root {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--diwa-space-3);\n    padding: var(--diwa-space-5) var(--diwa-space-6);\n    border-radius: var(--diwa-radius-md);\n    border: var(--diwa-border-width-thin) solid ${n};\n    background: ${a};\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  /* ── Status icon ────────────────────────────────────────────────────── */\n\n  .icon-wrap {\n    flex-shrink: 0;\n    margin-top: var(--diwa-space-px);\n    color: ${e};\n    line-height: 0;\n  }\n\n  /* ── Content ────────────────────────────────────────────────────────── */\n\n  .content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--diwa-space-1);\n  }\n\n  .heading {\n    display: block;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-primary);\n    line-height: var(--diwa-line-height-tight);\n  }\n\n  .description {\n    margin: 0;\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  /* ── Actions ────────────────────────────────────────────────────────── */\n\n  .actions {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    margin-top: var(--diwa-space-px);\n  }\n`};const s={info:"info",success:"circle-check",warning:"triangle-alert",error:"circle-alert"};const r=class{constructor(n){i(this,n);this.dismiss=a(this,"dismiss",1);this.action=a(this,"action",1);this.theme="dark";this.state="info";this.heading="";this.description="";this.dismissButton=true;this.actionLoading=false;this.handleDismiss=()=>{this.dismiss.emit()};this.handleAction=()=>{this.action.emit()}}render(){const i=this.state==="error";const a=this.dismissButton||Boolean(this.actionLabel);return n(e,{key:"d3fd1076a2da3ada9262e57c2a9d1f6263862abb","data-theme":this.theme},n("style",{key:"10e025b7ecf829f51199f3bd951ca848e313d0a2",innerHTML:o(this.state)}),n("div",{key:"f6292b570bd9cb1f767d94c569a1f71b7ece1bd9",class:"root"},n("div",{key:"38faa9cf097f080a61b3beacd04fbe8f5ddcc657",class:"icon-wrap","aria-hidden":"true"},n("diwa-icon",{key:"0e9cc0a5d557911ca1f90d40665d8d679f852e52",name:s[this.state],size:16})),n("div",{key:"1bfbfda28d6ee3014c0c57b054976cd244c82f0a",class:"content",role:i?"alert":"status","aria-live":i?"assertive":"polite"},this.heading&&n("span",{key:"5ed7a8a15c3b50ee05334d2a9b6b62637808f9a8",class:"heading"},this.heading),n("p",{key:"e8af6b4bfec6fdaedec723b77b5fb8ce49eb11ce",class:"description"},this.description||n("slot",{key:"1a55704e1b0c522ca25cbeda757f65a6d57af8d7"}))),a&&n("div",{key:"d054dc9a6e584a9be0f54c3f1eabc8600f73f23e",class:"actions"},this.actionLabel&&n("diwa-button-pure",{key:"d9a057dcdacb531f70417912c0e0be7f47ca451c",icon:"arrow-right",size:"sm",loading:this.actionLoading,theme:this.theme,onClick:this.handleAction},this.actionLabel),this.dismissButton&&n("diwa-button-pure",{key:"892cb38a5f28fd95115fac50db97c45881eab7ae",icon:"x",label:"Dismiss notification",hideLabel:true,size:"sm",theme:this.theme,onClick:this.handleDismiss}))))}};export{r as diwa_inline_notification};
-//# sourceMappingURL=p-3660b09a.entry.js.map

package/dist/diwa-components/p-3660b09a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["STATE_TOKENS","info","bg","border","iconColor","success","warning","error","getComponentCss","state","STATE_ICON","DiwaInlineNotification","constructor","hostRef","this","theme","heading","description","dismissButton","actionLoading","handleDismiss","dismiss","emit","handleAction","action","render","isAlert","showActions","Boolean","actionLabel","h","Host","key","innerHTML","class","name","size","role","icon","loading","onClick","label","hideLabel"],"sources":["src/components/diwa-inline-notification/diwa-inline-notification-styles.ts","src/components/diwa-inline-notification/diwa-inline-notification.tsx"],"sourcesContent":["/**\r\n * diwa-inline-notification-styles.ts\r\n * ====================================\r\n * CSS-in-JS styles for <diwa-inline-notification>.\r\n *\r\n * The notification is a static flex-row banner:\r\n *   [icon-wrap] [content: heading + description] [actions: action-btn + dismiss-btn]\r\n *\r\n * Background and border colours are driven entirely by the `state` prop.\r\n * All values are CSS custom properties so that the [data-theme=\"light\"]\r\n * overrides in app.css cascade into the Shadow DOM correctly.\r\n */\r\n\r\nimport type { InlineNotificationState } from './types';\r\n\r\ntype StateTokens = { bg: string; border: string; iconColor: string };\r\n\r\nconst STATE_TOKENS: Record<InlineNotificationState, StateTokens> = {\r\n  info: {\r\n    bg: 'var(--diwa-notification-info-soft)',\r\n    border: 'var(--diwa-color-info-300)',\r\n    iconColor: 'var(--diwa-notification-info)',\r\n  },\r\n  success: {\r\n    bg: 'var(--diwa-notification-success-soft)',\r\n    border: 'var(--diwa-color-success-100)',\r\n    iconColor: 'var(--diwa-notification-success)',\r\n  },\r\n  warning: {\r\n    bg: 'var(--diwa-notification-warning-soft)',\r\n    border: 'var(--diwa-color-warning-100)',\r\n    iconColor: 'var(--diwa-notification-warning)',\r\n  },\r\n  error: {\r\n    bg: 'var(--diwa-notification-error-soft)',\r\n    border: 'var(--diwa-color-danger-200)',\r\n    iconColor: 'var(--diwa-notification-error)',\r\n  },\r\n};\r\n\r\nexport const getComponentCss = (state: InlineNotificationState): string => {\r\n  const { bg, border, iconColor } = STATE_TOKENS[state];\r\n\r\n  return `\r\n  /* ── Host ──────────────────────────────────────────────────────────── */\r\n\r\n  :host {\r\n    display: block;\r\n    width: 100%;\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  /* ── Root wrapper — carries all visual styling ───────────────────── */\r\n\r\n  .root {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: var(--diwa-space-3);\r\n    padding: var(--diwa-space-5) var(--diwa-space-6);\r\n    border-radius: var(--diwa-radius-md);\r\n    border: var(--diwa-border-width-thin) solid ${border};\r\n    background: ${bg};\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  /* ── Status icon ────────────────────────────────────────────────────── */\r\n\r\n  .icon-wrap {\r\n    flex-shrink: 0;\r\n    margin-top: var(--diwa-space-px);\r\n    color: ${iconColor};\r\n    line-height: 0;\r\n  }\r\n\r\n  /* ── Content ────────────────────────────────────────────────────────── */\r\n\r\n  .content {\r\n    flex: 1;\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--diwa-space-1);\r\n  }\r\n\r\n  .heading {\r\n    display: block;\r\n    font-size: var(--diwa-font-size-base);\r\n    font-weight: var(--diwa-font-weight-semibold);\r\n    color: var(--diwa-text-primary);\r\n    line-height: var(--diwa-line-height-tight);\r\n  }\r\n\r\n  .description {\r\n    margin: 0;\r\n    font-size: var(--diwa-font-size-sm);\r\n    color: var(--diwa-text-secondary);\r\n    line-height: var(--diwa-line-height-normal);\r\n  }\r\n\r\n  /* ── Actions ────────────────────────────────────────────────────────── */\r\n\r\n  .actions {\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-2);\r\n    margin-top: var(--diwa-space-px);\r\n  }\r\n`;\r\n};\r\n","import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { InlineNotificationState } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-inline-notification-styles';\r\n\r\nconst STATE_ICON: Record<InlineNotificationState, string> = {\r\n  info: 'info',\r\n  success: 'circle-check',\r\n  warning: 'triangle-alert',\r\n  error: 'circle-alert',\r\n};\r\n\r\n/**\r\n * @component diwa-inline-notification\r\n *\r\n * A static inline banner that communicates contextual feedback.\r\n * Supports four semantic states — info, success, warning, error — each with\r\n * a distinct colour treatment and Lucide status icon.\r\n *\r\n * Accessibility:\r\n *   - state=\"error\" uses role=\"alert\" (assertive live region)\r\n *   - All other states use role=\"status\" (polite live region)\r\n *   - The icon is aria-hidden — semantic meaning is carried by the text\r\n *   - The dismiss button has an accessible label via label + hideLabel\r\n *\r\n * Usage:\r\n *   <diwa-inline-notification\r\n *     state=\"success\"\r\n *     heading=\"Saved\"\r\n *     description=\"Your changes have been saved.\"\r\n *   />\r\n *\r\n * @slot default — Fallback description content when the description prop is empty.\r\n */\r\n@Component({\r\n  tag: 'diwa-inline-notification',\r\n  shadow: true,\r\n})\r\nexport class DiwaInlineNotification {\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   * Semantic state — governs colour treatment, icon, and ARIA live role.\r\n   * - `info`    — neutral informational  (role=\"status\", polite)\r\n   * - `success` — positive confirmation  (role=\"status\", polite)\r\n   * - `warning` — non-blocking caution   (role=\"status\", polite)\r\n   * - `error`   — critical or blocking   (role=\"alert\",  assertive)\r\n   */\r\n  @Prop({ reflect: true }) state: InlineNotificationState = 'info';\r\n\r\n  /** Bold heading text rendered above the description. */\r\n  @Prop() heading: string = '';\r\n\r\n  /**\r\n   * Description text.\r\n   * When empty, the default slot is rendered instead — allowing rich markup.\r\n   */\r\n  @Prop() description: string = '';\r\n\r\n  /**\r\n   * Whether to show the dismiss (×) button.\r\n   * When `false`, the notification can only be removed programmatically.\r\n   */\r\n  @Prop() dismissButton: boolean = true;\r\n\r\n  /**\r\n   * Optional label for a secondary action button rendered beside the dismiss button.\r\n   * When set, a diwa-button-pure with an arrow icon emits the `action` event on click.\r\n   */\r\n  @Prop() actionLabel?: string;\r\n\r\n  /**\r\n   * Shows a loading indicator on the action button and blocks its interaction.\r\n   * Has no effect when `actionLabel` is not set.\r\n   */\r\n  @Prop() actionLoading: boolean = false;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Events\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /**\r\n   * Emitted when the dismiss (×) button is clicked.\r\n   * The consumer is responsible for removing or hiding the notification in response.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  dismiss!: EventEmitter<void>;\r\n\r\n  /**\r\n   * Emitted when the action button is clicked.\r\n   * Only fired when `actionLabel` is set and the button is not in a loading state.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  action!: EventEmitter<void>;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Handlers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private handleDismiss = (): void => {\r\n    this.dismiss.emit();\r\n  };\r\n\r\n  private handleAction = (): void => {\r\n    this.action.emit();\r\n  };\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const isAlert = this.state === 'error';\r\n    const showActions = this.dismissButton || Boolean(this.actionLabel);\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.state)} />\r\n\r\n        <div class=\"root\">\r\n          {/* Status icon — decorative, hidden from assistive technology */}\r\n          <div class=\"icon-wrap\" aria-hidden=\"true\">\r\n            <diwa-icon name={STATE_ICON[this.state]} size={16} />\r\n          </div>\r\n\r\n          {/* Content — ARIA live region */}\r\n          <div\r\n            class=\"content\"\r\n            role={isAlert ? 'alert' : 'status'}\r\n            aria-live={isAlert ? 'assertive' : 'polite'}\r\n          >\r\n            {this.heading && <span class=\"heading\">{this.heading}</span>}\r\n            <p class=\"description\">{this.description || <slot />}</p>\r\n          </div>\r\n\r\n          {/* Actions row */}\r\n          {showActions && (\r\n            <div class=\"actions\">\r\n              {this.actionLabel && (\r\n                <diwa-button-pure\r\n                  icon=\"arrow-right\"\r\n                  size=\"sm\"\r\n                  loading={this.actionLoading}\r\n                  theme={this.theme}\r\n                  onClick={this.handleAction}\r\n                >\r\n                  {this.actionLabel}\r\n                </diwa-button-pure>\r\n              )}\r\n              {this.dismissButton && (\r\n                <diwa-button-pure\r\n                  icon=\"x\"\r\n                  label=\"Dismiss notification\"\r\n                  hideLabel={true}\r\n                  size=\"sm\"\r\n                  theme={this.theme}\r\n                  onClick={this.handleDismiss}\r\n                />\r\n              )}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAiBA,MAAMA,EAA6D,CACjEC,KAAM,CACJC,GAAI,qCACJC,OAAQ,6BACRC,UAAW,iCAEbC,QAAS,CACPH,GAAI,wCACJC,OAAQ,gCACRC,UAAW,oCAEbE,QAAS,CACPJ,GAAI,wCACJC,OAAQ,gCACRC,UAAW,oCAEbG,MAAO,CACLL,GAAI,sCACJC,OAAQ,+BACRC,UAAW,mCAIR,MAAMI,EAAmBC,IAC9B,MAAMP,GAAEA,EAAEC,OAAEA,EAAMC,UAAEA,GAAcJ,EAAaS,GAE/C,MAAO,0iBAqByCN,uBAChCD,qOAULE,o3BAsCZ,EC5GD,MAAMM,EAAsD,CAC1DT,KAAM,OACNI,QAAS,eACTC,QAAS,iBACTC,MAAO,gB,MA6BII,EAAsB,MAJnC,WAAAC,CAAAC,G,0EAU2BC,KAAAC,MAAe,OASfD,KAAAL,MAAiC,OAGlDK,KAAAE,QAAkB,GAMlBF,KAAAG,YAAsB,GAMtBH,KAAAI,cAAyB,KAYzBJ,KAAAK,cAAyB,MAwBzBL,KAAAM,cAAgB,KACtBN,KAAKO,QAAQC,MAAM,EAGbR,KAAAS,aAAe,KACrBT,KAAKU,OAAOF,MAAM,C,CAOpB,MAAAG,GACE,MAAMC,EAAUZ,KAAKL,QAAU,QAC/B,MAAMkB,EAAcb,KAAKI,eAAiBU,QAAQd,KAAKe,aAEvD,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAalB,KAAKC,OACrBe,EAAA,SAAAE,IAAA,2CAAOC,UAAWzB,EAAgBM,KAAKL,SAEvCqB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QAETJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,YAAW,cAAa,QACjCJ,EAAA,aAAAE,IAAA,2CAAWG,KAAMzB,EAAWI,KAAKL,OAAQ2B,KAAM,MAIjDN,EAAA,OAAAE,IAAA,2CACEE,MAAM,UACNG,KAAMX,EAAU,QAAU,SAAQ,YACvBA,EAAU,YAAc,UAElCZ,KAAKE,SAAWc,EAAA,QAAAE,IAAA,2CAAME,MAAM,WAAWpB,KAAKE,SAC7Cc,EAAA,KAAAE,IAAA,2CAAGE,MAAM,eAAepB,KAAKG,aAAea,EAAA,QAAAE,IAAA,+CAI7CL,GACCG,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRpB,KAAKe,aACJC,EAAA,oBAAAE,IAAA,2CACEM,KAAK,cACLF,KAAK,KACLG,QAASzB,KAAKK,cACdJ,MAAOD,KAAKC,MACZyB,QAAS1B,KAAKS,cAEbT,KAAKe,aAGTf,KAAKI,eACJY,EAAA,oBAAAE,IAAA,2CACEM,KAAK,IACLG,MAAM,uBACNC,UAAW,KACXN,KAAK,KACLrB,MAAOD,KAAKC,MACZyB,QAAS1B,KAAKM,kB","ignoreList":[]}

package/dist/diwa-components/p-36b004e9.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.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const e="desc";const a="msg";return t(i,{key:"19e42e576c408fccc4adf6d6c562f305c33c0f54","data-theme":this.theme},t("style",{key:"0732bc072bfa2ceb467098ee5777929a8178f2a4",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),t("div",{key:"24c6834582af6bd6717f1e5931afe0899b3ff398",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"d9a04935b7d99b3c81655efde37126e3f17ba615",class:"label-row"},t("label",{key:"11d4a082d8f25f30976fcdbaa310593db060ef60",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"73c50d8ac6143b1a72c746a148500b4d4dbbd830",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"5ae5ce0b1135513eed6d844b6fbf8d16b65f788d",name:"label-after"})),t("div",{key:"b8cdb8629b40393cb8aa02ab17fc976e479758f4",class:"input-wrapper"},this._hasStart&&t("div",{key:"df9cf6f07812effcfcc97741fc4fca57ea43056f",class:"slot-start"},t("slot",{key:"fccc715b95285edd67ebb38fd9fa961aa3d32bee",name:"start"})),t("input",{key:"04cc78d6e0d5cfcbc4a9df3cabb7a6c38de1c925",id:s,class:"input",type:"number",name:this.name||undefined,value:this.value,placeholder:this.placeholder||undefined,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min!==undefined?String(this.min):undefined,max:this.max!==undefined?String(this.max):undefined,step:this.step!==undefined?String(this.step):undefined,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&t("div",{key:"c811312d3d2df960399275a019b939700ceb736e",class:"slot-end"},t("slot",{key:"1dca8bdb7a062db994c126b03f7b6d715719bf66",name:"end"}))),!this.message&&this.description&&t("p",{key:"0291a639f01c74f5f0d761494d27abd47a19b5ee",id:e,class:"description"},this.description),this.message&&t("p",{key:"6956f7c63e1631a898b79040652fa42b746b06bc",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_number};
-//# sourceMappingURL=p-36b004e9.entry.js.map

package/dist/diwa-components/p-36b004e9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DiwaInputNumber","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","String","max","step","autocomplete","autoComplete","onInput","onChange","onBlur","onFocus"],"sources":["src/components/diwa-input-number/diwa-input-number.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-number-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-number',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputNumber {\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 allowed value. */\r\n  @Prop() min?: number;\r\n  /** Maximum allowed value. */\r\n  @Prop() max?: number;\r\n  /** Step increment. */\r\n  @Prop() step?: number;\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=\"number\"\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              min={this.min !== undefined ? String(this.min) : undefined}\r\n              max={this.max !== undefined ? String(this.max) : undefined}\r\n              step={this.step !== undefined ? String(this.step) : undefined}\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":"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","ignoreList":[]}

package/dist/diwa-components/p-37e1bea3.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:"d42fb54eff16c99a228aadb0705555b46f12e32f","data-theme":this.theme},n("style",{key:"5a970176294cd830196d20211c3de04bafe432cb",innerHTML:e(this.variant,this.compact)}),n("span",{key:"cf96cb76fd620897df59dab8cd85c49b2905112c",class:"tag"},this.icon&&n("span",{key:"e5f269560d17a45c0072dadeab04018592b13f1a",class:"icon"},n("diwa-icon",{key:"355758d40a0a2539b0ec7eba9710e57a308e510e",name:this.icon,size:this.compact?12:14})),n("slot",{key:"640ad0e5c11ecaebd98fe846f48b81938c7c9db2"})))}};export{o as diwa_tag};
-//# sourceMappingURL=p-37e1bea3.entry.js.map

package/dist/diwa-components/p-37e1bea3.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-3b38fa01.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:"1bd4bdda83dd199b36592765be08ae2e25707589",role:"listitem","aria-current":this.state==="current"?"step":undefined},n("style",{key:"d40d2b5fe94ba5c056cab3d01b1c43d4c9a55c5e",innerHTML:a(this.state,this.isLast)}),n("div",{key:"b5fddb4aef4467af7a902bc4d41431f744b10dbc",class:"item"},n("div",{key:"6382f98df1fb9eca76507b0741c39959ba8ea63c",class:"circle"},this.renderIcon()),n("div",{key:"f950e7b8b8463312c72ccee15394914b0d24dbf4",class:"connector","aria-hidden":"true"}),this.label&&n("span",{key:"9d38f213ba5cf9b4c390b674247ac42b5ebef455",class:"label"},this.label),this.sublabel&&n("span",{key:"14a4c997f533e697cc58ee8d9b1a997e306e9bec",class:"sublabel"},this.sublabel)))}get host(){return t(this)}};export{r as diwa_stepper_horizontal_item};
-//# sourceMappingURL=p-3b38fa01.entry.js.map

package/dist/diwa-components/p-3b38fa01.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-3fb5cc30.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 h}from"./p-35c7c864.js";import"./p-70bbb21a.js";const d=class{constructor(t){s(this,t);this.change=e(this,"change",7);this.input=e(this,"input",7);this.blur=e(this,"blur",3);this.focus=e(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.showClearButton=true;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.handleClear=()=>{this.value="";this.input.emit("");this.change.emit("")}}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 d=this.showClearButton&&!!this.value&&!this.disabled&&!this.readonly;return t(i,{key:"b65d113dbeb2638837ca4fa6c4bec72ebeab4ff0","data-theme":this.theme},t("style",{key:"129f1cbd4beedf7211437bd14b1acd46e7d9a07a",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,d)}),t("div",{key:"dfaf9ba95461904f90ac2405a80df7cad84da7bf",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"35022593c675040e22f54c21421df9b5a4c3eca8",class:"label-row"},t("label",{key:"a9dbe7b00d5d90c04cc547ffe9b83824fec16f3c",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"edc28498c69dff1486689de5e3e8bfe66345e11b",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"cac59ac1300060cb567d5e4bb98a2b7b1a61c434",name:"label-after"})),t("div",{key:"b930d3fab86f0b6d692068ce075f362049c8b984",class:"input-wrapper"},this._hasStart&&t("div",{key:"8634d5be0e887ec36f4c381e2f2bf9ff521f66af",class:"slot-start"},t("slot",{key:"57e992af5d19a2a756d0bd14e420ece4ab0c9d01",name:"start"})),t("input",{key:"c9d27434efc3ddfbdbc148ff794fd09594f1e2f8",id:s,class:"input",type:"search",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:"b9e6ee6d85989e1dab8e2945229138a3477ecbfc",class:"slot-end"},t("slot",{key:"126dbbf8756d52d288e36d9e1aad217421bea948",name:"end"})),d&&t("button",{key:"0731f87f0acb9deafd9aa0ddb31ce8bfc801af99",class:"suffix-btn",type:"button","aria-label":"Clear search",onClick:this.handleClear},t("diwa-icon",{key:"fd701ce699cb87a06ad6ed310cbc40bb3f9428c2",name:"x",size:14}))),!this.message&&this.description&&t("p",{key:"2a90135b0a79bf9ecb81da78751aaad0ffd858fe",id:e,class:"description"},this.description),this.message&&t("p",{key:"b4094e0ce16272e1a607a50e982d157b5ff15a5c",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{d as diwa_input_search};
-//# sourceMappingURL=p-3fb5cc30.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DiwaInputSearch","constructor","hostRef","this","_hasStart","_hasEnd","label","description","message","state","name","value","placeholder","disabled","required","readonly","hideLabel","compact","theme","showClearButton","handleInput","e","target","input","emit","handleChange","change","handleBlur","blur","handleFocus","focus","handleClear","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-search/diwa-input-search.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-search-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-search',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputSearch {\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 clear (×) button when the field has a value. */\r\n  @Prop() showClearButton: boolean = true;\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 handleClear = (): void => {\r\n    this.value = '';\r\n    this.input.emit('');\r\n    this.change.emit('');\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.showClearButton && !!this.value && !this.disabled && !this.readonly;\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=\"search\"\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=\"Clear search\"\r\n                onClick={this.handleClear}\r\n              >\r\n                <diwa-icon name=\"x\" size={14} />\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":"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","ignoreList":[]}

package/dist/diwa-components/p-429c596d.entry.js

@@ -1,2 +0,0 @@
-import{r,h as a,H as e}from"./p-ed4017f0.js";const o=()=>`\n  :host {\n    display: table-row;\n    border-bottom: var(--diwa-table-row-border-width, var(--diwa-border-width-thin, 1px)) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n    transition: background var(--diwa-transition-base);\n  }\n  :host([hidden]) { display: none; }\n  :host(:hover) {\n    background: var(--diwa-table-hover-color, transparent);\n  }\n`;const d=class{constructor(a){r(this,a);this.theme="dark"}render(){return a(e,{key:"7f50afcd2d670ddfce8c868977c8662984e8a92d",role:"row","data-theme":this.theme},a("style",{key:"95d0cc4eb479e1ad4e3e03b87c82e8c7f99be540",innerHTML:o()}),a("slot",{key:"8d02b0f44a1b06304bcfa7e1b7d582c0ec2b2db8"}))}};export{d as diwa_table_row};
-//# sourceMappingURL=p-429c596d.entry.js.map

package/dist/diwa-components/p-429c596d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","DiwaTableRow","constructor","hostRef","this","theme","render","h","Host","key","role","innerHTML"],"sources":["src/components/diwa-table-row/diwa-table-row-styles.ts","src/components/diwa-table-row/diwa-table-row.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\n  :host {\n    display: table-row;\n    border-bottom: var(--diwa-table-row-border-width, var(--diwa-border-width-thin, 1px)) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n    transition: background var(--diwa-transition-base);\n  }\n  :host([hidden]) { display: none; }\n  :host(:hover) {\n    background: var(--diwa-table-hover-color, transparent);\n  }\n`;\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-row-styles';\r\n\r\n/** @component diwa-table-row — Maps to <tr> inside diwa-table-head or diwa-table-body. */\r\n@Component({ tag: 'diwa-table-row', shadow: true })\r\nexport class DiwaTableRow {\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"row\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"6CAAO,MAAMA,EAAkB,IAAc,kY,MCMhCC,EAAY,MADzB,WAAAC,CAAAC,G,UAE2BC,KAAAC,MAAe,M,CAExC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAaN,KAAKC,OAChCE,EAAA,SAAAE,IAAA,2CAAOE,UAAWX,MAClBO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/diwa-components/p-50866c5a.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as a,H as e,g as n}from"./p-ed4017f0.js";const t={display:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-4xl))",h1:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-3xl))",h2:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-2xl))",h3:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-xl))",h4:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-lg))",h5:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-base))",h6:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-sm))",inherit:"var(--diwa-heading-font-size, inherit)"};const d={display:"var(--diwa-heading-letter-spacing, -0.03em)",h1:"var(--diwa-heading-letter-spacing, -0.03em)",h2:"var(--diwa-heading-letter-spacing, -0.015em)",h3:"var(--diwa-heading-letter-spacing, -0.015em)",h4:"var(--diwa-heading-letter-spacing, 0)",h5:"var(--diwa-heading-letter-spacing, 0)",h6:"var(--diwa-heading-letter-spacing, 0)",inherit:"var(--diwa-heading-letter-spacing, inherit)"};const h={semibold:"var(--diwa-font-weight-semibold)",bold:"var(--diwa-font-weight-bold)"};const r={primary:"var(--diwa-heading-color, var(--diwa-text-primary))",secondary:"var(--diwa-heading-color, var(--diwa-text-secondary))",inherit:"var(--diwa-heading-color, inherit)"};const s=(i,a,e,n,s)=>`\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .heading {\n    margin: 0;\n    padding: 0;\n    font-size: ${t[i]};\n    font-weight: ${h[a]};\n    line-height: var(--diwa-heading-line-height, var(--diwa-line-height-tight));\n    letter-spacing: ${d[i]};\n    text-align: ${e};\n    color: ${r[n]};\n    ${s?"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;":""}\n  }\n`;const o=new Set(["h1","h2","h3","h4","h5","h6"]);const l={display:"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",inherit:"h2"};function f(i,a,e){if(i&&Array.from(i.children).some((i=>o.has(i.tagName.toLowerCase())))){return"div"}if(e)return e;return l[a]}const g=class{constructor(a){i(this,a);this.theme="dark";this.size="h2";this.weight="bold";this.align="start";this.color="primary";this.ellipsis=false}render(){const i=f(this.host,this.size,this.tag);return a(e,{key:"af31da4a1b31e1a28f9de05da4c5517dbfb7fdbd","data-theme":this.theme},a("style",{key:"c9616c82eae3dada3edcf5c89b7f9b88716bae55",innerHTML:s(this.size,this.weight,this.align,this.color,this.ellipsis)}),a(i,{key:"d265ccdd08cdbc29ba15043a67769b78e8cfe4cb",class:"heading"},a("slot",{key:"7c7bfb3d32b839469bfba2ec02173d1f71f03812"})))}get host(){return n(this)}};export{g as diwa_heading};
-//# sourceMappingURL=p-50866c5a.entry.js.map

package/dist/diwa-components/p-50866c5a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FONT_SIZE","display","h1","h2","h3","h4","h5","h6","inherit","LETTER_SPACING","FONT_WEIGHT","semibold","bold","COLOR","primary","secondary","getComponentCss","size","weight","align","color","ellipsis","H_TAGS","Set","SIZE_TO_TAG","getHeadingTag","host","tag","Array","from","children","some","el","has","tagName","toLowerCase","DiwaHeading","constructor","hostRef","this","theme","render","Tag","h","Host","key","innerHTML","class"],"sources":["src/components/diwa-heading/diwa-heading-styles.ts","src/components/diwa-heading/diwa-heading-utils.ts","src/components/diwa-heading/diwa-heading.tsx"],"sourcesContent":["import type { HeadingAlign, HeadingColor, HeadingSize, HeadingWeight } from './types';\r\n\r\nconst FONT_SIZE: Record<HeadingSize, string> = {\r\n  'display': 'var(--diwa-heading-font-size, var(--diwa-font-size-fluid-4xl))',\r\n  'h1':      'var(--diwa-heading-font-size, var(--diwa-font-size-fluid-3xl))',\r\n  'h2':      'var(--diwa-heading-font-size, var(--diwa-font-size-fluid-2xl))',\r\n  'h3':      'var(--diwa-heading-font-size, var(--diwa-font-size-fluid-xl))',\r\n  'h4':      'var(--diwa-heading-font-size, var(--diwa-font-size-fluid-lg))',\r\n  'h5':      'var(--diwa-heading-font-size, var(--diwa-font-size-fluid-base))',\r\n  'h6':      'var(--diwa-heading-font-size, var(--diwa-font-size-fluid-sm))',\r\n  'inherit': 'var(--diwa-heading-font-size, inherit)',\r\n};\r\n\r\nconst LETTER_SPACING: Record<HeadingSize, string> = {\r\n  'display': 'var(--diwa-heading-letter-spacing, -0.03em)',\r\n  'h1':      'var(--diwa-heading-letter-spacing, -0.03em)',\r\n  'h2':      'var(--diwa-heading-letter-spacing, -0.015em)',\r\n  'h3':      'var(--diwa-heading-letter-spacing, -0.015em)',\r\n  'h4':      'var(--diwa-heading-letter-spacing, 0)',\r\n  'h5':      'var(--diwa-heading-letter-spacing, 0)',\r\n  'h6':      'var(--diwa-heading-letter-spacing, 0)',\r\n  'inherit': 'var(--diwa-heading-letter-spacing, inherit)',\r\n};\r\n\r\nconst FONT_WEIGHT: Record<HeadingWeight, string> = {\r\n  semibold: 'var(--diwa-font-weight-semibold)',\r\n  bold:     'var(--diwa-font-weight-bold)',\r\n};\r\n\r\nconst COLOR: Record<HeadingColor, string> = {\r\n  primary:   'var(--diwa-heading-color, var(--diwa-text-primary))',\r\n  secondary: 'var(--diwa-heading-color, var(--diwa-text-secondary))',\r\n  inherit:   'var(--diwa-heading-color, inherit)',\r\n};\r\n\r\nexport const getComponentCss = (\r\n  size: HeadingSize,\r\n  weight: HeadingWeight,\r\n  align: HeadingAlign,\r\n  color: HeadingColor,\r\n  ellipsis: boolean,\r\n): string => `\r\n\r\n  :host {\r\n    display: block;\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  .heading {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-size: ${FONT_SIZE[size]};\r\n    font-weight: ${FONT_WEIGHT[weight]};\r\n    line-height: var(--diwa-heading-line-height, var(--diwa-line-height-tight));\r\n    letter-spacing: ${LETTER_SPACING[size]};\r\n    text-align: ${align};\r\n    color: ${COLOR[color]};\r\n    ${ellipsis ? 'overflow: hidden; text-overflow: ellipsis; white-space: nowrap;' : ''}\r\n  }\r\n`;\r\n","import type { HeadingSize, HeadingTag } from './types';\r\n\r\nconst H_TAGS = new Set(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\r\n\r\nexport const SIZE_TO_TAG: Record<HeadingSize, HeadingTag> = {\r\n  display: 'h1',\r\n  h1:      'h1',\r\n  h2:      'h2',\r\n  h3:      'h3',\r\n  h4:      'h4',\r\n  h5:      'h5',\r\n  h6:      'h6',\r\n  inherit: 'h2',\r\n};\r\n\r\n/**\r\n * Resolves the HTML tag to render:\r\n * 1. If any direct slotted child is an h1–h6 element → return 'div' (avoids invalid nesting).\r\n * 2. If an explicit `tag` prop is provided → use it.\r\n * 3. Otherwise → infer from the `size` prop.\r\n */\r\nexport function getHeadingTag(\r\n  host: HTMLElement | null,\r\n  size: HeadingSize,\r\n  tag: HeadingTag | undefined,\r\n): HeadingTag {\r\n  if (host && Array.from(host.children).some((el) => H_TAGS.has(el.tagName.toLowerCase()))) {\r\n    return 'div';\r\n  }\r\n  if (tag) return tag;\r\n  return SIZE_TO_TAG[size];\r\n}\r\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\r\nimport type { HeadingAlign, HeadingColor, HeadingSize, HeadingTag, HeadingWeight } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-heading-styles';\r\nimport { getHeadingTag } from './diwa-heading-utils';\r\n\r\n/**\r\n * @component diwa-heading\r\n *\r\n * A responsive heading renderer that maps a visual size scale onto the\r\n * correct semantic HTML heading element. Font sizes use fluid type tokens\r\n * that scale between viewport sizes.\r\n *\r\n * Usage:\r\n *   <diwa-heading size=\"h1\">Page title</diwa-heading>\r\n *   <diwa-heading size=\"display\" color=\"secondary\">Hero headline</diwa-heading>\r\n *   <diwa-heading size=\"h3\" tag=\"h2\">Visual h3, semantic h2</diwa-heading>\r\n *\r\n * @slot default — Heading text content. Inline elements are allowed; block elements are not.\r\n */\r\n@Component({\r\n  tag: 'diwa-heading',\r\n  shadow: true,\r\n})\r\nexport class DiwaHeading {\r\n  @Element() private host!: HTMLElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /**\r\n   * Visual size and inferred semantic heading level.\r\n   * Determines the rendered HTML tag when no explicit `tag` prop is given.\r\n   */\r\n  @Prop({ reflect: true }) size: HeadingSize = 'h2';\r\n\r\n  /**\r\n   * Override the rendered HTML tag.\r\n   * Use when the visual size must differ from the semantic level —\r\n   * e.g. a visually-large `h3` inside a section that already has an `h2`.\r\n   * If omitted, the tag is inferred from `size`.\r\n   */\r\n  @Prop({ reflect: true }) tag?: HeadingTag;\r\n\r\n  /** Font weight. */\r\n  @Prop({ reflect: true }) weight: HeadingWeight = 'bold';\r\n\r\n  /** Horizontal alignment. `start` and `end` are RTL-aware. */\r\n  @Prop({ reflect: true }) align: HeadingAlign = 'start';\r\n\r\n  /**\r\n   * Colour alias. Use `inherit` to pass through the surrounding colour unchanged —\r\n   * useful inside cards, hero sections, or other styled containers.\r\n   */\r\n  @Prop({ reflect: true }) color: HeadingColor = 'primary';\r\n\r\n  /**\r\n   * Clip overflow to a single line with a trailing ellipsis.\r\n   * The host element must have a defined width for this to take effect.\r\n   */\r\n  @Prop({ reflect: true }) ellipsis: boolean = false;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const Tag = getHeadingTag(this.host, this.size, this.tag) as any; // eslint-disable-line @typescript-eslint/no-explicit-any\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis)} />\r\n        <Tag class=\"heading\">\r\n          <slot />\r\n        </Tag>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAEA,MAAMA,EAAyC,CAC7CC,QAAW,iEACXC,GAAW,iEACXC,GAAW,iEACXC,GAAW,gEACXC,GAAW,gEACXC,GAAW,kEACXC,GAAW,gEACXC,QAAW,0CAGb,MAAMC,EAA8C,CAClDR,QAAW,8CACXC,GAAW,8CACXC,GAAW,+CACXC,GAAW,+CACXC,GAAW,wCACXC,GAAW,wCACXC,GAAW,wCACXC,QAAW,+CAGb,MAAME,EAA6C,CACjDC,SAAU,mCACVC,KAAU,gCAGZ,MAAMC,EAAsC,CAC1CC,QAAW,sDACXC,UAAW,wDACXP,QAAW,sCAGN,MAAMQ,EAAkB,CAC7BC,EACAC,EACAC,EACAC,EACAC,IACW,4MAcIrB,EAAUiB,yBACRP,EAAYQ,8GAETT,EAAeQ,wBACnBE,kBACLN,EAAMO,YACbC,EAAW,kEAAoE,YC3DrF,MAAMC,EAAS,IAAIC,IAAI,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,OAE/C,MAAMC,EAA+C,CAC1DvB,QAAS,KACTC,GAAS,KACTC,GAAS,KACTC,GAAS,KACTC,GAAS,KACTC,GAAS,KACTC,GAAS,KACTC,QAAS,M,SASKiB,EACdC,EACAT,EACAU,GAEA,GAAID,GAAQE,MAAMC,KAAKH,EAAKI,UAAUC,MAAMC,GAAOV,EAAOW,IAAID,EAAGE,QAAQC,iBAAiB,CACxF,MAAO,K,CAET,GAAIR,EAAK,OAAOA,EAChB,OAAOH,EAAYP,EACrB,C,MCPamB,EAAW,MAJxB,WAAAC,CAAAC,G,UAY2BC,KAAAC,MAAe,OAMfD,KAAAtB,KAAoB,KAWpBsB,KAAArB,OAAwB,OAGxBqB,KAAApB,MAAsB,QAMtBoB,KAAAnB,MAAsB,UAMtBmB,KAAAlB,SAAoB,K,CAM7C,MAAAoB,GACE,MAAMC,EAAMjB,EAAcc,KAAKb,KAAMa,KAAKtB,KAAMsB,KAAKZ,KAErD,OACEgB,EAACC,EAAI,CAAAC,IAAA,wDAAaN,KAAKC,OACrBG,EAAA,SAAAE,IAAA,2CAAOC,UAAW9B,EAAgBuB,KAAKtB,KAAMsB,KAAKrB,OAAQqB,KAAKpB,MAAOoB,KAAKnB,MAAOmB,KAAKlB,YACvFsB,EAACD,EAAG,CAAAG,IAAA,2CAACE,MAAM,WACTJ,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/diwa-components/p-5a597e27.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as t,H as e}from"./p-ed4017f0.js";const i={"x-small":"var(--diwa-font-size-xs)",small:"var(--diwa-font-size-md)",medium:"var(--diwa-font-size-base)",large:"var(--diwa-font-size-lg)","x-large":"var(--diwa-font-size-xl)","xx-large":"var(--diwa-font-size-3xl)"};const n={regular:"var(--diwa-font-weight-normal)",semibold:"var(--diwa-font-weight-semibold)",bold:"var(--diwa-font-weight-bold)"};const s={primary:"var(--diwa-text-primary)",secondary:"var(--diwa-text-secondary)",tertiary:"var(--diwa-text-tertiary)",inherit:"inherit"};const r=(a,t,e,r,o)=>`\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .text {\n    margin: 0;\n    padding: 0;\n    font-size: ${i[a]};\n    font-weight: ${n[t]};\n    line-height: var(--diwa-line-height-normal);\n    text-align: ${e};\n    color: ${s[r]};\n    ${o?"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;":""}\n  }\n`;const o=class{constructor(t){a(this,t);this.theme="dark";this.tag="p";this.size="small";this.weight="regular";this.align="start";this.color="primary";this.ellipsis=false}render(){const a=this.tag;return t(e,{key:"78b4446a7e87098e2b5c91eeafa452af9746b3f4","data-theme":this.theme},t("style",{key:"4d35e7cd05ba8b6169481a3e29562e606eb11504",innerHTML:r(this.size,this.weight,this.align,this.color,this.ellipsis)}),t(a,{key:"0c9634ebb578a91e3abf14957ad588f3350070cf",class:"text"},t("slot",{key:"1a173a8d617c7f903da682122dbd96767d3af2b3"})))}};export{o as diwa_text};
-//# sourceMappingURL=p-5a597e27.entry.js.map

package/dist/diwa-components/p-5a597e27.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FONT_SIZE","small","medium","large","FONT_WEIGHT","regular","semibold","bold","COLOR","primary","secondary","tertiary","inherit","getComponentCss","size","weight","align","color","ellipsis","DiwaText","constructor","hostRef","this","theme","tag","render","Tag","h","Host","key","innerHTML","class"],"sources":["src/components/diwa-text/diwa-text-styles.ts","src/components/diwa-text/diwa-text.tsx"],"sourcesContent":["import type { TextAlign, TextColor, TextSize, TextWeight } from './types';\r\n\r\nconst FONT_SIZE: Record<TextSize, string> = {\r\n  'x-small':  'var(--diwa-font-size-xs)',\r\n  'small':    'var(--diwa-font-size-md)',\r\n  'medium':   'var(--diwa-font-size-base)',\r\n  'large':    'var(--diwa-font-size-lg)',\r\n  'x-large':  'var(--diwa-font-size-xl)',\r\n  'xx-large': 'var(--diwa-font-size-3xl)',\r\n};\r\n\r\nconst FONT_WEIGHT: Record<TextWeight, string> = {\r\n  regular:  'var(--diwa-font-weight-normal)',\r\n  semibold: 'var(--diwa-font-weight-semibold)',\r\n  bold:     'var(--diwa-font-weight-bold)',\r\n};\r\n\r\nconst COLOR: Record<TextColor, string> = {\r\n  primary:   'var(--diwa-text-primary)',\r\n  secondary: 'var(--diwa-text-secondary)',\r\n  tertiary:  'var(--diwa-text-tertiary)',\r\n  inherit:   'inherit',\r\n};\r\n\r\nexport const getComponentCss = (\r\n  size: TextSize,\r\n  weight: TextWeight,\r\n  align: TextAlign,\r\n  color: TextColor,\r\n  ellipsis: boolean,\r\n): string => `\r\n\r\n  :host {\r\n    display: block;\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  .text {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-size: ${FONT_SIZE[size]};\r\n    font-weight: ${FONT_WEIGHT[weight]};\r\n    line-height: var(--diwa-line-height-normal);\r\n    text-align: ${align};\r\n    color: ${COLOR[color]};\r\n    ${ellipsis ? 'overflow: hidden; text-overflow: ellipsis; white-space: nowrap;' : ''}\r\n  }\r\n`;\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { TextAlign, TextColor, TextSize, TextTag, TextWeight } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-text-styles';\r\n\r\n/**\r\n * @component diwa-text\r\n *\r\n * A semantically correct text renderer that maps a visual type scale onto\n * the correct HTML element. Mirrors the Diwa text API contract.\n *\r\n * Usage:\r\n *   <diwa-text size=\"large\" weight=\"semibold\">Section title</diwa-text>\r\n *   <diwa-text size=\"small\" color=\"secondary\">Supporting detail</diwa-text>\r\n *   <diwa-text tag=\"span\" size=\"medium\" ellipsis>Truncated text</diwa-text>\r\n *\r\n * @slot default — Text content. Can include inline elements.\r\n */\r\n@Component({\r\n  tag: 'diwa-text',\r\n  shadow: true,\r\n})\r\nexport class DiwaText {\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** HTML element to render. Choose based on semantic context. */\r\n  @Prop({ reflect: true }) tag: TextTag = 'p';\r\n\r\n  /** Font size tier. Maps to the diwa type scale. */\r\n  @Prop({ reflect: true }) size: TextSize = 'small';\r\n\r\n  /** Font weight. */\r\n  @Prop({ reflect: true }) weight: TextWeight = 'regular';\r\n\r\n  /** Horizontal alignment. `start` and `end` are RTL-aware. */\r\n  @Prop({ reflect: true }) align: TextAlign = 'start';\r\n\r\n  /**\r\n   * Colour alias. Use `inherit` to pass through the surrounding colour unchanged —\r\n   * useful inside buttons, table cells, or other styled containers.\r\n   */\r\n  @Prop({ reflect: true }) color: TextColor = 'primary';\r\n\r\n  /**\r\n   * Clip overflow to a single line with a trailing ellipsis.\r\n   * The host element must have a defined width for this to take effect.\r\n   */\r\n  @Prop({ reflect: true }) ellipsis: boolean = false;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const Tag = this.tag as any; // eslint-disable-line @typescript-eslint/no-explicit-any\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis)} />\r\n        <Tag class=\"text\">\r\n          <slot />\r\n        </Tag>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAEA,MAAMA,EAAsC,CAC1C,UAAY,2BACZC,MAAY,2BACZC,OAAY,6BACZC,MAAY,2BACZ,UAAY,2BACZ,WAAY,6BAGd,MAAMC,EAA0C,CAC9CC,QAAU,iCACVC,SAAU,mCACVC,KAAU,gCAGZ,MAAMC,EAAmC,CACvCC,QAAW,2BACXC,UAAW,6BACXC,SAAW,4BACXC,QAAW,WAGN,MAAMC,EAAkB,CAC7BC,EACAC,EACAC,EACAC,EACAC,IACW,yMAcIlB,EAAUc,yBACRV,EAAYW,0EAEbC,kBACLR,EAAMS,YACbC,EAAW,kEAAoE,Y,MC3BxEC,EAAQ,MAJrB,WAAAC,CAAAC,G,UAU2BC,KAAAC,MAAe,OAGfD,KAAAE,IAAe,IAGfF,KAAAR,KAAiB,QAGjBQ,KAAAP,OAAqB,UAGrBO,KAAAN,MAAmB,QAMnBM,KAAAL,MAAmB,UAMnBK,KAAAJ,SAAoB,K,CAM7C,MAAAO,GACE,MAAMC,EAAMJ,KAAKE,IAEjB,OACEG,EAACC,EAAI,CAAAC,IAAA,wDAAaP,KAAKC,OACrBI,EAAA,SAAAE,IAAA,2CAAOC,UAAWjB,EAAgBS,KAAKR,KAAMQ,KAAKP,OAAQO,KAAKN,MAAOM,KAAKL,MAAOK,KAAKJ,YACvFS,EAACD,EAAG,CAAAG,IAAA,2CAACE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/diwa-components/p-5f9139bc.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as n,h as t,H as e,g as i}from"./p-ed4017f0.js";import{g as r,a as s}from"./p-70bbb21a.js";const o=()=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .bar {\n    display: flex;\n    align-items: flex-end;\n    gap: 0;\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n\n  .bar::-webkit-scrollbar {\n    display: none;\n  }\n\n  .tab-btn {\n    display: inline-flex;\n    align-items: center;\n    min-height: var(--diwa-touch-target-min-size, 44px);\n    padding: var(--diwa-space-4) var(--diwa-space-7);\n    border: none;\n    border-bottom: var(--diwa-border-width-base) solid transparent;\n    background: transparent;\n    font-size: var(--diwa-font-size-base);\n    font-family: inherit;\n    white-space: nowrap;\n    cursor: pointer;\n    margin-bottom: -1px;\n    transition: color var(--diwa-transition-base), border-color var(--diwa-transition-base);\n    color: var(--diwa-text-secondary);\n    font-weight: var(--diwa-font-weight-medium);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tab-btn:hover {\n      color: var(--diwa-text-primary);\n    }\n  }\n\n  .tab-btn[aria-selected="true"] {\n    color: var(--diwa-accent);\n    border-bottom-color: var(--diwa-accent);\n    font-weight: var(--diwa-font-weight-medium);\n  }\n\n  ${r(".tab-btn")}\n\n  .panels {\n    padding: var(--diwa-space-4) var(--diwa-space-7);\n  }\n\n  ${s(".tab-btn")}\n`;const d=class{constructor(t){a(this,t);this.update=n(this,"update",1);this.theme="dark";this.activeTabIndex=0}handleIndexChange(){this.syncItems()}componentDidLoad(){this.syncItems()}componentDidUpdate(){this.syncItems()}getItems(){return Array.from(this.host.querySelectorAll("diwa-tabs-item"))}syncItems(){const a=this.getItems();a.forEach(((a,n)=>{a.active=n===this.activeTabIndex;a.setAttribute("id",`panel-${n}`)}))}handleTabClick(a){if(a===this.activeTabIndex)return;this.activeTabIndex=a;this.update.emit({activeTabIndex:a});this.syncItems()}render(){const a=this.getItems();return t(e,{key:"58e19e00620feeab361bb40e4b8ae53a5aae0bd4","data-theme":this.theme},t("style",{key:"3ff3a46b7df5caeaf1c670f72ca725f8218618c7",innerHTML:o()}),t("div",{key:"a1473f8f9bb7d88176d8825879985eed0a3fabba",class:"bar",role:"tablist"},a.map(((a,n)=>t("button",{class:"tab-btn",key:n,role:"tab",type:"button","aria-selected":n===this.activeTabIndex?"true":"false","aria-controls":`panel-${n}`,tabindex:n===this.activeTabIndex?0:-1,onClick:()=>this.handleTabClick(n)},a.label||`Tab ${n+1}`)))),t("div",{key:"49a664dd1f219421c05963cea3c4172e118b280a",class:"panels"},t("slot",{key:"41c47202452a8de31d9e64c20cb4728047a53b5a"})))}get host(){return i(this)}static get watchers(){return{activeTabIndex:["handleIndexChange"]}}};export{d as diwa_tabs};
-//# sourceMappingURL=p-5f9139bc.entry.js.map

package/dist/diwa-components/p-5f9139bc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","getFocusStyle","getReducedMotionStyle","DiwaTabs","constructor","hostRef","this","theme","activeTabIndex","handleIndexChange","syncItems","componentDidLoad","componentDidUpdate","getItems","Array","from","host","querySelectorAll","items","forEach","item","i","active","setAttribute","handleTabClick","index","update","emit","render","h","Host","key","innerHTML","class","role","map","type","tabindex","onClick","label"],"sources":["src/components/diwa-tabs/diwa-tabs-styles.ts","src/components/diwa-tabs/diwa-tabs.tsx"],"sourcesContent":["import { getFocusStyle, 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  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .bar {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    gap: 0;\r\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  .bar::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .tab-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: var(--diwa-touch-target-min-size, 44px);\r\n    padding: var(--diwa-space-4) var(--diwa-space-7);\r\n    border: none;\r\n    border-bottom: var(--diwa-border-width-base) solid transparent;\r\n    background: transparent;\r\n    font-size: var(--diwa-font-size-base);\r\n    font-family: inherit;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n    margin-bottom: -1px;\r\n    transition: color var(--diwa-transition-base), border-color var(--diwa-transition-base);\r\n    color: var(--diwa-text-secondary);\r\n    font-weight: var(--diwa-font-weight-medium);\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .tab-btn:hover {\r\n      color: var(--diwa-text-primary);\r\n    }\r\n  }\r\n\r\n  .tab-btn[aria-selected=\"true\"] {\r\n    color: var(--diwa-accent);\r\n    border-bottom-color: var(--diwa-accent);\r\n    font-weight: var(--diwa-font-weight-medium);\r\n  }\r\n\r\n  ${getFocusStyle('.tab-btn')}\r\n\r\n  .panels {\r\n    padding: var(--diwa-space-4) var(--diwa-space-7);\r\n  }\r\n\r\n  ${getReducedMotionStyle('.tab-btn')}\r\n`;\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { TabsUpdateEventDetail } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-tabs-styles';\r\n\r\n/**\r\n * @component diwa-tabs\r\n *\r\n * A full tabs component consisting of an integrated tab bar and panel area.\r\n * Accepts `diwa-tabs-item` elements as children. The component renders\r\n * its own horizontal tab buttons and shows only the panel for the active\r\n * tab.\r\n *\r\n * Usage:\r\n *   <diwa-tabs active-tab-index={0} onupdate={e => setTab(e.detail.activeTabIndex)}>\r\n *     <diwa-tabs-item label=\"Overview\">Content A</diwa-tabs-item>\r\n *     <diwa-tabs-item label=\"Details\">Content B</diwa-tabs-item>\r\n *   </diwa-tabs>\r\n */\r\n@Component({\r\n  tag: 'diwa-tabs',\r\n  shadow: true,\r\n})\r\nexport class DiwaTabs {\r\n  @Element() host!: HTMLDiwaTabsElement;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Zero-based index of the currently active tab. */\r\n  @Prop({ mutable: true, attribute: 'active-tab-index' })\r\n  activeTabIndex: number = 0;\r\n\r\n  /**\r\n   * Emitted when the user selects a different tab.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<TabsUpdateEventDetail>;\r\n\r\n  @Watch('activeTabIndex')\r\n  handleIndexChange() {\r\n    this.syncItems();\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.syncItems();\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    this.syncItems();\r\n  }\r\n\r\n  private getItems(): HTMLDiwaTabsItemElement[] {\r\n    return Array.from(this.host.querySelectorAll('diwa-tabs-item')) as HTMLDiwaTabsItemElement[];\r\n  }\r\n\r\n  private syncItems() {\r\n    const items = this.getItems();\r\n    items.forEach((item, i) => {\r\n      (item as any).active = i === this.activeTabIndex;\r\n      item.setAttribute('id', `panel-${i}`);\r\n    });\r\n  }\r\n\r\n  private handleTabClick(index: number) {\r\n    if (index === this.activeTabIndex) return;\r\n    this.activeTabIndex = index;\r\n    this.update.emit({ activeTabIndex: index });\r\n    this.syncItems();\r\n  }\r\n\r\n  render() {\r\n    const items = this.getItems();\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <div class=\"bar\" role=\"tablist\">\r\n          {items.map((item, i) => (\r\n            <button\r\n              class=\"tab-btn\"\r\n              key={i}\r\n              role=\"tab\"\r\n              type=\"button\"\r\n              aria-selected={i === this.activeTabIndex ? 'true' : 'false'}\r\n              aria-controls={`panel-${i}`}\r\n              tabindex={i === this.activeTabIndex ? 0 : -1}\r\n              onClick={() => this.handleTabClick(i)}\r\n            >\r\n              {(item as any).label || `Tab ${i + 1}`}\r\n            </button>\r\n          ))}\r\n        </div>\r\n        <div class=\"panels\">\r\n          <slot />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2GAEO,MAAMA,EAAkB,IAAc,mzCAqDzCC,EAAc,+FAMdC,EAAsB,gB,MCtCbC,EAAQ,MAJrB,WAAAC,CAAAC,G,yCAQ2BC,KAAAC,MAAe,OAIxCD,KAAAE,eAAyB,C,CASzB,iBAAAC,GACEH,KAAKI,W,CAGP,gBAAAC,GACEL,KAAKI,W,CAGP,kBAAAE,GACEN,KAAKI,W,CAGC,QAAAG,GACN,OAAOC,MAAMC,KAAKT,KAAKU,KAAKC,iBAAiB,kB,CAGvC,SAAAP,GACN,MAAMQ,EAAQZ,KAAKO,WACnBK,EAAMC,SAAQ,CAACC,EAAMC,KAClBD,EAAaE,OAASD,IAAMf,KAAKE,eAClCY,EAAKG,aAAa,KAAM,SAASF,IAAI,G,CAIjC,cAAAG,CAAeC,GACrB,GAAIA,IAAUnB,KAAKE,eAAgB,OACnCF,KAAKE,eAAiBiB,EACtBnB,KAAKoB,OAAOC,KAAK,CAAEnB,eAAgBiB,IACnCnB,KAAKI,W,CAGP,MAAAkB,GACE,MAAMV,EAAQZ,KAAKO,WAEnB,OACEgB,EAACC,EAAI,CAAAC,IAAA,wDAAazB,KAAKC,OACrBsB,EAAA,SAAAE,IAAA,2CAAOC,UAAWhC,MAClB6B,EAAA,OAAAE,IAAA,2CAAKE,MAAM,MAAMC,KAAK,WACnBhB,EAAMiB,KAAI,CAACf,EAAMC,IAChBQ,EAAA,UACEI,MAAM,UACNF,IAAKV,EACLa,KAAK,MACLE,KAAK,SAAQ,gBACEf,IAAMf,KAAKE,eAAiB,OAAS,QAAO,gBAC5C,SAASa,IACxBgB,SAAUhB,IAAMf,KAAKE,eAAiB,GAAK,EAC3C8B,QAAS,IAAMhC,KAAKkB,eAAeH,IAEjCD,EAAamB,OAAS,OAAOlB,EAAI,QAIzCQ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UACTJ,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/diwa-components/p-66c15f66.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 d}from"./p-35c7c864.js";import"./p-70bbb21a.js";const h=class{constructor(e){s(this,e);this.change=t(this,"change",7);this.input=t(this,"input",7);this.blur=t(this,"blur",3);this.focus=t(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const t="desc";const a="msg";return e(i,{key:"87caa7dc1d48df433e2eae88019ded3183eeae63","data-theme":this.theme},e("style",{key:"41b65a4a5d365c0c186430ebe4b2a25e2cc1ac2d",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),e("div",{key:"b5c0cecd3d6baa09b8553589d5262a63daf15901",class:"root"},!this.hideLabel&&this.label&&e("div",{key:"d26fb0176e47d86e1fbb5584938a4ab3da1e0015",class:"label-row"},e("label",{key:"07434e386cd23734fd7fa089ad743286a3177b23",class:"label",htmlFor:s},this.label,this.required&&e("span",{key:"9c7c2102c465f0c353a33d2a05d4b563b3cdc822",class:"required","aria-hidden":"true"}," *")),e("slot",{key:"cc9958974d0d5cd2481ffa23d9d7f81be370a613",name:"label-after"})),e("div",{key:"3d6deb18bd746934c33361bb07c9a41abe84448c",class:"input-wrapper"},this._hasStart&&e("div",{key:"0d1e81e2efaa8e7fda4c42b69e354dc2afc966fa",class:"slot-start"},e("slot",{key:"8188e74066295e173f74ab954d23762fb44aa14a",name:"start"})),e("input",{key:"c140191e01f343ef9c1762df0772c2e33d878546",id:s,class:"input",type:"month",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:"9d2967ebaf8c1da5921707860be1c437f993c71a",class:"slot-end"},e("slot",{key:"80144029ad42a1bd0c7af25ea6c03ff49df012a4",name:"end"}))),!this.message&&this.description&&e("p",{key:"c538c3c320c02157796d8ab1c89747a1d6537a1a",id:t,class:"description"},this.description),this.message&&e("p",{key:"4b5c1074231824d3d7ab6ddcf67db4b673b4d6d5",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_month};
-//# sourceMappingURL=p-66c15f66.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DiwaInputMonth","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-month/diwa-input-month.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-month-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-month',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputMonth {\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 month in YYYY-MM format. */\r\n  @Prop() min?: string;\r\n  /** Maximum month in YYYY-MM format. */\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=\"month\"\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":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as n,h as e,H as t,g as a}from"./p-ed4017f0.js";const i=(n,e)=>`\n  :host {\n    display: table-cell;\n    margin: 0 !important;\n    padding: ${n?"0":"var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px)"} !important;\n    white-space: ${e?"normal":"nowrap"} !important;\n    background: var(--diwa-table-header-bg, transparent);\n    text-align: start;\n    font-size: var(--diwa-font-size-sm);\n    font-weight: var(--diwa-font-weight-semibold);\n    letter-spacing: 0.04em;\n    color: var(--diwa-text-secondary);\n    border-right: var(--diwa-table-column-border, none) !important;\n    line-height: var(--diwa-line-height-normal);\n    vertical-align: bottom;\n  }\n  :host(:last-child) { border-right: none; }\n  :host([hidden]) { display: none; }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  ${n?`\n  .sort-btn {\n    display: flex;\n    width: 100%;\n    box-sizing: border-box;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: var(--diwa-space-1);\n    background: transparent;\n    border: 0;\n    cursor: pointer;\n    font: inherit;\n    color: inherit;\n    margin: 0;\n    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px);\n    text-align: start;\n    outline-offset: 2px;\n    transition: color var(--diwa-transition-base);\n    white-space: ${e?"normal":"nowrap"};\n  }\n  .sort-label {\n    display: inline-flex;\n    min-width: 0;\n    white-space: ${e?"normal":"nowrap"};\n  }\n  .sort-btn:hover {\n    color: var(--diwa-text-primary);\n  }\n  `:""}\n`;const r=class{constructor(e){n(this,e);this.theme="dark";this.hideLabel=false;this.multiline=false;this.handleSort=()=>{if(!this.sort)return;const n=this.sort.active?this.sort.direction==="asc"?"desc":"asc":this.sort.direction;this.host.dispatchEvent(new CustomEvent("diwaTableUpdate",{bubbles:true,composed:true,detail:{id:this.sort.id,active:true,direction:n}}))}}render(){const{sort:n,hideLabel:a,multiline:r}=this;const o=!!n;const s=!o?undefined:n.active?n.direction==="asc"?"ascending":"descending":"none";const d=e("span",{key:"40a5b63a8d14852144b04f50f5de06f18c3cb7a5",class:a?"sr-only":undefined},e("slot",{key:"f765ee500707bfdd4c720aff27ef9f0eb33111fe"}));const l=e("svg",{key:"99c9b4265ce25ea53e3c31109be2da6741d44c48",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",style:{opacity:(n===null||n===void 0?void 0:n.active)?"1":"0.4",transform:(n===null||n===void 0?void 0:n.direction)==="desc"?"rotate(180deg)":"none",transition:"opacity 150ms ease, transform 150ms ease",flexShrink:"0",display:"block"}},e("path",{key:"7fbf420dbc69c8e13d5d99f28d2271ccab2a48b9",d:"M4 10L8 6L12 10",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));return e(t,{key:"9e37a53dda74f54f91a90519b8feda3a24d75fb1",role:"columnheader","aria-sort":s},e("style",{key:"85fd59f90284e4b6daf740f21b687f564f5cc7d7",innerHTML:i(o,r)}),o?e("button",{type:"button",class:"sort-btn",onClick:this.handleSort},e("span",{class:"sort-label"},d),l):d)}get host(){return a(this)}};export{r as diwa_table_head_cell};
-//# sourceMappingURL=p-66c53adc.entry.js.map

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

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

package/dist/diwa-components/p-70bbb21a.js

@@ -1,2 +0,0 @@
-const n=n=>`\n  :host(:focus-visible) ${n},\n  ${n}: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  ${n}:focus:not(:focus-visible) {\n    outline: none;\n  }\n`;const o=(n,o)=>`\n  @media (hover: hover) and (pointer: fine) {\n    ${n}:hover {\n      ${o}\n    }\n  }\n`;const i=(...n)=>{const o=n.join(", ");return`\n  @media (prefers-reduced-motion: reduce) {\n    ${o} {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n`};export{i as a,o as b,n as g};
-//# sourceMappingURL=p-70bbb21a.js.map

package/dist/diwa-components/p-70bbb21a.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getFocusStyle","selector","getHoverCapableStyle","declarations","getReducedMotionStyle","selectors","selList","join"],"sources":["src/utils/styles.ts"],"sourcesContent":["/**\r\n * src/utils/styles.ts\r\n * ===================\r\n * Shared CSS-in-JS utilities reused across all Diwa web components.\r\n *\r\n * Mirrors the PDS shared style-building helper pattern found in:\r\n *   packages/components/src/styles/\r\n *\r\n * Every exported function returns a CSS string fragment.\r\n * Compose them inside a component's getComponentCss() function.\r\n */\r\n\r\n/** Theme identifiers — match the [data-theme] values used in app.css. */\r\nexport type Theme = 'light' | 'dark';\r\n\r\n/**\r\n * Returns standard focus-visible ring CSS for the given inner selector.\r\n *\r\n * Used inside Shadow DOM <style> tags where :host selectors are scoped.\r\n * Provides both the :host(:focus-visible) path (keyboard delegation via\r\n * shadow.delegatesFocus) and the direct :focus-visible path on the element.\r\n *\r\n * WCAG 2.4.7 (AA) — all interactive elements must have a visible focus indicator.\r\n * WCAG 2.4.11 (AA 2.2) — focus must be at least 2px with ≥3:1 contrast ratio.\r\n *\r\n * @param selector — CSS selector for the inner interactive element (e.g. '.inner')\r\n */\r\nexport const getFocusStyle = (selector: string): string => `\n  :host(:focus-visible) ${selector},\n  ${selector}: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  ${selector}:focus:not(:focus-visible) {\n    outline: none;\n  }\n`;\n\n/**\n * Returns a hover rule that only applies on pointer-capable devices.\n *\n * Prevents hover-only visuals from leaking onto touch-only devices where\n * :hover can get \"stuck\" after tap.\n */\nexport const getHoverCapableStyle = (selector: string, declarations: string): string => `\n  @media (hover: hover) and (pointer: fine) {\n    ${selector}:hover {\n      ${declarations}\n    }\n  }\n`;\n\r\n/**\r\n * Returns a @media (prefers-reduced-motion) override block for the given selectors.\r\n *\r\n * WCAG 2.3.3 (AAA) / WCAG 2.2.2 (AA): each animated component must include its\r\n * own reduced-motion block because the global reset in app.css cannot cross the\r\n * Shadow DOM boundary.\r\n *\r\n * @param selectors — one or more CSS selectors whose transitions/animations should\r\n *                    be suppressed when the user requests reduced motion.\r\n */\r\nexport const getReducedMotionStyle = (...selectors: string[]): string => {\r\n  const selList = selectors.join(', ');\r\n  return `\r\n  @media (prefers-reduced-motion: reduce) {\r\n    ${selList} {\r\n      animation-duration: 0.01ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      transition-duration: 0.01ms !important;\r\n    }\r\n  }\r\n`;\r\n};\r\n"],"mappings":"MA2BaA,EAAiBC,GAA6B,6BACjCA,SACtBA,8JAKAA,2D,MAWSC,EAAuB,CAACD,EAAkBE,IAAiC,wDAElFF,oBACEE,kB,MAeKC,EAAwB,IAAIC,KACvC,MAAMC,EAAUD,EAAUE,KAAK,MAC/B,MAAO,sDAEHD,gKAML,S","ignoreList":[]}

package/dist/diwa-components/p-71c45961.entry.js

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

package/dist/diwa-components/p-71c45961.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","DiwaSegmentedControl","constructor","hostRef","this","theme","value","disabled","compact","handleItemSelect","event","detail","update","emit","syncChildren","componentDidLoad","componentDidUpdate","items","Array","from","host","querySelectorAll","forEach","item","selected","render","h","Host","key","role","innerHTML","class"],"sources":["src/components/diwa-segmented-control/diwa-segmented-control-styles.ts","src/components/diwa-segmented-control/diwa-segmented-control.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\r\n  :host {\r\n    display: inline-flex;\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  .track {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    background: var(--diwa-bg-surface);\r\n    border: var(--diwa-border-width-thin) solid var(--diwa-border);\r\n    border-radius: var(--diwa-radius-md);\r\n    padding: var(--diwa-space-0-75);\r\n    gap: var(--diwa-space-0-5);\r\n  }\r\n`;\r\n","import { Component, Element, Event, type EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\r\nimport type { SegmentedControlUpdateEventDetail } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-segmented-control-styles';\r\n\r\n/**\r\n * @component diwa-segmented-control\r\n *\r\n * Container that groups diwa-segmented-control-item children into a\r\n * mutually exclusive selection control. Tracks the active value and\r\n * propagates state down to items.\r\n *\r\n * Usage:\r\n *   <diwa-segmented-control value=\"week\" onupdate={e => setView(e.detail.value)}>\r\n *     <diwa-segmented-control-item value=\"day\">Day</diwa-segmented-control-item>\r\n *     <diwa-segmented-control-item value=\"week\">Week</diwa-segmented-control-item>\r\n *     <diwa-segmented-control-item value=\"month\">Month</diwa-segmented-control-item>\r\n *   </diwa-segmented-control>\r\n */\r\n@Component({\r\n  tag: 'diwa-segmented-control',\r\n  shadow: true,\r\n})\r\nexport class DiwaSegmentedControl {\r\n  @Element() host!: HTMLDiwaSegmentedControlElement;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Currently selected item value. */\r\n  @Prop({ mutable: true, reflect: true }) value: string = '';\r\n\r\n  /** Disables all items. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Smaller item sizing. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /**\r\n   * Emitted when the active item changes.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<SegmentedControlUpdateEventDetail>;\r\n\r\n  @Listen('diwa-segment-select')\r\n  handleItemSelect(event: CustomEvent<{ value: string }>) {\r\n    this.value = event.detail.value;\r\n    this.update.emit({ value: this.value });\r\n    this.syncChildren();\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.syncChildren();\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    this.syncChildren();\r\n  }\r\n\r\n  private syncChildren() {\r\n    const items = Array.from(\r\n      this.host.querySelectorAll('diwa-segmented-control-item'),\r\n    ) as HTMLDiwaSegmentedControlItemElement[];\r\n    items.forEach((item) => {\r\n      (item as any).selected = item.value === this.value;\r\n      (item as any).disabled = this.disabled;\r\n      (item as any).compact = this.compact;\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"group\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <div class=\"track\">\r\n          <slot />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gEAAO,MAAMA,EAAkB,IAAc,wb,MCuBhCC,EAAoB,MAJjC,WAAAC,CAAAC,G,yCAQ2BC,KAAAC,MAAe,OAGAD,KAAAE,MAAgB,GAG/BF,KAAAG,SAAoB,MAGpBH,KAAAI,QAAmB,K,CAS5C,gBAAAC,CAAiBC,GACfN,KAAKE,MAAQI,EAAMC,OAAOL,MAC1BF,KAAKQ,OAAOC,KAAK,CAAEP,MAAOF,KAAKE,QAC/BF,KAAKU,c,CAGP,gBAAAC,GACEX,KAAKU,c,CAGP,kBAAAE,GACEZ,KAAKU,c,CAGC,YAAAA,GACN,MAAMG,EAAQC,MAAMC,KAClBf,KAAKgB,KAAKC,iBAAiB,gCAE7BJ,EAAMK,SAASC,IACZA,EAAaC,SAAWD,EAAKjB,QAAUF,KAAKE,MAC5CiB,EAAahB,SAAWH,KAAKG,SAC7BgB,EAAaf,QAAUJ,KAAKI,OAAO,G,CAIxC,MAAAiB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAazB,KAAKC,OAClCqB,EAAA,SAAAE,IAAA,2CAAOE,UAAW9B,MAClB0B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SACTL,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/diwa-components/p-78b16866.entry.js

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

package/dist/diwa-components/p-78b16866.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-7a99a2aa.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 b=i?"var(--diwa-font-size-sm)":"var(--diwa-font-size-md)";return`\n    :host {\n      display: inline-flex;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .tag {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--diwa-space-1);\n      padding: ${f} ${w} ${f} ${l};\n      font-family: var(--diwa-font-family-base);\n      font-size: ${b};\n      font-weight: var(--diwa-font-weight-medium);\n      line-height: 1;\n      color: ${e};\n      background: ${a};\n      border: var(--diwa-border-width-thin) solid ${c};\n      border-radius: var(--diwa-radius-sm);\n      white-space: nowrap;\n      user-select: none;\n    }\n    .dismiss {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 12px;\n      height: 12px;\n      padding: 0;\n      background: none;\n      border: none;\n      border-radius: var(--diwa-radius-xs);\n      color: inherit;\n      cursor: pointer;\n      flex-shrink: 0;\n      opacity: var(--diwa-opacity-muted);\n      transition: opacity var(--diwa-transition-base);\n    }\n    .dismiss:hover {\n      opacity: 1;\n    }\n    ${t(".dismiss")}\n\n    ${r(".dismiss")}\n  `};const f=class{constructor(a){n(this,a);this.dismiss=i(this,"dismiss",1);this.variant="neutral";this.compact=false;this.label="Remove";this.theme="dark";this.handleDismiss=()=>{this.dismiss.emit()}}render(){return a(e,{key:"e38cfaa8ab96522f4fe516b64efcadd9a8c12661","data-theme":this.theme},a("style",{key:"3e8c178617ab71f172ee6878ad8f1260f6389aa7",innerHTML:c(this.variant,this.compact)}),a("span",{key:"5b3f671bdb71327e7f2fb227ce29b6d9c8dea36f",class:"tag"},a("slot",{key:"e8372472821b469f1e3a262415595c3bd58345c5"}),a("button",{key:"093dfd628497cac1a886543eeb48927e68753822",class:"dismiss",type:"button","aria-label":this.label,onClick:this.handleDismiss},a("svg",{key:"d56cdca4db4fbd9144a9c06eb4d12c44478fa3af",xmlns:"http://www.w3.org/2000/svg",width:12,height:12,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("line",{key:"047c1338afb7d612853d76c468ab926d810e77de",x1:"18",y1:"6",x2:"6",y2:"18"}),a("line",{key:"f2576ea09474cb17cb4dbe74b878ccf62debf03e",x1:"6",y1:"6",x2:"18",y2:"18"})))))}static get delegatesFocus(){return true}};export{f as diwa_tag_dismissible};
-//# sourceMappingURL=p-7a99a2aa.entry.js.map