@diwacopilot/components 1.2.0 → 1.2.1

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

@@ -1,185 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
-import { g as getFocusStyle } from './p-70bbb21a.js';
-
-const ALIGN_MAP = {
-    top: 'flex-start',
-    center: 'center',
-    bottom: 'flex-end',
-};
-const getComponentCss = (scrollbar, alignScrollIndicator, hasOverflow, canScrollLeft, canScrollRight) => {
-    const alignItems = ALIGN_MAP[alignScrollIndicator];
-    return `
-    :host {
-      display: block;
-      position: relative;
-    }
-    :host([hidden]) {
-      display: none;
-    }
-    .scroller {
-      display: grid;
-      grid-template-columns: ${hasOverflow ? 'auto minmax(0, 1fr) auto' : 'minmax(0, 1fr)'};
-      align-items: ${alignItems};
-      gap: var(--diwa-space-2);
-    }
-    .scroll-button {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      width: var(--diwa-space-8);
-      height: var(--diwa-space-8);
-      padding: 0;
-      border: var(--diwa-border-width-thin) solid var(--diwa-border);
-      border-radius: var(--diwa-radius-full);
-      background: var(--diwa-bg-surface);
-      color: var(--diwa-text-secondary);
-      cursor: pointer;
-      transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);
-      flex-shrink: 0;
-    }
-    .scroll-button:hover:not(:disabled) {
-      color: var(--diwa-text-primary);
-      background: var(--diwa-bg-hover);
-    }
-    .scroll-button:disabled {
-      opacity: var(--diwa-opacity-disabled);
-      cursor: not-allowed;
-    }
-    .scroll-button[hidden] {
-      display: none;
-    }
-    ${getFocusStyle('.scroll-button')}
-    ${getFocusStyle('.scroll-area')}
-    .scroll-wrapper {
-      position: relative;
-      min-width: 0;
-      overflow: hidden;
-    }
-    .scroll-area {
-      display: flex;
-      align-items: ${alignItems};
-      overflow-x: auto;
-      overflow-y: hidden;
-      scroll-behavior: smooth;
-      -webkit-overflow-scrolling: touch;
-      ${scrollbar ? '' : 'scrollbar-width: none;'}
-    }
-    ::slotted(*) {
-      flex: 0 0 auto;
-    }
-    ${!scrollbar ? `
-    .scroll-area::-webkit-scrollbar {
-      display: none;
-    }
-    ` : ''}
-    /* Fade-out gradient masks — fixed at the visible edges via scroll-wrapper */
-    .fade {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      width: var(--diwa-scroller-fade-width);
-      pointer-events: none;
-      z-index: 1;
-      transition: opacity var(--diwa-transition-fast);
-    }
-    .fade--start {
-      left: 0;
-      background: var(--diwa-gradient-scrim-right);
-      opacity: ${canScrollLeft ? '1' : '0'};
-    }
-    .fade--end {
-      right: 0;
-      background: var(--diwa-gradient-scrim-left);
-      opacity: ${canScrollRight ? '1' : '0'};
-    }
-  `;
-};
-
-const DiwaScroller$1 = /*@__PURE__*/ proxyCustomElement(class DiwaScroller extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /** Position of gradient fade indicators relative to the scroll area. */
-        this.alignScrollIndicator = 'center';
-        /** Whether to show the native horizontal scrollbar. */
-        this.scrollbar = false;
-        /** Adapts the color when used on a light or dark background. */
-        this.theme = 'dark';
-        this.hasOverflow = false;
-        this.canScrollLeft = false;
-        this.canScrollRight = false;
-        this.setScrollAreaRef = (el) => {
-            this.scrollAreaEl = el;
-        };
-        this.handleScroll = () => {
-            this.updateScrollState();
-        };
-        this.handleSlotChange = () => {
-            requestAnimationFrame(() => this.updateScrollState());
-        };
-        this.scrollByPage = (direction) => {
-            const el = this.scrollAreaEl;
-            if (!el)
-                return;
-            const distance = Math.max(el.clientWidth * 0.8, 1);
-            el.scrollBy({
-                left: direction === 'start' ? -distance : distance,
-                behavior: 'smooth',
-            });
-        };
-    }
-    componentDidLoad() {
-        this.updateScrollState();
-        if (this.scrollAreaEl) {
-            this.resizeObserver = new ResizeObserver(() => this.updateScrollState());
-            this.resizeObserver.observe(this.scrollAreaEl);
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    updateScrollState() {
-        const el = this.scrollAreaEl;
-        if (!el)
-            return;
-        const maxScrollLeft = Math.max(0, el.scrollWidth - el.clientWidth);
-        const currentScrollLeft = el.scrollLeft;
-        const epsilon = 1;
-        this.hasOverflow = maxScrollLeft > epsilon;
-        this.canScrollLeft = currentScrollLeft > epsilon;
-        this.canScrollRight = currentScrollLeft < maxScrollLeft - epsilon;
-    }
-    render() {
-        return (h(Host, { key: 'dc9d01bade501000f75086f335d9bf302174a945', "data-theme": this.theme }, h("style", { key: 'a8765192f0a7967cbe3e3531ee891d6352420d03', innerHTML: getComponentCss(this.scrollbar, this.alignScrollIndicator, this.hasOverflow, this.canScrollLeft, this.canScrollRight) }), h("div", { key: 'fb55280f572009f65ed2fc25564264d8e01e2ce0', class: "scroller" }, h("button", { key: '8b9d8dbaa725f6b7fa2aec9c36ba53552ae49d17', type: "button", class: "scroll-button scroll-button--start", "aria-label": "Scroll left", disabled: !this.canScrollLeft, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('start') }, h("svg", { key: '37f2e8fdd719fd1253864f4cdf9c7297d353c86d', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f842f28a51771992e81bffa1467a3e6980d85835', d: "M10 3.5 5 8l5 4.5" }))), h("div", { key: 'f0a55b2be01fe47dc58f94946b92b8fa82235e14', class: "scroll-wrapper" }, h("div", { key: 'e612dbb880d43d09ee67d879f6c33c8c419899d7', class: "scroll-area", tabIndex: this.hasOverflow ? 0 : undefined, role: this.hasOverflow ? 'region' : undefined, "aria-label": this.hasOverflow ? 'Scrollable content' : undefined, onScroll: this.handleScroll, ref: this.setScrollAreaRef }, h("slot", { key: '53572974e4cb804c3012d2ba8f08039accee8e5e', onSlotchange: this.handleSlotChange })), h("div", { key: 'a2c66030fa02a387f40f7b3b640e69b35a0d0bd4', class: "fade fade--start", "aria-hidden": "true" }), h("div", { key: 'a0f79f41b4152bc636f4ad3be6b924c303019cef', class: "fade fade--end", "aria-hidden": "true" })), h("button", { key: '3a992435dfb230deea38d9fb2033907bdb15a9a3', type: "button", class: "scroll-button scroll-button--end", "aria-label": "Scroll right", disabled: !this.canScrollRight, hidden: !this.hasOverflow, onClick: () => this.scrollByPage('end') }, h("svg", { key: '6b14a8fe8dcdf9fd33f9c05a2aa39859e61599df', viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f1c8d634899420420576899086f247b68435d008', d: "M6 3.5 11 8l-5 4.5" }))))));
-    }
-}, [1, "diwa-scroller", {
-        "alignScrollIndicator": [1, "align-scroll-indicator"],
-        "scrollbar": [4],
-        "theme": [513],
-        "hasOverflow": [32],
-        "canScrollLeft": [32],
-        "canScrollRight": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-scroller"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-scroller":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaScroller$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaScroller = DiwaScroller$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaScroller, defineCustomElement };
-
-//# sourceMappingURL=diwa-scroller.js.map
+import{t,p as e,H as n,h as a,a as i}from"./index.js";import{b as r}from"./p-C8h0Vfqp.js";const o={top:"flex-start",center:"center",bottom:"flex-end"},s=(t,e,n,a,i)=>{const s=o[e];return`\n    :host {\n      display: block;\n      position: relative;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .scroller {\n      display: grid;\n      grid-template-columns: ${n?"auto minmax(0, 1fr) auto":"minmax(0, 1fr)"};\n      align-items: ${s};\n      gap: var(--diwa-space-2);\n    }\n    .scroll-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--diwa-space-8);\n      height: var(--diwa-space-8);\n      padding: 0;\n      border: var(--diwa-border-width-thin) solid var(--diwa-border);\n      border-radius: var(--diwa-radius-full);\n      background: var(--diwa-bg-surface);\n      color: var(--diwa-text-secondary);\n      cursor: pointer;\n      transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\n      flex-shrink: 0;\n    }\n    .scroll-button:hover:not(:disabled) {\n      color: var(--diwa-text-primary);\n      background: var(--diwa-bg-hover);\n    }\n    .scroll-button:disabled {\n      opacity: var(--diwa-opacity-disabled);\n      cursor: not-allowed;\n    }\n    .scroll-button[hidden] {\n      display: none;\n    }\n    ${r(".scroll-button")}\n    ${r(".scroll-area")}\n    .scroll-wrapper {\n      position: relative;\n      min-width: 0;\n      overflow: hidden;\n    }\n    .scroll-area {\n      display: flex;\n      align-items: ${s};\n      overflow-x: auto;\n      overflow-y: hidden;\n      scroll-behavior: smooth;\n      -webkit-overflow-scrolling: touch;\n      ${t?"":"scrollbar-width: none;"}\n    }\n    ::slotted(*) {\n      flex: 0 0 auto;\n    }\n    ${t?"":"\n    .scroll-area::-webkit-scrollbar {\n      display: none;\n    }\n    "}\n    /* Fade-out gradient masks — fixed at the visible edges via scroll-wrapper */\n    .fade {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      width: var(--diwa-scroller-fade-width);\n      pointer-events: none;\n      z-index: 1;\n      transition: opacity var(--diwa-transition-fast);\n    }\n    .fade--start {\n      left: 0;\n      background: var(--diwa-gradient-scrim-right);\n      opacity: ${a?"1":"0"};\n    }\n    .fade--end {\n      right: 0;\n      background: var(--diwa-gradient-scrim-left);\n      opacity: ${i?"1":"0"};\n    }\n  `},d=e(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.alignScrollIndicator="center",this.scrollbar=!1,this.theme="dark",this.hasOverflow=!1,this.canScrollLeft=!1,this.canScrollRight=!1,this.setScrollAreaRef=t=>{this.scrollAreaEl=t},this.handleScroll=()=>{this.updateScrollState()},this.handleSlotChange=()=>{requestAnimationFrame((()=>this.updateScrollState()))},this.scrollByPage=t=>{const e=this.scrollAreaEl;if(!e)return;const n=Math.max(.8*e.clientWidth,1);e.scrollBy({left:"start"===t?-n:n,behavior:"smooth"})}}componentDidLoad(){this.updateScrollState(),this.scrollAreaEl&&(this.resizeObserver=new ResizeObserver((()=>this.updateScrollState())),this.resizeObserver.observe(this.scrollAreaEl))}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}updateScrollState(){const t=this.scrollAreaEl;if(!t)return;const e=Math.max(0,t.scrollWidth-t.clientWidth),n=t.scrollLeft;this.hasOverflow=e>1,this.canScrollLeft=n>1,this.canScrollRight=n<e-1}render(){return a(i,{key:"dc9d01bade501000f75086f335d9bf302174a945","data-theme":this.theme},a("style",{key:"a8765192f0a7967cbe3e3531ee891d6352420d03",innerHTML:s(this.scrollbar,this.alignScrollIndicator,this.hasOverflow,this.canScrollLeft,this.canScrollRight)}),a("div",{key:"fb55280f572009f65ed2fc25564264d8e01e2ce0",class:"scroller"},a("button",{key:"8b9d8dbaa725f6b7fa2aec9c36ba53552ae49d17",type:"button",class:"scroll-button scroll-button--start","aria-label":"Scroll left",disabled:!this.canScrollLeft,hidden:!this.hasOverflow,onClick:()=>this.scrollByPage("start")},a("svg",{key:"37f2e8fdd719fd1253864f4cdf9c7297d353c86d",viewBox:"0 0 16 16",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{key:"f842f28a51771992e81bffa1467a3e6980d85835",d:"M10 3.5 5 8l5 4.5"}))),a("div",{key:"f0a55b2be01fe47dc58f94946b92b8fa82235e14",class:"scroll-wrapper"},a("div",{key:"e612dbb880d43d09ee67d879f6c33c8c419899d7",class:"scroll-area",tabIndex:this.hasOverflow?0:void 0,role:this.hasOverflow?"region":void 0,"aria-label":this.hasOverflow?"Scrollable content":void 0,onScroll:this.handleScroll,ref:this.setScrollAreaRef},a("slot",{key:"53572974e4cb804c3012d2ba8f08039accee8e5e",onSlotchange:this.handleSlotChange})),a("div",{key:"a2c66030fa02a387f40f7b3b640e69b35a0d0bd4",class:"fade fade--start","aria-hidden":"true"}),a("div",{key:"a0f79f41b4152bc636f4ad3be6b924c303019cef",class:"fade fade--end","aria-hidden":"true"})),a("button",{key:"3a992435dfb230deea38d9fb2033907bdb15a9a3",type:"button",class:"scroll-button scroll-button--end","aria-label":"Scroll right",disabled:!this.canScrollRight,hidden:!this.hasOverflow,onClick:()=>this.scrollByPage("end")},a("svg",{key:"6b14a8fe8dcdf9fd33f9c05a2aa39859e61599df",viewBox:"0 0 16 16",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{key:"f1c8d634899420420576899086f247b68435d008",d:"M6 3.5 11 8l-5 4.5"})))))}},[257,"diwa-scroller",{alignScrollIndicator:[1,"align-scroll-indicator"],scrollbar:[4],theme:[513],hasOverflow:[32],canScrollLeft:[32],canScrollRight:[32]}]);function l(){"undefined"!=typeof customElements&&["diwa-scroller"].forEach((e=>{"diwa-scroller"===e&&(customElements.get(t(e))||customElements.define(t(e),d))}))}l();const c=d,h=l;export{c as DiwaScroller,h as defineCustomElement}

