@diwacopilot/components 1.0.0

package/dist/collection/components/diwa-segmented-control/diwa-segmented-control.js

@@ -0,0 +1,177 @@
+import { Host, h } from "@stencil/core";
+import { getComponentCss } from "./diwa-segmented-control-styles";
+/**
+ * @component diwa-segmented-control
+ *
+ * Container that groups diwa-segmented-control-item children into a
+ * mutually exclusive selection control. Tracks the active value and
+ * propagates state down to items.
+ *
+ * Usage:
+ *   <diwa-segmented-control value="week" onupdate={e => setView(e.detail.value)}>
+ *     <diwa-segmented-control-item value="day">Day</diwa-segmented-control-item>
+ *     <diwa-segmented-control-item value="week">Week</diwa-segmented-control-item>
+ *     <diwa-segmented-control-item value="month">Month</diwa-segmented-control-item>
+ *   </diwa-segmented-control>
+ */
+export class DiwaSegmentedControl {
+    constructor() {
+        /** 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: '76204fa4c9d01d59662b63db9f210070ddce8ccd', role: "group", "data-theme": this.theme }, h("style", { key: '3da53b702c0488e0748df0d1930d81a3898abfee', innerHTML: getComponentCss() }), h("div", { key: '1ac0445d78a3c27f3db0bb979ff3d6a2aa3cafa3', class: "track" }, h("slot", { key: '21dd1e37da86b714671f6dabac080bee4e1e1abb' }))));
+    }
+    static get is() { return "diwa-segmented-control"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Theme",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {
+                        "Theme": {
+                            "location": "import",
+                            "path": "../../utils/styles",
+                            "id": "src/utils/styles.ts::Theme"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Per-component theme override."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "theme",
+                "reflect": true,
+                "defaultValue": "'dark'"
+            },
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Currently selected item value."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "value",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables all items."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "compact": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Smaller item sizing."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "compact",
+                "reflect": true,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "update",
+                "name": "update",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the active item changes."
+                },
+                "complexType": {
+                    "original": "SegmentedControlUpdateEventDetail",
+                    "resolved": "SegmentedControlUpdateEventDetail",
+                    "references": {
+                        "SegmentedControlUpdateEventDetail": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/diwa-segmented-control/types.ts::SegmentedControlUpdateEventDetail"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "diwa-segment-select",
+                "method": "handleItemSelect",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=diwa-segmented-control.js.map

package/dist/collection/components/diwa-segmented-control/diwa-segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diwa-segmented-control.js","sourceRoot":"","sources":["../../../src/components/diwa-segmented-control/diwa-segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAqB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGpG,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE;;;;;;;;;;;;;GAaG;AAKH,MAAM,OAAO,oBAAoB;IAJjC;QAOE,oCAAoC;QACX,UAAK,GAAU,MAAM,CAAC;QAE/C,qCAAqC;QACG,UAAK,GAAW,EAAE,CAAC;QAE3D,0BAA0B;QACD,aAAQ,GAAY,KAAK,CAAC;QAEnD,2BAA2B;QACF,YAAO,GAAY,KAAK,CAAC;KA4CnD;IAnCC,gBAAgB,CAAC,KAAqC;QACpD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACxC,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,YAAY;QAClB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CACtB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,6BAA6B,CAAC,CACjB,CAAC;QAC3C,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,IAAY,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;YAClD,IAAY,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YACtC,IAAY,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,KAAK;YACvC,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI;YACvC,4DAAK,KAAK,EAAC,OAAO;gBAChB,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, type EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\r\nimport type { SegmentedControlUpdateEventDetail } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-segmented-control-styles';\r\n\r\n/**\r\n * @component diwa-segmented-control\r\n *\r\n * Container that groups diwa-segmented-control-item children into a\r\n * mutually exclusive selection control. Tracks the active value and\r\n * propagates state down to items.\r\n *\r\n * Usage:\r\n *   <diwa-segmented-control value=\"week\" onupdate={e => setView(e.detail.value)}>\r\n *     <diwa-segmented-control-item value=\"day\">Day</diwa-segmented-control-item>\r\n *     <diwa-segmented-control-item value=\"week\">Week</diwa-segmented-control-item>\r\n *     <diwa-segmented-control-item value=\"month\">Month</diwa-segmented-control-item>\r\n *   </diwa-segmented-control>\r\n */\r\n@Component({\r\n  tag: 'diwa-segmented-control',\r\n  shadow: true,\r\n})\r\nexport class DiwaSegmentedControl {\r\n  @Element() host!: HTMLDiwaSegmentedControlElement;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Currently selected item value. */\r\n  @Prop({ mutable: true, reflect: true }) value: string = '';\r\n\r\n  /** Disables all items. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Smaller item sizing. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /**\r\n   * Emitted when the active item changes.\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<SegmentedControlUpdateEventDetail>;\r\n\r\n  @Listen('diwa-segment-select')\r\n  handleItemSelect(event: CustomEvent<{ value: string }>) {\r\n    this.value = event.detail.value;\r\n    this.update.emit({ value: this.value });\r\n    this.syncChildren();\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.syncChildren();\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    this.syncChildren();\r\n  }\r\n\r\n  private syncChildren() {\r\n    const items = Array.from(\r\n      this.host.querySelectorAll('diwa-segmented-control-item'),\r\n    ) as HTMLDiwaSegmentedControlItemElement[];\r\n    items.forEach((item) => {\r\n      (item as any).selected = item.value === this.value;\r\n      (item as any).disabled = this.disabled;\r\n      (item as any).compact = this.compact;\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"group\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <div class=\"track\">\r\n          <slot />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/diwa-segmented-control/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/collection/components/diwa-segmented-control/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-segmented-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\r\n * diwa-segmented-control — Public TypeScript types\r\n */\r\n\r\nexport interface SegmentedControlUpdateEventDetail {\r\n  value: string;\r\n}\r\n"]}

package/dist/collection/components/diwa-segmented-control-item/diwa-segmented-control-item-styles.js

@@ -0,0 +1,41 @@
+import { getFocusStyle, getReducedMotionStyle } from "../../utils/styles";
+export 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')}
+`;
+//# sourceMappingURL=diwa-segmented-control-item-styles.js.map

package/dist/collection/components/diwa-segmented-control-item/diwa-segmented-control-item-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diwa-segmented-control-item-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-segmented-control-item/diwa-segmented-control-item-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAiB,EAAE,QAAiB,EAAE,OAAgB,EAAU,EAAE,CAAC;;;;;;;;;;;;;;;eAepF,OAAO,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,yCAAyC;;;kBAG5F,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,aAAa;aACzD,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,4BAA4B;iBAChE,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,4BAA4B;mBACjE,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,qCAAqC;;cAExF,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;eACnC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;;;kBAGf,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM;;;IAGzD,aAAa,CAAC,MAAM,CAAC;;;;kBAIP,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB;;;IAG3E,qBAAqB,CAAC,MAAM,CAAC;CAChC,CAAC","sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (selected: boolean, disabled: boolean, compact: boolean): string => `\r\n  :host {\r\n    display: inline-block;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-2);\r\n    padding: ${compact ? 'var(--diwa-space-1) var(--diwa-space-3)' : 'var(--diwa-space-2) var(--diwa-space-4)'};\r\n    border: none;\r\n    border-radius: calc(var(--diwa-radius-md) - var(--diwa-border-width-base));\r\n    background: ${selected ? 'var(--diwa-bg-elevated)' : 'transparent'};\r\n    color: ${selected ? 'var(--diwa-text-primary)' : 'var(--diwa-text-secondary)'};\r\n    font-size: ${compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-base)'};\r\n    font-weight: ${selected ? 'var(--diwa-font-weight-medium)' : 'var(--diwa-font-weight-normal, 400)'};\r\n    font-family: inherit;\r\n    cursor: ${disabled ? 'not-allowed' : 'pointer'};\r\n    opacity: ${disabled ? 0.4 : 1};\r\n    white-space: nowrap;\r\n    transition: background 150ms ease, color 150ms ease;\r\n    box-shadow: ${selected ? 'var(--diwa-shadow-sm)' : 'none'};\r\n  }\r\n\r\n  ${getFocusStyle('.btn')}\r\n\r\n  .btn:hover:not(:disabled) {\r\n    color: var(--diwa-text-primary);\r\n    background: ${selected ? 'var(--diwa-bg-elevated)' : 'var(--diwa-bg-input)'};\r\n  }\r\n\r\n  ${getReducedMotionStyle('.btn')}\r\n`;\r\n"]}

package/dist/collection/components/diwa-segmented-control-item/diwa-segmented-control-item.js

@@ -0,0 +1,167 @@
+import { Host, h } from "@stencil/core";
+import { getComponentCss } from "./diwa-segmented-control-item-styles";
+/**
+ * @component diwa-segmented-control-item
+ *
+ * A single segment used inside `diwa-segmented-control`.
+ * The parent manages `selected`, `disabled`, and `compact` automatically.
+ * You only need to supply `value` and label content via the default slot.
+ *
+ * Usage:
+ *   <diwa-segmented-control-item value="week">Week</diwa-segmented-control-item>
+ */
+export class DiwaSegmentedControlItem {
+    constructor() {
+        /** 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: '197c164463018b07f0dd5561dabaff80b1017d55' }, h("style", { key: '2d89019033de3d1bc1e818806af44aa0737aa7f4', innerHTML: getComponentCss(this.selected, this.disabled, this.compact) }), h("button", { key: 'ef28f2800562f06d42d772d35fd7ce4815b067cd', class: "btn", type: "button", disabled: this.disabled, "aria-pressed": this.selected ? 'true' : 'false', onClick: this.handleClick }, h("slot", { key: '6ec68f67dfd5b386c24eeeb4108a84d94e933dd4' }))));
+    }
+    static get is() { return "diwa-segmented-control-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get delegatesFocus() { return true; }
+    static get properties() {
+        return {
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Theme",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {
+                        "Theme": {
+                            "location": "import",
+                            "path": "../../utils/styles",
+                            "id": "src/utils/styles.ts::Theme"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Per-component theme override."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "theme",
+                "reflect": true,
+                "defaultValue": "'dark'"
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The value emitted when this segment is activated."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "value",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "selected": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this segment is currently selected. Set by the parent."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "selected",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this segment is disabled. Also set by the parent when the group is disabled."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "compact": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Smaller sizing. Also set by the parent when compact is enabled."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "compact",
+                "reflect": true,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "segmentSelect",
+                "name": "diwa-segment-select",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Internal event \u2014 dispatched to the parent control when clicked.\r\nConsumers should listen to the parent's `update` event."
+                },
+                "complexType": {
+                    "original": "{ value: string }",
+                    "resolved": "{ value: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=diwa-segmented-control-item.js.map

package/dist/collection/components/diwa-segmented-control-item/diwa-segmented-control-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diwa-segmented-control-item.js","sourceRoot":"","sources":["../../../src/components/diwa-segmented-control-item/diwa-segmented-control-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAqB,IAAI,EAAE,IAAI,EAAS,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnG,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAEvE;;;;;;;;;GASG;AAKH,MAAM,OAAO,wBAAwB;IAJrC;QAOE,oCAAoC;QACX,UAAK,GAAU,MAAM,CAAC;QAE/C,wDAAwD;QAC/B,UAAK,GAAW,EAAE,CAAC;QAE5C,qEAAqE;QAC7B,aAAQ,GAAY,KAAK,CAAC;QAElE,2FAA2F;QAClE,aAAQ,GAAY,KAAK,CAAC;QAEnD,sEAAsE;QAC7C,YAAO,GAAY,KAAK,CAAC;QAS1C,gBAAW,GAAG,GAAG,EAAE;YACzB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC3C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACjD,CAAC,CAAC;KAkBH;IAhBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI;YACjF,+DACE,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,kBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC9C,OAAO,EAAE,IAAI,CAAC,WAAW;gBAEzB,8DAAQ,CACD,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-segmented-control-item-styles';\r\n\r\n/**\r\n * @component diwa-segmented-control-item\r\n *\r\n * A single segment used inside `diwa-segmented-control`.\r\n * The parent manages `selected`, `disabled`, and `compact` automatically.\r\n * You only need to supply `value` and label content via the default slot.\r\n *\r\n * Usage:\r\n *   <diwa-segmented-control-item value=\"week\">Week</diwa-segmented-control-item>\r\n */\r\n@Component({\r\n  tag: 'diwa-segmented-control-item',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaSegmentedControlItem {\r\n  @Element() host!: HTMLDiwaSegmentedControlItemElement;\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** The value emitted when this segment is activated. */\r\n  @Prop({ reflect: true }) value: string = '';\r\n\r\n  /** Whether this segment is currently selected. Set by the parent. */\r\n  @Prop({ mutable: true, reflect: true }) selected: boolean = false;\r\n\r\n  /** Whether this segment is disabled. Also set by the parent when the group is disabled. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Smaller sizing. Also set by the parent when compact is enabled. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /**\r\n   * Internal event — dispatched to the parent control when clicked.\r\n   * Consumers should listen to the parent's `update` event.\r\n   */\r\n  @Event({ bubbles: true, composed: true, eventName: 'diwa-segment-select' })\r\n  segmentSelect!: EventEmitter<{ value: string }>;\r\n\r\n  private handleClick = () => {\r\n    if (this.disabled || this.selected) return;\r\n    this.segmentSelect.emit({ value: this.value });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <style innerHTML={getComponentCss(this.selected, this.disabled, this.compact)} />\r\n        <button\r\n          class=\"btn\"\r\n          type=\"button\"\r\n          disabled={this.disabled}\r\n          aria-pressed={this.selected ? 'true' : 'false'}\r\n          onClick={this.handleClick}\r\n        >\r\n          <slot />\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/diwa-segmented-control-item/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/collection/components/diwa-segmented-control-item/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-segmented-control-item/types.ts"],"names":[],"mappings":";AAAA;;GAEG","sourcesContent":["/**\r\n * diwa-segmented-control-item — Public TypeScript types\r\n */\r\n"]}