@diwacopilot/components 1.0.0

package/dist/diwa-components/diwa-components.esm.js

@@ -0,0 +1,2 @@
+import{p as e,b as a}from"./p-ed4017f0.js";export{s as setNonce}from"./p-ed4017f0.js";import{g as t}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};l().then((async e=>{await t();return a(JSON.parse('[["p-bbede25d",[[1,"diwa-flyout",{"theme":[513],"open":[1540],"position":[513],"backdrop":[1],"heading":[1]},[[8,"keydown","onKeyDown"]],{"open":["onOpenChange"]}]]],["p-fbe73240",[[1,"diwa-inline-notification",{"theme":[513],"state":[513],"heading":[1],"description":[1],"dismissButton":[4,"dismiss-button"],"actionLabel":[1,"action-label"],"actionLoading":[4,"action-loading"]}]]],["p-8afa6931",[[17,"diwa-accordion",{"theme":[513],"heading":[1],"headingTag":[1,"heading-tag"],"open":[516],"compact":[516]}]]],["p-230692aa",[[17,"diwa-button",{"theme":[513],"variant":[513],"size":[513],"type":[1],"disabled":[516],"loading":[516],"href":[1],"target":[1],"name":[1],"value":[1],"label":[1],"hideLabel":[516,"hide-label"],"icon":[1]}]]],["p-cf960cf6",[[17,"diwa-input-password",{"label":[1],"description":[1],"message":[1],"state":[1],"name":[1],"value":[1025],"placeholder":[1],"disabled":[516],"required":[516],"readonly":[516],"hideLabel":[4,"hide-label"],"compact":[4],"autoComplete":[1,"auto-complete"],"theme":[1],"showToggle":[4,"show-toggle"],"_hasStart":[32],"_hasEnd":[32],"showPassword":[32]}]]],["p-4a84fee8",[[17,"diwa-input-search",{"label":[1],"description":[1],"message":[1],"state":[1],"name":[1],"value":[1025],"placeholder":[1],"disabled":[516],"required":[516],"readonly":[516],"hideLabel":[4,"hide-label"],"compact":[4],"autoComplete":[1,"auto-complete"],"theme":[1],"showClearButton":[4,"show-clear-button"],"_hasStart":[32],"_hasEnd":[32]}]]],["p-4ff58224",[[17,"diwa-link",{"theme":[513],"variant":[513],"href":[1],"target":[1],"download":[1],"rel":[1],"icon":[1],"hideLabel":[516,"hide-label"],"compact":[516],"label":[1],"disabled":[516]}]]],["p-c1c85f9e",[[17,"diwa-link-pure",{"theme":[513],"href":[1],"target":[1],"download":[1],"rel":[1],"icon":[1],"hideLabel":[516,"hide-label"],"active":[516],"underline":[516],"size":[513],"alignLabel":[513,"align-label"],"stretch":[516],"label":[1]}]]],["p-358e1177",[[17,"diwa-switch",{"checked":[516],"disabled":[516],"loading":[516],"alignLabel":[1,"align-label"],"compact":[516],"theme":[513]}]]],["p-f22b6145",[[1,"diwa-tag",{"variant":[513],"compact":[516],"icon":[1],"theme":[513]}]]],["p-139f619d",[[1,"diwa-toast",{"theme":[513],"messages":[32],"addMessage":[64]}]]],["p-084204ab",[[1,"diwa-badge",{"variant":[513],"size":[513],"label":[1],"theme":[513]}]]],["p-08c584fb",[[17,"diwa-checkbox",{"theme":[513],"label":[1],"name":[1],"value":[1],"checked":[1540],"indeterminate":[516],"disabled":[516],"required":[4],"state":[513],"message":[1],"compact":[516],"hideLabel":[516,"hide-label"]},null,{"indeterminate":["watchIndeterminate"]}]]],["p-9eef4779",[[1,"diwa-divider",{"theme":[513],"orientation":[513]}]]],["p-09a9e0a0",[[17,"diwa-input",{"type":[1],"label":[1],"placeholder":[1],"value":[1025],"required":[4],"disabled":[516],"readonly":[516],"state":[513],"hint":[1],"autocomplete":[1],"name":[1],"inputId":[1,"input-id"],"theme":[513]}]]],["p-711e295e",[[17,"diwa-input-date",{"label":[1],"description":[1],"message":[1],"state":[1],"name":[1],"value":[1025],"placeholder":[1],"disabled":[516],"required":[516],"readonly":[516],"hideLabel":[4,"hide-label"],"compact":[4],"autoComplete":[1,"auto-complete"],"theme":[1],"min":[1],"max":[1],"_hasStart":[32],"_hasEnd":[32]}]]],["p-87ea8001",[[17,"diwa-input-email",{"label":[1],"description":[1],"message":[1],"state":[1],"name":[1],"value":[1025],"placeholder":[1],"disabled":[516],"required":[516],"readonly":[516],"hideLabel":[4,"hide-label"],"compact":[4],"autoComplete":[1,"auto-complete"],"theme":[1],"_hasStart":[32],"_hasEnd":[32]}]]],["p-043e3e19",[[17,"diwa-input-month",{"label":[1],"description":[1],"message":[1],"state":[1],"name":[1],"value":[1025],"placeholder":[1],"disabled":[516],"required":[516],"readonly":[516],"hideLabel":[4,"hide-label"],"compact":[4],"autoComplete":[1,"auto-complete"],"theme":[1],"min":[1],"max":[1],"_hasStart":[32],"_hasEnd":[32]}]]],["p-c37374ab",[[17,"diwa-input-number",{"label":[1],"description":[1],"message":[1],"state":[1],"name":[1],"value":[1025],"placeholder":[1],"disabled":[516],"required":[516],"readonly":[516],"hideLabel":[4,"hide-label"],"compact":[4],"autoComplete":[1,"auto-complete"],"theme":[1],"min":[2],"max":[2],"step":[2],"_hasStart":[32],"_hasEnd":[32]}]]],["p-bc2eecd2",[[17,"diwa-input-tel",{"label":[1],"description":[1],"message":[1],"state":[1],"name":[1],"value":[1025],"placeholder":[1],"disabled":[516],"required":[516],"readonly":[516],"hideLabel":[4,"hide-label"],"compact":[4],"autoComplete":[1,"auto-complete"],"theme":[1],"_hasStart":[32],"_hasEnd":[32]}]]],["p-5c2325aa",[[17,"diwa-input-text",{"label":[1],"description":[1],"message":[1],"state":[1],"name":[1],"value":[1025],"placeholder":[1],"disabled":[516],"required":[516],"readonly":[516],"hideLabel":[4,"hide-label"],"compact":[4],"autoComplete":[1,"auto-complete"],"theme":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"spellCheck":[4,"spell-check"],"_hasStart":[32],"_hasEnd":[32]}]]],["p-05988905",[[17,"diwa-input-time",{"label":[1],"description":[1],"message":[1],"state":[1],"name":[1],"value":[1025],"placeholder":[1],"disabled":[516],"required":[516],"readonly":[516],"hideLabel":[4,"hide-label"],"compact":[4],"autoComplete":[1,"auto-complete"],"theme":[1],"min":[1],"max":[1],"step":[2],"_hasStart":[32],"_hasEnd":[32]}]]],["p-c0614fb1",[[17,"diwa-input-url",{"label":[1],"description":[1],"message":[1],"state":[1],"name":[1],"value":[1025],"placeholder":[1],"disabled":[516],"required":[516],"readonly":[516],"hideLabel":[4,"hide-label"],"compact":[4],"autoComplete":[1,"auto-complete"],"theme":[1],"_hasStart":[32],"_hasEnd":[32]}]]],["p-9088f057",[[17,"diwa-input-week",{"label":[1],"description":[1],"message":[1],"state":[1],"name":[1],"value":[1025],"placeholder":[1],"disabled":[516],"required":[516],"readonly":[516],"hideLabel":[4,"hide-label"],"compact":[4],"autoComplete":[1,"auto-complete"],"theme":[1],"min":[1],"max":[1],"_hasStart":[32],"_hasEnd":[32]}]]],["p-53e21a74",[[17,"diwa-modal",{"theme":[513],"open":[516],"heading":[1],"dismissButton":[4,"dismiss-button"],"disableBackdropClick":[4,"disable-backdrop-click"],"backdrop":[1],"_hasFooter":[32],"_hasHeader":[32]},[[8,"keydown","onKeyDown"]],{"open":["onOpenChange"]}]]],["p-bb04cdd6",[[17,"diwa-multi-select",{"theme":[513],"label":[1],"description":[1],"name":[1],"value":[1040],"state":[513],"message":[1],"hideLabel":[516,"hide-label"],"disabled":[516],"required":[4],"compact":[516],"dropdownDirection":[1,"dropdown-direction"],"isOpen":[32],"filterText":[32],"hasFilterResults":[32],"dropdownClass":[32],"open":[64],"close":[64]},[[0,"diwaMultiSelectOptionUpdate","onOptionUpdate"],[0,"slotchange","onSlotChange"]],{"theme":["onThemeChange"],"compact":["onCompactChange"],"value":["onValueChange"],"isOpen":["onIsOpenChange"]}]]],["p-ba1ffa71",[[17,"diwa-multi-select-option",{"value":[513],"disabled":[516],"selected":[1540],"highlighted":[1540],"compact":[1540],"theme":[1025],"setFocus":[64]},null,{"selected":["handlePropChange"],"highlighted":["handlePropChange"],"disabled":["handlePropChange"]}]]],["p-48009a79",[[17,"diwa-pagination",{"theme":[513],"totalItemsCount":[2,"total-items-count"],"itemsPerPage":[2,"items-per-page"],"activePage":[1026,"active-page"],"showLastPage":[4,"show-last-page"],"intl":[16]}]]],["p-7f0ce623",[[17,"diwa-pin-code",{"label":[1],"description":[1],"state":[1],"message":[1],"length":[2],"value":[1],"type":[1],"required":[516],"disabled":[516],"compact":[4],"hideLabel":[4,"hide-label"],"theme":[513]}]]],["p-9f140e14",[[17,"diwa-popover",{"direction":[1],"description":[1],"theme":[513],"isOpen":[32]},[[8,"keydown","handleGlobalKeydown"],[9,"pointerdown","handleGlobalPointerDown"]]]]],["p-f4a589b5",[[1,"diwa-radio-group",{"theme":[513],"label":[1],"description":[1],"value":[1537],"direction":[513],"required":[4],"disabled":[516],"state":[513],"message":[1],"compact":[516],"hideLabel":[516,"hide-label"],"name":[1]},[[0,"diwa-radio-select","handleItemSelect"]]]]],["p-67950f59",[[17,"diwa-radio-group-item",{"theme":[513],"value":[513],"checked":[1540],"name":[1537],"disabled":[516],"compact":[516]},null,{"checked":["handleCheckedChange"]}]]],["p-b988c5b3",[[1,"diwa-scroller",{"alignScrollIndicator":[1,"align-scroll-indicator"],"scrollbar":[4],"theme":[513],"hasOverflow":[32],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["p-6253fff6",[[1,"diwa-segmented-control",{"theme":[513],"value":[1537],"disabled":[516],"compact":[516]},[[0,"diwa-segment-select","handleItemSelect"]]]]],["p-1a1bd7ed",[[17,"diwa-segmented-control-item",{"theme":[513],"value":[513],"selected":[1540],"disabled":[516],"compact":[516]}]]],["p-d0762292",[[17,"diwa-select",{"theme":[513],"label":[1],"description":[1],"name":[1],"value":[1025],"state":[513],"message":[1],"hideLabel":[516,"hide-label"],"disabled":[516],"required":[4],"compact":[516],"dropdownDirection":[1,"dropdown-direction"],"isOpen":[32],"hasFilterResults":[32],"dropdownClass":[32],"open":[64],"close":[64]},[[0,"diwaSelectOptionUpdate","onOptionUpdate"],[0,"slotchange","onSlotChange"]],{"theme":["onThemeChange"],"value":["onValueChange"],"isOpen":["onIsOpenChange"]}]]],["p-4ac5a26e",[[17,"diwa-select-option",{"value":[513],"disabled":[516],"selected":[1540],"highlighted":[1540],"theme":[1025],"setFocus":[64]}]]],["p-20fd1505",[[1,"diwa-stepper-horizontal",{"theme":[513],"activeStepIndex":[1026,"active-step-index"]},null,{"activeStepIndex":["handleIndexChange"]}]]],["p-851cbfb8",[[1,"diwa-stepper-horizontal-item",{"theme":[513],"label":[1],"sublabel":[1],"state":[1537],"stepNumber":[1026,"step-number"],"isLast":[1028,"is-last"]}]]],["p-b7132ea7",[[1,"diwa-table",{"theme":[513],"caption":[1],"compact":[4],"layout":[1],"bordered":[4],"striped":[4]},[[0,"diwaTableUpdate","handleTableUpdate"]]]]],["p-2b72a324",[[1,"diwa-table-body",{"theme":[513]}]]],["p-0cbe8ed4",[[1,"diwa-table-cell",{"theme":[513],"multiline":[4]}]]],["p-178d18c2",[[1,"diwa-table-head",{"theme":[513]}]]],["p-3b7a1431",[[1,"diwa-table-head-cell",{"theme":[513],"sort":[16],"hideLabel":[4,"hide-label"],"multiline":[4]}]]],["p-94f603c2",[[1,"diwa-table-row",{"theme":[513]}]]],["p-51673c06",[[1,"diwa-tabs",{"theme":[513],"activeTabIndex":[1026,"active-tab-index"]},null,{"activeTabIndex":["handleIndexChange"]}]]],["p-1022a474",[[1,"diwa-tabs-bar",{"theme":[513],"activeTabIndex":[1026,"active-tab-index"]},[[0,"click","handleClick"],[0,"keydown","handleKeydown"]],{"activeTabIndex":["handleIndexChange"]}]]],["p-2b54c761",[[1,"diwa-tabs-item",{"theme":[513],"label":[1],"active":[1540]}]]],["p-8012c384",[[17,"diwa-tag-dismissible",{"variant":[513],"compact":[516],"label":[1],"theme":[513]}]]],["p-5cd79382",[[1,"diwa-text",{"theme":[513],"tag":[513],"size":[513],"weight":[513],"align":[513],"color":[513],"ellipsis":[516]}]]],["p-57db0c31",[[1,"diwa-text-list",{"theme":[513],"type":[513]}]]],["p-666844e0",[[1,"diwa-text-list-item",{"theme":[513]}]]],["p-565f623e",[[17,"diwa-textarea",{"label":[1],"description":[1],"state":[1],"message":[1],"name":[1],"value":[1025],"placeholder":[1],"required":[4],"disabled":[516],"readOnly":[516,"read-only"],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"rows":[2],"resize":[1],"compact":[4],"hideLabel":[4,"hide-label"],"theme":[513]}]]],["p-996f7110",[[1,"diwa-spinner",{"size":[513],"theme":[513],"label":[1]}]]],["p-339f6ba7",[[17,"diwa-toast-item",{"theme":[513],"text":[1],"state":[513]}]]],["p-c896dfa5",[[1,"diwa-icon",{"name":[1],"size":[2],"color":[1],"label":[1],"theme":[513]}]]],["p-e19ad9fa",[[17,"diwa-button-pure",{"theme":[513],"size":[513],"icon":[1],"disabled":[516],"loading":[516],"hideLabel":[516,"hide-label"],"active":[516],"underline":[516],"alignLabel":[513,"align-label"],"stretch":[516],"type":[1],"name":[1],"value":[1],"href":[1],"target":[1],"label":[1]}]]]]'),e)}));
+//# sourceMappingURL=diwa-components.esm.js.map

package/dist/diwa-components/diwa-components.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.23.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,skXAAuCJ,EAAA","ignoreList":[]}

package/dist/diwa-components/index.esm.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.esm.js.map

