@diwacopilot/components 1.0.0 → 1.1.1

package/dist/collection/components/diwa-toast/diwa-toast-manager.js

@@ -0,0 +1,96 @@
+const DEFAULT_TIMEOUT = 6000;
+/** Duration to wait after dismiss before showing the next queued message (matches slideIn animation). */
+const DISMISS_DELAY = 200;
+/**
+ * ToastManagerClass — singleton service that owns the toast queue.
+ *
+ * Only one `<diwa-toast>` element may be registered at a time.
+ * The component registers a `refreshFn` callback on `connectedCallback`
+ * and unregisters on `disconnectedCallback`.
+ *
+ * Consumers call `element.addMessage()` (which delegates here) OR import
+ * `toastManager` directly and call `toastManager.addMessage()`.
+ */
+export class ToastManagerClass {
+    constructor() {
+        this.queue = [];
+        this.current = null;
+        this.toastEl = null;
+        this.refreshFn = null;
+        this.timeout = null;
+        this.nextId = 0;
+    }
+    // ── Registration ──────────────────────────────────────────────────────────
+    register(host, refreshFn) {
+        if (this.toastEl) {
+            console.error('[diwa-toast] Only one <diwa-toast> may exist per page. Multiple instances detected.');
+            return;
+        }
+        this.toastEl = host;
+        this.refreshFn = refreshFn;
+    }
+    unregister() {
+        this.clearTimeout();
+        this.queue = [];
+        this.current = null;
+        this.toastEl = null;
+        this.refreshFn = null;
+    }
+    // ── Public API ────────────────────────────────────────────────────────────
+    addMessage(message) {
+        var _a;
+        if (!this.toastEl) {
+            console.warn('[diwa-toast] addMessage() called but no <diwa-toast> element is mounted in the page.');
+            return;
+        }
+        if (!((_a = message.text) === null || _a === void 0 ? void 0 : _a.trim())) {
+            console.warn('[diwa-toast] addMessage() called with empty text.');
+            return;
+        }
+        const entry = Object.assign(Object.assign({ state: 'neutral' }, message), { id: this.nextId++ });
+        if (this.current === null) {
+            this.show(entry);
+        }
+        else {
+            this.queue.push(entry);
+        }
+    }
+    dismiss() {
+        var _a;
+        this.clearTimeout();
+        this.current = null;
+        (_a = this.refreshFn) === null || _a === void 0 ? void 0 : _a.call(this, null);
+        // Wait for the dismiss animation, then show next queued item
+        setTimeout(() => {
+            const next = this.queue.shift();
+            if (next) {
+                this.show(next);
+            }
+        }, DISMISS_DELAY);
+    }
+    getCurrent() {
+        return this.current;
+    }
+    // ── Private helpers ───────────────────────────────────────────────────────
+    show(entry) {
+        var _a;
+        this.current = entry;
+        (_a = this.refreshFn) === null || _a === void 0 ? void 0 : _a.call(this, entry);
+        this.scheduleTimeout(entry);
+    }
+    scheduleTimeout(entry) {
+        var _a;
+        const duration = (_a = entry.duration) !== null && _a !== void 0 ? _a : DEFAULT_TIMEOUT;
+        if (duration > 0) {
+            this.timeout = setTimeout(() => this.dismiss(), duration);
+        }
+    }
+    clearTimeout() {
+        if (this.timeout !== null) {
+            clearTimeout(this.timeout);
+            this.timeout = null;
+        }
+    }
+}
+export const toastManager = new ToastManagerClass();
+//# sourceMappingURL=diwa-toast-manager.js.map

