@diwacopilot/components 1.2.0 → 1.2.2

package/dist-custom-elements/diwa-spinner.js

@@ -1,8 +1 @@
-import { D as DiwaSpinner$1, d as defineCustomElement$1 } from './p-3fce050e.js';
-
-const DiwaSpinner = DiwaSpinner$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaSpinner, defineCustomElement };
-
-//# sourceMappingURL=diwa-spinner.js.map
+import{D as o,d as s}from"./p-DzqnTNg7.js";const p=o,r=s;export{p as DiwaSpinner,r as defineCustomElement}

package/dist-custom-elements/diwa-stepper-horizontal-item.js

@@ -1,140 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
-
-const getComponentCss = (state, isLast) => {
-    const circleColor = state === 'complete'
-        ? 'var(--diwa-notification-success)'
-        : state === 'current'
-            ? 'var(--diwa-accent)'
-            : 'var(--diwa-border)';
-    const labelColor = state === 'incomplete' ? 'var(--diwa-text-muted)' : 'var(--diwa-text-primary)';
-    return `
-  :host {
-    display: flex;
-    align-items: flex-start;
-    flex: 1;
-    min-width: 0;
-    font-family: var(--diwa-font-family-base);
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  .item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    flex: 1;
-    min-width: 0;
-    gap: var(--diwa-space-2);
-    position: relative;
-  }
-
-  /* Connector line to the right */
-  .connector {
-    display: ${isLast ? 'none' : 'block'};
-    position: absolute;
-    top: calc(var(--diwa-stepper-step-size) / 2);
-    left: calc(50% + var(--diwa-stepper-step-size) / 2 + var(--diwa-border-width-base));
-    right: calc(-50% + var(--diwa-stepper-step-size) / 2 + var(--diwa-border-width-base));
-    height: var(--diwa-border-width-thin);
-    background: ${state === 'complete' ? 'var(--diwa-notification-success)' : 'var(--diwa-border)'};
-  }
-
-  .circle {
-    width: var(--diwa-stepper-step-size);
-    height: var(--diwa-stepper-step-size);
-    border-radius: 50%;
-    background: ${circleColor};
-    color: var(--diwa-text-on-accent, #fff);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-  }
-
-  .circle-inner {
-    color: inherit;
-    font-size: var(--diwa-font-size-xs, 12px);
-    font-weight: var(--diwa-font-weight-medium);
-    line-height: 1;
-  }
-
-  .label {
-    font-size: var(--diwa-font-size-sm);
-    font-weight: ${state === 'current' ? 'var(--diwa-font-weight-medium)' : 'var(--diwa-font-weight-normal, 400)'};
-    color: ${labelColor};
-    text-align: center;
-    line-height: 1.3;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-  }
-
-  .sublabel {
-    font-size: var(--diwa-font-size-xs, 11px);
-    color: var(--diwa-text-muted);
-    text-align: center;
-  }
-  `;
-};
-
-const DiwaStepperHorizontalItem$1 = /*@__PURE__*/ proxyCustomElement(class DiwaStepperHorizontalItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /** Per-component theme override. */
-        this.theme = 'dark';
-        /** Step label text. */
-        this.label = '';
-        /** Optional secondary label (e.g. estimated time). */
-        this.sublabel = '';
-        /** Step state — managed by the parent stepper. */
-        this.state = 'incomplete';
-        /** 1-based step number icon — managed by the parent stepper. */
-        this.stepNumber = 1;
-        /** Whether this is the last step (hides the connector line) — managed by the parent. */
-        this.isLast = false;
-    }
-    renderIcon() {
-        if (this.state === 'complete') {
-            // Checkmark SVG
-            return (h("svg", { viewBox: "0 0 16 16", width: "14", height: "14", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { points: "2,8 6,12 14,4" })));
-        }
-        return h("span", { class: "circle-inner" }, this.stepNumber);
-    }
-    render() {
-        return (h(Host, { key: 'd11b7dd7e030ab412668905ce3a0dfb5f2025ad4', role: "listitem", "aria-current": this.state === 'current' ? 'step' : undefined }, h("style", { key: 'b98a5924354cfae2dace22dde1173eb638873693', innerHTML: getComponentCss(this.state, this.isLast) }), h("div", { key: 'bd51d2326d1981355da09a3bc2cc6a1e0fcf1821', class: "item" }, h("div", { key: '5743051e93e4a32992d55452dbaa7c2fae61b539', class: "circle" }, this.renderIcon()), h("div", { key: '1603b51edc94ab77d7f0dbea4f821e39661475ba', class: "connector", "aria-hidden": "true" }), this.label && h("span", { key: 'be03753d722f189919f0e2dd7fd3adebb6de2928', class: "label" }, this.label), this.sublabel && h("span", { key: '42e900cc2e384ac193497434ba9fe4e86bc90a74', class: "sublabel" }, this.sublabel))));
-    }
-    get host() { return this; }
-}, [1, "diwa-stepper-horizontal-item", {
-        "theme": [513],
-        "label": [1],
-        "sublabel": [1],
-        "state": [1537],
-        "stepNumber": [1026, "step-number"],
-        "isLast": [1028, "is-last"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-stepper-horizontal-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-stepper-horizontal-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaStepperHorizontalItem$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaStepperHorizontalItem = DiwaStepperHorizontalItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaStepperHorizontalItem, defineCustomElement };
-
-//# sourceMappingURL=diwa-stepper-horizontal-item.js.map
+import{t as e,p as n,H as t,h as i,a}from"./index.js";const s=(e,n)=>`\n  :host {\n    display: flex;\n    align-items: flex-start;\n    flex: 1;\n    min-width: 0;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex: 1;\n    min-width: 0;\n    gap: var(--diwa-space-2);\n    position: relative;\n  }\n\n  /* Connector line to the right */\n  .connector {\n    display: ${n?"none":"block"};\n    position: absolute;\n    top: calc(var(--diwa-stepper-step-size) / 2);\n    left: calc(50% + var(--diwa-stepper-step-size) / 2 + var(--diwa-border-width-base));\n    right: calc(-50% + var(--diwa-stepper-step-size) / 2 + var(--diwa-border-width-base));\n    height: var(--diwa-border-width-thin);\n    background: ${"complete"===e?"var(--diwa-notification-success)":"var(--diwa-border)"};\n  }\n\n  .circle {\n    width: var(--diwa-stepper-step-size);\n    height: var(--diwa-stepper-step-size);\n    border-radius: 50%;\n    background: ${"complete"===e?"var(--diwa-notification-success)":"current"===e?"var(--diwa-accent)":"var(--diwa-border)"};\n    color: var(--diwa-text-on-accent, #fff);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .circle-inner {\n    color: inherit;\n    font-size: var(--diwa-font-size-xs, 12px);\n    font-weight: var(--diwa-font-weight-medium);\n    line-height: 1;\n  }\n\n  .label {\n    font-size: var(--diwa-font-size-sm);\n    font-weight: ${"current"===e?"var(--diwa-font-weight-medium)":"var(--diwa-font-weight-normal, 400)"};\n    color: ${"incomplete"===e?"var(--diwa-text-muted)":"var(--diwa-text-primary)"};\n    text-align: center;\n    line-height: 1.3;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n  }\n\n  .sublabel {\n    font-size: var(--diwa-font-size-xs, 11px);\n    color: var(--diwa-text-muted);\n    text-align: center;\n  }\n  `,r=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.theme="dark",this.label="",this.sublabel="",this.state="incomplete",this.stepNumber=1,this.isLast=!1}renderIcon(){return"complete"===this.state?i("svg",{viewBox:"0 0 16 16",width:"14",height:"14",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},i("polyline",{points:"2,8 6,12 14,4"})):i("span",{class:"circle-inner"},this.stepNumber)}render(){return i(a,{key:"d11b7dd7e030ab412668905ce3a0dfb5f2025ad4",role:"listitem","aria-current":"current"===this.state?"step":void 0},i("style",{key:"b98a5924354cfae2dace22dde1173eb638873693",innerHTML:s(this.state,this.isLast)}),i("div",{key:"bd51d2326d1981355da09a3bc2cc6a1e0fcf1821",class:"item"},i("div",{key:"5743051e93e4a32992d55452dbaa7c2fae61b539",class:"circle"},this.renderIcon()),i("div",{key:"1603b51edc94ab77d7f0dbea4f821e39661475ba",class:"connector","aria-hidden":"true"}),this.label&&i("span",{key:"be03753d722f189919f0e2dd7fd3adebb6de2928",class:"label"},this.label),this.sublabel&&i("span",{key:"42e900cc2e384ac193497434ba9fe4e86bc90a74",class:"sublabel"},this.sublabel)))}get host(){return this}},[1,"diwa-stepper-horizontal-item",{theme:[513],label:[1],sublabel:[1],state:[1537],stepNumber:[1026,"step-number"],isLast:[1028,"is-last"]}]);function o(){"undefined"!=typeof customElements&&["diwa-stepper-horizontal-item"].forEach((n=>{"diwa-stepper-horizontal-item"===n&&(customElements.get(e(n))||customElements.define(e(n),r))}))}o();const d=r,c=o;export{d as DiwaStepperHorizontalItem,c as defineCustomElement}