package/dist/diwa-components/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/diwa-components/p-043e3e19.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as e,h as t,H as i,g as a}from"./p-ed4017f0.js";import{g as h}from"./p-35c7c864.js";import"./p-70bbb21a.js";const d=class{constructor(t){s(this,t);this.change=e(this,"change",7);this.input=e(this,"input",7);this.blur=e(this,"blur",3);this.focus=e(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const e="desc";const a="msg";return t(i,{key:"e7b42335a448f264e605a22e8c973a4703027711","data-theme":this.theme},t("style",{key:"97a4f13c5867744270eced8aa13b209f9139f582",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),t("div",{key:"4d20197cbf918b7be8cf1b67e5f0fdc3e338f2f4",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"0e79bf6e67eab3600a3a1e5d3f2d7a73a83abdc9",class:"label-row"},t("label",{key:"7adcf80c3a0e61c1ba0634308657fef73054e7ea",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"d8cf7249d82461d2fd51f000737a4f0ebd15afc4",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"738298b5cd67496e40173687a02432191754ebd6",name:"label-after"})),t("div",{key:"0fb96733077c26851196e46220a80af39b8dd757",class:"input-wrapper"},this._hasStart&&t("div",{key:"f13788a2afa4855aa772db164ee436aa0356f0cf",class:"slot-start"},t("slot",{key:"06a5012bd82608a9b6ff4d84d89a8b1a8dadc2d3",name:"start"})),t("input",{key:"1bebc847823145ec56aa3a540a3e55463990fd6d",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?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&t("div",{key:"7fad070fcca5acd9dc849e3f1549708c49ad85f9",class:"slot-end"},t("slot",{key:"58f0310c841b893f7b9679ec0ee0c702150e6476",name:"end"}))),!this.message&&this.description&&t("p",{key:"6889e36e3f5f1e859f2c2be2fee4aa4766b9898c",id:e,class:"description"},this.description),this.message&&t("p",{key:"bfb61253f688d25ede2e488306cf6d61ed8cc8e9",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{d as diwa_input_month};
+//# sourceMappingURL=p-043e3e19.entry.js.map

package/dist/diwa-components/p-043e3e19.entry.js.map

@@ -0,0 +1 @@
+{"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":"kIASaA,EAAc,MAJ3B,WAAAC,CAAAC,G,8HAMmBC,KAAAC,UAAY,MACZD,KAAAE,QAAU,MAEnBF,KAAAG,MAAgB,GAChBH,KAAAI,YAAsB,GACtBJ,KAAAK,QAAkB,GAClBL,KAAAM,MAAyB,OACzBN,KAAAO,KAAe,GACkBP,KAAAQ,MAAgB,GACjDR,KAAAS,YAAsB,GACLT,KAAAU,SAAoB,MACpBV,KAAAW,SAAoB,MACpBX,KAAAY,SAAoB,MACrCZ,KAAAa,UAAqB,MACrBb,KAAAc,QAAmB,MAEnBd,KAAAe,MAAe,OAiBff,KAAAgB,YAAeC,IACrBjB,KAAKQ,MAASS,EAAEC,OAA4BV,MAC5CR,KAAKmB,MAAMC,KAAKpB,KAAKQ,MAAM,EAGrBR,KAAAqB,aAAgBJ,IACtBjB,KAAKQ,MAASS,EAAEC,OAA4BV,MAC5CR,KAAKsB,OAAOF,KAAKpB,KAAKQ,MAAM,EAGtBR,KAAAuB,WAAcN,IAA0BjB,KAAKwB,KAAKJ,KAAKH,EAAE,EACzDjB,KAAAyB,YAAeR,IAA0BjB,KAAK0B,MAAMN,KAAKH,EAAE,C,CAhBnE,iBAAAU,GACE3B,KAAKC,YAAcD,KAAK4B,GAAGC,cAAc,kBACzC7B,KAAKE,UAAYF,KAAK4B,GAAGC,cAAc,e,CAgBzC,MAAAC,GACE,MAAMC,EAAU,QAChB,MAAMC,EAAS,OACf,MAAMC,EAAQ,MAEd,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAapC,KAAKe,OACrBmB,EAAA,SAAAE,IAAA,2CAAOC,UAAWC,EAAgBtC,KAAKM,MAAON,KAAKU,SAAUV,KAAKY,SAAUZ,KAAKc,QAASd,KAAKC,UAAWD,KAAKE,QAAS,SACxHgC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SACPvC,KAAKa,WAAab,KAAKG,OACvB+B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,SAAAE,IAAA,2CAAOG,MAAM,QAAQC,QAAST,GAC3B/B,KAAKG,MACLH,KAAKW,UAAYuB,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAU,cAAa,QAAM,OAE7DL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,iBAGf2B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,iBACRvC,KAAKC,WAAaiC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAaL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,WACtD2B,EAAA,SAAAE,IAAA,2CACEK,GAAIV,EACJQ,MAAM,QACNG,KAAK,QACLnC,KAAMP,KAAKO,MAAQoC,UACnBnC,MAAOR,KAAKQ,MACZE,SAAUV,KAAKU,SACfC,SAAUX,KAAKW,SACfiC,SAAU5C,KAAKY,SACfiC,IAAK7C,KAAK6C,IACVC,IAAK9C,KAAK8C,IACVC,aAAc/C,KAAKgD,aAAY,aACnBhD,KAAKa,WAAab,KAAKG,MAAQH,KAAKG,MAAQwC,UAAS,eACnD3C,KAAKM,QAAU,QAAU,OAASqC,UAAS,gBAC1C3C,KAAKW,SAAW,OAASgC,UAAS,mBAC/B3C,KAAKK,QAAU4B,EAAQjC,KAAKI,YAAc4B,EAASW,UACrEM,QAASjD,KAAKgB,YACdkC,SAAUlD,KAAKqB,aACf8B,OAAQnD,KAAKuB,WACb6B,QAASpD,KAAKyB,cAEfzB,KAAKE,SAAWgC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,YAAWL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,WAElDP,KAAKK,SAAWL,KAAKI,aACrB8B,EAAA,KAAAE,IAAA,2CAAGK,GAAIT,EAAQO,MAAM,eAAevC,KAAKI,aAE1CJ,KAAKK,SACJ6B,EAAA,KAAAE,IAAA,2CAAGK,GAAIR,EAAOM,MAAM,WAAWvC,KAAKK,U","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as e,H as i,g as a}from"./p-ed4017f0.js";import{g as h}from"./p-35c7c864.js";import"./p-70bbb21a.js";const d=class{constructor(e){s(this,e);this.change=t(this,"change",7);this.input=t(this,"input",7);this.blur=t(this,"blur",3);this.focus=t(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const t="desc";const a="msg";return e(i,{key:"9e2fb73a34153b0744fbf2cc7490ecdc7a125233","data-theme":this.theme},e("style",{key:"58c7f12e339b06f9bf1fc1488a3c6821c9fcb637",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),e("div",{key:"ff7623be3338a9f7d1def2c68f36e698b192b699",class:"root"},!this.hideLabel&&this.label&&e("div",{key:"6fe5fc532ab19643ff3c194e6230e6681c9b73d5",class:"label-row"},e("label",{key:"641fc925b6a08f4c3ea7d620cf32a666cb4ed95a",class:"label",htmlFor:s},this.label,this.required&&e("span",{key:"e4d33a7a8e34d7c082f50b36faee293c73701d3f",class:"required","aria-hidden":"true"}," *")),e("slot",{key:"42e84e07dfcda40b3dc81bb13934ecbaeb95e526",name:"label-after"})),e("div",{key:"fbb9fb0c4b1220d6d9e96d8f02d38f1d956ad844",class:"input-wrapper"},this._hasStart&&e("div",{key:"613a450467b3cd65e6193ecd61046c96b77ed8b7",class:"slot-start"},e("slot",{key:"40a5d35691b771b88589cf075c550723b32493fb",name:"start"})),e("input",{key:"0f3095e1716e26680c0bd4209c957f38e5c9649d",id:s,class:"input",type:"time",name:this.name||undefined,value:this.value,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min,max:this.max,step:this.step!==undefined?String(this.step):undefined,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?t:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&e("div",{key:"5b256b58d5b876cbdfd65c613ebfd41d59ca3f16",class:"slot-end"},e("slot",{key:"abe2bf623127eef3e5f9ed74d846459a975bfaff",name:"end"}))),!this.message&&this.description&&e("p",{key:"9f38a0f8927a2c06fcccb43b9d20a116af2fc078",id:t,class:"description"},this.description),this.message&&e("p",{key:"b6125f29b020d97fda309feb3803477c1e918e85",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{d as diwa_input_time};
+//# sourceMappingURL=p-05988905.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DiwaInputTime","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","step","String","autocomplete","autoComplete","onInput","onChange","onBlur","onFocus"],"sources":["src/components/diwa-input-time/diwa-input-time.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-time-styles';\r\n\r\n@Component({\r\n  tag: 'diwa-input-time',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaInputTime {\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 time in HH:MM format. */\r\n  @Prop() min?: string;\r\n  /** Maximum time in HH:MM format. */\r\n  @Prop() max?: string;\r\n  /** Step in seconds. */\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=\"time\"\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              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":"kIASaA,EAAa,MAJ1B,WAAAC,CAAAC,G,8HAMmBC,KAAAC,UAAY,MACZD,KAAAE,QAAU,MAEnBF,KAAAG,MAAgB,GAChBH,KAAAI,YAAsB,GACtBJ,KAAAK,QAAkB,GAClBL,KAAAM,MAAyB,OACzBN,KAAAO,KAAe,GACkBP,KAAAQ,MAAgB,GACjDR,KAAAS,YAAsB,GACLT,KAAAU,SAAoB,MACpBV,KAAAW,SAAoB,MACpBX,KAAAY,SAAoB,MACrCZ,KAAAa,UAAqB,MACrBb,KAAAc,QAAmB,MAEnBd,KAAAe,MAAe,OAmBff,KAAAgB,YAAeC,IACrBjB,KAAKQ,MAASS,EAAEC,OAA4BV,MAC5CR,KAAKmB,MAAMC,KAAKpB,KAAKQ,MAAM,EAGrBR,KAAAqB,aAAgBJ,IACtBjB,KAAKQ,MAASS,EAAEC,OAA4BV,MAC5CR,KAAKsB,OAAOF,KAAKpB,KAAKQ,MAAM,EAGtBR,KAAAuB,WAAcN,IAA0BjB,KAAKwB,KAAKJ,KAAKH,EAAE,EACzDjB,KAAAyB,YAAeR,IAA0BjB,KAAK0B,MAAMN,KAAKH,EAAE,C,CAhBnE,iBAAAU,GACE3B,KAAKC,YAAcD,KAAK4B,GAAGC,cAAc,kBACzC7B,KAAKE,UAAYF,KAAK4B,GAAGC,cAAc,e,CAgBzC,MAAAC,GACE,MAAMC,EAAU,QAChB,MAAMC,EAAS,OACf,MAAMC,EAAQ,MAEd,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAapC,KAAKe,OACrBmB,EAAA,SAAAE,IAAA,2CAAOC,UAAWC,EAAgBtC,KAAKM,MAAON,KAAKU,SAAUV,KAAKY,SAAUZ,KAAKc,QAASd,KAAKC,UAAWD,KAAKE,QAAS,SACxHgC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SACPvC,KAAKa,WAAab,KAAKG,OACvB+B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,SAAAE,IAAA,2CAAOG,MAAM,QAAQC,QAAST,GAC3B/B,KAAKG,MACLH,KAAKW,UAAYuB,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAU,cAAa,QAAM,OAE7DL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,iBAGf2B,EAAA,OAAAE,IAAA,2CAAKG,MAAM,iBACRvC,KAAKC,WAAaiC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAaL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,WACtD2B,EAAA,SAAAE,IAAA,2CACEK,GAAIV,EACJQ,MAAM,QACNG,KAAK,OACLnC,KAAMP,KAAKO,MAAQoC,UACnBnC,MAAOR,KAAKQ,MACZE,SAAUV,KAAKU,SACfC,SAAUX,KAAKW,SACfiC,SAAU5C,KAAKY,SACfiC,IAAK7C,KAAK6C,IACVC,IAAK9C,KAAK8C,IACVC,KAAM/C,KAAK+C,OAASJ,UAAYK,OAAOhD,KAAK+C,MAAQJ,UACpDM,aAAcjD,KAAKkD,aAAY,aACnBlD,KAAKa,WAAab,KAAKG,MAAQH,KAAKG,MAAQwC,UAAS,eACnD3C,KAAKM,QAAU,QAAU,OAASqC,UAAS,gBAC1C3C,KAAKW,SAAW,OAASgC,UAAS,mBAC/B3C,KAAKK,QAAU4B,EAAQjC,KAAKI,YAAc4B,EAASW,UACrEQ,QAASnD,KAAKgB,YACdoC,SAAUpD,KAAKqB,aACfgC,OAAQrD,KAAKuB,WACb+B,QAAStD,KAAKyB,cAEfzB,KAAKE,SAAWgC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,YAAWL,EAAA,QAAAE,IAAA,2CAAM7B,KAAK,WAElDP,KAAKK,SAAWL,KAAKI,aACrB8B,EAAA,KAAAE,IAAA,2CAAGK,GAAIT,EAAQO,MAAM,eAAevC,KAAKI,aAE1CJ,KAAKK,SACJ6B,EAAA,KAAAE,IAAA,2CAAGK,GAAIR,EAAOM,MAAM,WAAWvC,KAAKK,U","ignoreList":[]}

package/dist/diwa-components/p-084204ab.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as n,H as e}from"./p-ed4017f0.js";import{a as i}from"./p-70bbb21a.js";const d=()=>`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--diwa-badge-padding-y, var(--diwa-space-0-5)) var(--diwa-badge-padding-x, var(--diwa-space-2));\n    border-radius: var(--diwa-badge-radius, var(--diwa-radius-full));\n    font-size: var(--diwa-badge-font-size, var(--diwa-font-size-md));\n    font-weight: var(--diwa-badge-font-weight, var(--diwa-font-weight-medium));\n    line-height: var(--diwa-line-height-tight);\n    white-space: nowrap;\n    background-color: var(--diwa-bg-hover);\n    color: var(--diwa-text-secondary);\n    transition: var(--diwa-transition-colors);\n  }\n\n  ${i(".badge")}\n\n  /* ── Size: sm ──────────────────────────────────────────────────────── */\n\n  :host([size="sm"]) .badge {\n    padding: var(--diwa-badge-padding-y-sm, var(--diwa-space-px)) var(--diwa-badge-padding-x-sm, var(--diwa-space-1-5, 6px));\n    font-size: var(--diwa-badge-font-size-sm, var(--diwa-font-size-xs));\n  }\n\n  /* ── Variant: neutral (default) ────────────────────────────────────── */\n\n  :host([variant="neutral"]) .badge {\n    background-color: var(--diwa-bg-hover);\n    color: var(--diwa-text-secondary);\n  }\n\n  /* ── Variant: accent ───────────────────────────────────────────────── */\n\n  :host([variant="accent"]) .badge {\n    background-color: var(--diwa-accent-bg);\n    color: var(--diwa-accent);\n  }\n\n  /* ── Variant: success ──────────────────────────────────────────────── */\n\n  :host([variant="success"]) .badge {\n    background-color: var(--diwa-success-bg);\n    color: var(--diwa-success-text);\n  }\n\n  /* ── Variant: warning ──────────────────────────────────────────────── */\n\n  :host([variant="warning"]) .badge {\n    background-color: var(--diwa-warning-bg);\n    color: var(--diwa-warning-text);\n  }\n\n  /* ── Variant: danger ───────────────────────────────────────────────── */\n\n  :host([variant="danger"]) .badge {\n    background-color: var(--diwa-danger-bg);\n    color: var(--diwa-danger-text);\n  }\n`;const r=class{constructor(n){a(this,n);this.variant="neutral";this.size="md";this.theme="dark"}render(){var a;return n(e,{key:"be09c41cff3de54eba80f26b5029f245474cb676","data-theme":this.theme},n("style",{key:"29e9993f7082b99ba4dabc00564f9d9d6e571aa4",innerHTML:d()}),n("span",{key:"0c22d4c0fa82693f3904a00587864366fe814b53",class:"badge",part:"base","aria-label":(a=this.label)!==null&&a!==void 0?a:undefined,role:this.label?"status":undefined},n("slot",{key:"6b9f166ed7d9f071cc79df084df73c4893e83545"})))}};export{r as diwa_badge};
+//# sourceMappingURL=p-084204ab.entry.js.map

package/dist/diwa-components/p-084204ab.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getComponentCss","getReducedMotionStyle","DiwaBadge","constructor","hostRef","this","variant","size","theme","render","h","Host","key","innerHTML","class","part","_a","label","undefined","role"],"sources":["src/components/diwa-badge/diwa-badge-styles.ts","src/components/diwa-badge/diwa-badge.tsx"],"sourcesContent":["import { getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n  :host {\r\n    display: inline-flex;\r\n    align-items: center;\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  .badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: var(--diwa-badge-padding-y, var(--diwa-space-0-5)) var(--diwa-badge-padding-x, var(--diwa-space-2));\r\n    border-radius: var(--diwa-badge-radius, var(--diwa-radius-full));\r\n    font-size: var(--diwa-badge-font-size, var(--diwa-font-size-md));\r\n    font-weight: var(--diwa-badge-font-weight, var(--diwa-font-weight-medium));\r\n    line-height: var(--diwa-line-height-tight);\r\n    white-space: nowrap;\r\n    background-color: var(--diwa-bg-hover);\r\n    color: var(--diwa-text-secondary);\r\n    transition: var(--diwa-transition-colors);\r\n  }\r\n\r\n  ${getReducedMotionStyle('.badge')}\r\n\r\n  /* ── Size: sm ──────────────────────────────────────────────────────── */\r\n\r\n  :host([size=\"sm\"]) .badge {\r\n    padding: var(--diwa-badge-padding-y-sm, var(--diwa-space-px)) var(--diwa-badge-padding-x-sm, var(--diwa-space-1-5, 6px));\r\n    font-size: var(--diwa-badge-font-size-sm, var(--diwa-font-size-xs));\r\n  }\r\n\r\n  /* ── Variant: neutral (default) ────────────────────────────────────── */\r\n\r\n  :host([variant=\"neutral\"]) .badge {\r\n    background-color: var(--diwa-bg-hover);\r\n    color: var(--diwa-text-secondary);\r\n  }\r\n\r\n  /* ── Variant: accent ───────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"accent\"]) .badge {\r\n    background-color: var(--diwa-accent-bg);\r\n    color: var(--diwa-accent);\r\n  }\r\n\r\n  /* ── Variant: success ──────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"success\"]) .badge {\r\n    background-color: var(--diwa-success-bg);\r\n    color: var(--diwa-success-text);\r\n  }\r\n\r\n  /* ── Variant: warning ──────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"warning\"]) .badge {\r\n    background-color: var(--diwa-warning-bg);\r\n    color: var(--diwa-warning-text);\r\n  }\r\n\r\n  /* ── Variant: danger ───────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"danger\"]) .badge {\r\n    background-color: var(--diwa-danger-bg);\r\n    color: var(--diwa-danger-text);\r\n  }\r\n`;\r\n","import { Component, Host, Prop, h } from \"@stencil/core\";\r\nimport type { BadgeSize, BadgeVariant } from \"./types\";\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-badge-styles';\r\n\r\n/**\r\n * @component diwa-badge\r\n *\r\n * A compact, pill-shaped label used to convey status, counts, or metadata.\r\n * Renders as an inline element with full Shadow DOM encapsulation.\r\n *\r\n * Design token override API (set on :root or any ancestor):\r\n *   --diwa-badge-radius          Border radius (defaults to --diwa-radius-full)\r\n *   --diwa-badge-padding-x       Horizontal padding for md size\r\n *   --diwa-badge-padding-x-sm    Horizontal padding for sm size\r\n *   --diwa-badge-font-size       Font size for md size\r\n *   --diwa-badge-font-size-sm    Font size for sm size\r\n *   --diwa-badge-font-weight     Font weight\r\n *\r\n * Usage:\r\n *   <diwa-badge variant=\"success\">Active</diwa-badge>\r\n *   <diwa-badge variant=\"danger\" size=\"sm\">3 errors</diwa-badge>\r\n *   <diwa-badge variant=\"neutral\">Draft</diwa-badge>\r\n *\r\n * @slot default — Badge label content (text or mixed inline content)\r\n */\r\n@Component({\r\n  tag: \"diwa-badge\",\r\n  shadow: true,\r\n})\r\nexport class DiwaBadge {\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Semantic colour variant. Determines background and text colour. */\r\n  @Prop({ reflect: true }) variant: BadgeVariant = \"neutral\";\r\n\r\n  /** Size tier — controls height, padding, and font-size. */\r\n  @Prop({ reflect: true }) size: BadgeSize = \"md\";\r\n\r\n  /**\r\n   * Accessible label. Use when slot content alone is insufficient\r\n   * (e.g., a numeric count without surrounding context).\r\n   */\r\n  @Prop() label?: string;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <span\r\n          class=\"badge\"\r\n          part=\"base\"\r\n          aria-label={this.label ?? undefined}\r\n          role={this.label ? \"status\" : undefined}\r\n        >\r\n          <slot />\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sFAEO,MAAMA,EAAkB,IAAc,szBA0BzCC,EAAsB,i2C,MCEbC,EAAS,MAJtB,WAAAC,CAAAC,G,UAU2BC,KAAAC,QAAwB,UAGxBD,KAAAE,KAAkB,KASlBF,KAAAG,MAAe,M,CAMxC,MAAAC,G,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAaP,KAAKG,OACrBE,EAAA,SAAAE,IAAA,2CAAOC,UAAWb,MAClBU,EAAA,QAAAE,IAAA,2CACEE,MAAM,QACNC,KAAK,OAAM,cACCC,EAAAX,KAAKY,SAAK,MAAAD,SAAA,EAAAA,EAAIE,UAC1BC,KAAMd,KAAKY,MAAQ,SAAWC,WAE9BR,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/diwa-components/p-08c584fb.entry.js

@@ -0,0 +1,2 @@
+import{r as n,c as e,h as t,H as a,g as i}from"./p-ed4017f0.js";import{g as o,a as r}from"./p-70bbb21a.js";import{g as c,c as s}from"./p-332838f8.js";const d=`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='2.5' y='5.25' width='7' height='1.5' rx='0.75' fill='white'/%3E%3C/svg%3E")`;const h=(n,e,t,a)=>{const i=t?"14px":"20px";const h=n==="error"?"var(--diwa-notification-error)":n==="success"?"var(--diwa-notification-success)":"var(--diwa-text-secondary)";return`\n\n  /* ── Host ─────────────────────────────────────────────────────────── */\n\n  :host {\n    display: inline-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-1);\n  }\n\n  /* ── Wrapper: checkbox + label side by side ───────────────────────── */\n\n  .wrapper {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--diwa-space-3);\n    cursor: pointer;\n  }\n\n  :host([disabled]) .wrapper {\n    cursor: not-allowed;\n  }\n\n  /* ── Input container ──────────────────────────────────────────────── */\n\n  .input-container {\n    position: relative;\n    flex-shrink: 0;\n    width: ${i};\n    height: ${i};\n    /* Center the box on the first line of label text (line-height: 1.5) */\n    margin-top: calc((1.5em - ${i}) / 2);\n  }\n\n  /* ── Native checkbox ──────────────────────────────────────────────── */\n\n  input[type="checkbox"] {\n    appearance: none;\n    -webkit-appearance: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    ${c()}\n  }\n\n  input[type="checkbox"]:disabled {\n    cursor: not-allowed;\n  }\n\n  /* ── Focus ring ───────────────────────────────────────────────────── */\n\n  ${o('input[type="checkbox"]')}\n\n  /* ── Hover ────────────────────────────────────────────────────────── */\n\n  input[type="checkbox"]:hover:not(:disabled) {\n    border-color: var(--diwa-accent);\n    background-color: var(--diwa-bg-hover);\n  }\n\n  /* ── Checked state ────────────────────────────────────────────────── */\n\n  input[type="checkbox"]:checked {\n    background-color: var(--diwa-accent);\n    border-color: var(--diwa-accent);\n    background-image: ${s};\n  }\n\n  input[type="checkbox"]:checked:hover:not(:disabled) {\n    background-color: var(--diwa-accent-hover);\n    border-color: var(--diwa-accent-hover);\n  }\n\n  /* ── Indeterminate state ──────────────────────────────────────────── */\n\n  input[type="checkbox"]:indeterminate {\n    background-color: var(--diwa-accent);\n    border-color: var(--diwa-accent);\n    background-image: ${d};\n  }\n\n  input[type="checkbox"]:indeterminate:hover:not(:disabled) {\n    background-color: var(--diwa-accent-hover);\n    border-color: var(--diwa-accent-hover);\n  }\n\n  /* ── Validation states ────────────────────────────────────────────── */\n\n  :host([state="error"]) input[type="checkbox"]:not(:checked):not(:indeterminate) {\n    border-color: var(--diwa-notification-error);\n  }\n\n  :host([state="error"]) input[type="checkbox"]:not(:checked):not(:indeterminate):hover:not(:disabled) {\n    border-color: var(--diwa-notification-error);\n    background-color: var(--diwa-bg-hover);\n  }\n\n  :host([state="success"]) input[type="checkbox"]:not(:checked):not(:indeterminate) {\n    border-color: var(--diwa-notification-success);\n  }\n\n  :host([state="success"]) input[type="checkbox"]:not(:checked):not(:indeterminate):hover:not(:disabled) {\n    border-color: var(--diwa-notification-success);\n    background-color: var(--diwa-bg-hover);\n  }\n\n  /* ── Disabled ─────────────────────────────────────────────────────── */\n\n  :host([disabled]) {\n    opacity: var(--diwa-opacity-disabled);\n    pointer-events: none;\n  }\n\n  /* ── Label ────────────────────────────────────────────────────────── */\n\n  .label {\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-regular);\n    line-height: 1.5;\n    color: var(--diwa-text-primary);\n    cursor: pointer;\n  }\n\n  :host([disabled]) .label {\n    cursor: not-allowed;\n  }\n\n  /* Visually-hidden label (still read by screen readers) */\n  .label--hidden {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  /* Required asterisk */\n  .required {\n    color: var(--diwa-notification-error);\n    margin-left: var(--diwa-space-0-5);\n  }\n\n  /* ── Message ──────────────────────────────────────────────────────── */\n\n  .message {\n    display: block;\n    font-size: var(--diwa-font-size-sm);\n    line-height: 1.4;\n    color: ${h};\n    /* Indent to align under the label, not the checkbox */\n    padding-left: calc(${i} + var(--diwa-space-3));\n  }\n\n  /* ── Reduced motion ───────────────────────────────────────────────── */\n\n  ${r('input[type="checkbox"]')}\n`};const l=class{constructor(t){n(this,t);this.update=e(this,"update",1);this.theme="dark";this.label="";this.name="";this.value="on";this.checked=false;this.indeterminate=false;this.disabled=false;this.required=false;this.state="none";this.message="";this.compact=false;this.hideLabel=false;this.handleChange=n=>{const e=n.target;this.checked=e.checked;if(this.indeterminate){this.host.removeAttribute("indeterminate")}this.update.emit({checked:this.checked,name:this.name,value:this.value})};this.setCheckboxRef=n=>{this.checkboxEl=n;if(n){n.indeterminate=this.indeterminate}}}watchIndeterminate(n){if(this.checkboxEl){this.checkboxEl.indeterminate=n}}render(){const n="diwa-checkbox-msg";const e=!!this.message&&this.state!=="none";return t(a,{key:"b60ee4bf0dc2eaa0d694a0ac739c5566d454f79c","data-theme":this.theme},t("style",{key:"fd963d515b5fdca037224b97390978de46f2270a",innerHTML:h(this.state,this.disabled,this.compact)}),t("div",{key:"367d56a1bb842175a37e542645189dce17a6e39a",class:"root"},t("div",{key:"3e4b983191a2b57f5bf577b0da0fcabf3d99fef1",class:"wrapper"},t("div",{key:"152025c208c44d6cc5dafc4c552e8a66c07e4a82",class:"input-container"},t("input",{key:"cbf1fd983bf14caf6ee7c6e5d99ff00a6db84eee",type:"checkbox",id:"cb",checked:this.checked,disabled:this.disabled,required:this.required,name:this.name,value:this.value,"aria-checked":this.indeterminate?"mixed":undefined,"aria-describedby":e?n:undefined,onChange:this.handleChange,ref:this.setCheckboxRef})),this.label&&t("label",{key:"149d0d96a058be632bc631dce0acdf10061857be",class:`label${this.hideLabel?" label--hidden":""}`,htmlFor:"cb"},this.label,this.required&&t("span",{key:"d05c35490b0539a9d2f2967e32d5866a600a95d2",class:"required","aria-hidden":"true"}," ","*"))),e&&t("span",{key:"3dd6021761ad98aaacacff336dab64b1d5d531dd",id:n,class:"message"},this.message)))}static get delegatesFocus(){return true}get host(){return i(this)}static get watchers(){return{indeterminate:["watchIndeterminate"]}}};export{l as diwa_checkbox};
+//# sourceMappingURL=p-08c584fb.entry.js.map

package/dist/diwa-components/p-08c584fb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["indeterminateSvg","getComponentCss","state","_disabled","compact","_hideLabel","boxSize","messageColor","getCheckboxBoxCss","getFocusStyle","checkmarkSvg","getReducedMotionStyle","DiwaCheckbox","constructor","hostRef","this","theme","label","name","value","checked","indeterminate","disabled","required","message","hideLabel","handleChange","e","input","target","host","removeAttribute","update","emit","setCheckboxRef","el","checkboxEl","watchIndeterminate","render","msgId","hasMessage","h","Host","key","innerHTML","class","type","id","undefined","onChange","ref","htmlFor"],"sources":["src/components/diwa-checkbox/diwa-checkbox-styles.ts","src/components/diwa-checkbox/diwa-checkbox.tsx"],"sourcesContent":["import type { CheckboxState } from './types';\r\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\nimport { checkmarkSvg, getCheckboxBoxCss } from '../../utils/checkbox-mark';\r\n\r\n/** White horizontal dash for indeterminate state on a 12×12 viewBox */\r\nconst indeterminateSvg = `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='2.5' y='5.25' width='7' height='1.5' rx='0.75' fill='white'/%3E%3C/svg%3E\")`;\r\n\r\nexport const getComponentCss = (\r\n  state: CheckboxState,\r\n  _disabled: boolean,\r\n  compact: boolean,\r\n  _hideLabel: boolean,\r\n): string => {\r\n  const boxSize = compact ? '14px' : '20px';\r\n  const messageColor =\r\n    state === 'error'\r\n      ? 'var(--diwa-notification-error)'\r\n      : state === 'success'\r\n        ? 'var(--diwa-notification-success)'\r\n        : 'var(--diwa-text-secondary)';\r\n\r\n  return `\r\n\r\n  /* ── Host ─────────────────────────────────────────────────────────── */\r\n\r\n  :host {\r\n    display: inline-block;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  /* ── Root layout ──────────────────────────────────────────────────── */\r\n\r\n  .root {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--diwa-space-1);\r\n  }\r\n\r\n  /* ── Wrapper: checkbox + label side by side ───────────────────────── */\r\n\r\n  .wrapper {\r\n    display: inline-flex;\r\n    align-items: flex-start;\r\n    gap: var(--diwa-space-3);\r\n    cursor: pointer;\r\n  }\r\n\r\n  :host([disabled]) .wrapper {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  /* ── Input container ──────────────────────────────────────────────── */\r\n\r\n  .input-container {\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    width: ${boxSize};\r\n    height: ${boxSize};\r\n    /* Center the box on the first line of label text (line-height: 1.5) */\r\n    margin-top: calc((1.5em - ${boxSize}) / 2);\r\n  }\r\n\r\n  /* ── Native checkbox ──────────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"] {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    cursor: pointer;\r\n\r\n    ${getCheckboxBoxCss()}\r\n  }\r\n\r\n  input[type=\"checkbox\"]:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  /* ── Focus ring ───────────────────────────────────────────────────── */\r\n\r\n  ${getFocusStyle('input[type=\"checkbox\"]')}\r\n\r\n  /* ── Hover ────────────────────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"]:hover:not(:disabled) {\r\n    border-color: var(--diwa-accent);\r\n    background-color: var(--diwa-bg-hover);\r\n  }\r\n\r\n  /* ── Checked state ────────────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"]:checked {\r\n    background-color: var(--diwa-accent);\r\n    border-color: var(--diwa-accent);\r\n    background-image: ${checkmarkSvg};\r\n  }\r\n\r\n  input[type=\"checkbox\"]:checked:hover:not(:disabled) {\r\n    background-color: var(--diwa-accent-hover);\r\n    border-color: var(--diwa-accent-hover);\r\n  }\r\n\r\n  /* ── Indeterminate state ──────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"]:indeterminate {\r\n    background-color: var(--diwa-accent);\r\n    border-color: var(--diwa-accent);\r\n    background-image: ${indeterminateSvg};\r\n  }\r\n\r\n  input[type=\"checkbox\"]:indeterminate:hover:not(:disabled) {\r\n    background-color: var(--diwa-accent-hover);\r\n    border-color: var(--diwa-accent-hover);\r\n  }\r\n\r\n  /* ── Validation states ────────────────────────────────────────────── */\r\n\r\n  :host([state=\"error\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate) {\r\n    border-color: var(--diwa-notification-error);\r\n  }\r\n\r\n  :host([state=\"error\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate):hover:not(:disabled) {\r\n    border-color: var(--diwa-notification-error);\r\n    background-color: var(--diwa-bg-hover);\r\n  }\r\n\r\n  :host([state=\"success\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate) {\r\n    border-color: var(--diwa-notification-success);\r\n  }\r\n\r\n  :host([state=\"success\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate):hover:not(:disabled) {\r\n    border-color: var(--diwa-notification-success);\r\n    background-color: var(--diwa-bg-hover);\r\n  }\r\n\r\n  /* ── Disabled ─────────────────────────────────────────────────────── */\r\n\r\n  :host([disabled]) {\r\n    opacity: var(--diwa-opacity-disabled);\r\n    pointer-events: none;\r\n  }\r\n\r\n  /* ── Label ────────────────────────────────────────────────────────── */\r\n\r\n  .label {\r\n    font-size: var(--diwa-font-size-base);\r\n    font-weight: var(--diwa-font-weight-regular);\r\n    line-height: 1.5;\r\n    color: var(--diwa-text-primary);\r\n    cursor: pointer;\r\n  }\r\n\r\n  :host([disabled]) .label {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  /* Visually-hidden label (still read by screen readers) */\r\n  .label--hidden {\r\n    border: 0;\r\n    clip: rect(0, 0, 0, 0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    width: 1px;\r\n  }\r\n\r\n  /* Required asterisk */\r\n  .required {\r\n    color: var(--diwa-notification-error);\r\n    margin-left: var(--diwa-space-0-5);\r\n  }\r\n\r\n  /* ── Message ──────────────────────────────────────────────────────── */\r\n\r\n  .message {\r\n    display: block;\r\n    font-size: var(--diwa-font-size-sm);\r\n    line-height: 1.4;\r\n    color: ${messageColor};\r\n    /* Indent to align under the label, not the checkbox */\r\n    padding-left: calc(${boxSize} + var(--diwa-space-3));\r\n  }\r\n\r\n  /* ── Reduced motion ───────────────────────────────────────────────── */\r\n\r\n  ${getReducedMotionStyle('input[type=\"checkbox\"]')}\r\n`;\r\n};\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { CheckboxState } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-checkbox-styles';\r\n\r\n/**\r\n * @component diwa-checkbox\r\n *\r\n * A fully accessible checkbox control with label, validation state,\r\n * and indeterminate support. Mirrors the PDS p-checkbox API.\r\n *\r\n * Semi-controlled: the `checked` prop is mutable — the component\r\n * updates it internally AND emits an `update` event. The consumer can\r\n * either listen to `update` to manage state externally, or use it\r\n * standalone without any event wiring.\r\n *\r\n * Accessibility:\r\n *   - Native `<input type=\"checkbox\">` inside Shadow DOM with delegatesFocus\r\n *   - `aria-checked=\"mixed\"` set automatically when `indeterminate` is true\r\n *   - `aria-describedby` wires the message element when state is error/success\r\n *   - `role` is implicit from native input — no extra ARIA needed\r\n *\r\n * Usage:\r\n *   <diwa-checkbox label=\"Accept terms\" checked={accepted}\r\n *     onupdate={e => setAccepted(e.detail.checked)} />\r\n *\r\n * Note (V1): The inner <input name> is inside Shadow DOM and is therefore\r\n *   not visible to ancestor <form> elements for native form submission.\r\n *   Use ElementInternals (V2) or submit via JavaScript instead.\r\n */\r\n@Component({\r\n  tag: 'diwa-checkbox',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaCheckbox {\r\n  @Element() host!: HTMLDiwaCheckboxElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Per-component theme override (`light` / `dark`). */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Visible label text rendered next to the checkbox. */\r\n  @Prop() label: string = '';\r\n\r\n  /** Native name attribute (identifies the field in JS / form data). */\r\n  @Prop() name: string = '';\r\n\r\n  /** Value submitted/emitted when the checkbox is checked. */\r\n  @Prop() value: string = 'on';\r\n\r\n  /**\r\n   * Whether the checkbox is checked.\r\n   *\r\n   * Semi-controlled: mutates internally on user interaction and\r\n   * also emits an `update` event so the consumer can sync their state.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\r\n\r\n  /**\r\n   * Indeterminate state — renders a dash icon and sets `aria-checked=\"mixed\"`.\r\n   * Setting this to `true` takes visual precedence over `checked`.\r\n   * The consumer is responsible for clearing it once the user toggles.\r\n   */\r\n  @Prop({ reflect: true }) indeterminate: boolean = false;\r\n\r\n  /** Puts the checkbox in a disabled state. Blocks interaction. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Marks the field as required. Shows a visual asterisk in the label. */\r\n  @Prop() required: boolean = false;\r\n\r\n  /** Validation state: `'none'` (default), `'error'`, or `'success'`. */\r\n  @Prop({ reflect: true }) state: CheckboxState = 'none';\r\n\r\n  /** Helper / validation message shown below the checkbox. Only shown when state ≠ 'none'. */\r\n  @Prop() message: string = '';\r\n\r\n  /** Reduces the checkbox size from 20 px to 14 px for denser layouts. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /** Hides the label visually while keeping it accessible to screen readers. */\r\n  @Prop({ reflect: true, attribute: 'hide-label' }) hideLabel: boolean = false;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Events\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /**\r\n   * Emitted when the user toggles the checkbox.\r\n   * `event.detail.checked` is the new checked state.\r\n   *\r\n   * React consumers: use the lowercase `onupdate` prop:\r\n   * ```jsx\r\n   * <diwa-checkbox onupdate={e => setChecked(e.detail.checked)} />\r\n   * ```\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<{ checked: boolean; name: string; value: string }>;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private state\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private checkboxEl?: HTMLInputElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Watchers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Keep the native input's non-reflected .indeterminate property in sync. */\r\n  @Watch('indeterminate')\r\n  watchIndeterminate(value: boolean) {\r\n    if (this.checkboxEl) {\r\n      this.checkboxEl.indeterminate = value;\r\n    }\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private helpers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private handleChange = (e: Event): void => {\r\n    const input = e.target as HTMLInputElement;\r\n    this.checked = input.checked;\r\n    // Clear indeterminate on user interaction (standard browser behaviour)\r\n    if (this.indeterminate) {\r\n      this.host.removeAttribute('indeterminate');\r\n    }\r\n    this.update.emit({\r\n      checked: this.checked,\r\n      name: this.name,\r\n      value: this.value,\r\n    });\r\n  };\r\n\r\n  private setCheckboxRef = (el?: HTMLInputElement): void => {\r\n    this.checkboxEl = el;\r\n    if (el) {\r\n      el.indeterminate = this.indeterminate;\r\n    }\r\n  };\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const msgId = 'diwa-checkbox-msg';\r\n    const hasMessage = !!this.message && this.state !== 'none';\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style\r\n          innerHTML={getComponentCss(\r\n            this.state,\r\n            this.disabled,\r\n            this.compact,\r\n            this.hideLabel,\r\n          )}\r\n        />\r\n\r\n        <div class=\"root\">\r\n          <div class=\"wrapper\">\r\n            <div class=\"input-container\">\r\n              <input\r\n                type=\"checkbox\"\r\n                id=\"cb\"\r\n                checked={this.checked}\r\n                disabled={this.disabled}\r\n                required={this.required}\r\n                name={this.name}\r\n                value={this.value}\r\n                aria-checked={this.indeterminate ? 'mixed' : undefined}\r\n                aria-describedby={hasMessage ? msgId : undefined}\r\n                onChange={this.handleChange}\r\n                ref={this.setCheckboxRef}\r\n              />\r\n            </div>\r\n\r\n            {this.label && (\r\n              <label\r\n                class={`label${this.hideLabel ? ' label--hidden' : ''}`}\r\n                htmlFor=\"cb\"\r\n              >\r\n                {this.label}\r\n                {this.required && (\r\n                  <span class=\"required\" aria-hidden=\"true\">\r\n                    {' '}*\r\n                  </span>\r\n                )}\r\n              </label>\r\n            )}\r\n          </div>\r\n\r\n          {hasMessage && (\r\n            <span id={msgId} class=\"message\">\r\n              {this.message}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sJAKA,MAAMA,EAAmB,iLAElB,MAAMC,EAAkB,CAC7BC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAUF,EAAU,OAAS,OACnC,MAAMG,EACJL,IAAU,QACN,iCACAA,IAAU,UACR,mCACA,6BAER,MAAO,01BAwCII,mBACCA,kHAEkBA,yUAgB1BE,sKASFC,EAAc,sdAcMC,6YAaAV,2iEA0EXO,2FAEYD,sHAKrBK,EAAsB,6BACzB,E,MCpKYC,EAAY,MAJzB,WAAAC,CAAAC,G,yCAY2BC,KAAAC,MAAe,OAGhCD,KAAAE,MAAgB,GAGhBF,KAAAG,KAAe,GAGfH,KAAAI,MAAgB,KAQgBJ,KAAAK,QAAmB,MAOlCL,KAAAM,cAAyB,MAGzBN,KAAAO,SAAoB,MAGrCP,KAAAQ,SAAoB,MAGHR,KAAAb,MAAuB,OAGxCa,KAAAS,QAAkB,GAGDT,KAAAX,QAAmB,MAGMW,KAAAU,UAAqB,MAwC/DV,KAAAW,aAAgBC,IACtB,MAAMC,EAAQD,EAAEE,OAChBd,KAAKK,QAAUQ,EAAMR,QAErB,GAAIL,KAAKM,cAAe,CACtBN,KAAKe,KAAKC,gBAAgB,gB,CAE5BhB,KAAKiB,OAAOC,KAAK,CACfb,QAASL,KAAKK,QACdF,KAAMH,KAAKG,KACXC,MAAOJ,KAAKI,OACZ,EAGIJ,KAAAmB,eAAkBC,IACxBpB,KAAKqB,WAAaD,EAClB,GAAIA,EAAI,CACNA,EAAGd,cAAgBN,KAAKM,a,GA3B5B,kBAAAgB,CAAmBlB,GACjB,GAAIJ,KAAKqB,WAAY,CACnBrB,KAAKqB,WAAWf,cAAgBF,C,EAiCpC,MAAAmB,GACE,MAAMC,EAAQ,oBACd,MAAMC,IAAezB,KAAKS,SAAWT,KAAKb,QAAU,OAEpD,OACEuC,EAACC,EAAI,CAAAC,IAAA,wDAAa5B,KAAKC,OACrByB,EAAA,SAAAE,IAAA,2CACEC,UAAW3C,EACTc,KAAKb,MACLa,KAAKO,SACLP,KAAKX,WAKTqC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,mBACTJ,EAAA,SAAAE,IAAA,2CACEG,KAAK,WACLC,GAAG,KACH3B,QAASL,KAAKK,QACdE,SAAUP,KAAKO,SACfC,SAAUR,KAAKQ,SACfL,KAAMH,KAAKG,KACXC,MAAOJ,KAAKI,MAAK,eACHJ,KAAKM,cAAgB,QAAU2B,UAAS,mBACpCR,EAAaD,EAAQS,UACvCC,SAAUlC,KAAKW,aACfwB,IAAKnC,KAAKmB,kBAIbnB,KAAKE,OACJwB,EAAA,SAAAE,IAAA,2CACEE,MAAO,QAAQ9B,KAAKU,UAAY,iBAAmB,KACnD0B,QAAQ,MAEPpC,KAAKE,MACLF,KAAKQ,UACJkB,EAAA,QAAAE,IAAA,2CAAME,MAAM,WAAU,cAAa,QAChC,IAAG,OAObL,GACCC,EAAA,QAAAE,IAAA,2CAAMI,GAAIR,EAAOM,MAAM,WACpB9B,KAAKS,U","ignoreList":[]}

package/dist/diwa-components/p-09a9e0a0.entry.js

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

package/dist/diwa-components/p-09a9e0a0.entry.js.map

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

package/dist/diwa-components/p-0cbe8ed4.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as r}from"./p-ed4017f0.js";const d=a=>`\n  :host {\n    display: table-cell;\n    padding: var(--diwa-table-padding, var(--diwa-space-fluid-md));\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-primary);\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-table-border-color, var(--diwa-border));\n    border-right: var(--diwa-table-column-border, none);\n    vertical-align: middle;\n    line-height: var(--diwa-line-height-normal);\n    white-space: ${a?"normal":"nowrap"};\n  }\n  :host(:last-child) { border-right: none; }\n  :host([hidden]) { display: none; }\n`;const n=class{constructor(e){a(this,e);this.theme="dark";this.multiline=false}render(){return e(r,{key:"6940c2ca96ade3969829050cd472541073e14e10",role:"cell"},e("style",{key:"9268605b392a8e0d63c036a94aaf06b1f8921d19",innerHTML:d(this.multiline)}),e("slot",{key:"ce6ec575f27242e9bb5892a9b4417bbcf31a7dd1"}))}};export{n as diwa_table_cell};
+//# sourceMappingURL=p-0cbe8ed4.entry.js.map

package/dist/diwa-components/p-0cbe8ed4.entry.js.map

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

package/dist/diwa-components/p-1022a474.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as n,h as e,H as a,g as i}from"./p-ed4017f0.js";import{a as r}from"./p-70bbb21a.js";const o=()=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    color: var(--diwa-text-primary);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .bar {\n    display: flex;\n    align-items: stretch;\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  ::slotted(a),\n  ::slotted(button) {\n    /* !important guards against light-DOM author styles (e.g. Tailwind preflight\n       padding: 0 on button) overriding ::slotted() rules per the CSS shadow-DOM\n       cascade spec where light-DOM author styles win over ::slotted(). */\n    display: inline-flex !important;\n    align-items: center;\n    min-height: var(--diwa-touch-target-min-size, 44px) !important;\n    gap: var(--diwa-space-2);\n    padding: var(--diwa-space-4) var(--diwa-space-7) !important;\n    border: none !important;\n    border-bottom: var(--diwa-border-width-base) solid transparent !important;\n    background: transparent !important;\n    color: var(--diwa-text-secondary) !important;\n    font-size: var(--diwa-font-size-base) !important;\n    font-family: inherit !important;\n    font-weight: var(--diwa-font-weight-medium) !important;\n    text-decoration: none !important;\n    white-space: nowrap !important;\n    cursor: pointer !important;\n    transition:\n      color var(--diwa-transition-base),\n      border-color var(--diwa-transition-base);\n    margin-bottom: -1px;\n    outline: none;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    ::slotted(a:hover),\n    ::slotted(button:hover) {\n      color: var(--diwa-text-primary) !important;\n    }\n  }\n\n  ::slotted(a[data-active]),\n  ::slotted(button[data-active]),\n  ::slotted(a.active),\n  ::slotted(button.active),\n  ::slotted([aria-selected="true"]) {\n    color: var(--diwa-accent) !important;\n    border-bottom-color: var(--diwa-accent) !important;\n    font-weight: var(--diwa-font-weight-medium) !important;\n  }\n\n  ::slotted(a:focus-visible),\n  ::slotted(button: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  ::slotted(a:focus:not(:focus-visible)),\n  ::slotted(button:focus:not(:focus-visible)) {\n    outline: none;\n  }\n\n  ::slotted(button:disabled) {\n    background: transparent !important;\n    color: var(--diwa-text-muted) !important;\n    opacity: 0.5 !important;\n    cursor: not-allowed !important;\n    pointer-events: none !important;\n  }\n\n  ${r("::slotted(a)","::slotted(button)")}\n`;const s=class{constructor(e){t(this,e);this.update=n(this,"update",1);this.theme="dark";this.activeTabIndex=0}handleIndexChange(){this.syncTabs()}componentDidLoad(){this.syncTabs()}handleClick(t){const n=this.getTabElements();const e=this.getTabIndexFromEventTarget(t.target,n);if(e===-1||e===this.activeTabIndex||this.isTabDisabled(n[e])){return}this.setActiveTab(e)}handleKeydown(t){var n;const e=this.getTabElements();const a=this.getTabIndexFromEventTarget(t.target,e);if(a===-1){return}let i=-1;switch(t.key){case"ArrowLeft":case"ArrowUp":i=this.getNextEnabledIndex(a,-1,e);break;case"ArrowRight":case"ArrowDown":i=this.getNextEnabledIndex(a,1,e);break;case"Home":i=this.getBoundaryEnabledIndex("start",e);break;case"End":i=this.getBoundaryEnabledIndex("end",e);break;default:return}if(i===-1){return}t.preventDefault();this.setActiveTab(i);(n=e[i])===null||n===void 0?void 0:n.focus()}getTabElements(){var t;const n=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(!n)return[];return n.assignedElements({flatten:true}).filter((t=>t instanceof HTMLElement))}getTabIndexFromEventTarget(t,n){if(!(t instanceof Node)){return-1}return n.findIndex((n=>n===t||n.contains(t)))}isTabDisabled(t){if(!t){return true}return t.hasAttribute("disabled")||t.getAttribute("aria-disabled")==="true"}getNextEnabledIndex(t,n,e){for(let a=1;a<=e.length;a+=1){const i=(t+n*a+e.length)%e.length;if(!this.isTabDisabled(e[i])){return i}}return-1}getBoundaryEnabledIndex(t,n){const e=t==="start"?n:[...n].reverse();const a=e.find((t=>!this.isTabDisabled(t)));if(!a){return-1}return n.indexOf(a)}setActiveTab(t){this.activeTabIndex=t;this.update.emit({activeTabIndex:this.activeTabIndex});this.syncTabs()}syncTabs(){const t=this.getTabElements();t.forEach(((t,n)=>{const e=n===this.activeTabIndex;t.setAttribute("role","tab");t.setAttribute("aria-selected",e?"true":"false");if(this.isTabDisabled(t)){t.setAttribute("aria-disabled","true");t.setAttribute("tabindex","-1");t.removeAttribute("data-active");return}t.removeAttribute("aria-disabled");if(e){t.setAttribute("data-active","");t.setAttribute("tabindex","0")}else{t.removeAttribute("data-active");t.setAttribute("tabindex","-1")}}))}render(){return e(a,{key:"5d85c7ca55c93cf266fb1f9469f602c8d17194b4",role:"tablist","data-theme":this.theme},e("style",{key:"d4e17c0bcdd6d656990ac95f72bec8bd2a33ce46",innerHTML:o()}),e("div",{key:"5850b9e2b9551db5b1c7651c167d4a0927d94ffb",class:"bar"},e("slot",{key:"01727b6bf42cce8dfdca1d886ca717d154babdb3"})))}get host(){return i(this)}static get watchers(){return{activeTabIndex:["handleIndexChange"]}}};export{s as diwa_tabs_bar};
+//# sourceMappingURL=p-1022a474.entry.js.map

package/dist/diwa-components/p-1022a474.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getComponentCss","getReducedMotionStyle","DiwaTabsBar","constructor","hostRef","this","theme","activeTabIndex","handleIndexChange","syncTabs","componentDidLoad","handleClick","event","tabs","getTabElements","idx","getTabIndexFromEventTarget","target","isTabDisabled","setActiveTab","handleKeydown","currentIndex","nextIndex","key","getNextEnabledIndex","getBoundaryEnabledIndex","preventDefault","_a","focus","slot","host","shadowRoot","querySelector","assignedElements","flatten","filter","el","HTMLElement","Node","findIndex","tab","contains","hasAttribute","getAttribute","direction","step","length","candidateIndex","edge","candidates","reverse","match","find","indexOf","index","update","emit","forEach","i","isActive","setAttribute","removeAttribute","render","h","Host","role","innerHTML","class"],"sources":["src/components/diwa-tabs-bar/diwa-tabs-bar-styles.ts","src/components/diwa-tabs-bar/diwa-tabs-bar.tsx"],"sourcesContent":["import { 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    color: var(--diwa-text-primary);\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: stretch;\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  ::slotted(a),\n  ::slotted(button) {\n    /* !important guards against light-DOM author styles (e.g. Tailwind preflight\r\n       padding: 0 on button) overriding ::slotted() rules per the CSS shadow-DOM\r\n       cascade spec where light-DOM author styles win over ::slotted(). */\r\n    display: inline-flex !important;\n    align-items: center;\n    min-height: var(--diwa-touch-target-min-size, 44px) !important;\n    gap: var(--diwa-space-2);\n    padding: var(--diwa-space-4) var(--diwa-space-7) !important;\r\n    border: none !important;\r\n    border-bottom: var(--diwa-border-width-base) solid transparent !important;\r\n    background: transparent !important;\r\n    color: var(--diwa-text-secondary) !important;\r\n    font-size: var(--diwa-font-size-base) !important;\r\n    font-family: inherit !important;\r\n    font-weight: var(--diwa-font-weight-medium) !important;\r\n    text-decoration: none !important;\r\n    white-space: nowrap !important;\r\n    cursor: pointer !important;\r\n    transition:\r\n      color var(--diwa-transition-base),\r\n      border-color var(--diwa-transition-base);\r\n    margin-bottom: -1px;\r\n    outline: none;\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\n    ::slotted(a:hover),\n    ::slotted(button:hover) {\n      color: var(--diwa-text-primary) !important;\n    }\n  }\n\r\n  ::slotted(a[data-active]),\r\n  ::slotted(button[data-active]),\r\n  ::slotted(a.active),\r\n  ::slotted(button.active),\r\n  ::slotted([aria-selected=\"true\"]) {\r\n    color: var(--diwa-accent) !important;\r\n    border-bottom-color: var(--diwa-accent) !important;\r\n    font-weight: var(--diwa-font-weight-medium) !important;\r\n  }\r\n\r\n  ::slotted(a:focus-visible),\r\n  ::slotted(button:focus-visible) {\r\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\r\n    outline-offset: var(--diwa-focus-ring-offset);\r\n  }\r\n\r\n  ::slotted(a:focus:not(:focus-visible)),\r\n  ::slotted(button:focus:not(:focus-visible)) {\r\n    outline: none;\r\n  }\r\n\r\n  ::slotted(button:disabled) {\r\n    background: transparent !important;\r\n    color: var(--diwa-text-muted) !important;\r\n    opacity: 0.5 !important;\r\n    cursor: not-allowed !important;\r\n    pointer-events: none !important;\r\n  }\r\n\r\n  ${getReducedMotionStyle('::slotted(a)', '::slotted(button)')}\r\n`;\r\n","import { Component, Element, Event, type EventEmitter, Host, Listen, Prop, Watch, h } from '@stencil/core';\r\nimport type { TabsBarUpdateEventDetail } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-tabs-bar-styles';\r\n\r\n/**\r\n * @component diwa-tabs-bar\r\n *\r\n * A styled tab navigation bar. Accepts `<a>` or `<button>` elements in the\r\n * default slot and tracks the active index. Mark the active tab with the\r\n * `data-active` attribute or the `active` CSS class, or let the component\r\n * manage it by providing `activeTabIndex`.\r\n *\r\n * Usage:\r\n *   <diwa-tabs-bar active-tab-index={1} onupdate={e => setTab(e.detail.activeTabIndex)}>\r\n *     <button>Tab 1</button>\r\n *     <button>Tab 2</button>\r\n *     <button>Tab 3</button>\r\n *   </diwa-tabs-bar>\r\n */\r\n@Component({\r\n  tag: 'diwa-tabs-bar',\r\n  shadow: true,\r\n})\r\nexport class DiwaTabsBar {\r\n  @Element() host!: HTMLDiwaTabsBarElement;\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 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 active tab changes.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<TabsBarUpdateEventDetail>;\r\n\r\n  @Watch('activeTabIndex')\r\n  handleIndexChange() {\r\n    this.syncTabs();\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.syncTabs();\r\n  }\r\n\r\n  @Listen('click')\r\n  handleClick(event: Event) {\r\n    const tabs = this.getTabElements();\r\n    const idx = this.getTabIndexFromEventTarget(event.target, tabs);\r\n\r\n    if (idx === -1 || idx === this.activeTabIndex || this.isTabDisabled(tabs[idx])) {\r\n      return;\r\n    }\r\n\r\n    this.setActiveTab(idx);\r\n  }\r\n\r\n  @Listen('keydown')\r\n  handleKeydown(event: KeyboardEvent) {\r\n    const tabs = this.getTabElements();\r\n    const currentIndex = this.getTabIndexFromEventTarget(event.target, tabs);\r\n\r\n    if (currentIndex === -1) {\r\n      return;\r\n    }\r\n\r\n    let nextIndex = -1;\r\n\r\n    switch (event.key) {\r\n      case 'ArrowLeft':\r\n      case 'ArrowUp':\r\n        nextIndex = this.getNextEnabledIndex(currentIndex, -1, tabs);\r\n        break;\r\n      case 'ArrowRight':\r\n      case 'ArrowDown':\r\n        nextIndex = this.getNextEnabledIndex(currentIndex, 1, tabs);\r\n        break;\r\n      case 'Home':\r\n        nextIndex = this.getBoundaryEnabledIndex('start', tabs);\r\n        break;\r\n      case 'End':\r\n        nextIndex = this.getBoundaryEnabledIndex('end', tabs);\r\n        break;\r\n      default:\r\n        return;\r\n    }\r\n\r\n    if (nextIndex === -1) {\r\n      return;\r\n    }\r\n\r\n    event.preventDefault();\r\n    this.setActiveTab(nextIndex);\r\n    tabs[nextIndex]?.focus();\r\n  }\r\n\r\n  private getTabElements(): HTMLElement[] {\r\n    const slot = this.host.shadowRoot?.querySelector('slot') as HTMLSlotElement | null;\r\n    if (!slot) return [];\r\n    return slot\r\n      .assignedElements({ flatten: true })\r\n      .filter((el): el is HTMLElement => el instanceof HTMLElement);\r\n  }\r\n\r\n  private getTabIndexFromEventTarget(target: EventTarget | null, tabs: HTMLElement[]): number {\r\n    if (!(target instanceof Node)) {\r\n      return -1;\r\n    }\r\n\r\n    return tabs.findIndex((tab) => tab === target || tab.contains(target));\r\n  }\r\n\r\n  private isTabDisabled(tab: HTMLElement | undefined): boolean {\r\n    if (!tab) {\r\n      return true;\r\n    }\r\n\r\n    return tab.hasAttribute('disabled') || tab.getAttribute('aria-disabled') === 'true';\r\n  }\r\n\r\n  private getNextEnabledIndex(\r\n    currentIndex: number,\r\n    direction: -1 | 1,\r\n    tabs: HTMLElement[],\r\n  ): number {\r\n    for (let step = 1; step <= tabs.length; step += 1) {\r\n      const candidateIndex = (currentIndex + direction * step + tabs.length) % tabs.length;\r\n      if (!this.isTabDisabled(tabs[candidateIndex])) {\r\n        return candidateIndex;\r\n      }\r\n    }\r\n\r\n    return -1;\r\n  }\r\n\r\n  private getBoundaryEnabledIndex(edge: 'start' | 'end', tabs: HTMLElement[]): number {\r\n    const candidates = edge === 'start' ? tabs : [...tabs].reverse();\r\n    const match = candidates.find((tab) => !this.isTabDisabled(tab));\r\n\r\n    if (!match) {\r\n      return -1;\r\n    }\r\n\r\n    return tabs.indexOf(match);\r\n  }\r\n\r\n  private setActiveTab(index: number) {\r\n    this.activeTabIndex = index;\r\n    this.update.emit({ activeTabIndex: this.activeTabIndex });\r\n    this.syncTabs();\r\n  }\r\n\r\n  private syncTabs() {\r\n    const tabs = this.getTabElements();\r\n    tabs.forEach((tab, i) => {\r\n      const isActive = i === this.activeTabIndex;\r\n      tab.setAttribute('role', 'tab');\r\n      tab.setAttribute('aria-selected', isActive ? 'true' : 'false');\r\n\r\n      if (this.isTabDisabled(tab)) {\r\n        tab.setAttribute('aria-disabled', 'true');\r\n        tab.setAttribute('tabindex', '-1');\r\n        tab.removeAttribute('data-active');\r\n        return;\r\n      }\r\n\r\n      tab.removeAttribute('aria-disabled');\r\n\r\n      if (isActive) {\r\n        tab.setAttribute('data-active', '');\r\n        tab.setAttribute('tabindex', '0');\r\n      } else {\r\n        tab.removeAttribute('data-active');\r\n        tab.setAttribute('tabindex', '-1');\r\n      }\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"tablist\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <div class=\"bar\">\r\n          <slot />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"oGAEO,MAAMA,EAAkB,IAAc,+jFAuFzCC,EAAsB,eAAgB,yB,MCjE7BC,EAAW,MAJxB,WAAAC,CAAAC,G,yCAQ2BC,KAAAC,MAAe,OAIxCD,KAAAE,eAAyB,C,CASzB,iBAAAC,GACEH,KAAKI,U,CAGP,gBAAAC,GACEL,KAAKI,U,CAIP,WAAAE,CAAYC,GACV,MAAMC,EAAOR,KAAKS,iBAClB,MAAMC,EAAMV,KAAKW,2BAA2BJ,EAAMK,OAAQJ,GAE1D,GAAIE,KAAS,GAAKA,IAAQV,KAAKE,gBAAkBF,KAAKa,cAAcL,EAAKE,IAAO,CAC9E,M,CAGFV,KAAKc,aAAaJ,E,CAIpB,aAAAK,CAAcR,G,MACZ,MAAMC,EAAOR,KAAKS,iBAClB,MAAMO,EAAehB,KAAKW,2BAA2BJ,EAAMK,OAAQJ,GAEnE,GAAIQ,KAAkB,EAAG,CACvB,M,CAGF,IAAIC,GAAa,EAEjB,OAAQV,EAAMW,KACZ,IAAK,YACL,IAAK,UACHD,EAAYjB,KAAKmB,oBAAoBH,GAAe,EAAGR,GACvD,MACF,IAAK,aACL,IAAK,YACHS,EAAYjB,KAAKmB,oBAAoBH,EAAc,EAAGR,GACtD,MACF,IAAK,OACHS,EAAYjB,KAAKoB,wBAAwB,QAASZ,GAClD,MACF,IAAK,MACHS,EAAYjB,KAAKoB,wBAAwB,MAAOZ,GAChD,MACF,QACE,OAGJ,GAAIS,KAAe,EAAG,CACpB,M,CAGFV,EAAMc,iBACNrB,KAAKc,aAAaG,IAClBK,EAAAd,EAAKS,MAAU,MAAAK,SAAA,SAAAA,EAAEC,O,CAGX,cAAAd,G,MACN,MAAMe,GAAOF,EAAAtB,KAAKyB,KAAKC,cAAU,MAAAJ,SAAA,SAAAA,EAAEK,cAAc,QACjD,IAAKH,EAAM,MAAO,GAClB,OAAOA,EACJI,iBAAiB,CAAEC,QAAS,OAC5BC,QAAQC,GAA0BA,aAAcC,a,CAG7C,0BAAArB,CAA2BC,EAA4BJ,GAC7D,KAAMI,aAAkBqB,MAAO,CAC7B,OAAQ,C,CAGV,OAAOzB,EAAK0B,WAAWC,GAAQA,IAAQvB,GAAUuB,EAAIC,SAASxB,I,CAGxD,aAAAC,CAAcsB,GACpB,IAAKA,EAAK,CACR,OAAO,I,CAGT,OAAOA,EAAIE,aAAa,aAAeF,EAAIG,aAAa,mBAAqB,M,CAGvE,mBAAAnB,CACNH,EACAuB,EACA/B,GAEA,IAAK,IAAIgC,EAAO,EAAGA,GAAQhC,EAAKiC,OAAQD,GAAQ,EAAG,CACjD,MAAME,GAAkB1B,EAAeuB,EAAYC,EAAOhC,EAAKiC,QAAUjC,EAAKiC,OAC9E,IAAKzC,KAAKa,cAAcL,EAAKkC,IAAkB,CAC7C,OAAOA,C,EAIX,OAAQ,C,CAGF,uBAAAtB,CAAwBuB,EAAuBnC,GACrD,MAAMoC,EAAaD,IAAS,QAAUnC,EAAO,IAAIA,GAAMqC,UACvD,MAAMC,EAAQF,EAAWG,MAAMZ,IAASnC,KAAKa,cAAcsB,KAE3D,IAAKW,EAAO,CACV,OAAQ,C,CAGV,OAAOtC,EAAKwC,QAAQF,E,CAGd,YAAAhC,CAAamC,GACnBjD,KAAKE,eAAiB+C,EACtBjD,KAAKkD,OAAOC,KAAK,CAAEjD,eAAgBF,KAAKE,iBACxCF,KAAKI,U,CAGC,QAAAA,GACN,MAAMI,EAAOR,KAAKS,iBAClBD,EAAK4C,SAAQ,CAACjB,EAAKkB,KACjB,MAAMC,EAAWD,IAAMrD,KAAKE,eAC5BiC,EAAIoB,aAAa,OAAQ,OACzBpB,EAAIoB,aAAa,gBAAiBD,EAAW,OAAS,SAEtD,GAAItD,KAAKa,cAAcsB,GAAM,CAC3BA,EAAIoB,aAAa,gBAAiB,QAClCpB,EAAIoB,aAAa,WAAY,MAC7BpB,EAAIqB,gBAAgB,eACpB,M,CAGFrB,EAAIqB,gBAAgB,iBAEpB,GAAIF,EAAU,CACZnB,EAAIoB,aAAa,cAAe,IAChCpB,EAAIoB,aAAa,WAAY,I,KACxB,CACLpB,EAAIqB,gBAAgB,eACpBrB,EAAIoB,aAAa,WAAY,K,KAKnC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAzC,IAAA,2CAAC0C,KAAK,UAAS,aAAa5D,KAAKC,OACpCyD,EAAA,SAAAxC,IAAA,2CAAO2C,UAAWlE,MAClB+D,EAAA,OAAAxC,IAAA,2CAAK4C,MAAM,OACTJ,EAAA,QAAAxC,IAAA,8C","ignoreList":[]}

package/dist/diwa-components/p-139f619d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as a,g as n}from"./p-ed4017f0.js";const s=()=>`\n  :host {\n    position: fixed;\n    bottom: var(--diwa-space-6);\n    right: var(--diwa-space-6);\n    z-index: var(--diwa-z-toast);\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--diwa-space-3);\n    pointer-events: none;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  ::slotted(*) {\n    pointer-events: all;\n  }\n\n  @media (max-width: 480px) {\n    :host {\n      left: var(--diwa-space-3);\n      right: var(--diwa-space-3);\n      bottom: var(--diwa-space-3);\n      align-items: stretch;\n    }\n  }\n`;const i=class{constructor(e){t(this,e);this.theme="dark";this.messages=[];this.nextId=0}async addMessage(t){var e;const a=this.nextId++;this.messages=[...this.messages,Object.assign(Object.assign({},t),{id:a})];const n=(e=t.duration)!==null&&e!==void 0?e:5e3;if(n>0){setTimeout((()=>this.removeMessage(a)),n)}}removeMessage(t){this.messages=this.messages.filter((e=>e.id!==t))}render(){return e(a,{key:"51dba2219ff8a36a154e7cc7d94760b039019244",role:"status","aria-live":"polite","aria-atomic":"false","data-theme":this.theme},e("style",{key:"21c673cb8e9b9fc1cb1b5f2bbdc5d017f4f5ae8c",innerHTML:s()}),this.messages.map((t=>{var a;return e("diwa-toast-item",{key:t.id,text:t.text,state:(a=t.state)!==null&&a!==void 0?a:"neutral",theme:this.theme,onDismiss:()=>this.removeMessage(t.id)})})))}get host(){return n(this)}};export{i as diwa_toast};
+//# sourceMappingURL=p-139f619d.entry.js.map

package/dist/diwa-components/p-139f619d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getComponentCss","DiwaToast","constructor","hostRef","this","theme","messages","nextId","addMessage","message","id","Object","assign","duration","_a","setTimeout","removeMessage","filter","m","render","h","Host","key","role","innerHTML","map","msg","text","state","onDismiss"],"sources":["src/components/diwa-toast/diwa-toast-styles.ts","src/components/diwa-toast/diwa-toast.tsx"],"sourcesContent":["export const getComponentCss = (): string => `\r\n  :host {\n    position: fixed;\n    bottom: var(--diwa-space-6);\n    right: var(--diwa-space-6);\n    z-index: var(--diwa-z-toast);\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--diwa-space-3);\n    pointer-events: none;\r\n    font-family: var(--diwa-font-family-base);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  ::slotted(*) {\n    pointer-events: all;\n  }\n\n  @media (max-width: 480px) {\n    :host {\n      left: var(--diwa-space-3);\n      right: var(--diwa-space-3);\n      bottom: var(--diwa-space-3);\n      align-items: stretch;\n    }\n  }\n`;\n","import { Component, Element, Host, Method, Prop, State, h } from '@stencil/core';\r\nimport type { ToastMessage } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-toast-styles';\r\n\r\n/**\r\n * @component diwa-toast\r\n *\r\n * Singleton container that queues and displays toast notifications.\r\n * Call `addMessage()` to queue a new toast. The toast container positions\r\n * itself fixed at the bottom-right of the viewport.\r\n *\r\n * Usage:\r\n *   const toast = document.querySelector('diwa-toast');\r\n *   toast.addMessage({ text: 'Saved!', state: 'success' });\r\n *\r\n * Or via the static helper:\r\n *   DiwaToast.addMessage({ text: 'Error!', state: 'error' });\r\n */\r\n@Component({\r\n  tag: 'diwa-toast',\r\n  shadow: true,\r\n})\r\nexport class DiwaToast {\r\n  @Element() host!: HTMLDiwaToastElement;\r\n\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  @State() messages: Array<ToastMessage & { id: number }> = [];\r\n\r\n  private nextId = 0;\r\n\r\n  /**\r\n   * Adds a toast message to the queue.\r\n   */\r\n  @Method()\r\n  async addMessage(message: ToastMessage): Promise<void> {\r\n    const id = this.nextId++;\r\n    this.messages = [...this.messages, { ...message, id }];\r\n    const duration = message.duration ?? 5000;\r\n    if (duration > 0) {\r\n      setTimeout(() => this.removeMessage(id), duration);\r\n    }\r\n  }\r\n\r\n  private removeMessage(id: number) {\r\n    this.messages = this.messages.filter((m) => m.id !== id);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"status\" aria-live=\"polite\" aria-atomic=\"false\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        {this.messages.map((msg) => (\r\n          <diwa-toast-item\r\n            key={msg.id}\r\n            text={msg.text}\r\n            state={msg.state ?? 'neutral'}\r\n            theme={this.theme}\r\n            onDismiss={() => this.removeMessage(msg.id)}\r\n          />\r\n        ))}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAO,MAAMA,EAAkB,IAAc,2mB,MCuBhCC,EAAS,MAJtB,WAAAC,CAAAC,G,UAO2BC,KAAAC,MAAe,OAE/BD,KAAAE,SAAiD,GAElDF,KAAAG,OAAS,C,CAMjB,gBAAMC,CAAWC,G,MACf,MAAMC,EAAKN,KAAKG,SAChBH,KAAKE,SAAW,IAAIF,KAAKE,SAAQK,OAAAC,OAAAD,OAAAC,OAAA,GAAOH,GAAO,CAAEC,QACjD,MAAMG,GAAWC,EAAAL,EAAQI,YAAQ,MAAAC,SAAA,EAAAA,EAAI,IACrC,GAAID,EAAW,EAAG,CAChBE,YAAW,IAAMX,KAAKY,cAAcN,IAAKG,E,EAIrC,aAAAG,CAAcN,GACpBN,KAAKE,SAAWF,KAAKE,SAASW,QAAQC,GAAMA,EAAER,KAAOA,G,CAGvD,MAAAS,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAAQ,YAAW,SAAQ,cAAa,QAAO,aAAanB,KAAKC,OAC1Ee,EAAA,SAAAE,IAAA,2CAAOE,UAAWxB,MACjBI,KAAKE,SAASmB,KAAKC,I,MAAQ,OAC1BN,EAAA,mBACEE,IAAKI,EAAIhB,GACTiB,KAAMD,EAAIC,KACVC,OAAOd,EAAAY,EAAIE,SAAK,MAAAd,SAAA,EAAAA,EAAI,UACpBT,MAAOD,KAAKC,MACZwB,UAAW,IAAMzB,KAAKY,cAAcU,EAAIhB,KACxC,I","ignoreList":[]}

package/dist/diwa-components/p-178d18c2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as d}from"./p-ed4017f0.js";const t=()=>`\n  :host {\n    display: table-header-group;\n    background: var(--diwa-table-header-bg, var(--diwa-bg-elevated));\n    font-size: var(--diwa-font-size-sm);\n    font-weight: var(--diwa-font-weight-semibold);\n    color: var(--diwa-text-secondary);\n    --diwa-table-hover-color: transparent;\n  }\n  :host([hidden]) { display: none; }\n`;const r=class{constructor(a){e(this,a);this.theme="dark"}render(){return a(d,{key:"4a79b101f25908a4c8d952a6cabeba242d361d45",role:"rowgroup","data-theme":this.theme},a("style",{key:"2fe92018084cd53e3eecfa6fa7cfcd314609d383",innerHTML:t()}),a("slot",{key:"f9d45fc32ddc9eb5532dd8e85fadac06df35cfb3"}))}};export{r as diwa_table_head};
+//# sourceMappingURL=p-178d18c2.entry.js.map

package/dist/diwa-components/p-178d18c2.entry.js.map

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

package/dist/diwa-components/p-1a1bd7ed.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as n,h as e,H as t,g as i}from"./p-ed4017f0.js";import{g as s,a as r}from"./p-70bbb21a.js";const d=(a,n,e)=>`\n  :host {\n    display: inline-block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .btn {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    padding: ${e?"var(--diwa-space-1) var(--diwa-space-3)":"var(--diwa-space-2) var(--diwa-space-4)"};\n    border: none;\n    border-radius: calc(var(--diwa-radius-md) - var(--diwa-border-width-base));\n    background: ${a?"var(--diwa-bg-elevated)":"transparent"};\n    color: ${a?"var(--diwa-text-primary)":"var(--diwa-text-secondary)"};\n    font-size: ${e?"var(--diwa-font-size-sm)":"var(--diwa-font-size-base)"};\n    font-weight: ${a?"var(--diwa-font-weight-medium)":"var(--diwa-font-weight-normal, 400)"};\n    font-family: inherit;\n    cursor: ${n?"not-allowed":"pointer"};\n    opacity: ${n?.4:1};\n    white-space: nowrap;\n    transition: background 150ms ease, color 150ms ease;\n    box-shadow: ${a?"var(--diwa-shadow-sm)":"none"};\n  }\n\n  ${s(".btn")}\n\n  .btn:hover:not(:disabled) {\n    color: var(--diwa-text-primary);\n    background: ${a?"var(--diwa-bg-elevated)":"var(--diwa-bg-input)"};\n  }\n\n  ${r(".btn")}\n`;const o=class{constructor(e){a(this,e);this.segmentSelect=n(this,"diwa-segment-select",7);this.theme="dark";this.value="";this.selected=false;this.disabled=false;this.compact=false;this.handleClick=()=>{if(this.disabled||this.selected)return;this.segmentSelect.emit({value:this.value})}}render(){return e(t,{key:"197c164463018b07f0dd5561dabaff80b1017d55"},e("style",{key:"2d89019033de3d1bc1e818806af44aa0737aa7f4",innerHTML:d(this.selected,this.disabled,this.compact)}),e("button",{key:"ef28f2800562f06d42d772d35fd7ce4815b067cd",class:"btn",type:"button",disabled:this.disabled,"aria-pressed":this.selected?"true":"false",onClick:this.handleClick},e("slot",{key:"6ec68f67dfd5b386c24eeeb4108a84d94e933dd4"})))}static get delegatesFocus(){return true}get host(){return i(this)}};export{o as diwa_segmented_control_item};
+//# sourceMappingURL=p-1a1bd7ed.entry.js.map

package/dist/diwa-components/p-1a1bd7ed.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getComponentCss","selected","disabled","compact","getFocusStyle","getReducedMotionStyle","DiwaSegmentedControlItem","constructor","hostRef","this","theme","value","handleClick","segmentSelect","emit","render","h","Host","key","innerHTML","class","type","onClick"],"sources":["src/components/diwa-segmented-control-item/diwa-segmented-control-item-styles.ts","src/components/diwa-segmented-control-item/diwa-segmented-control-item.tsx"],"sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (selected: boolean, disabled: boolean, compact: boolean): string => `\r\n  :host {\r\n    display: inline-block;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-2);\r\n    padding: ${compact ? 'var(--diwa-space-1) var(--diwa-space-3)' : 'var(--diwa-space-2) var(--diwa-space-4)'};\r\n    border: none;\r\n    border-radius: calc(var(--diwa-radius-md) - var(--diwa-border-width-base));\r\n    background: ${selected ? 'var(--diwa-bg-elevated)' : 'transparent'};\r\n    color: ${selected ? 'var(--diwa-text-primary)' : 'var(--diwa-text-secondary)'};\r\n    font-size: ${compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-base)'};\r\n    font-weight: ${selected ? 'var(--diwa-font-weight-medium)' : 'var(--diwa-font-weight-normal, 400)'};\r\n    font-family: inherit;\r\n    cursor: ${disabled ? 'not-allowed' : 'pointer'};\r\n    opacity: ${disabled ? 0.4 : 1};\r\n    white-space: nowrap;\r\n    transition: background 150ms ease, color 150ms ease;\r\n    box-shadow: ${selected ? 'var(--diwa-shadow-sm)' : 'none'};\r\n  }\r\n\r\n  ${getFocusStyle('.btn')}\r\n\r\n  .btn:hover:not(:disabled) {\r\n    color: var(--diwa-text-primary);\r\n    background: ${selected ? 'var(--diwa-bg-elevated)' : 'var(--diwa-bg-input)'};\r\n  }\r\n\r\n  ${getReducedMotionStyle('.btn')}\r\n`;\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-segmented-control-item-styles';\r\n\r\n/**\r\n * @component diwa-segmented-control-item\r\n *\r\n * A single segment used inside `diwa-segmented-control`.\r\n * The parent manages `selected`, `disabled`, and `compact` automatically.\r\n * You only need to supply `value` and label content via the default slot.\r\n *\r\n * Usage:\r\n *   <diwa-segmented-control-item value=\"week\">Week</diwa-segmented-control-item>\r\n */\r\n@Component({\r\n  tag: 'diwa-segmented-control-item',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaSegmentedControlItem {\r\n  @Element() host!: HTMLDiwaSegmentedControlItemElement;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** The value emitted when this segment is activated. */\r\n  @Prop({ reflect: true }) value: string = '';\r\n\r\n  /** Whether this segment is currently selected. Set by the parent. */\r\n  @Prop({ mutable: true, reflect: true }) selected: boolean = false;\r\n\r\n  /** Whether this segment is disabled. Also set by the parent when the group is disabled. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Smaller sizing. Also set by the parent when compact is enabled. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /**\r\n   * Internal event — dispatched to the parent control when clicked.\r\n   * Consumers should listen to the parent's `update` event.\r\n   */\r\n  @Event({ bubbles: true, composed: true, eventName: 'diwa-segment-select' })\r\n  segmentSelect!: EventEmitter<{ value: string }>;\r\n\r\n  private handleClick = () => {\r\n    if (this.disabled || this.selected) return;\r\n    this.segmentSelect.emit({ value: this.value });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <style innerHTML={getComponentCss(this.selected, this.disabled, this.compact)} />\r\n        <button\r\n          class=\"btn\"\r\n          type=\"button\"\r\n          disabled={this.disabled}\r\n          aria-pressed={this.selected ? 'true' : 'false'}\r\n          onClick={this.handleClick}\r\n        >\r\n          <slot />\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2GAEO,MAAMA,EAAkB,CAACC,EAAmBC,EAAmBC,IAA6B,kRAepFA,EAAU,0CAA4C,mKAGnDF,EAAW,0BAA4B,8BAC5CA,EAAW,2BAA6B,iDACpCE,EAAU,2BAA6B,mDACrCF,EAAW,iCAAmC,kFAEnDC,EAAW,cAAgB,4BAC1BA,EAAW,GAAM,2GAGdD,EAAW,wBAA0B,qBAGnDG,EAAc,mGAIAH,EAAW,0BAA4B,qCAGrDI,EAAsB,Y,MCrBbC,EAAwB,MAJrC,WAAAC,CAAAC,G,6DAQ2BC,KAAAC,MAAe,OAGfD,KAAAE,MAAgB,GAGDF,KAAAR,SAAoB,MAGnCQ,KAAAP,SAAoB,MAGpBO,KAAAN,QAAmB,MASpCM,KAAAG,YAAc,KACpB,GAAIH,KAAKP,UAAYO,KAAKR,SAAU,OACpCQ,KAAKI,cAAcC,KAAK,CAAEH,MAAOF,KAAKE,OAAQ,C,CAGhD,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,UAAWnB,EAAgBS,KAAKR,SAAUQ,KAAKP,SAAUO,KAAKN,WACrEa,EAAA,UAAAE,IAAA,2CACEE,MAAM,MACNC,KAAK,SACLnB,SAAUO,KAAKP,SAAQ,eACTO,KAAKR,SAAW,OAAS,QACvCqB,QAASb,KAAKG,aAEdI,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/diwa-components/p-20fd1505.entry.js

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

package/dist/diwa-components/p-20fd1505.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getComponentCss","DiwaStepperHorizontal","constructor","hostRef","this","theme","activeStepIndex","handleIndexChange","syncItems","componentDidLoad","componentDidUpdate","getItems","Array","from","host","querySelectorAll","items","total","length","forEach","item","i","state","stepNumber","isLast","render","h","Host","key","innerHTML","class","role"],"sources":["src/components/diwa-stepper-horizontal/diwa-stepper-horizontal-styles.ts","src/components/diwa-stepper-horizontal/diwa-stepper-horizontal.tsx"],"sourcesContent":["export 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  .stepper {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  .stepper::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n`;\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { StepperHorizontalUpdateEventDetail } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-stepper-horizontal-styles';\r\n\r\n/**\r\n * @component diwa-stepper-horizontal\r\n *\r\n * Displays a horizontal sequence of steps, indicating progress through a\r\n * multi-step workflow. Accepts `diwa-stepper-horizontal-item` children and\r\n * manages their `state` (complete/current/incomplete) based on `activeStepIndex`.\r\n *\r\n * Usage:\r\n *   <diwa-stepper-horizontal active-step-index={1}>\r\n *     <diwa-stepper-horizontal-item>Account</diwa-stepper-horizontal-item>\r\n *     <diwa-stepper-horizontal-item>Details</diwa-stepper-horizontal-item>\r\n *     <diwa-stepper-horizontal-item>Review</diwa-stepper-horizontal-item>\r\n *   </diwa-stepper-horizontal>\r\n */\r\n@Component({\r\n  tag: 'diwa-stepper-horizontal',\r\n  shadow: true,\r\n})\r\nexport class DiwaStepperHorizontal {\r\n  @Element() host!: HTMLDiwaStepperHorizontalElement;\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 current active step. */\r\n  @Prop({ mutable: true, attribute: 'active-step-index' })\r\n  activeStepIndex: number = 0;\r\n\r\n  /**\r\n   * Emitted when the active step index changes (e.g. the consumer calls\r\n   * next/prev). This component does not auto-advance — use this event\r\n   * to update `activeStepIndex` externally.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<StepperHorizontalUpdateEventDetail>;\r\n\r\n  @Watch('activeStepIndex')\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(): HTMLDiwaStepperHorizontalItemElement[] {\r\n    return Array.from(\r\n      this.host.querySelectorAll('diwa-stepper-horizontal-item'),\r\n    ) as HTMLDiwaStepperHorizontalItemElement[];\r\n  }\r\n\r\n  private syncItems() {\r\n    const items = this.getItems();\r\n    const total = items.length;\r\n    items.forEach((item, i) => {\r\n      if (i < this.activeStepIndex) {\r\n        (item as any).state = 'complete';\r\n      } else if (i === this.activeStepIndex) {\r\n        (item as any).state = 'current';\r\n      } else {\r\n        (item as any).state = 'incomplete';\r\n      }\r\n      (item as any).stepNumber = i + 1;\r\n      (item as any).isLast = i === total - 1;\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        <div class=\"stepper\" role=\"list\" aria-label=\"Progress\">\r\n          <slot />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gEAAO,MAAMA,EAAkB,IAAc,gU,MCuBhCC,EAAqB,MAJlC,WAAAC,CAAAC,G,yCAQ2BC,KAAAC,MAAe,OAIxCD,KAAAE,gBAA0B,C,CAW1B,iBAAAC,GACEH,KAAKI,W,CAGP,gBAAAC,GACEL,KAAKI,W,CAGP,kBAAAE,GACEN,KAAKI,W,CAGC,QAAAG,GACN,OAAOC,MAAMC,KACXT,KAAKU,KAAKC,iBAAiB,gC,CAIvB,SAAAP,GACN,MAAMQ,EAAQZ,KAAKO,WACnB,MAAMM,EAAQD,EAAME,OACpBF,EAAMG,SAAQ,CAACC,EAAMC,KACnB,GAAIA,EAAIjB,KAAKE,gBAAiB,CAC3Bc,EAAaE,MAAQ,U,MACjB,GAAID,IAAMjB,KAAKE,gBAAiB,CACpCc,EAAaE,MAAQ,S,KACjB,CACJF,EAAaE,MAAQ,Y,CAEvBF,EAAaG,WAAaF,EAAI,EAC9BD,EAAaI,OAASH,IAAMJ,EAAQ,CAAC,G,CAI1C,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAaxB,KAAKC,OACrBqB,EAAA,SAAAE,IAAA,2CAAOC,UAAW7B,MAClB0B,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,OAAM,aAAY,YAC1CL,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/diwa-components/p-230692aa.entry.js

@@ -0,0 +1,2 @@
+import{r as n,h as a,H as e,g as t}from"./p-ed4017f0.js";import{g as i,a as r}from"./p-70bbb21a.js";const o=(n,a,e,t)=>`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: inline-flex;\n    position: relative;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Inner element (the real <button> or <a> in Shadow DOM) ─────────── */\n\n  .inner {\n    /* Layout */\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--diwa-space-2);\n\n    /* Sizing defaults (md) */\n    height: var(--diwa-button-height, 40px);\n    padding: 0 var(--diwa-button-padding-x, 16px);\n    box-sizing: border-box;\n    width: 100%;\n\n    /* Shape */\n    border-radius: var(--diwa-button-radius, var(--diwa-radius-md));\n    border: var(--diwa-border-width-thin) solid transparent;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-button-font-weight, var(--diwa-font-weight-medium));\n    font-family: inherit;\n    line-height: 1;\n    white-space: nowrap;\n    text-decoration: none;\n\n    /* Interaction */\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n    position: relative;\n\n    /* Motion */\n    transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\n\n    /* Reset native button styles */\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${i(".inner")}\n\n  /* ── Variant: primary ───────────────────────────────────────────────── */\n\n  :host([variant="primary"]) .inner {\n    background-color: var(--diwa-button-bg, var(--diwa-accent));\n    color: var(--diwa-button-color, var(--diwa-text-inverse));\n    border-color: transparent;\n  }\n\n  :host([variant="primary"]) .inner:hover:not(:disabled) {\n    background-color: var(--diwa-button-bg-hover, var(--diwa-accent-hover));\n  }\n\n  :host([variant="primary"]) .inner:active:not(:disabled) {\n    background-color: var(--diwa-accent-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: secondary ─────────────────────────────────────────────── */\n\n  :host([variant="secondary"]) .inner {\n    background-color: transparent;\n    color: var(--diwa-accent);\n    border-color: var(--diwa-accent);\n  }\n\n  :host([variant="secondary"]) .inner:hover:not(:disabled) {\n    background-color: var(--diwa-accent-bg);\n    border-color: var(--diwa-accent-hover);\n  }\n\n  :host([variant="secondary"]) .inner:active:not(:disabled) {\n    background-color: var(--diwa-accent-muted);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: ghost ─────────────────────────────────────────────────── */\n\n  :host([variant="ghost"]) .inner {\n    background-color: transparent;\n    color: var(--diwa-text-secondary);\n    border-color: transparent;\n  }\n\n  :host([variant="ghost"]) .inner:hover:not(:disabled) {\n    background-color: var(--diwa-bg-hover);\n    color: var(--diwa-text-primary);\n  }\n\n  :host([variant="ghost"]) .inner:active:not(:disabled) {\n    background-color: var(--diwa-bg-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Variant: danger ────────────────────────────────────────────────── */\n\n  :host([variant="danger"]) .inner {\n    background-color: var(--diwa-danger);\n    color: var(--diwa-text-inverse);\n    border-color: transparent;\n  }\n\n  :host([variant="danger"]) .inner:hover:not(:disabled) {\n    background-color: var(--diwa-danger-hover);\n  }\n\n  :host([variant="danger"]) .inner:active:not(:disabled) {\n    background-color: var(--diwa-danger-active);\n    transform: translateY(1px);\n  }\n\n  /* ── Size: sm ───────────────────────────────────────────────────────── */\n\n  :host([size="sm"]) .inner {\n    height: var(--diwa-button-height-sm, 32px);\n    padding: 0 var(--diwa-button-padding-x-sm, 10px);\n    font-size: var(--diwa-font-size-md);\n  }\n\n  /* ── Size: lg ───────────────────────────────────────────────────────── */\n\n  :host([size="lg"]) .inner {\n    height: var(--diwa-button-height-lg, 44px);\n    padding: 0 var(--diwa-space-10);\n    font-size: var(--diwa-font-size-lg);\n  }\n\n  /* ── State: disabled ────────────────────────────────────────────────── */\n\n  :host([disabled]) .inner,\n  .inner:disabled {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ── State: loading ─────────────────────────────────────────────────── */\n\n  :host([loading]) .inner {\n    cursor: wait;\n    pointer-events: none;\n  }\n\n  /* ── Spinner ────────────────────────────────────────────────────────── */\n\n  .spinner {\n    width: var(--diwa-spinner-size-sm);\n    height: var(--diwa-spinner-size-sm);\n    flex-shrink: 0;\n    border: var(--diwa-border-width-base) solid currentColor;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: diwa-spin var(--diwa-spinner-duration, 0.7s) linear infinite;\n  }\n\n  @keyframes diwa-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  /* ── Icon slots ─────────────────────────────────────────────────────── */\n\n  .icon-start,\n  .icon-end {\n    display: contents;\n    flex-shrink: 0;\n    line-height: 0;\n  }\n\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\n\n  .label--hidden {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  /* ── Icon-only mode ─────────────────────────────────────────────────── */\n\n  :host([hide-label]) .inner {\n    width: var(--diwa-button-height, 40px);\n    padding: 0;\n  }\n\n  :host([hide-label][size="sm"]) .inner {\n    width: var(--diwa-button-height-sm, 32px);\n  }\n\n  :host([hide-label][size="lg"]) .inner {\n    width: var(--diwa-button-height-lg, 44px);\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${r(".inner",".label",".spinner")}\n`;const d=(n,a,e,t)=>{const i={};if(e){i["aria-label"]=e}if(a){i["aria-busy"]="true"}if(t&&(n||a)){i["aria-disabled"]="true"}return i};const s=class{constructor(a){n(this,a);this.theme="dark";this.variant="primary";this.size="md";this.type="button";this.disabled=false;this.loading=false;this.hideLabel=false;this.icon="none";this.handleClick=n=>{if(!this.isInteractive){n.preventDefault();n.stopPropagation()}}}get isInteractive(){return!this.disabled&&!this.loading}get iconSize(){return this.size==="sm"?16:this.size==="lg"?24:20}render(){const n=!!this.href;const t=n?"a":"button";const i=d(this.disabled,this.loading,this.label,n);const r=Object.assign({class:"inner",onClick:this.handleClick},i);const s=n?{href:this.href,target:this.target,rel:this.target==="_blank"?"noopener noreferrer":undefined,tabIndex:this.disabled||this.loading?-1:undefined}:{type:this.type,name:this.name,value:this.value,disabled:this.disabled||this.loading};return a(e,{key:"9182fd6e2a9ccce76a67596d99c5ef080dbdc219","data-theme":this.theme,role:n?undefined:"button","aria-disabled":(this.disabled||this.loading)&&n?"true":undefined},a("style",{key:"349d3b828df53f57b23192854929f921a479146a",innerHTML:o()}),a(t,Object.assign({key:"ffc8b04d99d508c5de77d07757ab362c57420132"},r,s,{part:"base"}),this.loading&&a("span",{key:"226b226efdd671e9494b6db3c83d09e609a08ae6",class:"spinner","aria-hidden":"true",part:"spinner"}),a("span",{key:"571b34bc8dd3e712bb0702d35283c99c57dee34e",class:"icon-start",part:"icon-start","aria-hidden":"true"},this.icon!=="none"&&!this.loading&&a("diwa-icon",{key:"b4304efd1423d517b5aee0a079b6f17993700398",name:this.icon,size:this.iconSize}),a("slot",{key:"1262b1411d2e2faadbabdf6a05cdfa6863b4f53d",name:"icon-start"})),a("span",{key:"6da505ff94ceb539c2f5c063b0aa364ef62c0923",class:`label${this.hideLabel?" label--hidden":""}`,part:"label"},a("slot",{key:"055841a5c87793d21d7f2f02ce895326889fa887"})),a("span",{key:"d6f33edb88b49bde1ca50968e3a4f6ac45b2ae77",class:"icon-end",part:"icon-end","aria-hidden":"true"},a("slot",{key:"6239635e5cbbfed9a064095b66fb77a466d77aa8",name:"icon-end"}))))}static get delegatesFocus(){return true}get host(){return t(this)}};export{s as diwa_button};
+//# sourceMappingURL=p-230692aa.entry.js.map

package/dist/diwa-components/p-230692aa.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getComponentCss","_variant","_size","_disabled","_loading","getFocusStyle","getReducedMotionStyle","getButtonAriaAttributes","disabled","loading","label","isLink","attrs","DiwaButton","constructor","hostRef","this","theme","variant","size","type","hideLabel","icon","handleClick","e","isInteractive","preventDefault","stopPropagation","iconSize","render","href","Tag","ariaAttrs","commonProps","Object","assign","class","onClick","buttonProps","target","rel","undefined","tabIndex","name","value","h","Host","key","role","innerHTML","part"],"sources":["src/components/diwa-button/diwa-button-styles.ts","src/components/diwa-button/diwa-button-utils.ts","src/components/diwa-button/diwa-button.tsx"],"sourcesContent":["/**\r\n * diwa-button-styles.ts\r\n * ======================\r\n * CSS-in-JS style function for <diwa-button>.\r\n *\r\n * Returns a complete, scoped CSS string injected into the component's Shadow DOM\r\n * via a <style innerHTML={...}> element in render(). This follows the shared\n * Diwa component styling architecture used across web components.\n *\r\n * All colour values use CSS custom properties (--diwa-*) — raw values are never\r\n * hardcoded. This means theming is entirely handled by the token cascade: when the\r\n * host element carries data-theme=\"light\", the [data-theme=\"light\"] overrides\r\n * defined in app.css cascade into the Shadow DOM via custom property inheritance.\r\n *\r\n * The function accepts the full prop surface for future conditional optimisation\r\n * (e.g. generating only variant- or size-specific CSS to reduce payload), but\r\n * currently outputs the complete ruleset regardless of prop values.\r\n */\r\n\r\nimport type { ButtonSize, ButtonVariant } from './types';\r\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\n/**\r\n * Generates scoped CSS for the <diwa-button> shadow tree.\r\n *\r\n * @param _variant  — current ButtonVariant (reserved for conditional CSS)\r\n * @param _size     — current ButtonSize    (reserved for conditional CSS)\r\n * @param _disabled — disabled state        (reserved for conditional CSS)\r\n * @param _loading  — loading state         (reserved for conditional CSS)\r\n */\r\nexport const getComponentCss = (\r\n  _variant: ButtonVariant,\r\n  _size: ButtonSize,\r\n  _disabled: boolean,\r\n  _loading: boolean,\r\n): string => `\r\n  /* ── Host ──────────────────────────────────────────────────────────── */\r\n\r\n  :host {\r\n    display: inline-flex;\r\n    position: relative;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  /* ── Inner element (the real <button> or <a> in Shadow DOM) ─────────── */\r\n\r\n  .inner {\r\n    /* Layout */\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: var(--diwa-space-2);\r\n\r\n    /* Sizing defaults (md) */\r\n    height: var(--diwa-button-height, 40px);\r\n    padding: 0 var(--diwa-button-padding-x, 16px);\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n\r\n    /* Shape */\r\n    border-radius: var(--diwa-button-radius, var(--diwa-radius-md));\r\n    border: var(--diwa-border-width-thin) solid transparent;\r\n    font-size: var(--diwa-font-size-base);\r\n    font-weight: var(--diwa-button-font-weight, var(--diwa-font-weight-medium));\r\n    font-family: inherit;\r\n    line-height: 1;\r\n    white-space: nowrap;\r\n    text-decoration: none;\r\n\r\n    /* Interaction */\r\n    cursor: pointer;\r\n    user-select: none;\r\n    -webkit-font-smoothing: antialiased;\r\n    position: relative;\r\n\r\n    /* Motion */\r\n    transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\r\n\r\n    /* Reset native button styles */\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n  }\r\n\r\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\r\n\r\n  ${getFocusStyle('.inner')}\r\n\r\n  /* ── Variant: primary ───────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"primary\"]) .inner {\r\n    background-color: var(--diwa-button-bg, var(--diwa-accent));\r\n    color: var(--diwa-button-color, var(--diwa-text-inverse));\r\n    border-color: transparent;\r\n  }\r\n\r\n  :host([variant=\"primary\"]) .inner:hover:not(:disabled) {\r\n    background-color: var(--diwa-button-bg-hover, var(--diwa-accent-hover));\r\n  }\r\n\r\n  :host([variant=\"primary\"]) .inner:active:not(:disabled) {\r\n    background-color: var(--diwa-accent-active);\r\n    transform: translateY(1px);\r\n  }\r\n\r\n  /* ── Variant: secondary ─────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"secondary\"]) .inner {\r\n    background-color: transparent;\r\n    color: var(--diwa-accent);\r\n    border-color: var(--diwa-accent);\r\n  }\r\n\r\n  :host([variant=\"secondary\"]) .inner:hover:not(:disabled) {\r\n    background-color: var(--diwa-accent-bg);\r\n    border-color: var(--diwa-accent-hover);\r\n  }\r\n\r\n  :host([variant=\"secondary\"]) .inner:active:not(:disabled) {\r\n    background-color: var(--diwa-accent-muted);\r\n    transform: translateY(1px);\r\n  }\r\n\r\n  /* ── Variant: ghost ─────────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"ghost\"]) .inner {\r\n    background-color: transparent;\r\n    color: var(--diwa-text-secondary);\r\n    border-color: transparent;\r\n  }\r\n\r\n  :host([variant=\"ghost\"]) .inner:hover:not(:disabled) {\r\n    background-color: var(--diwa-bg-hover);\r\n    color: var(--diwa-text-primary);\r\n  }\r\n\r\n  :host([variant=\"ghost\"]) .inner:active:not(:disabled) {\r\n    background-color: var(--diwa-bg-active);\r\n    transform: translateY(1px);\r\n  }\r\n\r\n  /* ── Variant: danger ────────────────────────────────────────────────── */\r\n\r\n  :host([variant=\"danger\"]) .inner {\r\n    background-color: var(--diwa-danger);\r\n    color: var(--diwa-text-inverse);\r\n    border-color: transparent;\r\n  }\r\n\r\n  :host([variant=\"danger\"]) .inner:hover:not(:disabled) {\r\n    background-color: var(--diwa-danger-hover);\r\n  }\r\n\r\n  :host([variant=\"danger\"]) .inner:active:not(:disabled) {\r\n    background-color: var(--diwa-danger-active);\r\n    transform: translateY(1px);\r\n  }\r\n\r\n  /* ── Size: sm ───────────────────────────────────────────────────────── */\r\n\r\n  :host([size=\"sm\"]) .inner {\r\n    height: var(--diwa-button-height-sm, 32px);\r\n    padding: 0 var(--diwa-button-padding-x-sm, 10px);\r\n    font-size: var(--diwa-font-size-md);\r\n  }\r\n\r\n  /* ── Size: lg ───────────────────────────────────────────────────────── */\r\n\r\n  :host([size=\"lg\"]) .inner {\r\n    height: var(--diwa-button-height-lg, 44px);\r\n    padding: 0 var(--diwa-space-10);\r\n    font-size: var(--diwa-font-size-lg);\r\n  }\r\n\r\n  /* ── State: disabled ────────────────────────────────────────────────── */\r\n\r\n  :host([disabled]) .inner,\r\n  .inner:disabled {\r\n    opacity: var(--diwa-opacity-disabled);\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  /* ── State: loading ─────────────────────────────────────────────────── */\r\n\r\n  :host([loading]) .inner {\r\n    cursor: wait;\r\n    pointer-events: none;\r\n  }\r\n\r\n  /* ── Spinner ────────────────────────────────────────────────────────── */\r\n\r\n  .spinner {\r\n    width: var(--diwa-spinner-size-sm);\r\n    height: var(--diwa-spinner-size-sm);\r\n    flex-shrink: 0;\r\n    border: var(--diwa-border-width-base) solid currentColor;\r\n    border-top-color: transparent;\r\n    border-radius: 50%;\r\n    animation: diwa-spin var(--diwa-spinner-duration, 0.7s) linear infinite;\r\n  }\r\n\r\n  @keyframes diwa-spin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  /* ── Icon slots ─────────────────────────────────────────────────────── */\r\n\r\n  .icon-start,\r\n  .icon-end {\r\n    display: contents;\r\n    flex-shrink: 0;\r\n    line-height: 0;\r\n  }\r\n\r\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\r\n\r\n  .label--hidden {\r\n    border: 0;\r\n    clip: rect(0, 0, 0, 0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    width: 1px;\r\n  }\r\n\r\n  /* ── Icon-only mode ─────────────────────────────────────────────────── */\r\n\r\n  :host([hide-label]) .inner {\r\n    width: var(--diwa-button-height, 40px);\r\n    padding: 0;\r\n  }\r\n\r\n  :host([hide-label][size=\"sm\"]) .inner {\r\n    width: var(--diwa-button-height-sm, 32px);\r\n  }\r\n\r\n  :host([hide-label][size=\"lg\"]) .inner {\r\n    width: var(--diwa-button-height-lg, 44px);\r\n  }\r\n\r\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\r\n\r\n  ${getReducedMotionStyle('.inner', '.label', '.spinner')}\r\n`;\r\n","/**\r\n * diwa-button-utils.ts\r\n * =====================\r\n * Utility types and helper functions for <diwa-button>.\r\n *\r\n * Mirrors the PDS pattern used in:\r\n *   packages/components/src/components/button/button-utils.ts\r\n *\r\n * Separating ARIA logic into a dedicated utility file keeps the main component\r\n * lean and makes the accessibility mapping independently testable.\r\n */\r\n\r\n/**\r\n * ARIA attributes applied to the inner interactive element (<button> or <a>).\r\n * All keys are optional — only set when semantically appropriate.\r\n */\r\nexport interface ButtonAriaAttributes {\r\n  /** Accessible text label — overrides slot content for AT. */\r\n  'aria-label'?: string;\r\n  /** Signals that the button is performing an async operation. */\r\n  'aria-busy'?: 'true';\r\n  /** Used on <a> elements (which have no native disabled attribute). */\r\n  'aria-disabled'?: 'true';\r\n}\r\n\r\n/**\r\n * Assembles ARIA attributes for the inner interactive element.\r\n *\r\n * Decision table:\r\n * - `aria-label`    → set when `label` prop is provided (icon-only or supplemental name)\r\n * - `aria-busy`     → set when `loading` is true (announces async activity to AT)\r\n * - `aria-disabled` → set when disabled **and** the element is an <a> (links have no\r\n *                     native disabled — we simulate it with aria + tabIndex=-1)\r\n *\r\n * For native <button>: disabled/loading are expressed via the `disabled` HTML attribute\r\n * (handled in the calling component's render), so `aria-disabled` is not needed there.\r\n *\r\n * @param disabled — whether the button interaction is blocked\r\n * @param loading  — whether the button is performing an async operation\r\n * @param label    — accessible label string (optional)\r\n * @param isLink   — true when the component renders as <a> (href is provided)\r\n */\r\nexport const getButtonAriaAttributes = (\r\n  disabled: boolean,\r\n  loading: boolean,\r\n  label: string | undefined,\r\n  isLink: boolean,\r\n): ButtonAriaAttributes => {\r\n  const attrs: ButtonAriaAttributes = {};\r\n\r\n  if (label) {\r\n    attrs['aria-label'] = label;\r\n  }\r\n\r\n  if (loading) {\r\n    attrs['aria-busy'] = 'true';\r\n  }\r\n\r\n  // <a> elements have no native `disabled` attribute — express it via ARIA.\r\n  if (isLink && (disabled || loading)) {\r\n    attrs['aria-disabled'] = 'true';\r\n  }\r\n\r\n  return attrs;\r\n};\r\n","import { Component, Element, Host, Prop, h } from \"@stencil/core\";\r\nimport type { ButtonSize, ButtonType, ButtonVariant } from \"./types\";\r\nimport type { Theme } from \"../../utils/styles\";\r\nimport { getComponentCss } from \"./diwa-button-styles\";\r\nimport { getButtonAriaAttributes } from \"./diwa-button-utils\";\r\n\r\n/**\r\n * @component diwa-button\r\n *\r\n * A fully encapsulated, accessible button primitive.\r\n * Renders as a native <button> (or <a> when `href` is supplied).\r\n *\r\n * Design token override API (set on :root or any ancestor):\r\n *   --diwa-button-bg          Background color (primary variant default)\r\n *   --diwa-button-bg-hover    Hover background\r\n *   --diwa-button-color       Foreground / text color\r\n *   --diwa-button-radius      Border radius\r\n *   --diwa-button-height      Height for md size\r\n *   --diwa-button-height-sm   Height for sm size\r\n *   --diwa-button-height-lg   Height for lg size\r\n *   --diwa-button-padding-x   Horizontal padding for md/lg\r\n *   --diwa-button-padding-x-sm Horizontal padding for sm\r\n *\r\n * Usage:\r\n *   <diwa-button variant=\"primary\">Get Started</diwa-button>\r\n *   <diwa-button variant=\"secondary\" size=\"sm\" disabled>Cancel</diwa-button>\r\n *   <diwa-button href=\"/dashboard\" target=\"_blank\">Open Panel</diwa-button>\r\n *\r\n * @slot default — Button label content (text, icons, or mixed)\r\n */\r\n@Component({\r\n  tag: \"diwa-button\",\r\n  /**\r\n   * No styleUrl — styles are injected dynamically via getComponentCss().\r\n   * This follows the PDS CSS-in-JS pattern, enabling per-component theming\r\n   * and keeping style logic co-located with the component.\r\n   *\r\n   * shadow.delegatesFocus = true:\r\n   *   Forwards focus from the host element (<diwa-button>) to the first\r\n   *   focusable element inside the Shadow DOM (<button> or <a>).\r\n   *   This ensures keyboard navigation and :focus-visible work correctly\r\n   *   when host-app code calls .focus() on the custom element.\r\n   */\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaButton {\r\n  @Element() host!: HTMLDiwaButtonElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props — each @Prop generates a corresponding argType in Storybook\r\n  // and an HTML attribute on the custom element.\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /**\r\n   * Per-component theme override.\r\n   *\r\n   * Setting this reflects data-theme onto the host element, causing the light/dark\r\n   * token overrides in app.css to cascade into the Shadow DOM automatically.\r\n   * Mirrors the `theme` prop on every PDS component.\r\n   */\r\n  @Prop({ reflect: true }) theme: Theme = \"dark\";\r\n\r\n  /** Visual style variant. */\r\n  @Prop({ reflect: true }) variant: ButtonVariant = \"primary\";\r\n\r\n  /** Size tier — controls height and padding. */\r\n  @Prop({ reflect: true }) size: ButtonSize = \"md\";\r\n\r\n  /**\r\n   * Native button type. Only applies when rendered as <button>\r\n   * (i.e., no `href` prop is set).\r\n   */\r\n  @Prop() type: ButtonType = \"button\";\r\n\r\n  /**\r\n   * Disabled state. Blocks all pointer and keyboard interaction.\r\n   * When rendered as <a>, sets aria-disabled instead of disabled\r\n   * (the `disabled` attribute is not valid on anchor elements).\r\n   */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /**\r\n   * Loading state. Shows an inline spinner, disables the button,\r\n   * and sets aria-busy=\"true\" to communicate async activity to\r\n   * screen readers.\r\n   */\r\n  @Prop({ reflect: true }) loading: boolean = false;\r\n\r\n  /**\r\n   * When set, the button renders as an <a> element (link semantics).\r\n   * Pair with `target` for external links.\r\n   */\r\n  @Prop() href?: string;\r\n\r\n  /** Link target — only meaningful when `href` is set. */\r\n  @Prop() target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\r\n\r\n  /** Native button name — submitted with form data. */\r\n  @Prop() name?: string;\r\n\r\n  /** Native button value — submitted with form data. */\r\n  @Prop() value?: string;\r\n\r\n  /**\r\n   * Accessible label. Use when the visible slot content is not\r\n   * descriptive enough (e.g., icon-only buttons).\r\n   */\r\n  @Prop() label?: string;\r\n\r\n  /**\r\n   * When `true`, the default label slot is visually hidden so the button\r\n   * renders as a compact square (icon-only mode). The slot text is kept in\r\n   * the DOM for screen-reader accessible-name calculation.\r\n   *\r\n   * For best accessibility, always pair with the `label` prop **or** ensure\r\n   * the default slot contains descriptive text, so the button has a name.\r\n   *\r\n   * Usage:\r\n   *   <diwa-button hide-label label=\"Save\">\r\n   *     <svg slot=\"icon-start\">…</svg>\r\n   *   </diwa-button>\r\n   */\r\n  @Prop({ reflect: true }) hideLabel: boolean = false;\r\n\r\n  /**\r\n   * Lucide icon name in kebab-case (e.g. `\"star\"`, `\"arrow-right\"`), or `'none'`\r\n   * to show no icon. When set to any value other than `'none'`, renders a\r\n   * `<diwa-icon>` in the leading (icon-start) position.\r\n   *\r\n   * The `icon-start` slot still works alongside this prop — the prop-rendered\r\n   * icon comes first, followed by any slotted content.\r\n   */\r\n  @Prop() icon: string = 'none';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private helpers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private get isInteractive(): boolean {\r\n    return !this.disabled && !this.loading;\r\n  }\r\n\r\n  private get iconSize(): number {\r\n    return this.size === 'sm' ? 16 : this.size === 'lg' ? 24 : 20;\r\n  }\r\n\r\n  private handleClick = (e: MouseEvent): void => {\r\n    if (!this.isInteractive) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    }\r\n    // When interactive, allow the native click to retarget to the host element.\r\n    // Framework wrappers expose it as onClick (React) / @click (Vue) / (click) (Angular).\r\n  };\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    /**\r\n     * Render as <a> when href is provided (link semantics).\r\n     * Render as <button> for all interactive / form scenarios.\r\n     */\r\n    const isLink = !!this.href;\r\n    const Tag = isLink ? \"a\" : \"button\";\r\n\r\n    // Consolidate all ARIA attributes via the utility — mirrors PDS getButtonAriaAttributes()\r\n    const ariaAttrs = getButtonAriaAttributes(this.disabled, this.loading, this.label, isLink);\r\n\r\n    const commonProps = {\r\n      class: \"inner\",\r\n      onClick: this.handleClick,\r\n      ...ariaAttrs,\r\n    };\r\n\r\n    const buttonProps = isLink\r\n      ? {\r\n          href: this.href,\r\n          target: this.target,\r\n          rel: this.target === \"_blank\" ? \"noopener noreferrer\" : undefined,\r\n          // Disabled links have no native mechanism — suppress tab stop too\r\n          tabIndex: this.disabled || this.loading ? -1 : undefined,\r\n        }\r\n      : {\r\n          type: this.type,\r\n          name: this.name,\r\n          value: this.value,\r\n          disabled: this.disabled || this.loading,\r\n        };\r\n\r\n    return (\r\n      /**\r\n       * <Host> renders the outer custom element tag itself.\r\n       *\r\n       * data-theme is set from the `theme` prop so that the [data-theme=\"light\"]\r\n       * CSS variable overrides in app.css cascade into this Shadow DOM tree via\r\n       * custom property inheritance — no colour values are hardcoded here.\r\n       *\r\n       * Reflecting `variant` and `size` as attributes allows CSS consumers to\r\n       * target the host from outside:  diwa-button[variant=\"primary\"] { ... }\r\n       *\r\n       * The part=\"base\" exposes internals for ::part() in host-app stylesheets.\r\n       */\r\n      <Host\r\n        data-theme={this.theme}\r\n        role={isLink ? undefined : \"button\"}\r\n        aria-disabled={\r\n          (this.disabled || this.loading) && isLink ? \"true\" : undefined\r\n        }\r\n      >\r\n        {/* CSS-in-JS styles — injected into Shadow DOM, scoped automatically */}\r\n        <style innerHTML={getComponentCss(this.variant, this.size, this.disabled, this.loading)} />\r\n\r\n        <Tag\r\n          {...commonProps}\r\n          {...buttonProps}\r\n          part=\"base\" /* ::part(base) hook for consumers */\r\n        >\r\n          {/* Loading spinner — visually hidden from AT via aria-hidden */}\r\n          {this.loading && (\r\n            <span class=\"spinner\" aria-hidden=\"true\" part=\"spinner\" />\r\n          )}\r\n\r\n          {/* Leading icon slot — decorative; aria-hidden keeps AT focused on label */}\r\n          <span class=\"icon-start\" part=\"icon-start\" aria-hidden=\"true\">\r\n            {this.icon !== 'none' && !this.loading && <diwa-icon name={this.icon} size={this.iconSize} />}\r\n            <slot name=\"icon-start\" />\r\n          </span>\r\n\r\n          {/* Slot — content projection. Text, icons, or mixed content. */}\r\n          <span class={`label${this.hideLabel ? \" label--hidden\" : \"\"}`} part=\"label\">\r\n            <slot />\r\n          </span>\r\n\r\n          {/* Trailing icon slot */}\r\n          <span class=\"icon-end\" part=\"icon-end\" aria-hidden=\"true\">\r\n            <slot name=\"icon-end\" />\r\n          </span>\r\n        </Tag>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"oGA8BO,MAAMA,EAAkB,CAC7BC,EACAC,EACAC,EACAC,IACW,48CAuDTC,EAAc,k6IAgKdC,EAAsB,SAAU,SAAU,gBChNvC,MAAMC,EAA0B,CACrCC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAA8B,GAEpC,GAAIF,EAAO,CACTE,EAAM,cAAgBF,C,CAGxB,GAAID,EAAS,CACXG,EAAM,aAAe,M,CAIvB,GAAID,IAAWH,GAAYC,GAAU,CACnCG,EAAM,iBAAmB,M,CAG3B,OAAOA,CAAK,E,MClBDC,EAAU,MAfvB,WAAAC,CAAAC,G,UA8B2BC,KAAAC,MAAe,OAGfD,KAAAE,QAAyB,UAGzBF,KAAAG,KAAmB,KAMpCH,KAAAI,KAAmB,SAOFJ,KAAAR,SAAoB,MAOpBQ,KAAAP,QAAmB,MAoCnBO,KAAAK,UAAqB,MAUtCL,KAAAM,KAAe,OAcfN,KAAAO,YAAeC,IACrB,IAAKR,KAAKS,cAAe,CACvBD,EAAEE,iBACFF,EAAEG,iB,GAXN,iBAAYF,GACV,OAAQT,KAAKR,WAAaQ,KAAKP,O,CAGjC,YAAYmB,GACV,OAAOZ,KAAKG,OAAS,KAAO,GAAKH,KAAKG,OAAS,KAAO,GAAK,E,CAgB7D,MAAAU,GAKE,MAAMlB,IAAWK,KAAKc,KACtB,MAAMC,EAAMpB,EAAS,IAAM,SAG3B,MAAMqB,EAAYzB,EAAwBS,KAAKR,SAAUQ,KAAKP,QAASO,KAAKN,MAAOC,GAEnF,MAAMsB,EAAWC,OAAAC,OAAA,CACfC,MAAO,QACPC,QAASrB,KAAKO,aACXS,GAGL,MAAMM,EAAc3B,EAChB,CACEmB,KAAMd,KAAKc,KACXS,OAAQvB,KAAKuB,OACbC,IAAKxB,KAAKuB,SAAW,SAAW,sBAAwBE,UAExDC,SAAU1B,KAAKR,UAAYQ,KAAKP,SAAW,EAAIgC,WAEjD,CACErB,KAAMJ,KAAKI,KACXuB,KAAM3B,KAAK2B,KACXC,MAAO5B,KAAK4B,MACZpC,SAAUQ,KAAKR,UAAYQ,KAAKP,SAGtC,OAaEoC,EAACC,EAAI,CAAAC,IAAA,wDACS/B,KAAKC,MACjB+B,KAAMrC,EAAS8B,UAAY,SAAQ,iBAEhCzB,KAAKR,UAAYQ,KAAKP,UAAYE,EAAS,OAAS8B,WAIvDI,EAAA,SAAAE,IAAA,2CAAOE,UAAWjD,MAElB6C,EAACd,EAAGG,OAAAC,OAAA,CAAAY,IAAA,4CACEd,EACAK,EAAW,CACfY,KAAK,SAGJlC,KAAKP,SACJoC,EAAA,QAAAE,IAAA,2CAAMX,MAAM,UAAS,cAAa,OAAOc,KAAK,YAIhDL,EAAA,QAAAE,IAAA,2CAAMX,MAAM,aAAac,KAAK,aAAY,cAAa,QACpDlC,KAAKM,OAAS,SAAWN,KAAKP,SAAWoC,EAAA,aAAAE,IAAA,2CAAWJ,KAAM3B,KAAKM,KAAMH,KAAMH,KAAKY,WACjFiB,EAAA,QAAAE,IAAA,2CAAMJ,KAAK,gBAIbE,EAAA,QAAAE,IAAA,2CAAMX,MAAO,QAAQpB,KAAKK,UAAY,iBAAmB,KAAM6B,KAAK,SAClEL,EAAA,QAAAE,IAAA,8CAIFF,EAAA,QAAAE,IAAA,2CAAMX,MAAM,WAAWc,KAAK,WAAU,cAAa,QACjDL,EAAA,QAAAE,IAAA,2CAAMJ,KAAK,e","ignoreList":[]}

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

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

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

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