package/dist/collection/components/diwa-toast/diwa-toast-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diwa-toast-manager.js","sourceRoot":"","sources":["../../../src/components/diwa-toast/diwa-toast-manager.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG,IAAI,CAAC;AAC7B,yGAAyG;AACzG,MAAM,aAAa,GAAG,GAAG,CAAC;AAK1B;;;;;;;;;GASG;AACH,MAAM,OAAO,iBAAiB;IAA9B;QACU,UAAK,GAAiB,EAAE,CAAC;QACzB,YAAO,GAAsB,IAAI,CAAC;QAClC,YAAO,GAAuB,IAAI,CAAC;QACnC,cAAS,GAAqB,IAAI,CAAC;QACnC,YAAO,GAAyC,IAAI,CAAC;QACrD,WAAM,GAAG,CAAC,CAAC;IAqFrB,CAAC;IAnFC,6EAA6E;IAE7E,QAAQ,CAAC,IAAiB,EAAE,SAAoB;QAC9C,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,CAAC,KAAK,CAAC,qFAAqF,CAAC,CAAC;YACrG,OAAO;QACT,CAAC;QACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,UAAU;QACR,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,6EAA6E;IAE7E,UAAU,CAAC,OAAqB;;QAC9B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CAAC,sFAAsF,CAAC,CAAC;YACrG,OAAO;QACT,CAAC;QACD,IAAI,CAAC,CAAA,MAAA,OAAO,CAAC,IAAI,0CAAE,IAAI,EAAE,CAAA,EAAE,CAAC;YAC1B,OAAO,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;YAClE,OAAO;QACT,CAAC;QAED,MAAM,KAAK,iCACT,KAAK,EAAE,SAAS,IACb,OAAO,KACV,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,GAClB,CAAC;QAEF,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED,OAAO;;QACL,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,MAAA,IAAI,CAAC,SAAS,qDAAG,IAAI,CAAC,CAAC;QAEvB,6DAA6D;QAC7D,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAChC,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;QACH,CAAC,EAAE,aAAa,CAAC,CAAC;IACpB,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,6EAA6E;IAErE,IAAI,CAAC,KAAiB;;QAC5B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,MAAA,IAAI,CAAC,SAAS,qDAAG,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAEO,eAAe,CAAC,KAAiB;;QACvC,MAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,QAAQ,mCAAI,eAAe,CAAC;QACnD,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC1B,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;CACF;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,iBAAiB,EAAE,CAAC","sourcesContent":["import type { ToastMessage } from './types';\r\n\r\nconst DEFAULT_TIMEOUT = 6000;\r\n/** Duration to wait after dismiss before showing the next queued message (matches slideIn animation). */\r\nconst DISMISS_DELAY = 200;\r\n\r\nexport type ToastEntry = ToastMessage & { id: number };\r\ntype RefreshFn = (entry: ToastEntry | null) => void;\r\n\r\n/**\r\n * ToastManagerClass — singleton service that owns the toast queue.\r\n *\r\n * Only one `<diwa-toast>` element may be registered at a time.\r\n * The component registers a `refreshFn` callback on `connectedCallback`\r\n * and unregisters on `disconnectedCallback`.\r\n *\r\n * Consumers call `element.addMessage()` (which delegates here) OR import\r\n * `toastManager` directly and call `toastManager.addMessage()`.\r\n */\r\nexport class ToastManagerClass {\r\n  private queue: ToastEntry[] = [];\r\n  private current: ToastEntry | null = null;\r\n  private toastEl: HTMLElement | null = null;\r\n  private refreshFn: RefreshFn | null = null;\r\n  private timeout: ReturnType<typeof setTimeout> | null = null;\r\n  private nextId = 0;\r\n\r\n  // ── Registration ──────────────────────────────────────────────────────────\r\n\r\n  register(host: HTMLElement, refreshFn: RefreshFn): void {\r\n    if (this.toastEl) {\r\n      console.error('[diwa-toast] Only one <diwa-toast> may exist per page. Multiple instances detected.');\r\n      return;\r\n    }\r\n    this.toastEl = host;\r\n    this.refreshFn = refreshFn;\r\n  }\r\n\r\n  unregister(): void {\r\n    this.clearTimeout();\r\n    this.queue = [];\r\n    this.current = null;\r\n    this.toastEl = null;\r\n    this.refreshFn = null;\r\n  }\r\n\r\n  // ── Public API ────────────────────────────────────────────────────────────\r\n\r\n  addMessage(message: ToastMessage): void {\r\n    if (!this.toastEl) {\r\n      console.warn('[diwa-toast] addMessage() called but no <diwa-toast> element is mounted in the page.');\r\n      return;\r\n    }\r\n    if (!message.text?.trim()) {\r\n      console.warn('[diwa-toast] addMessage() called with empty text.');\r\n      return;\r\n    }\r\n\r\n    const entry: ToastEntry = {\r\n      state: 'neutral',\r\n      ...message,\r\n      id: this.nextId++,\r\n    };\r\n\r\n    if (this.current === null) {\r\n      this.show(entry);\r\n    } else {\r\n      this.queue.push(entry);\r\n    }\r\n  }\r\n\r\n  dismiss(): void {\r\n    this.clearTimeout();\r\n    this.current = null;\r\n    this.refreshFn?.(null);\r\n\r\n    // Wait for the dismiss animation, then show next queued item\r\n    setTimeout(() => {\r\n      const next = this.queue.shift();\r\n      if (next) {\r\n        this.show(next);\r\n      }\r\n    }, DISMISS_DELAY);\r\n  }\r\n\r\n  getCurrent(): ToastEntry | null {\r\n    return this.current;\r\n  }\r\n\r\n  // ── Private helpers ───────────────────────────────────────────────────────\r\n\r\n  private show(entry: ToastEntry): void {\r\n    this.current = entry;\r\n    this.refreshFn?.(entry);\r\n    this.scheduleTimeout(entry);\r\n  }\r\n\r\n  private scheduleTimeout(entry: ToastEntry): void {\r\n    const duration = entry.duration ?? DEFAULT_TIMEOUT;\r\n    if (duration > 0) {\r\n      this.timeout = setTimeout(() => this.dismiss(), duration);\r\n    }\r\n  }\r\n\r\n  private clearTimeout(): void {\r\n    if (this.timeout !== null) {\r\n      clearTimeout(this.timeout);\r\n      this.timeout = null;\r\n    }\r\n  }\r\n}\r\n\r\nexport const toastManager = new ToastManagerClass();\r\n"]}

package/dist/collection/components/diwa-toast/diwa-toast.js

@@ -1,45 +1,44 @@
 import { Host, h } from "@stencil/core";
 import { getComponentCss } from "./diwa-toast-styles";
+import { toastManager } from "./diwa-toast-manager";
 /**
  * @component diwa-toast
  *
- * Singleton container that queues and displays toast notifications.
- * Call `addMessage()` to queue a new toast. The toast container positions
- * itself fixed at the bottom-right of the viewport.
+ * Singleton container that queues and displays toast notifications one at a
+ * time. Call `addMessage()` to enqueue a toast — only one toast is visible at
+ * a given moment; additional messages are shown in FIFO order as each one is
+ * dismissed or times out.
+ *
+ * Only one `<diwa-toast>` element should exist per page.
  *
  * Usage:
  *   const toast = document.querySelector('diwa-toast');
  *   toast.addMessage({ text: 'Saved!', state: 'success' });
- *
- * Or via the static helper:
- *   DiwaToast.addMessage({ text: 'Error!', state: 'error' });
  */
 export class DiwaToast {
     constructor() {
         this.theme = 'dark';
-        this.messages = [];
-        this.nextId = 0;
+        this.currentMsg = null;
+    }
+    connectedCallback() {
+        toastManager.register(this.host, (msg) => {
+            this.currentMsg = msg;
+        });
+    }
+    disconnectedCallback() {
+        toastManager.unregister();
     }
     /**
-     * Adds a toast message to the queue.
+     * Enqueues a toast message. If no toast is currently visible it is shown
+     * immediately; otherwise it is placed in the FIFO queue and shown after all
+     * preceding messages have been dismissed.
      */
     async addMessage(message) {
-        var _a;
-        const id = this.nextId++;
-        this.messages = [...this.messages, Object.assign(Object.assign({}, message), { id })];
-        const duration = (_a = message.duration) !== null && _a !== void 0 ? _a : 5000;
-        if (duration > 0) {
-            setTimeout(() => this.removeMessage(id), duration);
-        }
-    }
-    removeMessage(id) {
-        this.messages = this.messages.filter((m) => m.id !== id);
+        toastManager.addMessage(message);
     }
     render() {
-        return (h(Host, { key: '51dba2219ff8a36a154e7cc7d94760b039019244', role: "status", "aria-live": "polite", "aria-atomic": "false", "data-theme": this.theme }, h("style", { key: '21c673cb8e9b9fc1cb1b5f2bbdc5d017f4f5ae8c', innerHTML: getComponentCss() }), this.messages.map((msg) => {
-            var _a;
-            return (h("diwa-toast-item", { key: msg.id, text: msg.text, state: (_a = msg.state) !== null && _a !== void 0 ? _a : 'neutral', theme: this.theme, onDismiss: () => this.removeMessage(msg.id) }));
-        })));
+        var _a;
+        return (h(Host, { key: 'b670220ae7a15fd466b439895fd36bb5e3107f38', role: "status", "aria-live": "polite", "aria-atomic": "false", "data-theme": this.theme }, h("style", { key: '621b6332123edfc2078ba87d184036746176aa93', innerHTML: getComponentCss() }), this.currentMsg && (h("diwa-toast-item", { key: this.currentMsg.id, text: this.currentMsg.text, state: (_a = this.currentMsg.state) !== null && _a !== void 0 ? _a : 'neutral', theme: this.theme, onDismiss: () => toastManager.dismiss() }))));
     }
     static get is() { return "diwa-toast"; }
     static get encapsulation() { return "shadow"; }
@@ -75,7 +74,7 @@ export class DiwaToast {
     }
     static get states() {
         return {
-            "messages": {}
+            "currentMsg": {}
         };
     }
     static get methods() {
@@ -102,7 +101,7 @@ export class DiwaToast {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "Adds a toast message to the queue.",
+                    "text": "Enqueues a toast message. If no toast is currently visible it is shown\r\nimmediately; otherwise it is placed in the FIFO queue and shown after all\r\npreceding messages have been dismissed.",
                     "tags": []
                 }
             }

package/dist/collection/components/diwa-toast/diwa-toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"diwa-toast.js","sourceRoot":"","sources":["../../../src/components/diwa-toast/diwa-toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGjF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD;;;;;;;;;;;;;GAaG;AAKH,MAAM,OAAO,SAAS;IAJtB;QAO2B,UAAK,GAAU,MAAM,CAAC;QAEtC,aAAQ,GAAyC,EAAE,CAAC;QAErD,WAAM,GAAG,CAAC,CAAC;KAmCpB;IAjCC;;OAEG;IAEH,KAAK,CAAC,UAAU,CAAC,OAAqB;;QACpC,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,kCAAO,OAAO,KAAE,EAAE,IAAG,CAAC;QACvD,MAAM,QAAQ,GAAG,MAAA,OAAO,CAAC,QAAQ,mCAAI,IAAI,CAAC;QAC1C,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACjB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAEO,aAAa,CAAC,EAAU;QAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,iBAAa,OAAO,gBAAa,IAAI,CAAC,KAAK;YAC/E,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI;YACtC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;;gBAAC,OAAA,CAC1B,uBACE,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,KAAK,EAAE,MAAA,GAAG,CAAC,KAAK,mCAAI,SAAS,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,GAC3C,CACH,CAAA;aAAA,CAAC,CACG,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, Method, Prop, State, h } from '@stencil/core';\r\nimport type { ToastMessage } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-toast-styles';\r\n\r\n/**\r\n * @component diwa-toast\r\n *\r\n * Singleton container that queues and displays toast notifications.\r\n * Call `addMessage()` to queue a new toast. The toast container positions\r\n * itself fixed at the bottom-right of the viewport.\r\n *\r\n * Usage:\r\n *   const toast = document.querySelector('diwa-toast');\r\n *   toast.addMessage({ text: 'Saved!', state: 'success' });\r\n *\r\n * Or via the static helper:\r\n *   DiwaToast.addMessage({ text: 'Error!', state: 'error' });\r\n */\r\n@Component({\r\n  tag: 'diwa-toast',\r\n  shadow: true,\r\n})\r\nexport class DiwaToast {\r\n  @Element() host!: HTMLDiwaToastElement;\r\n\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  @State() messages: Array<ToastMessage & { id: number }> = [];\r\n\r\n  private nextId = 0;\r\n\r\n  /**\r\n   * Adds a toast message to the queue.\r\n   */\r\n  @Method()\r\n  async addMessage(message: ToastMessage): Promise<void> {\r\n    const id = this.nextId++;\r\n    this.messages = [...this.messages, { ...message, id }];\r\n    const duration = message.duration ?? 5000;\r\n    if (duration > 0) {\r\n      setTimeout(() => this.removeMessage(id), duration);\r\n    }\r\n  }\r\n\r\n  private removeMessage(id: number) {\r\n    this.messages = this.messages.filter((m) => m.id !== id);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"status\" aria-live=\"polite\" aria-atomic=\"false\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        {this.messages.map((msg) => (\r\n          <diwa-toast-item\r\n            key={msg.id}\r\n            text={msg.text}\r\n            state={msg.state ?? 'neutral'}\r\n            theme={this.theme}\r\n            onDismiss={() => this.removeMessage(msg.id)}\r\n          />\r\n        ))}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"diwa-toast.js","sourceRoot":"","sources":["../../../src/components/diwa-toast/diwa-toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGjF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD;;;;;;;;;;;;;GAaG;AAKH,MAAM,OAAO,SAAS;IAJtB;QAO2B,UAAK,GAAU,MAAM,CAAC;QAE9B,eAAU,GAAsB,IAAI,CAAC;KAsCvD;IApCC,iBAAiB;QACf,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE;YACvC,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,YAAY,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC;IAED;;;;OAIG;IAEH,KAAK,CAAC,UAAU,CAAC,OAAqB;QACpC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,iBAAa,OAAO,gBAAa,IAAI,CAAC,KAAK;YAC/E,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI;YACtC,IAAI,CAAC,UAAU,IAAI,CAClB,uBACE,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,EACvB,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,EAC1B,KAAK,EAAE,MAAA,IAAI,CAAC,UAAU,CAAC,KAAK,mCAAI,SAAS,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,GACvC,CACH,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, Method, Prop, State, h } from '@stencil/core';\r\nimport type { ToastMessage } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-toast-styles';\r\nimport { toastManager } from './diwa-toast-manager';\r\nimport type { ToastEntry } from './diwa-toast-manager';\r\n\r\n/**\r\n * @component diwa-toast\r\n *\r\n * Singleton container that queues and displays toast notifications one at a\r\n * time. Call `addMessage()` to enqueue a toast — only one toast is visible at\r\n * a given moment; additional messages are shown in FIFO order as each one is\r\n * dismissed or times out.\r\n *\r\n * Only one `<diwa-toast>` element should exist per page.\r\n *\r\n * Usage:\r\n *   const toast = document.querySelector('diwa-toast');\r\n *   toast.addMessage({ text: 'Saved!', state: 'success' });\r\n */\r\n@Component({\r\n  tag: 'diwa-toast',\r\n  shadow: true,\r\n})\r\nexport class DiwaToast {\r\n  @Element() host!: HTMLDiwaToastElement;\r\n\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  @State() private currentMsg: ToastEntry | null = null;\r\n\r\n  connectedCallback(): void {\r\n    toastManager.register(this.host, (msg) => {\r\n      this.currentMsg = msg;\r\n    });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    toastManager.unregister();\r\n  }\r\n\r\n  /**\r\n   * Enqueues a toast message. If no toast is currently visible it is shown\r\n   * immediately; otherwise it is placed in the FIFO queue and shown after all\r\n   * preceding messages have been dismissed.\r\n   */\r\n  @Method()\r\n  async addMessage(message: ToastMessage): Promise<void> {\r\n    toastManager.addMessage(message);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"status\" aria-live=\"polite\" aria-atomic=\"false\" data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        {this.currentMsg && (\r\n          <diwa-toast-item\r\n            key={this.currentMsg.id}\r\n            text={this.currentMsg.text}\r\n            state={this.currentMsg.state ?? 'neutral'}\r\n            theme={this.theme}\r\n            onDismiss={() => toastManager.dismiss()}\r\n          />\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/diwa-toast-item/diwa-toast-item.js

@@ -27,7 +27,7 @@ export class DiwaToastItem {
         };
     }
     render() {
-        return (h(Host, { key: '5ca70d89e0dcf38887c4911ba4a7d4c4687f6e9a', "data-theme": this.theme }, h("style", { key: 'b77d3924036bea1e8613e429ef9095092b8aede4', innerHTML: getComponentCss(this.state) }), h("div", { key: '6ce3268afcb611334446b86b1a1d24aaba56d97f', class: "toast" }, h("span", { key: 'b52ea94a3bce267374add9e7672d475e5011cdcf', class: "icon", "aria-hidden": "true", innerHTML: STATE_ICONS[this.state] }), h("span", { key: '6d6c2bfe94a296d8e9cef85a52dd2fe875dc6e82', class: "text" }, this.text), h("button", { key: '9666a6fc76813134644e8fdd3a0cfbb273025eb8', type: "button", class: "close", "aria-label": "Dismiss notification", onClick: this.handleClose, innerHTML: CLOSE_ICON }))));
+        return (h(Host, { key: '333dc3ff2ce58d508fb129b7d415c431ca1c7090', "data-theme": this.theme }, h("style", { key: '33587d5ee1d57a09e175b3c6563fe04d57986ec2', innerHTML: getComponentCss(this.state) }), h("div", { key: 'f613e6c5351afcf85eeee2423b9c67fb4691e543', class: "toast" }, h("span", { key: '6f2c5d046eef9c9c37ddb74e711e91a196fd89b6', class: "icon", "aria-hidden": "true", innerHTML: STATE_ICONS[this.state] }), h("span", { key: 'ed412934617f70359b612d6e220410be69f47575', class: "text" }, this.text), h("button", { key: 'a71b252002e9573792860b6b068ccbd71dfa210e', type: "button", class: "close", "aria-label": "Dismiss notification", onClick: this.handleClose, innerHTML: CLOSE_ICON }))));
     }
     static get is() { return "diwa-toast-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/diwa-components/diwa-components.css

@@ -1,5 +1,5 @@
-:root{--diwa-color-accent-50:rgba(16, 163, 127, 0.05);--diwa-color-accent-100:rgba(16, 163, 127, 0.1);--diwa-color-accent-200:rgba(16, 163, 127, 0.15);--diwa-color-accent-300:rgba(16, 163, 127, 0.25);--diwa-color-accent-400:#10a37f;--diwa-color-accent-500:#0e9470;--diwa-color-accent-600:#0c8464;--diwa-color-accent-700:#0a7456;--diwa-color-zinc-50:#fafafa;--diwa-color-zinc-100:#f4f4f5;--diwa-color-zinc-200:#e4e4e7;--diwa-color-zinc-300:#d4d4d8;--diwa-color-zinc-400:#a1a1aa;--diwa-color-zinc-500:#71717a;--diwa-color-zinc-600:#52525b;--diwa-color-zinc-700:#3f3f46;--diwa-color-zinc-800:#27272a;--diwa-color-zinc-850:#1f1f23;--diwa-color-zinc-900:#18181b;--diwa-color-zinc-925:#111113;--diwa-color-zinc-950:#0b0b0c;--diwa-color-danger-50:rgba(239, 68, 68, 0.08);--diwa-color-danger-100:rgba(239, 68, 68, 0.12);--diwa-color-danger-200:rgba(239, 68, 68, 0.18);--diwa-color-danger-300:rgba(239, 68, 68, 0.25);--diwa-color-danger-400:#f87171;--diwa-color-danger-500:#ef4444;--diwa-color-danger-600:#dc2626;--diwa-color-warning-50:rgba(245, 158, 11, 0.08);--diwa-color-warning-100:rgba(245, 158, 11, 0.12);--diwa-color-warning-200:rgba(245, 158, 11, 0.18);--diwa-color-warning-400:#fbbf24;--diwa-color-warning-500:#f59e0b;--diwa-color-success-50:rgba(34, 197, 94, 0.08);--diwa-color-success-100:rgba(34, 197, 94, 0.12);--diwa-color-success-400:#4ade80;--diwa-color-success-500:#22c55e;--diwa-color-purple-200:rgba(147, 51, 234, 0.15);--diwa-color-purple-400:#a78bfa;--diwa-color-purple-500:#c084fc;--diwa-color-info-50:rgba(23, 139, 255, 0.08);--diwa-color-info-100:rgba(23, 139, 255, 0.12);--diwa-color-info-200:rgba(39, 98, 236, 0.15);--diwa-color-info-300:rgba(23, 139, 255, 0.30);--diwa-color-info-400:#178bff;--diwa-color-info-500:#2762ec;--diwa-color-white:#ffffff;--diwa-color-black:#000000;--diwa-color-blue-400:#3b82f6;--diwa-color-blue-500:#818cf8;--diwa-color-amber-400:#fbbf24;--diwa-color-amber-500:#f59e0b;--diwa-color-red-400:#ef4444;--diwa-color-red-500:#f87171;--diwa-primary:#e6e6e7;--diwa-bg-base:var(--diwa-color-zinc-950);--diwa-bg-raised:#161618;--diwa-bg-surface:var(--diwa-color-zinc-850);--diwa-bg-shading:rgba(17, 17, 19, 0.85);--diwa-bg-frosted:hsl(240 3% 18% / 35%);--diwa-bg-primary:var(--diwa-bg-base);--diwa-bg-content:var(--diwa-color-zinc-900);--diwa-bg-secondary:var(--diwa-color-zinc-925);--diwa-bg-tertiary:var(--diwa-color-zinc-850);--diwa-bg-elevated:var(--diwa-color-zinc-925);--diwa-bg-hover:var(--diwa-color-zinc-800);--diwa-bg-active:var(--diwa-color-zinc-700);--diwa-bg-glass:var(--diwa-bg-shading);--diwa-bg-input:rgba(24, 24, 27, 0.8);--diwa-contrast-low:var(--diwa-color-zinc-800);--diwa-contrast-medium:var(--diwa-color-zinc-500);--diwa-contrast-high:var(--diwa-color-zinc-300);--diwa-text-primary:var(--diwa-primary);--diwa-text-secondary:var(--diwa-color-zinc-400);--diwa-text-tertiary:var(--diwa-color-zinc-500);--diwa-text-muted:var(--diwa-color-zinc-600);--diwa-text-disabled:var(--diwa-color-zinc-700);--diwa-text-inverse:var(--diwa-color-white);--diwa-border:var(--diwa-color-zinc-700);--diwa-border-hover:var(--diwa-color-zinc-600);--diwa-border-light:rgba(63, 63, 70, 0.5);--diwa-state-hover:rgba(148, 149, 152, 0.18);--diwa-state-active:rgba(126, 127, 130, 0.20);--diwa-state-focus:var(--diwa-color-accent-400);--diwa-state-disabled:var(--diwa-color-zinc-600);--diwa-accent:var(--diwa-state-focus);--diwa-accent-hover:var(--diwa-color-accent-500);--diwa-accent-active:var(--diwa-color-accent-600);--diwa-accent-muted:var(--diwa-color-accent-200);--diwa-accent-bg:var(--diwa-color-accent-100);--diwa-border-focus:var(--diwa-state-focus);--diwa-notification-success:var(--diwa-color-success-500);--diwa-notification-success-soft:var(--diwa-color-success-50);--diwa-notification-warning:var(--diwa-color-warning-500);--diwa-notification-warning-soft:var(--diwa-color-warning-50);--diwa-notification-error:var(--diwa-color-danger-500);--diwa-notification-error-soft:var(--diwa-color-danger-50);--diwa-notification-info:var(--diwa-color-info-400);--diwa-notification-info-soft:var(--diwa-color-info-50);--diwa-danger:var(--diwa-notification-error);--diwa-danger-hover:var(--diwa-color-danger-600);--diwa-danger-active:var(--diwa-color-danger-600);--diwa-danger-text:var(--diwa-color-danger-400);--diwa-danger-bg:var(--diwa-notification-error-soft);--diwa-warning:var(--diwa-notification-warning);--diwa-warning-text:var(--diwa-color-warning-400);--diwa-warning-bg:var(--diwa-notification-warning-soft);--diwa-success:var(--diwa-notification-success);--diwa-success-text:var(--diwa-color-success-400);--diwa-success-bg:var(--diwa-notification-success-soft);--diwa-font-family-base:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
-                            Roboto, sans-serif;--diwa-font-family-mono:'JetBrains Mono', 'SF Mono', Monaco, Consolas, monospace;--diwa-font-size-xs:10px;--diwa-font-size-sm:11px;--diwa-font-size-md:12px;--diwa-font-size-base:14px;--diwa-font-size-lg:16px;--diwa-font-size-xl:18px;--diwa-font-size-2xl:18px;--diwa-font-size-3xl:20px;--diwa-font-size-4xl:24px;--diwa-font-size-fluid-sm:clamp(11px, 0.65rem + 0.2vw, 13px);--diwa-font-size-fluid-base:clamp(13px, 0.75rem + 0.3vw, 15px);--diwa-font-size-fluid-lg:clamp(14px, 0.82rem + 0.4vw, 17px);--diwa-font-size-fluid-xl:clamp(16px, 0.95rem + 0.55vw, 20px);--diwa-font-size-fluid-2xl:clamp(18px, 1rem + 0.8vw,   24px);--diwa-font-size-fluid-3xl:clamp(20px, 1.1rem + 1.1vw, 28px);--diwa-font-size-fluid-4xl:clamp(24px, 1.3rem + 1.6vw, 36px);--diwa-line-height-tight:1.1;--diwa-line-height-normal:1.5;--diwa-line-height-relaxed:1.6;--diwa-line-height-loose:1.8;--diwa-font-weight-normal:400;--diwa-font-weight-medium:500;--diwa-font-weight-semibold:600;--diwa-font-weight-bold:700;--diwa-space-px:1px;--diwa-space-0-5:2px;--diwa-space-0-75:3px;--diwa-space-1:4px;--diwa-space-2:6px;--diwa-space-3:8px;--diwa-space-4:10px;--diwa-space-5:12px;--diwa-space-6:14px;--diwa-space-7:16px;--diwa-space-8:20px;--diwa-space-9:24px;--diwa-space-10:32px;--diwa-space-11:48px;--diwa-space-12:96px;--diwa-space-fluid-xs:clamp(4px,  0.25rem + 0.3vw, 8px);--diwa-space-fluid-sm:clamp(8px,  0.45rem + 0.5vw, 14px);--diwa-space-fluid-md:clamp(12px, 0.65rem + 0.8vw, 20px);--diwa-space-fluid-lg:clamp(16px, 0.85rem + 1.1vw, 28px);--diwa-space-fluid-xl:clamp(24px, 1.2rem  + 1.6vw, 40px);--diwa-space-fluid-2xl:clamp(32px, 1.6rem  + 2.2vw, 56px);--diwa-space-fluid-3xl:clamp(48px, 2.2rem  + 3.5vw, 80px);--diwa-radius-xs:2px;--diwa-radius-sm:4px;--diwa-radius-md:6px;--diwa-radius-lg:8px;--diwa-radius-xl:12px;--diwa-radius-2xl:16px;--diwa-radius-full:9999px;--diwa-border-width-thin:1px;--diwa-border-width-medium:1.5px;--diwa-border-width-base:2px;--diwa-border-width-thick:4px;--diwa-focus-ring-width:1px;--diwa-focus-ring-offset:1px;--diwa-touch-target-min-size:44px;--diwa-touch-target-min-size-compact:32px;--diwa-touch-target-gap-min:8px;--diwa-shadow-sm:0 1px 2px  rgba(0, 0, 0, 0.4);--diwa-shadow-md:0 4px 12px rgba(0, 0, 0, 0.5);--diwa-shadow-lg:0 8px 24px rgba(0, 0, 0, 0.6);--diwa-shadow-xl:0 16px 48px rgba(0, 0, 0, 0.7);--diwa-transition-fast:0.1s ease;--diwa-transition-base:0.15s ease;--diwa-transition-slow:0.25s ease;--diwa-transition-colors:color 0.15s ease, background-color 0.15s ease,
+:root{--diwa-color-accent-50:rgba(16, 163, 127, 0.05);--diwa-color-accent-100:rgba(16, 163, 127, 0.1);--diwa-color-accent-200:rgba(16, 163, 127, 0.15);--diwa-color-accent-300:rgba(16, 163, 127, 0.25);--diwa-color-accent-400:#10a37f;--diwa-color-accent-500:#0e9470;--diwa-color-accent-600:#0c8464;--diwa-color-accent-700:#0a7456;--diwa-color-zinc-50:#fafafa;--diwa-color-zinc-100:#f4f4f5;--diwa-color-zinc-200:#e4e4e7;--diwa-color-zinc-300:#d4d4d8;--diwa-color-zinc-400:#a1a1aa;--diwa-color-zinc-500:#71717a;--diwa-color-zinc-600:#52525b;--diwa-color-zinc-700:#3f3f46;--diwa-color-zinc-800:#27272a;--diwa-color-zinc-850:#1f1f23;--diwa-color-zinc-900:#18181b;--diwa-color-zinc-925:#111113;--diwa-color-zinc-950:#0b0b0c;--diwa-color-danger-50:rgba(239, 68, 68, 0.08);--diwa-color-danger-100:rgba(239, 68, 68, 0.12);--diwa-color-danger-200:rgba(239, 68, 68, 0.18);--diwa-color-danger-300:rgba(239, 68, 68, 0.25);--diwa-color-danger-400:#f87171;--diwa-color-danger-500:#ef4444;--diwa-color-danger-600:#dc2626;--diwa-color-warning-50:rgba(245, 158, 11, 0.08);--diwa-color-warning-100:rgba(245, 158, 11, 0.12);--diwa-color-warning-200:rgba(245, 158, 11, 0.18);--diwa-color-warning-400:#fbbf24;--diwa-color-warning-500:#f59e0b;--diwa-color-success-50:rgba(34, 197, 94, 0.08);--diwa-color-success-100:rgba(34, 197, 94, 0.12);--diwa-color-success-400:#4ade80;--diwa-color-success-500:#22c55e;--diwa-color-purple-200:rgba(147, 51, 234, 0.15);--diwa-color-purple-400:#a78bfa;--diwa-color-purple-500:#c084fc;--diwa-color-info-50:rgba(23, 139, 255, 0.08);--diwa-color-info-100:rgba(23, 139, 255, 0.12);--diwa-color-info-200:rgba(39, 98, 236, 0.15);--diwa-color-info-300:rgba(23, 139, 255, 0.30);--diwa-color-info-400:#178bff;--diwa-color-info-500:#2762ec;--diwa-color-white:#ffffff;--diwa-color-black:#000000;--diwa-color-blue-400:#3b82f6;--diwa-color-blue-500:#818cf8;--diwa-color-amber-400:#fbbf24;--diwa-color-amber-500:#f59e0b;--diwa-color-red-400:#ef4444;--diwa-color-red-500:#f87171;--diwa-primary:#e6e6e7;--diwa-bg-base:var(--diwa-color-zinc-950);--diwa-bg-raised:#161618;--diwa-bg-surface:var(--diwa-color-zinc-850);--diwa-bg-shading:rgba(17, 17, 19, 0.85);--diwa-bg-frosted:hsl(240 3% 18% / 35%);--diwa-bg-primary:var(--diwa-bg-base);--diwa-bg-content:var(--diwa-color-zinc-900);--diwa-bg-secondary:var(--diwa-color-zinc-925);--diwa-bg-tertiary:var(--diwa-color-zinc-850);--diwa-bg-elevated:var(--diwa-color-zinc-925);--diwa-bg-hover:var(--diwa-color-zinc-800);--diwa-bg-active:var(--diwa-color-zinc-700);--diwa-bg-glass:var(--diwa-bg-shading);--diwa-bg-input:rgba(24, 24, 27, 0.8);--diwa-contrast-low:var(--diwa-color-zinc-800);--diwa-contrast-medium:var(--diwa-color-zinc-500);--diwa-contrast-high:var(--diwa-color-zinc-300);--diwa-text-primary:var(--diwa-primary);--diwa-text-secondary:var(--diwa-color-zinc-400);--diwa-text-tertiary:var(--diwa-color-zinc-500);--diwa-text-muted:var(--diwa-color-zinc-600);--diwa-text-disabled:var(--diwa-color-zinc-700);--diwa-text-inverse:var(--diwa-color-white);--diwa-border:var(--diwa-color-zinc-700);--diwa-border-hover:var(--diwa-color-zinc-600);--diwa-border-light:rgba(63, 63, 70, 0.5);--diwa-state-hover:rgba(148, 149, 152, 0.18);--diwa-state-active:rgba(126, 127, 130, 0.20);--diwa-state-focus:var(--diwa-color-accent-400);--diwa-state-disabled:var(--diwa-color-zinc-600);--diwa-accent:var(--diwa-state-focus);--diwa-accent-hover:var(--diwa-color-accent-500);--diwa-accent-active:var(--diwa-color-accent-600);--diwa-accent-muted:var(--diwa-color-accent-200);--diwa-accent-bg:var(--diwa-color-accent-100);--diwa-border-focus:var(--diwa-state-focus);--diwa-notification-success:var(--diwa-color-success-500);--diwa-notification-success-soft:var(--diwa-color-success-50);--diwa-notification-warning:var(--diwa-color-warning-500);--diwa-notification-warning-soft:var(--diwa-color-warning-50);--diwa-notification-error:var(--diwa-color-danger-500);--diwa-notification-error-soft:var(--diwa-color-danger-50);--diwa-notification-info:var(--diwa-color-info-400);--diwa-notification-info-soft:var(--diwa-color-info-50);--diwa-danger:var(--diwa-notification-error);--diwa-danger-hover:var(--diwa-color-danger-600);--diwa-danger-active:var(--diwa-color-danger-600);--diwa-danger-text:var(--diwa-color-danger-400);--diwa-danger-bg:var(--diwa-notification-error-soft);--diwa-warning:var(--diwa-notification-warning);--diwa-warning-text:var(--diwa-color-warning-400);--diwa-warning-bg:var(--diwa-notification-warning-soft);--diwa-success:var(--diwa-notification-success);--diwa-success-text:var(--diwa-color-success-400);--diwa-success-bg:var(--diwa-notification-success-soft);--diwa-font-family-base:'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI',
+                            Roboto, sans-serif;--diwa-font-family-display:'Sora', 'Onest', sans-serif;--diwa-font-family-mono:'Geist Mono', 'SF Mono', Monaco, Consolas, monospace;--diwa-font-size-xs:10px;--diwa-font-size-sm:11px;--diwa-font-size-md:12px;--diwa-font-size-base:14px;--diwa-font-size-lg:16px;--diwa-font-size-xl:18px;--diwa-font-size-2xl:18px;--diwa-font-size-3xl:20px;--diwa-font-size-4xl:24px;--diwa-font-size-fluid-sm:clamp(11px, 0.65rem + 0.2vw, 13px);--diwa-font-size-fluid-base:clamp(13px, 0.75rem + 0.3vw, 15px);--diwa-font-size-fluid-lg:clamp(14px, 0.82rem + 0.4vw, 17px);--diwa-font-size-fluid-xl:clamp(16px, 0.95rem + 0.55vw, 20px);--diwa-font-size-fluid-2xl:clamp(18px, 1rem + 0.8vw,   24px);--diwa-font-size-fluid-3xl:clamp(20px, 1.1rem + 1.1vw, 28px);--diwa-font-size-fluid-4xl:clamp(24px, 1.3rem + 1.6vw, 36px);--diwa-line-height-tight:1.1;--diwa-line-height-normal:1.5;--diwa-line-height-relaxed:1.6;--diwa-line-height-loose:1.8;--diwa-font-weight-normal:400;--diwa-font-weight-medium:500;--diwa-font-weight-semibold:600;--diwa-font-weight-bold:700;--diwa-space-px:1px;--diwa-space-0-5:2px;--diwa-space-0-75:3px;--diwa-space-1:4px;--diwa-space-2:6px;--diwa-space-3:8px;--diwa-space-4:10px;--diwa-space-5:12px;--diwa-space-6:14px;--diwa-space-7:16px;--diwa-space-8:20px;--diwa-space-9:24px;--diwa-space-10:32px;--diwa-space-11:48px;--diwa-space-12:96px;--diwa-space-fluid-xs:clamp(4px,  0.25rem + 0.3vw, 8px);--diwa-space-fluid-sm:clamp(8px,  0.45rem + 0.5vw, 14px);--diwa-space-fluid-md:clamp(12px, 0.65rem + 0.8vw, 20px);--diwa-space-fluid-lg:clamp(16px, 0.85rem + 1.1vw, 28px);--diwa-space-fluid-xl:clamp(24px, 1.2rem  + 1.6vw, 40px);--diwa-space-fluid-2xl:clamp(32px, 1.6rem  + 2.2vw, 56px);--diwa-space-fluid-3xl:clamp(48px, 2.2rem  + 3.5vw, 80px);--diwa-radius-xs:2px;--diwa-radius-sm:4px;--diwa-radius-md:6px;--diwa-radius-lg:8px;--diwa-radius-xl:12px;--diwa-radius-2xl:16px;--diwa-radius-full:9999px;--diwa-border-width-thin:1px;--diwa-border-width-medium:1.5px;--diwa-border-width-base:2px;--diwa-border-width-thick:4px;--diwa-focus-ring-width:1px;--diwa-focus-ring-offset:1px;--diwa-touch-target-min-size:44px;--diwa-touch-target-min-size-compact:32px;--diwa-touch-target-gap-min:8px;--diwa-shadow-sm:0 1px 2px  rgba(0, 0, 0, 0.4);--diwa-shadow-md:0 4px 12px rgba(0, 0, 0, 0.5);--diwa-shadow-lg:0 8px 24px rgba(0, 0, 0, 0.6);--diwa-shadow-xl:0 16px 48px rgba(0, 0, 0, 0.7);--diwa-transition-fast:0.1s ease;--diwa-transition-base:0.15s ease;--diwa-transition-slow:0.25s ease;--diwa-transition-colors:color 0.15s ease, background-color 0.15s ease,
                              border-color 0.15s ease, box-shadow 0.15s ease;--diwa-motion-duration-short:0.15s;--diwa-motion-duration-moderate:0.25s;--diwa-motion-duration-long:0.4s;--diwa-motion-duration-very-long:0.7s;--diwa-motion-easing-base:cubic-bezier(0.4, 0, 0.2, 1);--diwa-motion-easing-in:cubic-bezier(0.4, 0, 1, 1);--diwa-motion-easing-out:cubic-bezier(0, 0, 0.2, 1);--diwa-spinner-duration:0.7s;--diwa-skeleton-duration:1.5s;--diwa-z-base:0;--diwa-z-dropdown:100;--diwa-z-sticky:200;--diwa-z-overlay:500;--diwa-z-modal:1000;--diwa-z-toast:1100;--diwa-z-tooltip:12000;--diwa-blur-sm:4px;--diwa-blur-md:8px;--diwa-blur-lg:16px;--diwa-blur-xl:24px;--diwa-breakpoint-xs:480px;--diwa-breakpoint-sm:760px;--diwa-breakpoint-md:1000px;--diwa-breakpoint-lg:1300px;--diwa-breakpoint-xl:1760px;--diwa-breakpoint-2xl:1920px;--diwa-gradient-accent:linear-gradient(135deg, var(--diwa-color-accent-400) 0%, var(--diwa-color-accent-600) 100%);--diwa-gradient-surface:linear-gradient(180deg, var(--diwa-bg-surface) 0%, var(--diwa-bg-base) 100%);--diwa-gradient-scrim-bottom:linear-gradient(to bottom, transparent 0%, var(--diwa-bg-base) 100%);--diwa-gradient-scrim-top:linear-gradient(to top,    transparent 0%, var(--diwa-bg-base) 100%);--diwa-gradient-scrim-right:linear-gradient(to right,  var(--diwa-bg-base) 0%, transparent 100%);--diwa-gradient-scrim-left:linear-gradient(to left,   var(--diwa-bg-base) 0%, transparent 100%);--diwa-gradient-shimmer:linear-gradient(90deg,
     transparent 0%,
     rgba(148, 149, 152, 0.08) 50%,

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

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

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

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

package/dist/diwa-components/{p-2b54c761.entry.js → p-09f2e643.entry.js}

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

package/dist/diwa-components/{p-4ac5a26e.entry.js → p-117dc41d.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as e,h as i,H as t,g as a}from"./p-ed4017f0.js";import{g as s,a as o}from"./p-70bbb21a.js";const d=()=>`\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  /* ── 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  ${o(".option")}\n`;const r=class{constructor(i){n(this,i);this.diwaSelectOptionUpdate=e(this,"diwaSelectOptionUpdate",7);this.disabled=false;this.selected=false;this.highlighted=false;this.theme="dark";this.handleClick=()=>{if(this.disabled)return;this.diwaSelectOptionUpdate.emit({value:this.value})};this.handleKeyDown=n=>{if(this.disabled)return;if(n.key==="Enter"||n.key===" "){n.preventDefault();this.diwaSelectOptionUpdate.emit({value:this.value})}}}async setFocus(){var n;(n=this.optionEl)===null||n===void 0?void 0:n.focus()}render(){return i(t,{key:"a247949923bad9061915c5e2c85713e396ee6503","data-theme":this.theme},i("style",{key:"5e979d5a31b9d1bd3f745de3613282114be80402",innerHTML:d()}),i("div",{key:"a72bd683daec24c92c3e327c1d83f49f383dafde",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:n=>this.optionEl=n,part:"option"},i("span",{key:"38bb5d53e00fc6bac010da4f1096469405d9e782",class:"check","aria-hidden":"true",part:"check"},"✓"),i("span",{key:"7d15f4d7e6db5c56dcbcb5a6c1feff7128550209",class:"label",part:"label"},i("slot",{key:"a09a35aa00ed8c417e1ad6a514c9ba548685887b"}))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{r as diwa_select_option};
-//# sourceMappingURL=p-4ac5a26e.entry.js.map
+import{r as n,c as e,h as i,H as t,g as a}from"./p-ed4017f0.js";import{g as s,a as o}from"./p-70bbb21a.js";const d=()=>`\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  ${o(".option")}\n`;const r=class{constructor(i){n(this,i);this.diwaSelectOptionUpdate=e(this,"diwaSelectOptionUpdate",7);this.disabled=false;this.selected=false;this.highlighted=false;this.theme="dark";this.compact=false;this.handleClick=()=>{if(this.disabled)return;this.diwaSelectOptionUpdate.emit({value:this.value})};this.handleKeyDown=n=>{if(this.disabled)return;if(n.key==="Enter"||n.key===" "){n.preventDefault();this.diwaSelectOptionUpdate.emit({value:this.value})}}}async setFocus(){var n;(n=this.optionEl)===null||n===void 0?void 0:n.focus()}render(){return i(t,{key:"86c5dd52dbfc96056c5031be22e751c4c741527f","data-theme":this.theme},i("style",{key:"903154a75ff36b77647ee2c769717e5f1df574e6",innerHTML:d()}),i("div",{key:"c95e357baac1fd10642383cb4259d29dd356825e",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:n=>this.optionEl=n,part:"option"},i("span",{key:"902e2a17f8bbff2e450349f5e2ef1df3d5b54df7",class:"check","aria-hidden":"true",part:"check"},"✓"),i("span",{key:"535f939bb208a6dad985b803ef18ebb240cd2c30",class:"label",part:"label"},i("slot",{key:"055c66f037f5783f2aad7256a15dbfae034b5796"}))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{r as diwa_select_option};
+//# sourceMappingURL=p-117dc41d.entry.js.map

package/dist/diwa-components/p-117dc41d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getComponentCss","getFocusStyle","getReducedMotionStyle","DiwaSelectOption","constructor","hostRef","this","disabled","selected","highlighted","theme","compact","handleClick","diwaSelectOptionUpdate","emit","value","handleKeyDown","e","key","preventDefault","setFocus","_a","optionEl","focus","render","h","Host","innerHTML","class","role","undefined","tabIndex","onClick","onKeyDown","ref","el","part"],"sources":["src/components/diwa-select-option/diwa-select-option-styles.ts","src/components/diwa-select-option/diwa-select-option.tsx"],"sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n  /* ── Host ──────────────────────────────────────────────────────────── */\r\n\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  /* ── Option row ─────────────────────────────────────────────────────── */\r\n\r\n  .option {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-3);\r\n    padding: var(--diwa-space-2) var(--diwa-space-3);\r\n    min-height: var(--diwa-select-option-min-height);\r\n    box-sizing: border-box;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    -webkit-font-smoothing: antialiased;\r\n    color: var(--diwa-text-primary);\r\n    font-size: var(--diwa-font-size-base);\r\n    font-weight: var(--diwa-font-weight-normal);\r\n    line-height: 1.4;\r\n    border-radius: var(--diwa-radius-sm);\r\n    transition: background-color var(--diwa-transition-fast);\r\n  }\r\n\r\n  ${getFocusStyle('.option')}\r\n\r\n  /* ── Check mark ─────────────────────────────────────────────────────── */\r\n\r\n  .check {\r\n    flex-shrink: 0;\r\n    width: var(--diwa-icon-size-md);\r\n    height: var(--diwa-icon-size-md);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--diwa-accent);\r\n    font-size: var(--diwa-font-size-base);\r\n    line-height: 1;\r\n    visibility: hidden;\r\n  }\r\n\r\n  /* ── Selected state ─────────────────────────────────────────────────── */\r\n\r\n  :host([selected]) .check {\r\n    visibility: visible;\r\n  }\r\n\r\n  /* ── Highlighted (keyboard / hover) ─────────────────────────────────── */\r\n\r\n  :host([highlighted]) .option {\r\n    background-color: var(--diwa-bg-hover);\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .option:hover {\r\n      background-color: var(--diwa-bg-hover);\r\n    }\r\n  }\r\n\r\n  /* ── Label text ─────────────────────────────────────────────────────── */\r\n\r\n  .label {\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  /* ── Compact ────────────────────────────────────────────────────────── */\r\n\r\n  :host([compact]) .option {\r\n    padding: var(--diwa-space-1) var(--diwa-space-2);\r\n    font-size: var(--diwa-font-size-md);\r\n    min-height: 0;\r\n  }\r\n\r\n  :host([compact]) .check {\r\n    font-size: var(--diwa-font-size-md);\r\n  }\r\n\r\n  /* ── Disabled ───────────────────────────────────────────────────────── */\r\n\r\n  :host([disabled]) {\r\n    pointer-events: none;\r\n  }\r\n\r\n  :host([disabled]) .option {\r\n    opacity: var(--diwa-opacity-disabled);\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\r\n\r\n  ${getReducedMotionStyle('.option')}\r\n`;\r\n","import { Component, Element, Event, type EventEmitter, Host, Method, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-select-option-styles';\r\n\r\n/**\r\n * @component diwa-select-option\r\n *\r\n * Individual option element for use inside <diwa-select>.\r\n * Renders a row with a checkmark indicator and label text.\r\n *\r\n * Not intended for standalone use — must be slotted into <diwa-select>.\r\n *\r\n * Provide an option without a value to allow deselection / show a placeholder:\r\n *   <diwa-select-option>Please select…</diwa-select-option>\r\n *\r\n * @slot default — Option label text (plain text or inline phrasing content)\r\n */\r\n@Component({\r\n  tag: 'diwa-select-option',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaSelectOption {\r\n  @Element() host!: HTMLDiwaSelectOptionElement;\r\n\r\n  /** The value submitted/emitted when this option is selected. */\r\n  @Prop({ reflect: true }) value?: string;\r\n\r\n  /** Disables the option — it cannot be selected. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /**\r\n   * Whether the option is currently selected.\r\n   * Maintained by the parent <diwa-select>.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) selected: boolean = false;\r\n\r\n  /**\r\n   * Whether the option is currently keyboard-highlighted.\r\n   * Set exclusively by the parent component.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) highlighted: boolean = false;\r\n\r\n  /** Theme — inherited from the parent diwa-select. */\r\n  @Prop({ mutable: true }) theme: Theme = 'dark';\r\n\r\n  /** Compact mode — inherited from the parent diwa-select. */\r\n  @Prop({ mutable: true, reflect: true }) compact: boolean = false;\r\n\r\n  /**\r\n   * Emitted when the user clicks or presses Enter on the option.\r\n   * Bubbles and crosses Shadow DOM so the parent can catch it via @Listen.\r\n   */\r\n  @Event({ bubbles: true, composed: true })\r\n  diwaSelectOptionUpdate!: EventEmitter<{ value: string | undefined }>;\r\n\r\n  /** Focuses the inner option element. */\r\n  @Method()\r\n  async setFocus(): Promise<void> {\r\n    this.optionEl?.focus();\r\n  }\r\n\r\n  private optionEl?: HTMLDivElement;\r\n\r\n  private handleClick = (): void => {\r\n    if (this.disabled) return;\r\n    this.diwaSelectOptionUpdate.emit({ value: this.value });\r\n  };\r\n\r\n  private handleKeyDown = (e: KeyboardEvent): void => {\r\n    if (this.disabled) return;\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      e.preventDefault();\r\n      this.diwaSelectOptionUpdate.emit({ value: this.value });\r\n    }\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss()} />\r\n        <div\r\n          class=\"option\"\r\n          role=\"option\"\r\n          aria-selected={this.selected ? 'true' : 'false'}\r\n          aria-disabled={this.disabled ? 'true' : undefined}\r\n          tabIndex={this.disabled ? -1 : 0}\r\n          onClick={this.handleClick}\r\n          onKeyDown={this.handleKeyDown}\r\n          ref={(el) => (this.optionEl = el as HTMLDivElement)}\r\n          part=\"option\"\r\n        >\r\n          <span class=\"check\" aria-hidden=\"true\" part=\"check\">✓</span>\r\n          <span class=\"label\" part=\"label\">\r\n            <slot />\r\n          </span>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2GAEO,MAAMA,EAAkB,IAAc,44BAiCzCC,EAAc,2qDAsEdC,EAAsB,e,MCpFbC,EAAgB,MAJ7B,WAAAC,CAAAC,G,yEAW2BC,KAAAC,SAAoB,MAMLD,KAAAE,SAAoB,MAMpBF,KAAAG,YAAuB,MAGtCH,KAAAI,MAAe,OAGAJ,KAAAK,QAAmB,MAiBnDL,KAAAM,YAAc,KACpB,GAAIN,KAAKC,SAAU,OACnBD,KAAKO,uBAAuBC,KAAK,CAAEC,MAAOT,KAAKS,OAAQ,EAGjDT,KAAAU,cAAiBC,IACvB,GAAIX,KAAKC,SAAU,OACnB,GAAIU,EAAEC,MAAQ,SAAWD,EAAEC,MAAQ,IAAK,CACtCD,EAAEE,iBACFb,KAAKO,uBAAuBC,KAAK,CAAEC,MAAOT,KAAKS,O,GAfnD,cAAMK,G,OACJC,EAAAf,KAAKgB,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,O,CAkBjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAR,IAAA,wDAAaZ,KAAKI,OACrBe,EAAA,SAAAP,IAAA,2CAAOS,UAAW3B,MAClByB,EAAA,OAAAP,IAAA,2CACEU,MAAM,SACNC,KAAK,SAAQ,gBACEvB,KAAKE,SAAW,OAAS,QAAO,gBAChCF,KAAKC,SAAW,OAASuB,UACxCC,SAAUzB,KAAKC,UAAY,EAAI,EAC/ByB,QAAS1B,KAAKM,YACdqB,UAAW3B,KAAKU,cAChBkB,IAAMC,GAAQ7B,KAAKgB,SAAWa,EAC9BC,KAAK,UAELX,EAAA,QAAAP,IAAA,2CAAMU,MAAM,QAAO,cAAa,OAAOQ,KAAK,SAAO,KACnDX,EAAA,QAAAP,IAAA,2CAAMU,MAAM,QAAQQ,KAAK,SACvBX,EAAA,QAAAP,IAAA,+C","ignoreList":[]}

package/dist/diwa-components/{p-1022a474.entry.js → p-1250d0c7.entry.js}

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

package/dist/diwa-components/{p-1a1bd7ed.entry.js → p-13e71247.entry.js}

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

package/dist/diwa-components/p-1830772d.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as e,H as i,g as a}from"./p-ed4017f0.js";import{g as h}from"./p-35c7c864.js";import"./p-70bbb21a.js";const d=class{constructor(e){s(this,e);this.change=t(this,"change",7);this.input=t(this,"input",7);this.blur=t(this,"blur",3);this.focus=t(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const t="desc";const a="msg";return e(i,{key:"b58c9b32c94117b172cfa28f7b156650b70087f7","data-theme":this.theme},e("style",{key:"ddf17006665bc7eaa8a1f4310d0a1cc240b5e2a2",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),e("div",{key:"05d5d42c977eb975d9d66c6f2849553cf3030c84",class:"root"},!this.hideLabel&&this.label&&e("div",{key:"988b49a445bb8352b772312a71f09ad8a74ac085",class:"label-row"},e("label",{key:"b377a77badf65a2a3690aa71cc6e0dc02fece8f8",class:"label",htmlFor:s},this.label,this.required&&e("span",{key:"194a617bc1959c34b9624e5863bf63e1b57e1bd6",class:"required","aria-hidden":"true"}," *")),e("slot",{key:"6a8b5dab9bd2c53f912612142a2429a481e9ca0c",name:"label-after"})),e("div",{key:"87d8863bbd02048faffbd83fd0326a160d834eb5",class:"input-wrapper"},this._hasStart&&e("div",{key:"f1f09a5f3f3db887ee379e1e8dc736422e677c62",class:"slot-start"},e("slot",{key:"99b41cac365685c4387cb24e4c5ba082eb3c9891",name:"start"})),e("input",{key:"7009d405ffd077b44b7f05f1c92364bf6eb3e199",id:s,class:"input",type:"date",name:this.name||undefined,value:this.value,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min,max:this.max,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?t:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&e("div",{key:"f525f4eb53efefbfe224f27162372f7bddcde580",class:"slot-end"},e("slot",{key:"c4b75e8f245b62142b27ada1f6109a201ee95297",name:"end"}))),!this.message&&this.description&&e("p",{key:"c45c7d9b10e31b7234b5d275f118dd07b5f9717a",id:t,class:"description"},this.description),this.message&&e("p",{key:"6f45b19c1e16797f063f5c8bb404dc2c4469f9f3",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{d as diwa_input_date};
+//# sourceMappingURL=p-1830772d.entry.js.map

package/dist/diwa-components/{p-f4a589b5.entry.js → p-1d708e1e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as n,H as a,g as s}from"./p-ed4017f0.js";const t=(e,i,n,a)=>{const s=e==="error"?"var(--diwa-notification-error)":e==="success"?"var(--diwa-notification-success)":"var(--diwa-text-secondary)";return`\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: ${i==="row"?"row":"column"};\n    flex-wrap: wrap;\n    gap: ${i==="row"?a?"var(--diwa-space-2)":"var(--diwa-space-4)":a?"var(--diwa-space-1)":"var(--diwa-space-2)"};\n  }\n\n  .message {\n    font-size: var(--diwa-font-size-sm);\n    color: ${s};\n    line-height: 1.4;\n  }\n\n  .message[hidden] {\n    display: none;\n  }\n  `};const d=class{constructor(n){e(this,n);this.update=i(this,"update",1);this.theme="dark";this.label="";this.description="";this.value="";this.direction="column";this.required=false;this.disabled=false;this.state="none";this.message="";this.compact=false;this.hideLabel=false;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"));const i=this.name||`diwa-radio-group-${Math.random().toString(36).slice(2,7)}`;e.forEach((e=>{e.checked=e.value===this.value;if(!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)}`;const i=this.description?`${e}-desc`:undefined;const s=this.message&&this.state!=="none"?`${e}-msg`:undefined;return n(a,{key:"1d941ee37ba22144fb183834b0936c7b067a2178","data-theme":this.theme},n("style",{key:"a7c6eab2f362a5f9f1db1a4b2afc7acb34316932",innerHTML:t(this.state,this.direction,this.disabled,this.compact)}),n("div",{key:"35948be2f142b22241ebdce442610a92c4562638",class:"root",role:"radiogroup","aria-labelledby":this.label?`${e}-label`:undefined,"aria-describedby":[i,s].filter(Boolean).join(" ")||undefined,"aria-required":this.required?"true":undefined},this.label&&n("span",{key:"8a8bc2e1aa6bae52d8d61b2a079e7e92680f9490",id:`${e}-label`,class:`label${this.hideLabel?" label-visually-hidden":""}`},this.label,this.required&&n("span",{key:"3274f34ca78ac7d9fee78d77d1de04852d49fa32",class:"label-required","aria-hidden":"true"}," *")),this.description&&n("span",{key:"c77537f4956c41d4ad526ea665550b17c7b9181c",id:i,class:"description"},this.description),n("div",{key:"e80a0285ea5ab1272c8df3c86fdf1495e5337107",class:"options"},n("slot",{key:"73933e21541199a09c92e3ddf1d0cb250a941b1e"})),n("span",{key:"55f8cf4fd5145c9798dfe0a3f81099b38b611432",id:s,class:"message",hidden:!s},this.message)))}get host(){return s(this)}};export{d as diwa_radio_group};
-//# sourceMappingURL=p-f4a589b5.entry.js.map
+import{r as e,c as i,h as n,H as a,g as s}from"./p-ed4017f0.js";const t=(e,i,n,a)=>{const s=e==="error"?"var(--diwa-notification-error)":e==="success"?"var(--diwa-notification-success)":"var(--diwa-text-secondary)";return`\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: ${i==="row"?"row":"column"};\n    flex-wrap: wrap;\n    gap: ${i==="row"?a?"var(--diwa-space-2)":"var(--diwa-space-4)":a?"var(--diwa-space-1)":"var(--diwa-space-2)"};\n  }\n\n  .message {\n    font-size: var(--diwa-font-size-sm);\n    color: ${s};\n    line-height: 1.4;\n  }\n\n  .message[hidden] {\n    display: none;\n  }\n  `};const d=class{constructor(n){e(this,n);this.update=i(this,"update",1);this.theme="dark";this.label="";this.description="";this.value="";this.direction="column";this.required=false;this.disabled=false;this.state="none";this.message="";this.compact=false;this.hideLabel=false;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"));const i=this.name||`diwa-radio-group-${Math.random().toString(36).slice(2,7)}`;e.forEach((e=>{e.checked=e.value===this.value;if(!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)}`;const i=this.description?`${e}-desc`:undefined;const s=this.message&&this.state!=="none"?`${e}-msg`:undefined;return n(a,{key:"32637e2660123b9ab13929e9f6bf72ecd1c62ea3","data-theme":this.theme},n("style",{key:"56e3db8486007a85e2c6c2541247f5c95ce5d000",innerHTML:t(this.state,this.direction,this.disabled,this.compact)}),n("div",{key:"2353868f8aa1d4c507e7b9a39abc80a42e43a746",class:"root",role:"radiogroup","aria-labelledby":this.label?`${e}-label`:undefined,"aria-describedby":[i,s].filter(Boolean).join(" ")||undefined,"aria-required":this.required?"true":undefined},this.label&&n("span",{key:"be82c40317e75d25bf7a301b0c558fbae3462197",id:`${e}-label`,class:`label${this.hideLabel?" label-visually-hidden":""}`},this.label,this.required&&n("span",{key:"a971a5fa7153287a91b7f5285963b5d209e90a20",class:"label-required","aria-hidden":"true"}," *")),this.description&&n("span",{key:"cc429975145668e59143f3eb8418b9e0e18bf9a7",id:i,class:"description"},this.description),n("div",{key:"df706b4c3265b81adc189299a3745d024c584622",class:"options"},n("slot",{key:"ce4b20e7f9a24885887d0b6b660da8a3a6440e25"})),n("span",{key:"84182d0942ee8b3561b943e940053da9e8f756d5",id:s,class:"message",hidden:!s},this.message)))}get host(){return s(this)}};export{d as diwa_radio_group};
+//# sourceMappingURL=p-1d708e1e.entry.js.map