agnosticui-core 2.0.0-alpha.22 → 2.0.0-alpha.24

package/dist/components/Button/core/_Button.d.ts

@@ -38,6 +38,14 @@ export interface ButtonProps {
  * - APG-compliant accessibility
  */
 export declare class AgButton extends LitElement implements ButtonProps {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
     static styles: CSSResultGroup;
     /**
      * Visual variant for styling hooks
@@ -103,14 +111,6 @@ export declare class AgButton extends LitElement implements ButtonProps {
     private _handleClick;
     private _handleFocus;
     private _handleBlur;
-    /**
-     * Focus the internal button element
-     */
-    focus(): void;
-    /**
-     * Blur the internal button element
-     */
-    blur(): void;
     render(): import('lit').TemplateResult<1>;
 }
 //# sourceMappingURL=_Button.d.ts.map

package/dist/components/Button/core/_Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/core/_Button.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"_Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/core/_Button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAAE,UAAU,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKjE,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;AAGrE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAC;IACzF,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,GAAG,EAAE,CAAC;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAED;;;;;;;;;;;;GAYG;AACH,qBAAa,QAAS,SAAQ,UAAW,YAAW,WAAW;IAC7D,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IAEF,MAAM,CAAC,MAAM,EAkYR,cAAc,CAAC;IAEpB;;OAEG;IAEK,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAC;IAEhG;;OAEG;IAEK,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEjD;;OAEG;IAEK,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,GAAG,EAAE,CAAC;IAEnF;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,KAAK,EAAE,OAAO,CAAC;IAEvB;;OAEG;IAEK,IAAI,EAAE,OAAO,CAAC;IAEtB;;OAEG;IAEK,OAAO,EAAE,OAAO,CAAC;IAEzB;;OAEG;IAEK,SAAS,EAAE,OAAO,CAAC;IAE3B;;OAEG;IAEK,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAE5C;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,OAAO,EAAE,OAAO,CAAC;IAEzB;;OAEG;IAEK,MAAM,EAAE,OAAO,CAAC;IAExB;;OAEG;IAEK,OAAO,EAAE,OAAO,CAAC;IAEzB;;OAEG;IAEK,SAAS,EAAE,MAAM,CAAC;IAGlB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;;IAoBtD,OAAO,CAAC,YAAY;IAoCpB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,WAAW;IAcnB,MAAM;CAoBP"}

package/dist/components/Button/core/_Button.js

