@diwacopilot/components 1.2.0 → 1.2.2

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

@@ -1,122 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
-import { g as getFocusStyle, a as getReducedMotionStyle } from './p-70bbb21a.js';
-
-const PANEL_POSITION = {
-    top: 'bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);',
-    bottom: 'top: calc(100% + 6px); left: 50%; transform: translateX(-50%);',
-    start: 'right: calc(100% + 6px); top: 50%; transform: translateY(-50%);',
-    end: 'left: calc(100% + 6px); top: 50%; transform: translateY(-50%);',
-};
-const getComponentCss = (isOpen, direction) => {
-    const panelPos = PANEL_POSITION[direction];
-    return `
-    :host {
-      display: inline-flex;
-      position: relative;
-    }
-    :host([hidden]) {
-      display: none;
-    }
-    .trigger {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      width: var(--diwa-popover-trigger-size);
-      height: var(--diwa-popover-trigger-size);
-      padding: 0;
-      background: none;
-      border: none;
-      border-radius: var(--diwa-radius-sm);
-      transition: color var(--diwa-transition-base);
-    }
-    .trigger:hover {
-      color: var(--diwa-text-primary);
-    }
-    ${getFocusStyle('.trigger')}
-    .panel {
-      display: ${isOpen ? 'block' : 'none'};
-      position: absolute;
-      ${panelPos}
-      z-index: 100;
-      min-width: var(--diwa-popover-panel-min-width);
-      max-width: var(--diwa-popover-panel-max-width);
-      padding: var(--diwa-space-5);
-      background: var(--diwa-bg-elevated);
-      border: var(--diwa-border-width-thin) solid var(--diwa-border);
-      border-radius: var(--diwa-radius-lg);
-      box-shadow: var(--diwa-shadow-lg);
-      font-family: var(--diwa-font-family-base);
-      font-size: var(--diwa-font-size-base);
-      color: var(--diwa-text-primary);
-      line-height: var(--diwa-line-height-normal);
-      white-space: normal;
-    }
-
-    .panel p,
-    .panel ::slotted(p) {
-      margin: 0;
-    }
-
-    ${getReducedMotionStyle('.trigger')}
-  `;
-};
-
-const DiwaPopover$1 = /*@__PURE__*/ proxyCustomElement(class DiwaPopover extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /** Preferred direction the panel opens relative to the trigger. */
-        this.direction = 'bottom';
-        /** Adapts the color when used on a light or dark background. */
-        this.theme = 'dark';
-        this.isOpen = false;
-        this.toggle = () => {
-            this.isOpen = !this.isOpen;
-        };
-    }
-    handleGlobalKeydown(e) {
-        if (e.key === 'Escape' && this.isOpen) {
-            this.isOpen = false;
-        }
-    }
-    handleGlobalPointerDown(e) {
-        if (!this.isOpen) {
-            return;
-        }
-        if (!e.composedPath().includes(this.host)) {
-            this.isOpen = false;
-        }
-    }
-    render() {
-        return (h(Host, { key: '09f649039a99b456fcedf4483383341810ac55be', "data-theme": this.theme }, h("style", { key: '0a2cf250642b076e60d87800f813c8155365b247', innerHTML: getComponentCss(this.isOpen, this.direction) }), h("slot", { key: '14a103bb5c665cb9aed21496b06722e15f89f299', name: "button" }, h("button", { key: 'c156d661eedb2255e5c0817bcccc84494369a7c4', class: "trigger", type: "button", "aria-expanded": String(this.isOpen), "aria-haspopup": "true", onClick: this.toggle }, h("svg", { key: '48db1f2fb41745dc443e8f3c969184fa8da6fa6c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: 'f9994b25f044912cf2e97f35b3f8c91b112792fc', cx: "12", cy: "12", r: "10" }), h("line", { key: '234a8b16cd08ad0ecf2479483b7bfd6b1a3092e6', x1: "12", y1: "8", x2: "12", y2: "12" }), h("line", { key: 'd5d52b35ad5894e196bff0f0af3ce7dde547aac1', x1: "12", y1: "16", x2: "12.01", y2: "16" })))), h("div", { key: 'c91727245e163aebbd6db9f86d66cbd1d144dbf1', class: "panel", role: "tooltip", "aria-hidden": String(!this.isOpen) }, this.description && h("p", { key: '6a6a451ad2bcc92588ea7319585e12b1eb21b2ab' }, this.description), h("slot", { key: '54dad0ddb906415a13fedefe8994200b94ecbb6f' }))));
-    }
-    static get delegatesFocus() { return true; }
-    get host() { return this; }
-}, [17, "diwa-popover", {
-        "direction": [1],
-        "description": [1],
-        "theme": [513],
-        "isOpen": [32]
-    }, [[8, "keydown", "handleGlobalKeydown"], [9, "pointerdown", "handleGlobalPointerDown"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-popover"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-popover":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaPopover$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaPopover = DiwaPopover$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaPopover, defineCustomElement };
-
-//# sourceMappingURL=diwa-popover.js.map
+import{t as e,p as n,H as t,h as a,a as i}from"./index.js";import{b as r,a as o}from"./p-C8h0Vfqp.js";const d={top:"bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);",bottom:"top: calc(100% + 6px); left: 50%; transform: translateX(-50%);",start:"right: calc(100% + 6px); top: 50%; transform: translateY(-50%);",end:"left: calc(100% + 6px); top: 50%; transform: translateY(-50%);"},s=(e,n)=>{const t=d[n];return`\n    :host {\n      display: inline-flex;\n      position: relative;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .trigger {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--diwa-popover-trigger-size);\n      height: var(--diwa-popover-trigger-size);\n      padding: 0;\n      background: none;\n      border: none;\n      border-radius: var(--diwa-radius-sm);\n      transition: color var(--diwa-transition-base);\n    }\n    .trigger:hover {\n      color: var(--diwa-text-primary);\n    }\n    ${r(".trigger")}\n    .panel {\n      display: ${e?"block":"none"};\n      position: absolute;\n      ${t}\n      z-index: 100;\n      min-width: var(--diwa-popover-panel-min-width);\n      max-width: var(--diwa-popover-panel-max-width);\n      padding: var(--diwa-space-5);\n      background: var(--diwa-bg-elevated);\n      border: var(--diwa-border-width-thin) solid var(--diwa-border);\n      border-radius: var(--diwa-radius-lg);\n      box-shadow: var(--diwa-shadow-lg);\n      font-family: var(--diwa-font-family-base);\n      font-size: var(--diwa-font-size-base);\n      color: var(--diwa-text-primary);\n      line-height: var(--diwa-line-height-normal);\n      white-space: normal;\n    }\n\n    .panel p,\n    .panel ::slotted(p) {\n      margin: 0;\n    }\n\n    ${o(".trigger")}\n  `},l=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.direction="bottom",this.theme="dark",this.isOpen=!1,this.toggle=()=>{this.isOpen=!this.isOpen}}handleGlobalKeydown(e){"Escape"===e.key&&this.isOpen&&(this.isOpen=!1)}handleGlobalPointerDown(e){this.isOpen&&(e.composedPath().includes(this.host)||(this.isOpen=!1))}render(){return a(i,{key:"09f649039a99b456fcedf4483383341810ac55be","data-theme":this.theme},a("style",{key:"0a2cf250642b076e60d87800f813c8155365b247",innerHTML:s(this.isOpen,this.direction)}),a("slot",{key:"14a103bb5c665cb9aed21496b06722e15f89f299",name:"button"},a("button",{key:"c156d661eedb2255e5c0817bcccc84494369a7c4",class:"trigger",type:"button","aria-expanded":this.isOpen+"","aria-haspopup":"true",onClick:this.toggle},a("svg",{key:"48db1f2fb41745dc443e8f3c969184fa8da6fa6c",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{key:"f9994b25f044912cf2e97f35b3f8c91b112792fc",cx:"12",cy:"12",r:"10"}),a("line",{key:"234a8b16cd08ad0ecf2479483b7bfd6b1a3092e6",x1:"12",y1:"8",x2:"12",y2:"12"}),a("line",{key:"d5d52b35ad5894e196bff0f0af3ce7dde547aac1",x1:"12",y1:"16",x2:"12.01",y2:"16"})))),a("div",{key:"c91727245e163aebbd6db9f86d66cbd1d144dbf1",class:"panel",role:"tooltip","aria-hidden":!this.isOpen+""},this.description&&a("p",{key:"6a6a451ad2bcc92588ea7319585e12b1eb21b2ab"},this.description),a("slot",{key:"54dad0ddb906415a13fedefe8994200b94ecbb6f"})))}static get delegatesFocus(){return!0}get host(){return this}},[273,"diwa-popover",{direction:[1],description:[1],theme:[513],isOpen:[32]},[[8,"keydown","handleGlobalKeydown"],[9,"pointerdown","handleGlobalPointerDown"]]]);function c(){"undefined"!=typeof customElements&&["diwa-popover"].forEach((n=>{"diwa-popover"===n&&(customElements.get(e(n))||customElements.define(e(n),l))}))}c();const p=l,b=c;export{p as DiwaPopover,b as defineCustomElement}

package/dist-custom-elements/diwa-radio-group-item.js

@@ -1,160 +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 = (checked, disabled, compact) => {
-    const boxSize = compact ? '14px' : '18px';
-    const dotSize = compact ? '6px' : '8px';
-    return `
-  :host {
-    display: block;
-    font-family: var(--diwa-font-family-base);
-    outline: none;
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  .wrapper {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--diwa-space-3);
-    cursor: pointer;
-  }
-
-  :host([disabled]) .wrapper {
-    cursor: not-allowed;
-  }
-
-  .input-container {
-    position: relative;
-    flex-shrink: 0;
-    width: ${boxSize};
-    height: ${boxSize};
-  }
-
-  input[type="radio"] {
-    appearance: none;
-    -webkit-appearance: none;
-    display: block;
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    cursor: pointer;
-    border-radius: 50%;
-    border: var(--diwa-border-width-medium) solid ${checked ? 'var(--diwa-accent)' : 'var(--diwa-border)'};
-    background: ${checked ? 'var(--diwa-accent)' : 'transparent'};
-    transition: border-color var(--diwa-transition-base), background var(--diwa-transition-base);
-  }
-
-  input[type="radio"]:disabled {
-    cursor: not-allowed;
-    opacity: 0.4;
-  }
-
-  ${getFocusStyle('input[type="radio"]')}
-
-  /* Dot indicator when checked */
-  .input-container::after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: ${dotSize};
-    height: ${dotSize};
-    border-radius: 50%;
-    background: var(--diwa-text-on-accent, #fff);
-    opacity: ${checked ? '1' : '0'};
-    pointer-events: none;
-    transition: opacity var(--diwa-transition-base);
-  }
-
-  .label-text {
-    font-size: var(--diwa-font-size-base);
-    color: var(--diwa-text-primary);
-    line-height: 1.5;
-    user-select: none;
-  }
-
-  :host([disabled]) .label-text {
-    color: var(--diwa-text-muted);
-  }
-
-  ${getReducedMotionStyle('input[type="radio"]', '.input-container::after')}
-  `;
-};
-
-const DiwaRadioGroupItem$1 = /*@__PURE__*/ proxyCustomElement(class DiwaRadioGroupItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.radioSelect = createEvent(this, "diwa-radio-select", 7);
-        /** Per-component theme override. */
-        this.theme = 'dark';
-        /** The value submitted/emitted when this item is selected. */
-        this.value = '';
-        /** Set by the parent diwa-radio-group — do not set directly. */
-        this.checked = false;
-        /** Native name — set automatically by the parent group. */
-        this.name = '';
-        /** Whether this option is disabled. Also set by the parent group when the whole group is disabled. */
-        this.disabled = false;
-        /** Reduces size for denser layouts. */
-        this.compact = false;
-        this.handleChange = () => {
-            if (this.disabled)
-                return;
-            this.checked = true;
-            this.radioSelect.emit({ value: this.value });
-        };
-    }
-    handleCheckedChange(newVal) {
-        var _a;
-        const input = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input');
-        if (input)
-            input.checked = newVal;
-    }
-    render() {
-        const labelId = `diwa-rgi-${this.value || Math.random().toString(36).slice(2, 7)}`;
-        return (h(Host, { key: '86f4629d1ec15ca4166b99a2edad8e5345853639' }, h("style", { key: '30efbaa2b8c0102ec11b4c369371a7bf4ee6f37f', innerHTML: getComponentCss(this.checked, this.disabled, this.compact) }), h("label", { key: 'f9cf23065409265184bbb70ddab10b5fded2db49', class: "wrapper" }, h("span", { key: 'bea2800f348a6d178c924a6c2fe1b6371642dd12', class: "input-container" }, h("input", { key: 'e2fa14e6810b6c3c0cacc078f43421838f9e34d0', id: labelId, type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.handleChange, "aria-checked": this.checked ? 'true' : 'false' })), h("span", { key: '1e393282f8e72fe9d055dde92d00f034f3164454', class: "label-text" }, h("slot", { key: '0611edb3b9b31dfb6d8ebdba3282b97c705530ad' })))));
-    }
-    static get delegatesFocus() { return true; }
-    get host() { return this; }
-    static get watchers() { return {
-        "checked": ["handleCheckedChange"]
-    }; }
-}, [17, "diwa-radio-group-item", {
-        "theme": [513],
-        "value": [513],
-        "checked": [1540],
-        "name": [1537],
-        "disabled": [516],
-        "compact": [516]
-    }, undefined, {
-        "checked": ["handleCheckedChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-radio-group-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-radio-group-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaRadioGroupItem$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaRadioGroupItem = DiwaRadioGroupItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaRadioGroupItem, defineCustomElement };
-
-//# sourceMappingURL=diwa-radio-group-item.js.map
+import{t as n,p as e,H as t,c as a,h as i,a as r}from"./index.js";import{b as s,a as d}from"./p-C8h0Vfqp.js";const o=(n,e,t)=>{const a=t?"14px":"18px",i=t?"6px":"8px";return`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    cursor: pointer;\n  }\n\n  :host([disabled]) .wrapper {\n    cursor: not-allowed;\n  }\n\n  .input-container {\n    position: relative;\n    flex-shrink: 0;\n    width: ${a};\n    height: ${a};\n  }\n\n  input[type="radio"] {\n    appearance: none;\n    -webkit-appearance: none;\n    display: block;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    border-radius: 50%;\n    border: var(--diwa-border-width-medium) solid ${n?"var(--diwa-accent)":"var(--diwa-border)"};\n    background: ${n?"var(--diwa-accent)":"transparent"};\n    transition: border-color var(--diwa-transition-base), background var(--diwa-transition-base);\n  }\n\n  input[type="radio"]:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n\n  ${s('input[type="radio"]')}\n\n  /* Dot indicator when checked */\n  .input-container::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: ${i};\n    height: ${i};\n    border-radius: 50%;\n    background: var(--diwa-text-on-accent, #fff);\n    opacity: ${n?"1":"0"};\n    pointer-events: none;\n    transition: opacity var(--diwa-transition-base);\n  }\n\n  .label-text {\n    font-size: var(--diwa-font-size-base);\n    color: var(--diwa-text-primary);\n    line-height: 1.5;\n    user-select: none;\n  }\n\n  :host([disabled]) .label-text {\n    color: var(--diwa-text-muted);\n  }\n\n  ${d('input[type="radio"]',".input-container::after")}\n  `},c=e(class extends t{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.radioSelect=a(this,"diwa-radio-select",7),this.theme="dark",this.value="",this.checked=!1,this.name="",this.disabled=!1,this.compact=!1,this.handleChange=()=>{this.disabled||(this.checked=!0,this.radioSelect.emit({value:this.value}))}}handleCheckedChange(n){var e;const t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector("input");t&&(t.checked=n)}render(){const n="diwa-rgi-"+(this.value||Math.random().toString(36).slice(2,7));return i(r,{key:"86f4629d1ec15ca4166b99a2edad8e5345853639"},i("style",{key:"30efbaa2b8c0102ec11b4c369371a7bf4ee6f37f",innerHTML:o(this.checked,0,this.compact)}),i("label",{key:"f9cf23065409265184bbb70ddab10b5fded2db49",class:"wrapper"},i("span",{key:"bea2800f348a6d178c924a6c2fe1b6371642dd12",class:"input-container"},i("input",{key:"e2fa14e6810b6c3c0cacc078f43421838f9e34d0",id:n,type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,"aria-checked":this.checked?"true":"false"})),i("span",{key:"1e393282f8e72fe9d055dde92d00f034f3164454",class:"label-text"},i("slot",{key:"0611edb3b9b31dfb6d8ebdba3282b97c705530ad"}))))}static get delegatesFocus(){return!0}get host(){return this}static get watchers(){return{checked:[{handleCheckedChange:0}]}}},[273,"diwa-radio-group-item",{theme:[513],value:[513],checked:[1540],name:[1537],disabled:[516],compact:[516]},void 0,{checked:[{handleCheckedChange:0}]}]);function h(){"undefined"!=typeof customElements&&["diwa-radio-group-item"].forEach((e=>{"diwa-radio-group-item"===e&&(customElements.get(n(e))||customElements.define(n(e),c))}))}h();const p=c,l=h;export{p as DiwaRadioGroupItem,l as defineCustomElement}

package/dist-custom-elements/diwa-radio-group.js

@@ -1,178 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
-
-const getComponentCss = (state, direction, _disabled, compact) => {
-    const messageColor = state === 'error'
-        ? 'var(--diwa-notification-error)'
-        : state === 'success'
-            ? 'var(--diwa-notification-success)'
-            : 'var(--diwa-text-secondary)';
-    return `
-  :host {
-    display: block;
-    font-family: var(--diwa-font-family-base);
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  .root {
-    display: flex;
-    flex-direction: column;
-    gap: var(--diwa-space-1);
-  }
-
-  .label {
-    display: block;
-    font-size: var(--diwa-font-size-base);
-    font-weight: var(--diwa-font-weight-medium);
-    color: var(--diwa-text-primary);
-    line-height: 1.4;
-  }
-
-  :host([disabled]) .label {
-    color: var(--diwa-text-muted);
-    cursor: not-allowed;
-  }
-
-  .label-required {
-    color: var(--diwa-notification-error);
-    margin-inline-start: 2px;
-  }
-
-  .label-visually-hidden {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-
-  .description {
-    font-size: var(--diwa-font-size-sm);
-    color: var(--diwa-text-secondary);
-    line-height: 1.4;
-  }
-
-  .options {
-    display: flex;
-    flex-direction: ${direction === 'row' ? 'row' : 'column'};
-    flex-wrap: wrap;
-    gap: ${direction === 'row'
-        ? (compact ? 'var(--diwa-space-2)' : 'var(--diwa-space-4)')
-        : (compact ? 'var(--diwa-space-1)' : 'var(--diwa-space-2)')};
-  }
-
-  .message {
-    font-size: var(--diwa-font-size-sm);
-    color: ${messageColor};
-    line-height: 1.4;
-  }
-
-  .message[hidden] {
-    display: none;
-  }
-  `;
-};
-
-const DiwaRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class DiwaRadioGroup extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.update = createEvent(this, "update", 1);
-        /** Per-component theme override. */
-        this.theme = 'dark';
-        /** Group label rendered above the options. */
-        this.label = '';
-        /** Supplementary description rendered below the label. */
-        this.description = '';
-        /** Currently selected value. Synced down to child items. */
-        this.value = '';
-        /** Layout direction for the radio options. */
-        this.direction = 'column';
-        /** Whether selecting a value is required. */
-        this.required = false;
-        /** Disables all child items. */
-        this.disabled = false;
-        /** Validation state. */
-        this.state = 'none';
-        /** Feedback message shown when state is error or success. */
-        this.message = '';
-        /** Reduces size for denser layouts. */
-        this.compact = false;
-        /** Hides the label visually while keeping it accessible. */
-        this.hideLabel = false;
-        /** Native name attribute shared by all radio inputs in the group. */
-        this.name = '';
-    }
-    /** Listen for item selection bubbling up from slotted children. */
-    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-radio-group-item'));
-        const groupName = this.name || `diwa-radio-group-${Math.random().toString(36).slice(2, 7)}`;
-        items.forEach((item) => {
-            item.checked = item.value === this.value;
-            if (!item.name) {
-                item.name = groupName;
-            }
-            item.disabled = this.disabled;
-            item.compact = this.compact;
-        });
-    }
-    render() {
-        const id = `diwa-rg-${this.host.id || Math.random().toString(36).slice(2, 7)}`;
-        const descId = this.description ? `${id}-desc` : undefined;
-        const msgId = this.message && this.state !== 'none' ? `${id}-msg` : undefined;
-        return (h(Host, { key: '353bef6b4f86cf97107f3412f7dc4985d2d11d07', "data-theme": this.theme }, h("style", { key: '66d357becb10cfe088c8684e571821ad28b13ea7', innerHTML: getComponentCss(this.state, this.direction, this.disabled, this.compact) }), h("div", { key: '7adf0acbcfa1283d19d42d1fffbbf071a123b6b9', class: "root", role: "radiogroup", "aria-labelledby": this.label ? `${id}-label` : undefined, "aria-describedby": [descId, msgId].filter(Boolean).join(' ') || undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (h("span", { key: '04d65fbfef552fc0698550273c705376527aff68', id: `${id}-label`, class: `label${this.hideLabel ? ' label-visually-hidden' : ''}` }, this.label, this.required && h("span", { key: '8880df582e11501249fe4b10f2c1fc511ed260c1', class: "label-required", "aria-hidden": "true" }, " *"))), this.description && (h("span", { key: '1824e6ec894a9681ac4fe5e16c206becdca493ea', id: descId, class: "description" }, this.description)), h("div", { key: 'dd0cf861519847041b08f0fa09dc9118cbce9bea', class: "options" }, h("slot", { key: '59f2aa4514c3eec3802d258a9f785a925360166c' })), h("span", { key: '76d853b81b97304acf0567d1f7bc147c71592896', id: msgId, class: "message", hidden: !msgId }, this.message))));
-    }
-    get host() { return this; }
-}, [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"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-radio-group"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-radio-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaRadioGroup$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaRadioGroup = DiwaRadioGroup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaRadioGroup, defineCustomElement };
-
-//# sourceMappingURL=diwa-radio-group.js.map
+import{t as e,p as i,H as a,c as n,h as s,a as t}from"./index.js";const d=(e,i,a,n)=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: var(--diwa-space-1);\n  }\n\n  .label {\n    display: block;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-medium);\n    color: var(--diwa-text-primary);\n    line-height: 1.4;\n  }\n\n  :host([disabled]) .label {\n    color: var(--diwa-text-muted);\n    cursor: not-allowed;\n  }\n\n  .label-required {\n    color: var(--diwa-notification-error);\n    margin-inline-start: 2px;\n  }\n\n  .label-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  .description {\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-secondary);\n    line-height: 1.4;\n  }\n\n  .options {\n    display: flex;\n    flex-direction: ${"row"===i?"row":"column"};\n    flex-wrap: wrap;\n    gap: ${"row"===i?n?"var(--diwa-space-2)":"var(--diwa-space-4)":n?"var(--diwa-space-1)":"var(--diwa-space-2)"};\n  }\n\n  .message {\n    font-size: var(--diwa-font-size-sm);\n    color: ${"error"===e?"var(--diwa-notification-error)":"success"===e?"var(--diwa-notification-success)":"var(--diwa-text-secondary)"};\n    line-height: 1.4;\n  }\n\n  .message[hidden] {\n    display: none;\n  }\n  `,o=i(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.update=n(this,"update",1),this.theme="dark",this.label="",this.description="",this.value="",this.direction="column",this.required=!1,this.disabled=!1,this.state="none",this.message="",this.compact=!1,this.hideLabel=!1,this.name=""}handleItemSelect(e){this.value=e.detail.value,this.update.emit({value:this.value}),this.syncChildren()}componentDidLoad(){this.syncChildren()}componentDidUpdate(){this.syncChildren()}syncChildren(){const e=Array.from(this.host.querySelectorAll("diwa-radio-group-item")),i=this.name||"diwa-radio-group-"+Math.random().toString(36).slice(2,7);e.forEach((e=>{e.checked=e.value===this.value,e.name||(e.name=i),e.disabled=this.disabled,e.compact=this.compact}))}render(){const e="diwa-rg-"+(this.host.id||Math.random().toString(36).slice(2,7)),i=this.description?e+"-desc":void 0,a=this.message&&"none"!==this.state?e+"-msg":void 0;return s(t,{key:"353bef6b4f86cf97107f3412f7dc4985d2d11d07","data-theme":this.theme},s("style",{key:"66d357becb10cfe088c8684e571821ad28b13ea7",innerHTML:d(this.state,this.direction,0,this.compact)}),s("div",{key:"7adf0acbcfa1283d19d42d1fffbbf071a123b6b9",class:"root",role:"radiogroup","aria-labelledby":this.label?e+"-label":void 0,"aria-describedby":[i,a].filter(Boolean).join(" ")||void 0,"aria-required":this.required?"true":void 0},this.label&&s("span",{key:"04d65fbfef552fc0698550273c705376527aff68",id:e+"-label",class:"label"+(this.hideLabel?" label-visually-hidden":"")},this.label,this.required&&s("span",{key:"8880df582e11501249fe4b10f2c1fc511ed260c1",class:"label-required","aria-hidden":"true"}," *")),this.description&&s("span",{key:"1824e6ec894a9681ac4fe5e16c206becdca493ea",id:i,class:"description"},this.description),s("div",{key:"dd0cf861519847041b08f0fa09dc9118cbce9bea",class:"options"},s("slot",{key:"59f2aa4514c3eec3802d258a9f785a925360166c"})),s("span",{key:"76d853b81b97304acf0567d1f7bc147c71592896",id:a,class:"message",hidden:!a},this.message)))}get host(){return this}},[257,"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"]]]);function r(){"undefined"!=typeof customElements&&["diwa-radio-group"].forEach((i=>{"diwa-radio-group"===i&&(customElements.get(e(i))||customElements.define(e(i),o))}))}r();const c=o,l=r;export{c as DiwaRadioGroup,l as defineCustomElement}