package/dist-custom-elements/diwa-stepper-horizontal.js

@@ -1,98 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
-
-const getComponentCss = () => `
-  :host {
-    display: block;
-    font-family: var(--diwa-font-family-base);
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  .stepper {
-    display: flex;
-    align-items: flex-start;
-    overflow-x: auto;
-    scrollbar-width: none;
-  }
-
-  .stepper::-webkit-scrollbar {
-    display: none;
-  }
-`;
-
-const DiwaStepperHorizontal$1 = /*@__PURE__*/ proxyCustomElement(class DiwaStepperHorizontal extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.update = createEvent(this, "update", 1);
-        /** Per-component theme override. */
-        this.theme = 'dark';
-        /** Zero-based index of the current active step. */
-        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 items = this.getItems();
-        const total = items.length;
-        items.forEach((item, i) => {
-            if (i < this.activeStepIndex) {
-                item.state = 'complete';
-            }
-            else if (i === this.activeStepIndex) {
-                item.state = 'current';
-            }
-            else {
-                item.state = 'incomplete';
-            }
-            item.stepNumber = i + 1;
-            item.isLast = i === total - 1;
-        });
-    }
-    render() {
-        return (h(Host, { key: '2f3e3ab9f5968923e59b4d11016a034a44936165', "data-theme": this.theme }, h("style", { key: 'ec8979d4bd2b04cd3b416fabf6f03d1f997842e9', innerHTML: getComponentCss() }), h("div", { key: '77a3700aeded2ff1b69d8dd94482e55aeb48531d', class: "stepper", role: "list", "aria-label": "Progress" }, h("slot", { key: '29b9e4804e4451b008f602cc205a1532b663b2f9' }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "activeStepIndex": ["handleIndexChange"]
-    }; }
-}, [1, "diwa-stepper-horizontal", {
-        "theme": [513],
-        "activeStepIndex": [1026, "active-step-index"]
-    }, undefined, {
-        "activeStepIndex": ["handleIndexChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-stepper-horizontal"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-stepper-horizontal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaStepperHorizontal$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaStepperHorizontal = DiwaStepperHorizontal$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaStepperHorizontal, defineCustomElement };
-
-//# sourceMappingURL=diwa-stepper-horizontal.js.map
+import{t as e,p as t,H as n,c as s,h as a,a as i}from"./index.js";const d=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.update=s(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(),t=e.length;e.forEach(((e,n)=>{e.state=n<this.activeStepIndex?"complete":n===this.activeStepIndex?"current":"incomplete",e.stepNumber=n+1,e.isLast=n===t-1}))}render(){return a(i,{key:"2f3e3ab9f5968923e59b4d11016a034a44936165","data-theme":this.theme},a("style",{key:"ec8979d4bd2b04cd3b416fabf6f03d1f997842e9",innerHTML:"\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"}),a("div",{key:"77a3700aeded2ff1b69d8dd94482e55aeb48531d",class:"stepper",role:"list","aria-label":"Progress"},a("slot",{key:"29b9e4804e4451b008f602cc205a1532b663b2f9"})))}get host(){return this}static get watchers(){return{activeStepIndex:[{handleIndexChange:0}]}}},[257,"diwa-stepper-horizontal",{theme:[513],activeStepIndex:[1026,"active-step-index"]},void 0,{activeStepIndex:[{handleIndexChange:0}]}]);function o(){"undefined"!=typeof customElements&&["diwa-stepper-horizontal"].forEach((t=>{"diwa-stepper-horizontal"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}o();const r=d,l=o;export{r as DiwaStepperHorizontal,l as defineCustomElement}

package/dist-custom-elements/diwa-switch.js

@@ -1,162 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
-import { g as getFocusStyle, a as getReducedMotionStyle } from './p-70bbb21a.js';
-import { d as defineCustomElement$2 } from './p-3fce050e.js';
-
-const getComponentCss = (checked, disabled, loading, alignLabel, compact) => {
-    // Subtract border-width from inset: `top` on an absolutely-positioned child
-    // is measured from the *padding edge* (inside the border), so we must remove
-    // the border thickness to land exactly at the visual centre of the track.
-    const thumbInset = 'calc((var(--diwa-switch-track-height) - var(--diwa-switch-thumb-size)) / 2 - var(--diwa-border-width-base))';
-    const trackBg = checked
-        ? 'var(--diwa-accent)'
-        : 'var(--diwa-bg-elevated)';
-    const trackBorder = checked ? 'var(--diwa-accent)' : 'var(--diwa-border)';
-    const thumbTranslate = checked
-        ? `translateX(calc(var(--diwa-switch-track-width) - (2 * var(--diwa-border-width-base)) - var(--diwa-switch-thumb-size) - ${thumbInset}))`
-        : `translateX(${thumbInset})`;
-    const opacityRules = disabled || loading ? 'opacity: 0.5; pointer-events: none;' : '';
-    const flexDir = alignLabel === 'start' ? 'row-reverse' : 'row';
-    return `
-    :host {
-      display: inline-flex;
-      font-family: var(--diwa-font-family-base);
-      outline: none;
-      ${compact ? `
-      --diwa-switch-track-width:  32px;
-      --diwa-switch-track-height: 18px;
-      --diwa-switch-thumb-size:   12px;
-      ` : ''}
-    }
-    :host([hidden]) {
-      display: none;
-    }
-    .wrapper {
-      display: inline-flex;
-      flex-direction: ${flexDir};
-      align-items: center;
-      gap: var(--diwa-space-3);
-      min-height: ${compact ? 'var(--diwa-touch-target-min-size-compact, 32px)' : 'var(--diwa-touch-target-min-size, 44px)'};
-      cursor: ${disabled || loading ? 'not-allowed' : 'pointer'};
-      ${opacityRules}
-    }
-    .track {
-      position: relative;
-      display: inline-flex;
-      align-items: center;
-      justify-content: flex-start;
-      width: var(--diwa-switch-track-width);
-      height: var(--diwa-switch-track-height);
-      background: ${trackBg};
-      border: var(--diwa-border-width-base) solid ${trackBorder};
-      border-radius: var(--diwa-radius-xl);
-      box-sizing: border-box;
-      flex-shrink: 0;
-      transition: background var(--diwa-transition-base), border-color var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);
-    }
-    @media (hover: hover) and (pointer: fine) {
-      .wrapper:hover .track {
-        border-color: ${checked ? 'var(--diwa-accent-hover)' : 'var(--diwa-text-secondary)'};
-        background: ${checked ? 'var(--diwa-accent-hover)' : 'var(--diwa-bg-hover)'};
-      }
-    }
-    ${getFocusStyle('.track')}
-    .thumb {
-      position: absolute;
-      top: ${thumbInset};
-      left: 0;
-      width: var(--diwa-switch-thumb-size);
-      height: var(--diwa-switch-thumb-size);
-      background: var(--diwa-bg-surface);
-      border-radius: 50%;
-      transform: ${thumbTranslate};
-      box-shadow: var(--diwa-shadow-sm);
-      transition: transform var(--diwa-transition-base), background var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);
-      pointer-events: none;
-    }
-    .loading-indicator {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-    .label {
-      font-family: var(--diwa-font-family-base);
-      font-size: var(--diwa-font-size-base);
-      font-weight: var(--diwa-font-weight-medium);
-      line-height: var(--diwa-line-height-normal);
-      color: var(--diwa-text-primary);
-      user-select: none;
-    }
-
-    ${getReducedMotionStyle('.track', '.thumb')}
-  `;
-};
-
-const DiwaSwitch$1 = /*@__PURE__*/ proxyCustomElement(class DiwaSwitch extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.update = createEvent(this, "update", 1);
-        /** Whether the switch is in the on state. */
-        this.checked = false;
-        /** Disables interaction. No events fire while disabled. */
-        this.disabled = false;
-        /** Shows a loading state. Disables interaction while active. */
-        this.loading = false;
-        /** Position of the label relative to the track. */
-        this.alignLabel = 'end';
-        /** Reduces track and thumb dimensions for use in dense layouts. */
-        this.compact = false;
-        /** Adapts the color when used on a light or dark background. */
-        this.theme = 'dark';
-        this.handleClick = () => {
-            if (this.disabled || this.loading)
-                return;
-            this.update.emit({ checked: !this.checked });
-        };
-        this.handleKeyDown = (e) => {
-            if (e.key === ' ' || e.key === 'Enter') {
-                e.preventDefault();
-                this.handleClick();
-            }
-        };
-    }
-    render() {
-        return (h(Host, { key: 'c6b0baae527682b7fb1fedf325313ab069cd0954', "data-theme": this.theme }, h("style", { key: '2436ea48c102aa6f3aae71136c713c9dadb881c2', innerHTML: getComponentCss(this.checked, this.disabled, this.loading, this.alignLabel, this.compact) }), h("span", { key: '78305942636540d14f49d3f8a84a166dd04a1004', class: "wrapper", onClick: this.handleClick }, h("span", { key: '4230dc3c39be578dbe97d9aed6cf29f53343ff97', class: "track", role: "switch", "aria-checked": String(this.checked), "aria-disabled": this.disabled || this.loading ? 'true' : undefined, tabIndex: this.disabled || this.loading ? -1 : 0, onKeyDown: this.handleKeyDown }, !this.loading && h("span", { key: '8e994b990b591d23e0c70bd7d6d731695673e14d', class: "thumb" }), this.loading && (h("span", { key: '621a6e985a3b8bb8a2a4622541d57d823dfbb53d', class: "loading-indicator", "aria-hidden": "true" }, h("diwa-spinner", { key: '442ea0df62cc4584843fde69be0fd90828655165', size: "sm" })))), h("span", { key: '022e8db4854c28e515c01aafddd56c6a2d1cc7ec', class: "label" }, h("slot", { key: '47f4b3744afc1fecc2d92c00c42b7f40268bb16b' })))));
-    }
-    static get delegatesFocus() { return true; }
-}, [17, "diwa-switch", {
-        "checked": [516],
-        "disabled": [516],
-        "loading": [516],
-        "alignLabel": [1, "align-label"],
-        "compact": [516],
-        "theme": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-switch", "diwa-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-switch":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaSwitch$1);
-            }
-            break;
-        case "diwa-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaSwitch = DiwaSwitch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaSwitch, defineCustomElement };
-
-//# sourceMappingURL=diwa-switch.js.map
+import{t as a,p as i,H as t,c as n,h as e,a as s}from"./index.js";import{b as r,a as d}from"./p-C8h0Vfqp.js";import{d as o}from"./p-DzqnTNg7.js";const c=(a,i,t,n,e)=>{const s="calc((var(--diwa-switch-track-height) - var(--diwa-switch-thumb-size)) / 2 - var(--diwa-border-width-base))",o=a?`translateX(calc(var(--diwa-switch-track-width) - (2 * var(--diwa-border-width-base)) - var(--diwa-switch-thumb-size) - ${s}))`:`translateX(${s})`;return`\n    :host {\n      display: inline-flex;\n      font-family: var(--diwa-font-family-base);\n      outline: none;\n      ${e?"\n      --diwa-switch-track-width:  32px;\n      --diwa-switch-track-height: 18px;\n      --diwa-switch-thumb-size:   12px;\n      ":""}\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .wrapper {\n      display: inline-flex;\n      flex-direction: ${"start"===n?"row-reverse":"row"};\n      align-items: center;\n      gap: var(--diwa-space-3);\n      min-height: ${e?"var(--diwa-touch-target-min-size-compact, 32px)":"var(--diwa-touch-target-min-size, 44px)"};\n      cursor: ${i||t?"not-allowed":"pointer"};\n      ${i||t?"opacity: 0.5; pointer-events: none;":""}\n    }\n    .track {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: flex-start;\n      width: var(--diwa-switch-track-width);\n      height: var(--diwa-switch-track-height);\n      background: ${a?"var(--diwa-accent)":"var(--diwa-bg-elevated)"};\n      border: var(--diwa-border-width-base) solid ${a?"var(--diwa-accent)":"var(--diwa-border)"};\n      border-radius: var(--diwa-radius-xl);\n      box-sizing: border-box;\n      flex-shrink: 0;\n      transition: background var(--diwa-transition-base), border-color var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);\n    }\n    @media (hover: hover) and (pointer: fine) {\n      .wrapper:hover .track {\n        border-color: ${a?"var(--diwa-accent-hover)":"var(--diwa-text-secondary)"};\n        background: ${a?"var(--diwa-accent-hover)":"var(--diwa-bg-hover)"};\n      }\n    }\n    ${r(".track")}\n    .thumb {\n      position: absolute;\n      top: ${s};\n      left: 0;\n      width: var(--diwa-switch-thumb-size);\n      height: var(--diwa-switch-thumb-size);\n      background: var(--diwa-bg-surface);\n      border-radius: 50%;\n      transform: ${o};\n      box-shadow: var(--diwa-shadow-sm);\n      transition: transform var(--diwa-transition-base), background var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);\n      pointer-events: none;\n    }\n    .loading-indicator {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n    .label {\n      font-family: var(--diwa-font-family-base);\n      font-size: var(--diwa-font-size-base);\n      font-weight: var(--diwa-font-weight-medium);\n      line-height: var(--diwa-line-height-normal);\n      color: var(--diwa-text-primary);\n      user-select: none;\n    }\n\n    ${d(".track",".thumb")}\n  `},h=i(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.update=n(this,"update",1),this.checked=!1,this.disabled=!1,this.loading=!1,this.alignLabel="end",this.compact=!1,this.theme="dark",this.handleClick=()=>{this.disabled||this.loading||this.update.emit({checked:!this.checked})},this.handleKeyDown=a=>{" "!==a.key&&"Enter"!==a.key||(a.preventDefault(),this.handleClick())}}render(){return e(s,{key:"c6b0baae527682b7fb1fedf325313ab069cd0954","data-theme":this.theme},e("style",{key:"2436ea48c102aa6f3aae71136c713c9dadb881c2",innerHTML:c(this.checked,this.disabled,this.loading,this.alignLabel,this.compact)}),e("span",{key:"78305942636540d14f49d3f8a84a166dd04a1004",class:"wrapper",onClick:this.handleClick},e("span",{key:"4230dc3c39be578dbe97d9aed6cf29f53343ff97",class:"track",role:"switch","aria-checked":this.checked+"","aria-disabled":this.disabled||this.loading?"true":void 0,tabIndex:this.disabled||this.loading?-1:0,onKeyDown:this.handleKeyDown},!this.loading&&e("span",{key:"8e994b990b591d23e0c70bd7d6d731695673e14d",class:"thumb"}),this.loading&&e("span",{key:"621a6e985a3b8bb8a2a4622541d57d823dfbb53d",class:"loading-indicator","aria-hidden":"true"},e("diwa-spinner",{key:"442ea0df62cc4584843fde69be0fd90828655165",size:"sm"}))),e("span",{key:"022e8db4854c28e515c01aafddd56c6a2d1cc7ec",class:"label"},e("slot",{key:"47f4b3744afc1fecc2d92c00c42b7f40268bb16b"}))))}static get delegatesFocus(){return!0}},[273,"diwa-switch",{checked:[516],disabled:[516],loading:[516],alignLabel:[1,"align-label"],compact:[516],theme:[513]}]);function w(){"undefined"!=typeof customElements&&["diwa-switch","diwa-spinner"].forEach((i=>{switch(i){case"diwa-switch":customElements.get(a(i))||customElements.define(a(i),h);break;case"diwa-spinner":customElements.get(a(i))||o()}}))}w();const b=h,l=w;export{b as DiwaSwitch,l as defineCustomElement}

package/dist-custom-elements/diwa-table-body.js

@@ -1,44 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
-
-const getComponentCss = () => `
-  :host { display: table-row-group; }
-  :host([hidden]) { display: none; }
-  ::slotted(:nth-child(even)) {
-    background: var(--diwa-table-stripe-color, transparent);
-  }
-`;
-
-const DiwaTableBody$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableBody extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = 'dark';
-    }
-    render() {
-        return (h(Host, { key: '060d3016c96ac3c29b5265450828f0c2770696c8', role: "rowgroup", "data-theme": this.theme }, h("style", { key: '025471a64af1c06620e36d273bbe27afc5b70d1b', innerHTML: getComponentCss() }), h("slot", { key: 'a0b770fa75b04264b919a63b55846c7941931fc8' })));
-    }
-}, [1, "diwa-table-body", {
-        "theme": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-table-body"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-table-body":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaTableBody$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaTableBody = DiwaTableBody$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaTableBody, defineCustomElement };
-
-//# sourceMappingURL=diwa-table-body.js.map
+import{t as e,p as t,H as a,h as n,a as s}from"./index.js";const o=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.theme="dark"}render(){return n(s,{key:"060d3016c96ac3c29b5265450828f0c2770696c8",role:"rowgroup","data-theme":this.theme},n("style",{key:"025471a64af1c06620e36d273bbe27afc5b70d1b",innerHTML:"\n  :host { display: table-row-group; }\n  :host([hidden]) { display: none; }\n  ::slotted(:nth-child(even)) {\n    background: var(--diwa-table-stripe-color, transparent);\n  }\n"}),n("slot",{key:"a0b770fa75b04264b919a63b55846c7941931fc8"}))}},[257,"diwa-table-body",{theme:[513]}]);function d(){"undefined"!=typeof customElements&&["diwa-table-body"].forEach((t=>{"diwa-table-body"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}d();const r=o,c=d;export{r as DiwaTableBody,c as defineCustomElement}

package/dist-custom-elements/diwa-table-cell.js

@@ -1,54 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
-
-const getComponentCss = (multiline) => `
-  :host {
-    display: table-cell;
-    margin: 0 !important;
-    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px) !important;
-    font-size: var(--diwa-font-size-sm);
-    color: var(--diwa-text-primary);
-    border-right: var(--diwa-table-column-border, none) !important;
-    vertical-align: middle;
-    line-height: var(--diwa-line-height-normal);
-    white-space: ${multiline ? 'normal' : 'nowrap'} !important;
-  }
-  :host(:last-child) { border-right: none; }
-  :host([hidden]) { display: none; }
-`;
-
-const DiwaTableCell$1 = /*@__PURE__*/ proxyCustomElement(class DiwaTableCell extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = 'dark';
-        this.multiline = false;
-    }
-    render() {
-        return (h(Host, { key: '70f68af8b28744b825c139f341c0815e11e5f08e', role: "cell" }, h("style", { key: '53bf58da9f8e9d9f0ee8ccc566cf4607b3b1d0b3', innerHTML: getComponentCss(this.multiline) }), h("slot", { key: '8089efa5309487c4c0682c4781d3ebcd8bb6a48b' })));
-    }
-}, [1, "diwa-table-cell", {
-        "theme": [513],
-        "multiline": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-table-cell"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-table-cell":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaTableCell$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaTableCell = DiwaTableCell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaTableCell, defineCustomElement };
-
-//# sourceMappingURL=diwa-table-cell.js.map
+import{t as e,p as n,H as t,h as a,a as i}from"./index.js";const l=e=>`\n  :host {\n    display: table-cell;\n    margin: 0 !important;\n    padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px) !important;\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-primary);\n    border-right: var(--diwa-table-column-border, none) !important;\n    vertical-align: middle;\n    line-height: var(--diwa-line-height-normal);\n    white-space: ${e?"normal":"nowrap"} !important;\n  }\n  :host(:last-child) { border-right: none; }\n  :host([hidden]) { display: none; }\n`,r=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.theme="dark",this.multiline=!1}render(){return a(i,{key:"70f68af8b28744b825c139f341c0815e11e5f08e",role:"cell"},a("style",{key:"53bf58da9f8e9d9f0ee8ccc566cf4607b3b1d0b3",innerHTML:l(this.multiline)}),a("slot",{key:"8089efa5309487c4c0682c4781d3ebcd8bb6a48b"}))}},[257,"diwa-table-cell",{theme:[513],multiline:[4]}]);function d(){"undefined"!=typeof customElements&&["diwa-table-cell"].forEach((n=>{"diwa-table-cell"===n&&(customElements.get(e(n))||customElements.define(e(n),r))}))}d();const o=r,s=d;export{o as DiwaTableCell,s as defineCustomElement}