package/dist-custom-elements/diwa-segmented-control-item.js

@@ -1,98 +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';
-
-const getComponentCss = (selected, disabled, compact) => `
-  :host {
-    display: inline-block;
-    font-family: var(--diwa-font-family-base);
-    outline: none;
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  .btn {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--diwa-space-2);
-    padding: ${compact ? 'var(--diwa-space-1) var(--diwa-space-3)' : 'var(--diwa-space-2) var(--diwa-space-4)'};
-    border: none;
-    border-radius: calc(var(--diwa-radius-md) - var(--diwa-border-width-base));
-    background: ${selected ? 'var(--diwa-bg-elevated)' : 'transparent'};
-    color: ${selected ? 'var(--diwa-text-primary)' : 'var(--diwa-text-secondary)'};
-    font-size: ${compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-base)'};
-    font-weight: ${selected ? 'var(--diwa-font-weight-medium)' : 'var(--diwa-font-weight-normal, 400)'};
-    font-family: inherit;
-    cursor: ${disabled ? 'not-allowed' : 'pointer'};
-    opacity: ${disabled ? 0.4 : 1};
-    white-space: nowrap;
-    transition: background 150ms ease, color 150ms ease;
-    box-shadow: ${selected ? 'var(--diwa-shadow-sm)' : 'none'};
-  }
-
-  ${getFocusStyle('.btn')}
-
-  .btn:hover:not(:disabled) {
-    color: var(--diwa-text-primary);
-    background: ${selected ? 'var(--diwa-bg-elevated)' : 'var(--diwa-bg-input)'};
-  }
-
-  ${getReducedMotionStyle('.btn')}
-`;
-
-const DiwaSegmentedControlItem$1 = /*@__PURE__*/ proxyCustomElement(class DiwaSegmentedControlItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.segmentSelect = createEvent(this, "diwa-segment-select", 7);
-        /** Per-component theme override. */
-        this.theme = 'dark';
-        /** The value emitted when this segment is activated. */
-        this.value = '';
-        /** Whether this segment is currently selected. Set by the parent. */
-        this.selected = false;
-        /** Whether this segment is disabled. Also set by the parent when the group is disabled. */
-        this.disabled = false;
-        /** Smaller sizing. Also set by the parent when compact is enabled. */
-        this.compact = false;
-        this.handleClick = () => {
-            if (this.disabled || this.selected)
-                return;
-            this.segmentSelect.emit({ value: this.value });
-        };
-    }
-    render() {
-        return (h(Host, { key: 'f3db1aeca532bd4acf5fa3ae0b1a4e549b60e973' }, h("style", { key: '829f2b2395967cc90ac37e045e06544b96bb8658', innerHTML: getComponentCss(this.selected, this.disabled, this.compact) }), h("button", { key: 'e1e5836b27393ba06b76f53f7a76671bc1565d5f', class: "btn", type: "button", disabled: this.disabled, "aria-pressed": this.selected ? 'true' : 'false', onClick: this.handleClick }, h("slot", { key: '6d854105c0a6f0a2787a309c9506713eab38f885' }))));
-    }
-    static get delegatesFocus() { return true; }
-    get host() { return this; }
-}, [17, "diwa-segmented-control-item", {
-        "theme": [513],
-        "value": [513],
-        "selected": [1540],
-        "disabled": [516],
-        "compact": [516]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-segmented-control-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-segmented-control-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaSegmentedControlItem$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaSegmentedControlItem = DiwaSegmentedControlItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaSegmentedControlItem, defineCustomElement };
-
-//# sourceMappingURL=diwa-segmented-control-item.js.map
+import{t as e,p as a,H as n,c as t,h as i,a as s}from"./index.js";import{b as r,a as o}from"./p-C8h0Vfqp.js";const d=(e,a,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  .btn {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    padding: ${n?"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: ${e?"var(--diwa-bg-elevated)":"transparent"};\n    color: ${e?"var(--diwa-text-primary)":"var(--diwa-text-secondary)"};\n    font-size: ${n?"var(--diwa-font-size-sm)":"var(--diwa-font-size-base)"};\n    font-weight: ${e?"var(--diwa-font-weight-medium)":"var(--diwa-font-weight-normal, 400)"};\n    font-family: inherit;\n    cursor: ${a?"not-allowed":"pointer"};\n    opacity: ${a?.4:1};\n    white-space: nowrap;\n    transition: background 150ms ease, color 150ms ease;\n    box-shadow: ${e?"var(--diwa-shadow-sm)":"none"};\n  }\n\n  ${r(".btn")}\n\n  .btn:hover:not(:disabled) {\n    color: var(--diwa-text-primary);\n    background: ${e?"var(--diwa-bg-elevated)":"var(--diwa-bg-input)"};\n  }\n\n  ${o(".btn")}\n`,c=a(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.segmentSelect=t(this,"diwa-segment-select",7),this.theme="dark",this.value="",this.selected=!1,this.disabled=!1,this.compact=!1,this.handleClick=()=>{this.disabled||this.selected||this.segmentSelect.emit({value:this.value})}}render(){return i(s,{key:"f3db1aeca532bd4acf5fa3ae0b1a4e549b60e973"},i("style",{key:"829f2b2395967cc90ac37e045e06544b96bb8658",innerHTML:d(this.selected,this.disabled,this.compact)}),i("button",{key:"e1e5836b27393ba06b76f53f7a76671bc1565d5f",class:"btn",type:"button",disabled:this.disabled,"aria-pressed":this.selected?"true":"false",onClick:this.handleClick},i("slot",{key:"6d854105c0a6f0a2787a309c9506713eab38f885"})))}static get delegatesFocus(){return!0}get host(){return this}},[273,"diwa-segmented-control-item",{theme:[513],value:[513],selected:[1540],disabled:[516],compact:[516]}]);function l(){"undefined"!=typeof customElements&&["diwa-segmented-control-item"].forEach((a=>{"diwa-segmented-control-item"===a&&(customElements.get(e(a))||customElements.define(e(a),c))}))}l();const b=c,h=l;export{b as DiwaSegmentedControlItem,h as defineCustomElement}

package/dist-custom-elements/diwa-segmented-control.js

@@ -1,88 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
-
-const getComponentCss = () => `
-  :host {
-    display: inline-flex;
-    font-family: var(--diwa-font-family-base);
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  .track {
-    display: inline-flex;
-    align-items: center;
-    background: var(--diwa-bg-surface);
-    border: var(--diwa-border-width-thin) solid var(--diwa-border);
-    border-radius: var(--diwa-radius-md);
-    padding: var(--diwa-space-0-75);
-    gap: var(--diwa-space-0-5);
-  }
-`;
-
-const DiwaSegmentedControl$1 = /*@__PURE__*/ proxyCustomElement(class DiwaSegmentedControl extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.update = createEvent(this, "update", 1);
-        /** Per-component theme override. */
-        this.theme = 'dark';
-        /** Currently selected item value. */
-        this.value = '';
-        /** Disables all items. */
-        this.disabled = false;
-        /** Smaller item sizing. */
-        this.compact = false;
-    }
-    handleItemSelect(event) {
-        this.value = event.detail.value;
-        this.update.emit({ value: this.value });
-        this.syncChildren();
-    }
-    componentDidLoad() {
-        this.syncChildren();
-    }
-    componentDidUpdate() {
-        this.syncChildren();
-    }
-    syncChildren() {
-        const items = Array.from(this.host.querySelectorAll('diwa-segmented-control-item'));
-        items.forEach((item) => {
-            item.selected = item.value === this.value;
-            item.disabled = this.disabled;
-            item.compact = this.compact;
-        });
-    }
-    render() {
-        return (h(Host, { key: '40695f16ca3a0601152b10a53bbb5c9812a14eba', role: "group", "data-theme": this.theme }, h("style", { key: '2d8853e5dc014243df0d27691c78a3ed83e18ad2', innerHTML: getComponentCss() }), h("div", { key: '102dc801b004efcb3a5c945d4500342939229c87', class: "track" }, h("slot", { key: 'bbda373551c9ebd3a32cbb6c12a13b8b1bd77bcc' }))));
-    }
-    get host() { return this; }
-}, [1, "diwa-segmented-control", {
-        "theme": [513],
-        "value": [1537],
-        "disabled": [516],
-        "compact": [516]
-    }, [[0, "diwa-segment-select", "handleItemSelect"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-segmented-control"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-segmented-control":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaSegmentedControl$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaSegmentedControl = DiwaSegmentedControl$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaSegmentedControl, defineCustomElement };
-
-//# sourceMappingURL=diwa-segmented-control.js.map
+import{t as e,p as t,H as a,c as n,h as s,a as d}from"./index.js";const i=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.update=n(this,"update",1),this.theme="dark",this.value="",this.disabled=!1,this.compact=!1}handleItemSelect(e){this.value=e.detail.value,this.update.emit({value:this.value}),this.syncChildren()}componentDidLoad(){this.syncChildren()}componentDidUpdate(){this.syncChildren()}syncChildren(){Array.from(this.host.querySelectorAll("diwa-segmented-control-item")).forEach((e=>{e.selected=e.value===this.value,e.disabled=this.disabled,e.compact=this.compact}))}render(){return s(d,{key:"40695f16ca3a0601152b10a53bbb5c9812a14eba",role:"group","data-theme":this.theme},s("style",{key:"2d8853e5dc014243df0d27691c78a3ed83e18ad2",innerHTML:"\n  :host {\n    display: inline-flex;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .track {\n    display: inline-flex;\n    align-items: center;\n    background: var(--diwa-bg-surface);\n    border: var(--diwa-border-width-thin) solid var(--diwa-border);\n    border-radius: var(--diwa-radius-md);\n    padding: var(--diwa-space-0-75);\n    gap: var(--diwa-space-0-5);\n  }\n"}),s("div",{key:"102dc801b004efcb3a5c945d4500342939229c87",class:"track"},s("slot",{key:"bbda373551c9ebd3a32cbb6c12a13b8b1bd77bcc"})))}get host(){return this}},[257,"diwa-segmented-control",{theme:[513],value:[1537],disabled:[516],compact:[516]},[[0,"diwa-segment-select","handleItemSelect"]]]);function r(){"undefined"!=typeof customElements&&["diwa-segmented-control"].forEach((t=>{"diwa-segmented-control"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}r();const c=i,o=r;export{c as DiwaSegmentedControl,o as defineCustomElement}

package/dist-custom-elements/diwa-select-option.js

@@ -1,185 +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';
-
-const getComponentCss = () => `
-  /* ── Host ──────────────────────────────────────────────────────────── */
-
-  :host {
-    display: block;
-    font-family: var(--diwa-font-family-base);
-    outline: none;
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  /* ── Option row ─────────────────────────────────────────────────────── */
-
-  .option {
-    display: flex;
-    align-items: center;
-    gap: var(--diwa-space-3);
-    padding: var(--diwa-space-2) var(--diwa-space-3);
-    min-height: var(--diwa-select-option-min-height);
-    box-sizing: border-box;
-    cursor: pointer;
-    user-select: none;
-    -webkit-font-smoothing: antialiased;
-    color: var(--diwa-text-primary);
-    font-size: var(--diwa-font-size-base);
-    font-weight: var(--diwa-font-weight-normal);
-    line-height: 1.4;
-    border-radius: var(--diwa-radius-sm);
-    transition: background-color var(--diwa-transition-fast);
-  }
-
-  ${getFocusStyle('.option')}
-
-  /* ── Check mark ─────────────────────────────────────────────────────── */
-
-  .check {
-    flex-shrink: 0;
-    width: var(--diwa-icon-size-md);
-    height: var(--diwa-icon-size-md);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--diwa-accent);
-    font-size: var(--diwa-font-size-base);
-    line-height: 1;
-    visibility: hidden;
-  }
-
-  /* ── Selected state ─────────────────────────────────────────────────── */
-
-  :host([selected]) .check {
-    visibility: visible;
-  }
-
-  /* ── Highlighted (keyboard / hover) ─────────────────────────────────── */
-
-  :host([highlighted]) .option {
-    background-color: var(--diwa-bg-hover);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .option:hover {
-      background-color: var(--diwa-bg-hover);
-    }
-  }
-
-  /* ── Label text ─────────────────────────────────────────────────────── */
-
-  .label {
-    flex: 1;
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  /* ── Compact ────────────────────────────────────────────────────────── */
-
-  :host([compact]) .option {
-    padding: var(--diwa-space-1) var(--diwa-space-2);
-    font-size: var(--diwa-font-size-md);
-    min-height: 0;
-  }
-
-  :host([compact]) .check {
-    font-size: var(--diwa-font-size-md);
-  }
-
-  /* ── Disabled ───────────────────────────────────────────────────────── */
-
-  :host([disabled]) {
-    pointer-events: none;
-  }
-
-  :host([disabled]) .option {
-    opacity: var(--diwa-opacity-disabled);
-    cursor: not-allowed;
-  }
-
-  /* ── Reduced motion ─────────────────────────────────────────────────── */
-
-  ${getReducedMotionStyle('.option')}
-`;
-
-const DiwaSelectOption$1 = /*@__PURE__*/ proxyCustomElement(class DiwaSelectOption extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.diwaSelectOptionUpdate = createEvent(this, "diwaSelectOptionUpdate", 7);
-        /** Disables the option — it cannot be selected. */
-        this.disabled = false;
-        /**
-         * Whether the option is currently selected.
-         * Maintained by the parent <diwa-select>.
-         */
-        this.selected = false;
-        /**
-         * Whether the option is currently keyboard-highlighted.
-         * Set exclusively by the parent component.
-         */
-        this.highlighted = false;
-        /** Theme — inherited from the parent diwa-select. */
-        this.theme = 'dark';
-        /** Compact mode — inherited from the parent diwa-select. */
-        this.compact = false;
-        this.handleClick = () => {
-            if (this.disabled)
-                return;
-            this.diwaSelectOptionUpdate.emit({ value: this.value });
-        };
-        this.handleKeyDown = (e) => {
-            if (this.disabled)
-                return;
-            if (e.key === 'Enter' || e.key === ' ') {
-                e.preventDefault();
-                this.diwaSelectOptionUpdate.emit({ value: this.value });
-            }
-        };
-    }
-    /** Focuses the inner option element. */
-    async setFocus() {
-        var _a;
-        (_a = this.optionEl) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    render() {
-        return (h(Host, { key: '9158ac98075c499743af5e90042851b600c8da90', "data-theme": this.theme }, h("style", { key: '8dd7b313f3a81fd7d478b76596ecd60cbcec7ecb', innerHTML: getComponentCss() }), h("div", { key: '88ac7bcf19615142315509da16fb101fe7e59f36', class: "option", role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: (el) => (this.optionEl = el), part: "option" }, h("span", { key: 'a4b3dfab5484a3916be1d64170c5337d9cc01f53', class: "check", "aria-hidden": "true", part: "check" }, "\u2713"), h("span", { key: 'c2d81f7766672cb0e5c755e2f0879361e65d3205', class: "label", part: "label" }, h("slot", { key: '0efdefa87396d832b47fba5fcdc66cb117f75396' })))));
-    }
-    static get delegatesFocus() { return true; }
-    get host() { return this; }
-}, [17, "diwa-select-option", {
-        "value": [513],
-        "disabled": [516],
-        "selected": [1540],
-        "highlighted": [1540],
-        "theme": [1025],
-        "compact": [1540],
-        "setFocus": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-select-option"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-select-option":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaSelectOption$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaSelectOption = DiwaSelectOption$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaSelectOption, defineCustomElement };
-
-//# sourceMappingURL=diwa-select-option.js.map
+import{t as n,p as e,H as i,c as t,h as a,a as o}from"./index.js";import{b as s,a as d}from"./p-C8h0Vfqp.js";const r=e(class extends i{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.diwaSelectOptionUpdate=t(this,"diwaSelectOptionUpdate",7),this.disabled=!1,this.selected=!1,this.highlighted=!1,this.theme="dark",this.compact=!1,this.handleClick=()=>{this.disabled||this.diwaSelectOptionUpdate.emit({value:this.value})},this.handleKeyDown=n=>{this.disabled||"Enter"!==n.key&&" "!==n.key||(n.preventDefault(),this.diwaSelectOptionUpdate.emit({value:this.value}))}}async setFocus(){var n;null===(n=this.optionEl)||void 0===n||n.focus()}render(){return a(o,{key:"9158ac98075c499743af5e90042851b600c8da90","data-theme":this.theme},a("style",{key:"8dd7b313f3a81fd7d478b76596ecd60cbcec7ecb",innerHTML:`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Option row ─────────────────────────────────────────────────────── */\n\n  .option {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    padding: var(--diwa-space-2) var(--diwa-space-3);\n    min-height: var(--diwa-select-option-min-height);\n    box-sizing: border-box;\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-normal);\n    line-height: 1.4;\n    border-radius: var(--diwa-radius-sm);\n    transition: background-color var(--diwa-transition-fast);\n  }\n\n  ${s(".option")}\n\n  /* ── Check mark ─────────────────────────────────────────────────────── */\n\n  .check {\n    flex-shrink: 0;\n    width: var(--diwa-icon-size-md);\n    height: var(--diwa-icon-size-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--diwa-accent);\n    font-size: var(--diwa-font-size-base);\n    line-height: 1;\n    visibility: hidden;\n  }\n\n  /* ── Selected state ─────────────────────────────────────────────────── */\n\n  :host([selected]) .check {\n    visibility: visible;\n  }\n\n  /* ── Highlighted (keyboard / hover) ─────────────────────────────────── */\n\n  :host([highlighted]) .option {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .option:hover {\n      background-color: var(--diwa-bg-hover);\n    }\n  }\n\n  /* ── Label text ─────────────────────────────────────────────────────── */\n\n  .label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* ── Compact ────────────────────────────────────────────────────────── */\n\n  :host([compact]) .option {\n    padding: var(--diwa-space-1) var(--diwa-space-2);\n    font-size: var(--diwa-font-size-md);\n    min-height: 0;\n  }\n\n  :host([compact]) .check {\n    font-size: var(--diwa-font-size-md);\n  }\n\n  /* ── Disabled ───────────────────────────────────────────────────────── */\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .option {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${d(".option")}\n`}),a("div",{key:"88ac7bcf19615142315509da16fb101fe7e59f36",class:"option",role:"option","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:n=>this.optionEl=n,part:"option"},a("span",{key:"a4b3dfab5484a3916be1d64170c5337d9cc01f53",class:"check","aria-hidden":"true",part:"check"},"✓"),a("span",{key:"c2d81f7766672cb0e5c755e2f0879361e65d3205",class:"label",part:"label"},a("slot",{key:"0efdefa87396d832b47fba5fcdc66cb117f75396"}))))}static get delegatesFocus(){return!0}get host(){return this}},[273,"diwa-select-option",{value:[513],disabled:[516],selected:[1540],highlighted:[1540],theme:[1025],compact:[1540],setFocus:[64]}]);function c(){"undefined"!=typeof customElements&&["diwa-select-option"].forEach((e=>{"diwa-select-option"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))}c();const h=r,l=c;export{h as DiwaSelectOption,l as defineCustomElement}