@@ -1,76 +1,62 @@
-import { LitElement as l, css as c, html as h } from "lit";
-import { n as r } from "../../../property-CemaeiRl.js";
-import { o as s } from "../../../if-defined-C8i28hSj.js";
-var b = Object.defineProperty, o = (g, a, e, v) => {
-  for (var n = void 0, i = g.length - 1, u; i >= 0; i--)
-    (u = g[i]) && (n = u(a, e, n) || n);
-  return n && b(a, e, n), n;
+import { LitElement as u, css as c, html as h } from "lit";
+import { n as a } from "../../../property-CemaeiRl.js";
+import { o as d } from "../../../if-defined-C8i28hSj.js";
+var b = Object.defineProperty, r = (g, e, o, v) => {
+  for (var n = void 0, s = g.length - 1, l; s >= 0; s--)
+    (l = g[s]) && (n = l(e, o, n) || n);
+  return n && b(e, o, n), n;
 };
-const d = class d extends l {
+const i = class i extends u {
   constructor() {
     super(), this.disabled = !1, this.loading = !1, this.toggle = !1, this.pressed = !1, this.bordered = !1, this.ghost = !1, this.link = !1, this.grouped = !1, this.fullWidth = !1, this.type = "button", this.ariaLabel = "", this.variant = "", this.size = "md", this.shape = "";
   }
-  _handleClick(a) {
-    if (this.onClick && this.onClick(a), !this.disabled && !this.loading && !a.defaultPrevented) {
+  _handleClick(e) {
+    if (this.onClick && this.onClick(e), !this.disabled && !this.loading && !e.defaultPrevented) {
       if (this.type === "submit") {
-        const e = this.closest("form");
-        e && e.requestSubmit();
+        const o = this.closest("form");
+        o && o.requestSubmit();
       } else if (this.type === "reset") {
-        const e = this.closest("form");
-        e && e.reset();
+        const o = this.closest("form");
+        o && o.reset();
       }
     }
-    if (this.toggle && !this.disabled && !this.loading && !a.defaultPrevented) {
+    if (this.toggle && !this.disabled && !this.loading && !e.defaultPrevented) {
       this.pressed = !this.pressed;
-      const e = new CustomEvent("toggle", {
+      const o = new CustomEvent("toggle", {
         detail: { pressed: this.pressed },
         bubbles: !0,
         composed: !0
       });
-      this.dispatchEvent(e), this.onToggle && this.onToggle(e);
+      this.dispatchEvent(o), this.onToggle && this.onToggle(o);
     }
   }
-  _handleFocus(a) {
-    this.onFocus && this.onFocus(a);
-    const e = new FocusEvent("focus", {
+  _handleFocus(e) {
+    this.onFocus && this.onFocus(e);
+    const o = new FocusEvent("focus", {
       bubbles: !0,
       composed: !0
     });
-    this.dispatchEvent(e);
+    this.dispatchEvent(o);
   }
-  _handleBlur(a) {
-    this.onBlur && this.onBlur(a);
-    const e = new FocusEvent("blur", {
+  _handleBlur(e) {
+    this.onBlur && this.onBlur(e);
+    const o = new FocusEvent("blur", {
       bubbles: !0,
       composed: !0
     });
-    this.dispatchEvent(e);
-  }
-  /**
-   * Focus the internal button element
-   */
-  focus() {
-    const a = this.shadowRoot?.querySelector("button");
-    a && a.focus();
-  }
-  /**
-   * Blur the internal button element
-   */
-  blur() {
-    const a = this.shadowRoot?.querySelector("button");
-    a && a.blur();
+    this.dispatchEvent(o);
   }
   render() {
-    const a = this.disabled || this.loading;
+    const e = this.disabled || this.loading;
     return h`
       <button
         type=${this.type}
         part="ag-button"
-        ?disabled=${a}
-        aria-disabled=${a ? "true" : "false"}
-        aria-busy=${s(this.loading ? "true" : void 0)}
-        aria-pressed=${s(this.toggle ? String(this.pressed) : void 0)}
-        aria-label=${s(this.ariaLabel || void 0)}
+        ?disabled=${e}
+        aria-disabled=${e ? "true" : "false"}
+        aria-busy=${d(this.loading ? "true" : void 0)}
+        aria-pressed=${d(this.toggle ? String(this.pressed) : void 0)}
+        aria-label=${d(this.ariaLabel || void 0)}
         @click=${this._handleClick}
         @focus=${this._handleFocus}
         @blur=${this._handleBlur}
@@ -80,7 +66,10 @@ const d = class d extends l {
     `;
   }
 };
-d.styles = c`
+i.shadowRootOptions = {
+  ...u.shadowRootOptions,
+  delegatesFocus: !0
+}, i.styles = c`
     /* MINIMALIST & THEMEABLE - Styling via --ag-* design tokens */
     :host {
       /* Inline-flex for perfect centering while maintaining inline behavior */
@@ -467,60 +456,60 @@ d.styles = c`
       transition: outline var(--ag-motion-medium) ease;
     }
   `;
-let t = d;
-o([
-  r({ type: String, reflect: !0 })
+let t = i;
+r([
+  a({ type: String, reflect: !0 })
 ], t.prototype, "variant");
-o([
-  r({ type: String, reflect: !0 })
+r([
+  a({ type: String, reflect: !0 })
 ], t.prototype, "size");
-o([
-  r({ type: String, reflect: !0 })
+r([
+  a({ type: String, reflect: !0 })
 ], t.prototype, "shape");
-o([
-  r({ type: Boolean, reflect: !0 })
+r([
+  a({ type: Boolean, reflect: !0 })
 ], t.prototype, "bordered");
-o([
-  r({ type: Boolean, reflect: !0 })
+r([
+  a({ type: Boolean, reflect: !0 })
 ], t.prototype, "ghost");
-o([
-  r({ type: Boolean, reflect: !0 })
+r([
+  a({ type: Boolean, reflect: !0 })
 ], t.prototype, "link");
-o([
-  r({ type: Boolean, reflect: !0 })
+r([
+  a({ type: Boolean, reflect: !0 })
 ], t.prototype, "grouped");
-o([
-  r({ type: Boolean, reflect: !0, attribute: "full-width" })
+r([
+  a({ type: Boolean, reflect: !0, attribute: "full-width" })
 ], t.prototype, "fullWidth");
-o([
-  r({ type: String })
+r([
+  a({ type: String })
 ], t.prototype, "type");
-o([
-  r({ type: Boolean })
+r([
+  a({ type: Boolean })
 ], t.prototype, "disabled");
-o([
-  r({ type: Boolean })
+r([
+  a({ type: Boolean })
 ], t.prototype, "loading");
-o([
-  r({ type: Boolean })
+r([
+  a({ type: Boolean })
 ], t.prototype, "toggle");
-o([
-  r({ type: Boolean })
+r([
+  a({ type: Boolean })
 ], t.prototype, "pressed");
-o([
-  r({ type: String, reflect: !0, attribute: "aria-label" })
+r([
+  a({ type: String, reflect: !0, attribute: "aria-label" })
 ], t.prototype, "ariaLabel");
-o([
-  r({ attribute: !1 })
+r([
+  a({ attribute: !1 })
 ], t.prototype, "onClick");
-o([
-  r({ attribute: !1 })
+r([
+  a({ attribute: !1 })
 ], t.prototype, "onFocus");
-o([
-  r({ attribute: !1 })
+r([
+  a({ attribute: !1 })
 ], t.prototype, "onBlur");
-o([
-  r({ attribute: !1 })
+r([
+  a({ attribute: !1 })
 ], t.prototype, "onToggle");
 export {
   t as AgButton

package/dist/components/Drawer/react/ReactDrawer.d.ts

@@ -1,13 +1,26 @@
-import { EventName } from '@lit/react';
-import { AgnosticDrawer, DrawerProps, DrawerOpenEvent, DrawerCloseEvent, DrawerCancelEvent } from '../core/Drawer';
+import { AgnosticDrawer, DrawerProps } from '../core/Drawer';
 import * as React from 'react';
 /**
- * React-specific props for Drawer
+ * React-specific props for Drawer.
+ *
+ * Includes onOpenChange for controlled-component support. This is necessary
+ * because the underlying Lit web component manages its own open state internally
+ * (e.g. it sets this.open = false on Escape or backdrop click). @lit/react's
+ * createComponent only bridges DOM events -> React props, so without explicitly
+ * calling onOpenChange(false) on close/cancel, React's state never learns the
+ * drawer closed. The stale open={true} is then re-applied on the next render,
+ * causing previously dismissed drawers to reappear when other drawers are opened.
  */
 export interface ReactDrawerProps extends DrawerProps {
     children?: React.ReactNode;
     className?: string;
     id?: string;
+    /**
+     * Called with the new open state whenever the drawer opens or closes.
+     * Wire this to your React state setter (e.g. onOpenChange={setIsOpen}) so
+     * React stays in sync when the drawer closes itself internally.
+     */
+    onOpenChange?: (open: boolean) => void;
 }
 /**
  * Helper component for drawer header slot
@@ -21,11 +34,17 @@ export interface DrawerHeaderProps {
 export interface DrawerFooterProps {
     children?: React.ReactNode;
 }
-export declare const ReactDrawer: import('@lit/react').ReactWebComponent<AgnosticDrawer, {
-    onDrawerOpen: EventName<DrawerOpenEvent>;
-    onDrawerClose: EventName<DrawerCloseEvent>;
-    onDrawerCancel: EventName<DrawerCancelEvent>;
-}>;
+/**
+ * ReactDrawer wraps _ReactDrawerBase to add onOpenChange support.
+ *
+ * The Lit element fires "drawer-close" when the close button is clicked and
+ * "drawer-cancel" when the user presses Escape or clicks the backdrop. Both
+ * mean the drawer is now closed. We intercept those two events and call
+ * onOpenChange(false) so React state reflects the new closed state immediately,
+ * preventing the stale open={true} from being pushed back into the element on
+ * the next render.
+ */
+export declare const ReactDrawer: React.ForwardRefExoticComponent<ReactDrawerProps & React.RefAttributes<AgnosticDrawer>>;
 export declare const DrawerHeader: React.FC<DrawerHeaderProps>;
 export declare const DrawerFooter: React.FC<DrawerFooterProps>;
 export type { DrawerOpenEvent, DrawerCloseEvent, DrawerCancelEvent } from '../core/Drawer';

package/dist/components/Drawer/react/ReactDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/react/ReactDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EACL,cAAc,EACd,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,eAAO,MAAM,WAAW;kBAKW,SAAS,CAAC,eAAe,CAAC;mBACxB,SAAS,CAAC,gBAAgB,CAAC;oBACzB,SAAS,CAAC,iBAAiB,CAAC;EAEjE,CAAC;AAGH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAEpD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAEpD,CAAC;AAGF,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"ReactDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/react/ReactDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,cAAc,EACd,KAAK,WAAW,EAIjB,MAAM,gBAAgB,CAAC;AAExB;;;;;;;;;;GAUG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAeD;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,yFA4BvB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAEpD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAEpD,CAAC;AAGF,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Drawer/react/ReactDrawer.js

@@ -1,20 +1,42 @@
-import { j as e } from "../../../jsx-runtime-BzflLqGi.js";
+import { j as a } from "../../../jsx-runtime-BzflLqGi.js";
 import * as o from "react";
-import { o as a } from "../../../create-component-BPMDMe-q.js";
+import { o as m } from "../../../create-component-BPMDMe-q.js";
 import "../core/Drawer.js";
-import { AgnosticDrawer as t } from "../core/_drawer.js";
-const w = a({
+import { AgnosticDrawer as i } from "../core/_drawer.js";
+const p = m({
   tagName: "ag-drawer",
-  elementClass: t,
+  elementClass: i,
   react: o,
   events: {
     onDrawerOpen: "drawer-open",
     onDrawerClose: "drawer-close",
     onDrawerCancel: "drawer-cancel"
   }
-}), i = ({ children: r }) => /* @__PURE__ */ e.jsx("div", { slot: "header", children: r }), p = ({ children: r }) => /* @__PURE__ */ e.jsx("div", { slot: "footer", children: r });
+}), f = o.forwardRef(
+  ({ onOpenChange: r, onDrawerOpen: t, onDrawerClose: s, onDrawerCancel: n, ...w }, c) => {
+    const l = (e) => {
+      t?.(e), r?.(!0);
+    }, D = (e) => {
+      s?.(e), r?.(!1);
+    }, d = (e) => {
+      n?.(e), r?.(!1);
+    };
+    return /* @__PURE__ */ a.jsx(
+      p,
+      {
+        ref: c,
+        onDrawerOpen: l,
+        onDrawerClose: D,
+        onDrawerCancel: d,
+        ...w
+      }
+    );
+  }
+);
+f.displayName = "ReactDrawer";
+const C = ({ children: r }) => /* @__PURE__ */ a.jsx("div", { slot: "header", children: r }), v = ({ children: r }) => /* @__PURE__ */ a.jsx("div", { slot: "footer", children: r });
 export {
-  p as DrawerFooter,
-  i as DrawerHeader,
-  w as ReactDrawer
+  v as DrawerFooter,
+  C as DrawerHeader,
+  f as ReactDrawer
 };

package/dist/components/EmptyState/core/_EmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/core/_EmptyState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,qBAAa,YAAa,SAAQ,UAAW,YAAW,eAAe;IAE7D,KAAK,EAAE,MAAM,CAAC;IAGd,QAAQ,EAAE,MAAM,CAAC;IAGjB,UAAU,EAAE,MAAM,CAAC;IAGnB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAGzB,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAGzB,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,eAAe,CAAS;;IAYhC,OAAO,CAAC,iBAAiB;IAahB,YAAY;IAoBrB,MAAM,CAAC,MAAM,0BA8FX;IAEF,MAAM;CAuDP"}
+{"version":3,"file":"_EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/core/_EmptyState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,qBAAa,YAAa,SAAQ,UAAW,YAAW,eAAe;IAE7D,KAAK,EAAE,MAAM,CAAC;IAGd,QAAQ,EAAE,MAAM,CAAC;IAGjB,UAAU,EAAE,MAAM,CAAC;IAGnB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAGzB,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAGzB,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,eAAe,CAAS;;IAYhC,OAAO,CAAC,iBAAiB;IAWhB,YAAY;IAoBrB,MAAM,CAAC,MAAM,0BA8FX;IAEF,MAAM;CAuDP"}

package/dist/components/EmptyState/core/_EmptyState.js

@@ -1,18 +1,19 @@
 import { hasSlotContent as l } from "../../../utils/slot.js";
-import { LitElement as d, css as u, html as r } from "lit";
-import { n as s } from "../../../property-CemaeiRl.js";
-var b = Object.defineProperty, a = (p, e, o, n) => {
+import { LitElement as u, css as b, html as r } from "lit";
+import { n as a } from "../../../property-CemaeiRl.js";
+import { r as d } from "../../../state-CovhUvdr.js";
+var m = Object.defineProperty, s = (p, e, o, n) => {
   for (var i = void 0, c = p.length - 1, g; c >= 0; c--)
     (g = p[c]) && (i = g(e, o, i) || i);
-  return i && b(e, o, i), i;
+  return i && m(e, o, i), i;
 };
-const h = class h extends d {
+const h = class h extends u {
   constructor() {
     super(), this._hasIconSlot = !1, this._hasActionsSlot = !1, this.title = "", this.subtitle = "", this.buttonText = "", this.size = "md", this.bordered = !1, this.rounded = !1;
   }
   _handleSlotChange(e) {
     const o = e.target, n = o.name;
-    n === "icon" ? this._hasIconSlot = l(o) : n === "actions" && (this._hasActionsSlot = l(o)), this.requestUpdate();
+    n === "icon" ? this._hasIconSlot = l(o) : n === "actions" && (this._hasActionsSlot = l(o));
   }
   firstUpdated() {
     setTimeout(() => {
@@ -73,7 +74,7 @@ const h = class h extends d {
     `;
   }
 };
-h.styles = u`
+h.styles = b`
     :host {
       display: block;
     }
@@ -169,29 +170,29 @@ h.styles = u`
     }
   `;
 let t = h;
-a([
-  s({ type: String })
+s([
+  a({ type: String })
 ], t.prototype, "title");
-a([
-  s({ type: String })
+s([
+  a({ type: String })
 ], t.prototype, "subtitle");
-a([
-  s({ type: String, attribute: "button-text" })
+s([
+  a({ type: String, attribute: "button-text" })
 ], t.prototype, "buttonText");
-a([
-  s({ type: String, reflect: !0 })
+s([
+  a({ type: String, reflect: !0 })
 ], t.prototype, "size");
-a([
-  s({ type: Boolean })
+s([
+  a({ type: Boolean })
 ], t.prototype, "bordered");
-a([
-  s({ type: Boolean })
+s([
+  a({ type: Boolean })
 ], t.prototype, "rounded");
-a([
-  s({ type: Boolean, state: !0 })
+s([
+  d()
 ], t.prototype, "_hasIconSlot");
-a([
-  s({ type: Boolean, state: !0 })
+s([
+  d()
 ], t.prototype, "_hasActionsSlot");
 export {
   t as AgEmptyState

package/dist/components/Input/core/_Input.d.ts

@@ -38,6 +38,14 @@ export interface InputProps {
 }
 declare const AgInput_base: (new (...args: any[]) => import('../../../shared/face-mixin').FaceMixinInterface) & typeof LitElement;
 export declare class AgInput extends AgInput_base implements InputProps {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
     static styles: import('lit').CSSResult[];
     private _ids;
     private _inputElement?;
@@ -83,14 +91,6 @@ export declare class AgInput extends AgInput_base implements InputProps {
      * Set the value of the input
      */
     setValue(value: string): void;
-    /**
-     * Focus the input element
-     */
-    focus(): void;
-    /**
-     * Blur the input element
-     */
-    blur(): void;
     /**
      * Select the text in the input
      */

package/dist/components/Input/core/_Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/core/_Input.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"_Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/core/_Input.ts"],"names":[],"mappings":"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"}

package/dist/components/Input/core/_Input.js

@@ -1,18 +1,18 @@
-import { css as b, html as s, nothing as o, LitElement as v } from "lit";
+import { LitElement as c, css as v, html as s, nothing as o } from "lit";
 import { n as i } from "../../../property-CemaeiRl.js";
-import { r as f } from "../../../state-CovhUvdr.js";
+import { r as b } from "../../../state-CovhUvdr.js";
 import { e as y } from "../../../query-BykXNUlT.js";
 import { o as l } from "../../../if-defined-C8i28hSj.js";
 import { hasSlotContent as u } from "../../../utils/slot.js";
 import { formControlStyles as m } from "../../../shared/form-control-styles.js";
-import { createFormControlIds as $, buildAriaDescribedBy as x, isHorizontalLabel as c } from "../../../shared/form-control-utils.js";
+import { createFormControlIds as $, buildAriaDescribedBy as x, isHorizontalLabel as f } from "../../../shared/form-control-utils.js";
 import { FaceMixin as w, syncInnerInputValidity as k } from "../../../shared/face-mixin.js";
-var S = Object.defineProperty, a = (_, t, n, r) => {
-  for (var d = void 0, h = _.length - 1, g; h >= 0; h--)
-    (g = _[h]) && (d = g(t, n, d) || d);
+var S = Object.defineProperty, a = (g, t, n, r) => {
+  for (var d = void 0, p = g.length - 1, _; p >= 0; p--)
+    (_ = g[p]) && (d = _(t, n, d) || d);
   return d && S(t, n, d), d;
 };
-const p = class p extends w(v) {
+const h = class h extends w(c) {
   constructor() {
     super(), this._ids = $("ag-input"), this._hasLeftAddon = !1, this._hasRightAddon = !1, this.label = "", this.labelHidden = !1, this.labelPosition = "top", this.noLabel = !1, this.ariaLabel = "", this.type = "text", this.value = "", this.placeholder = "", this.rows = 4, this.cols = 50, this.size = "default", this.capsule = !1, this.rounded = !1, this.underlined = !1, this.underlinedWithBackground = !1, this.inline = !1, this.required = !1, this.disabled = !1, this.readonly = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "";
   }
@@ -34,18 +34,6 @@ const p = class p extends w(v) {
   setValue(t) {
     this._inputElement && (this._inputElement.value = t, this.value = t);
   }
-  /**
-   * Focus the input element
-   */
-  focus() {
-    this._inputElement?.focus();
-  }
-  /**
-   * Blur the input element
-   */
-  blur() {
-    this._inputElement?.blur();
-  }
   /**
    * Select the text in the input
    */
@@ -222,7 +210,7 @@ const p = class p extends w(v) {
   _renderLabel() {
     if (!this.label || this.noLabel) return o;
     const t = [];
-    return c(this.labelPosition) ? (t.push("ag-form-control__label--horizontal"), t.push(`ag-form-control__label--${this.labelPosition}`), t.push("ag-input__label--horizontal"), t.push(`ag-input__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && (t.push(`ag-form-control__label--${this.labelPosition}`), t.push(`ag-input__label--${this.labelPosition}`)), s`
+    return f(this.labelPosition) ? (t.push("ag-form-control__label--horizontal"), t.push(`ag-form-control__label--${this.labelPosition}`), t.push("ag-input__label--horizontal"), t.push(`ag-input__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && (t.push(`ag-form-control__label--${this.labelPosition}`), t.push(`ag-input__label--${this.labelPosition}`)), s`
       <label
         id="${this._ids.labelId}"
         for="${this._ids.inputId}"
@@ -272,7 +260,7 @@ const p = class p extends w(v) {
     `;
   }
   render() {
-    const t = this._hasLeftAddon || this._hasRightAddon, n = c(this.labelPosition), r = ["ag-input"];
+    const t = this._hasLeftAddon || this._hasRightAddon, n = f(this.labelPosition), r = ["ag-input"];
     this.size === "small" && r.push("ag-input--small"), this.size === "large" && r.push("ag-input--large"), this.rounded && r.push("ag-input--rounded"), this.underlined && r.push("ag-input--underlined"), this.underlinedWithBackground && r.push("ag-input--underlined-with-background");
     const d = t ? s`
           <div class="ag-input__field" part="ag-input-field-wrapper">
@@ -325,9 +313,12 @@ const p = class p extends w(v) {
     `;
   }
 };
-p.styles = [
+h.shadowRootOptions = {
+  ...c.shadowRootOptions,
+  delegatesFocus: !0
+}, h.styles = [
   m,
-  b`
+  v`
       :host {
         display: block;
       }
@@ -567,7 +558,7 @@ p.styles = [
       }
     `
 ];
-let e = p;
+let e = h;
 a([
   y("input, textarea")
 ], e.prototype, "_inputElement");
@@ -653,10 +644,10 @@ a([
   i({ attribute: !1 })
 ], e.prototype, "onBlur");
 a([
-  f()
+  b()
 ], e.prototype, "_hasLeftAddon");
 a([
-  f()
+  b()
 ], e.prototype, "_hasRightAddon");
 export {
   e as AgInput

package/dist/components/Select/core/_Select.d.ts

@@ -36,6 +36,14 @@ declare const Select_base: (new (...args: any[]) => import('../../../shared/face
  * @fires change - Emitted when selection changes
  */
 export declare class Select extends Select_base implements SelectProps {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
     size: SelectSize;
     multiple: boolean;
     disabled: boolean;

package/dist/components/Select/core/_Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/core/_Select.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"_Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/core/_Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,oCAAoC,CAAC;AAI5C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,EAAE,CAAC;AAGhD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC1B;AACD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;;AAED;;;;;;;;GAQG;AACH,qBAAa,MAAO,SAAQ,WAAsB,YAAW,WAAW;IACtE,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IAGK,IAAI,EAAE,UAAU,CAAM;IAGtB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAItB,KAAK,SAAM;IAGX,aAAa,EAAE,aAAa,CAAS;IAGrC,WAAW,UAAS;IAGpB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,YAAY,SAAM;IAGlB,QAAQ,SAAM;IAGb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAGtD,OAAO,CAAC,aAAa,CAAqB;IAI1C;;;;OAIG;IACM,iBAAiB,IAAI,IAAI;IASlC;;;;OAIG;IACM,wBAAwB,CAC/B,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,EACtC,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,IAAI;IAmBP;;;;;;;;;;OAUG;IACH,OAAO,CAAC,WAAW;IAMnB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAatB;;OAEG;IACH,OAAO,CAAC,aAAa;IAMZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAWxD,SAAS,CAAC,YAAY;IAgBtB,OAAO,CAAC,gBAAgB;IAwBxB,MAAM,CAAC,MAAM,4BA6FX;IAEF,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,YAAY;IA4BpB,OAAO,CAAC,WAAW;IAwBnB,MAAM;CA0EP;AAOD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,MAAM,CAAC;KACrB;CACF"}

package/dist/components/Select/core/_Select.js

@@ -1,15 +1,15 @@
-import { LitElement as u, css as g, html as n } from "lit";
-import { n as r } from "../../../property-CemaeiRl.js";
+import { LitElement as p, css as g, html as n } from "lit";
+import { n as o } from "../../../property-CemaeiRl.js";
 import { e as m } from "../../../query-BykXNUlT.js";
-import { isHorizontalLabel as p, createFormControlIds as f, buildAriaDescribedBy as b } from "../../../shared/form-control-utils.js";
+import { isHorizontalLabel as u, createFormControlIds as f, buildAriaDescribedBy as b } from "../../../shared/form-control-utils.js";
 import { formControlStyles as v } from "../../../shared/form-control-styles.js";
 import { FaceMixin as y, syncInnerInputValidity as _ } from "../../../shared/face-mixin.js";
-var E = Object.defineProperty, i = (h, e, a, o) => {
+var E = Object.defineProperty, i = (h, e, a, r) => {
   for (var s = void 0, l = h.length - 1, d; l >= 0; l--)
     (d = h[l]) && (s = d(e, a, s) || s);
   return s && E(e, a, s), s;
 };
-const c = class c extends y(u) {
+const c = class c extends y(p) {
   constructor() {
     super(...arguments), this.size = "", this.multiple = !1, this.disabled = !1, this.label = "", this.labelPosition = "top", this.labelHidden = !1, this.noLabel = !1, this.required = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "";
   }
@@ -31,12 +31,12 @@ const c = class c extends y(u) {
     this.updateComplete.then(() => {
       if (this.selectElement) {
         if (this.multiple && e instanceof FormData) {
-          const o = new Set(Array.from(e.values()));
+          const r = new Set(Array.from(e.values()));
           Array.from(this.selectElement.options).forEach((s) => {
-            s.selected = o.has(s.value);
+            s.selected = r.has(s.value);
           });
-        } else typeof e == "string" && Array.from(this.selectElement.options).forEach((o) => {
-          o.selected = o.value === e;
+        } else typeof e == "string" && Array.from(this.selectElement.options).forEach((r) => {
+          r.selected = r.value === e;
         });
         this._syncFormValue(), this._syncValidity(), this._syncStates();
       }
@@ -91,10 +91,10 @@ const c = class c extends y(u) {
     if (!this.selectElement) return;
     const e = this.shadowRoot?.querySelector("slot");
     if (!e) return;
-    e.assignedNodes().forEach((o) => {
-      if (o.nodeType === Node.ELEMENT_NODE) {
-        const s = o;
-        (s.tagName === "OPTION" || s.tagName === "OPTGROUP") && this.selectElement.appendChild(o);
+    e.assignedNodes().forEach((r) => {
+      if (r.nodeType === Node.ELEMENT_NODE) {
+        const s = r;
+        (s.tagName === "OPTION" || s.tagName === "OPTGROUP") && this.selectElement.appendChild(r);
       }
     });
   }
@@ -115,10 +115,10 @@ const c = class c extends y(u) {
   }
   handleChange(e) {
     const a = e.target;
-    let o;
-    this.multiple ? o = Array.from(a.selectedOptions).map((l) => l.value) : o = a.value, this._syncFormValue(), this._syncValidity();
+    let r;
+    this.multiple ? r = Array.from(a.selectedOptions).map((l) => l.value) : r = a.value, this._syncFormValue(), this._syncValidity();
     const s = new CustomEvent("change", {
-      detail: { value: o },
+      detail: { value: r },
       bubbles: !0,
       composed: !0
     });
@@ -127,7 +127,7 @@ const c = class c extends y(u) {
   renderLabel(e) {
     if (!this.label || this.noLabel) return "";
     const a = [];
-    return p(this.labelPosition) ? (a.push("ag-form-control__label--horizontal"), a.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && a.push(`ag-form-control__label--${this.labelPosition}`), n`
+    return u(this.labelPosition) ? (a.push("ag-form-control__label--horizontal"), a.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && a.push(`ag-form-control__label--${this.labelPosition}`), n`
       <label
         for=${e.inputId}
         class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${a.join(" ")}"
@@ -142,7 +142,7 @@ const c = class c extends y(u) {
       errorId: e.errorId,
       hasHelper: !!this.helpText && !this.invalid,
       hasError: !!this.invalid && !!this.errorMessage
-    }), o = p(this.labelPosition), s = n`
+    }), r = u(this.labelPosition), s = n`
       <select
         id=${e.inputId}
         class="select"
@@ -166,7 +166,7 @@ const c = class c extends y(u) {
         </div>` : "", d = this.invalid && this.errorMessage ? n`<div id=${e.errorId} class="ag-form-control__error">
           ${this.errorMessage}
         </div>` : "";
-    return o ? n`
+    return r ? n`
         <div class="ag-form-control--horizontal">
           ${this.renderLabel(e)}
           ${s}
@@ -186,7 +186,10 @@ const c = class c extends y(u) {
     `;
   }
 };
-c.styles = [
+c.shadowRootOptions = {
+  ...p.shadowRootOptions,
+  delegatesFocus: !0
+}, c.styles = [
   v,
   g`
       :host {
@@ -282,52 +285,52 @@ c.styles = [
 ];
 let t = c;
 i([
-  r({ type: String, reflect: !0 })
+  o({ type: String, reflect: !0 })
 ], t.prototype, "size");
 i([
-  r({ type: Boolean, reflect: !0 })
+  o({ type: Boolean, reflect: !0 })
 ], t.prototype, "multiple");
 i([
-  r({ type: Boolean, reflect: !0 })
+  o({ type: Boolean, reflect: !0 })
 ], t.prototype, "disabled");
 i([
-  r({ type: Number, attribute: "multiple-size" })
+  o({ type: Number, attribute: "multiple-size" })
 ], t.prototype, "multipleSize");
 i([
-  r({ type: String })
+  o({ type: String })
 ], t.prototype, "label");
 i([
-  r({ type: String, attribute: "label-position" })
+  o({ type: String, attribute: "label-position" })
 ], t.prototype, "labelPosition");
 i([
-  r({ type: Boolean, attribute: "label-hidden" })
+  o({ type: Boolean, attribute: "label-hidden" })
 ], t.prototype, "labelHidden");
 i([
-  r({ type: Boolean, attribute: "no-label" })
+  o({ type: Boolean, attribute: "no-label" })
 ], t.prototype, "noLabel");
 i([
-  r({ type: Boolean })
+  o({ type: Boolean })
 ], t.prototype, "required");
 i([
-  r({ type: Boolean })
+  o({ type: Boolean })
 ], t.prototype, "invalid");
 i([
-  r({ type: String, attribute: "error-message" })
+  o({ type: String, attribute: "error-message" })
 ], t.prototype, "errorMessage");
 i([
-  r({ type: String, attribute: "help-text" })
+  o({ type: String, attribute: "help-text" })
 ], t.prototype, "helpText");
 i([
-  r({ attribute: !1 })
+  o({ attribute: !1 })
 ], t.prototype, "onClick");
 i([
-  r({ attribute: !1 })
+  o({ attribute: !1 })
 ], t.prototype, "onFocus");
 i([
-  r({ attribute: !1 })
+  o({ attribute: !1 })
 ], t.prototype, "onBlur");
 i([
-  r({ attribute: !1 })
+  o({ attribute: !1 })
 ], t.prototype, "onChange");
 i([
   m("select")

package/dist/utils/slot.js

@@ -1,7 +1,7 @@
 function o(t) {
   if (!t)
     return !1;
-  const n = t.assignedNodes({ flatten: !0 }), r = (e) => e.children.length > 0 || e.textContent?.trim() !== "";
+  const n = t.assignedNodes(), r = (e) => e.children.length > 0 || e.textContent?.trim() !== "";
   return n.some((e) => e.nodeType === Node.ELEMENT_NODE ? r(e) : e.nodeType === Node.TEXT_NODE ? e.textContent?.trim() !== "" : !1);
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agnosticui-core",
-  "version": "2.0.0-alpha.22",
+  "version": "2.0.0-alpha.24",
   "author": "AgnosticUI",
   "license": "Apache-2.0",
   "type": "module",

package/src/components/Button/core/_Button.ts

@@ -69,6 +69,11 @@ export interface ButtonProps {
  * - APG-compliant accessibility
  */
 export class AgButton extends LitElement implements ButtonProps {
+  static shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+  };
+
   static styles = css`
     /* MINIMALIST & THEMEABLE - Styling via --ag-* design tokens */
     :host {
@@ -635,26 +640,6 @@ export class AgButton extends LitElement implements ButtonProps {
     this.dispatchEvent(blurEvent);
   }
 
-  /**
-   * Focus the internal button element
-   */
-  focus() {
-    const button = this.shadowRoot?.querySelector('button');
-    if (button) {
-      button.focus();
-    }
-  }
-
-  /**
-   * Blur the internal button element
-   */
-  blur() {
-    const button = this.shadowRoot?.querySelector('button');
-    if (button) {
-      button.blur();
-    }
-  }
-
   render() {
     const isDisabled = this.disabled || this.loading;
 

package/src/components/Drawer/react/ReactDrawer.tsx

@@ -9,12 +9,26 @@ import {
 } from '../core/Drawer';
 
 /**
- * React-specific props for Drawer
+ * React-specific props for Drawer.
+ *
+ * Includes onOpenChange for controlled-component support. This is necessary
+ * because the underlying Lit web component manages its own open state internally
+ * (e.g. it sets this.open = false on Escape or backdrop click). @lit/react's
+ * createComponent only bridges DOM events -> React props, so without explicitly
+ * calling onOpenChange(false) on close/cancel, React's state never learns the
+ * drawer closed. The stale open={true} is then re-applied on the next render,
+ * causing previously dismissed drawers to reappear when other drawers are opened.
  */
 export interface ReactDrawerProps extends DrawerProps {
   children?: React.ReactNode;
   className?: string;
   id?: string;
+  /**
+   * Called with the new open state whenever the drawer opens or closes.
+   * Wire this to your React state setter (e.g. onOpenChange={setIsOpen}) so
+   * React stays in sync when the drawer closes itself internally.
+   */
+  onOpenChange?: (open: boolean) => void;
 }
 
 /**
@@ -31,8 +45,9 @@ export interface DrawerFooterProps {
   children?: React.ReactNode;
 }
 
-// Create Drawer component with @lit/react
-export const ReactDrawer = createComponent({
+// Raw @lit/react bridge — maps Lit custom events to React prop callbacks.
+// Does NOT handle onOpenChange; that requires the wrapper below.
+const _ReactDrawerBase = createComponent({
   tagName: 'ag-drawer',
   elementClass: AgnosticDrawer,
   react: React,
@@ -43,6 +58,48 @@ export const ReactDrawer = createComponent({
   },
 });
 
+/**
+ * ReactDrawer wraps _ReactDrawerBase to add onOpenChange support.
+ *
+ * The Lit element fires "drawer-close" when the close button is clicked and
+ * "drawer-cancel" when the user presses Escape or clicks the backdrop. Both
+ * mean the drawer is now closed. We intercept those two events and call
+ * onOpenChange(false) so React state reflects the new closed state immediately,
+ * preventing the stale open={true} from being pushed back into the element on
+ * the next render.
+ */
+export const ReactDrawer = React.forwardRef<AgnosticDrawer, ReactDrawerProps>(
+  ({ onOpenChange, onDrawerOpen, onDrawerClose, onDrawerCancel, ...props }, ref) => {
+    const handleDrawerOpen = (event: DrawerOpenEvent) => {
+      onDrawerOpen?.(event);
+      onOpenChange?.(true);
+    };
+
+    // Both close and cancel mean the drawer is no longer open — notify React.
+    const handleDrawerClose = (event: DrawerCloseEvent) => {
+      onDrawerClose?.(event);
+      onOpenChange?.(false);
+    };
+
+    const handleDrawerCancel = (event: DrawerCancelEvent) => {
+      onDrawerCancel?.(event);
+      onOpenChange?.(false);
+    };
+
+    return (
+      <_ReactDrawerBase
+        ref={ref}
+        onDrawerOpen={handleDrawerOpen}
+        onDrawerClose={handleDrawerClose}
+        onDrawerCancel={handleDrawerCancel}
+        {...props}
+      />
+    );
+  }
+);
+
+ReactDrawer.displayName = 'ReactDrawer';
+
 // Helper components for slots (simple React components)
 export const DrawerHeader: React.FC<DrawerHeaderProps> = ({ children }) => {
   return <div slot="header">{children}</div>;

package/src/components/EmptyState/core/_EmptyState.ts

@@ -1,6 +1,6 @@
 import { hasSlotContent } from '../../../utils/slot';
 import { LitElement, html, css } from 'lit';
-import { property } from 'lit/decorators.js';
+import { property, state } from 'lit/decorators.js';
 
 export type EmptyStateProps = {
   title?: string;
@@ -30,10 +30,10 @@ export class AgEmptyState extends LitElement implements EmptyStateProps {
   @property({ type: Boolean })
   declare rounded: boolean;
 
-  @property({ type: Boolean, state: true })
+  @state()
   private _hasIconSlot = false;
 
-  @property({ type: Boolean, state: true })
+  @state()
   private _hasActionsSlot = false;
 
   constructor() {
@@ -55,8 +55,6 @@ export class AgEmptyState extends LitElement implements EmptyStateProps {
     } else if (slotName === 'actions') {
       this._hasActionsSlot = hasSlotContent(slot);
     }
-
-    this.requestUpdate();
   }
 
   override firstUpdated() {

package/src/components/Input/core/_Input.ts

@@ -70,6 +70,11 @@ export interface InputProps {
 }
 
 export class AgInput extends FaceMixin(LitElement) implements InputProps {
+  static shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+  };
+
   static styles = [
     formControlStyles,
     css`
@@ -462,20 +467,6 @@ export class AgInput extends FaceMixin(LitElement) implements InputProps {
     }
   }
 
-  /**
-   * Focus the input element
-   */
-  focus(): void {
-    this._inputElement?.focus();
-  }
-
-  /**
-   * Blur the input element
-   */
-  blur(): void {
-    this._inputElement?.blur();
-  }
-
   /**
    * Select the text in the input
    */

package/src/components/Select/core/_Select.ts

@@ -49,6 +49,11 @@ export interface SelectProps {
  * @fires change - Emitted when selection changes
  */
 export class Select extends FaceMixin(LitElement) implements SelectProps {
+  static shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+  };
+
   @property({ type: String, reflect: true })
   public size: SelectSize = '';
 

package/src/utils/slot.ts

@@ -13,7 +13,7 @@ export function hasSlotContent(slot: HTMLSlotElement | null): boolean {
   if (!slot) {
     return false;
   }
-  const assignedNodes = slot.assignedNodes({ flatten: true });
+  const assignedNodes = slot.assignedNodes();
 
   // Helper to check if an element has meaningful content
   const hasElementContent = (element: Element): boolean => {