@skdx/web-components 0.30.0 → 0.32.0

package/dist/drawer/DrawerContent.js

@@ -1,8 +1,8 @@
-var b=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var a=(s,r,e,t)=>{for(var i=t>1?void 0:t?g(r,e):r,n=s.length-1,l;n>=0;n--)(l=s[n])&&(i=(t?l(r,e,i):l(i))||i);return t&&i&&b(r,e,i),i};import{css as F,html as D,LitElement as T}from"lit";import{property as c}from"lit/decorators.js";import{syncPartIdRef as m}from"../internal/aria-part.js";import{lockBodyScroll as k,unlockBodyScroll as f}from"../internal/body-scroll-lock.js";import{closestThroughPortal as L}from"../internal/closest.js";import{customElement as A}from"../internal/define.js";import{resolveDirection as O,resolvePhysicalSide as R}from"../internal/direction.js";import{dispatchAutoFocus as u,dispatchEscapeKeyDown as S,dispatchOutside as p,focusOnOpen as x,focusOutsideTarget as K}from"../internal/dismiss.js";import{handleEscapeKeyDown as H,pushDismissLayer as I}from"../internal/dismissal.js";import{applyFinalFocus as v,resolveFocusSelector as M}from"../internal/focus-targets.js";import{setOutsideInert as y}from"../internal/outsideInert.js";import{TABBABLE_SELECTOR as d}from"../internal/tabbable.js";function w(s){return Array.from(s.querySelectorAll("*")).filter(r=>r.matches(d)||!!r.shadowRoot?.querySelector(d))}function h(s){(s.matches(d)?s:s.shadowRoot?.querySelector(d)??s).focus({preventScroll:!0})}function q(s){let r=s.ownerDocument.activeElement;for(;r?.shadowRoot?.activeElement;)r=r.shadowRoot.activeElement;let e=r;for(;e;){if(s.contains(e))return!0;let t=e.getRootNode();e=t instanceof ShadowRoot?t.host:null}return!1}function E(s){return s==="any"||s==="outside"}var o=class extends T{constructor(){super(...arguments);this.drawerEl=null;this.locked=!1;this.wasTrapped=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.sync());this.layer={insideElements:()=>[this,this.drawerEl?.triggerEl]};this.armed=!1;this.handleSlotChange=()=>this.syncHostAttributes();this.handleKeyDown=e=>{if(e.key!=="Tab"||!this.drawerEl?.open||!this.drawerEl.modal)return;let t=w(this);if(t.length===0){e.preventDefault();return}let i=t[0],n=t[t.length-1];e.shiftKey&&(document.activeElement===i||document.activeElement===this)?(e.preventDefault(),n.focus()):!e.shiftKey&&document.activeElement===n&&(e.preventDefault(),i.focus())};this.handleDocumentKeyDown=e=>{this.drawerEl?.open&&H(e,this.layer,this.handleEscape)};this.handleEscape=e=>{let t=this.drawerEl;if(!t||!S(this,e)||t.effectiveDismiss!=="any"&&t.effectiveDismiss!=="escape")return;let i=!t.modal&&q(this);t.setOpen(!1),i&&u(this,"close-auto-focus")&&!v(this.finalFocus,"Drawer")&&t.triggerEl&&h(t.triggerEl)};this.handleOutsidePointerDown=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=e.target;i&&(this.contains(i)||t.triggerEl?.contains(i)||p(this,"pointer-down-outside",e)&&E(t.effectiveDismiss)&&t.setOpen(!1))};this.handleOutsideFocus=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=K(e);!i||this.contains(i)||t.triggerEl?.contains(i)||p(this,"focus-outside",e)&&E(t.effectiveDismiss)&&t.setOpen(!1)}}connectedCallback(){if(super.connectedCallback(),this.drawerEl=L(this,"skdx-drawer, skdx-drawer-root"),!this.drawerEl)throw new Error("<skdx-drawer-content> must be used inside <skdx-drawer> or <skdx-drawer-root>.");this.observer.observe(this.drawerEl,{attributeFilter:["open","modal","placement","dismiss","dismissible"]}),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer=setTimeout(()=>{this.armed=!0},0),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.removeEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer!==void 0&&clearTimeout(this.armTimer),this.armed=!1,this.releaseLayer?.(),this.releaseLayer=void 0,this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.locked&&(f(),this.locked=!1),y(this,!1),super.disconnectedCallback()}firstUpdated(){this.sync()}syncHostAttributes(){let e=this.drawerEl;e&&(this.id?e.contentId=this.id:this.id=e.contentId,this.setAttribute("role","dialog"),e.open&&e.modal?this.setAttribute("aria-modal","true"):this.removeAttribute("aria-modal"),m(this,"aria-labelledby",this.querySelector("skdx-drawer-title"),"skdx-drawer-content","title"),m(this,"aria-describedby",this.querySelector("skdx-drawer-description"),"skdx-drawer-content","description"),this.setAttribute("data-state",e.open?"open":"closed"),this.setAttribute("data-placement",e.placement),this.setAttribute("data-side",R(e.placement,O(this))),this.setAttribute("data-dismiss",e.effectiveDismiss),this.hidden=!e.open)}sync(){this.syncHostAttributes();let e=this.drawerEl;if(!e)return;e.open?this.releaseLayer??(this.releaseLayer=I(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0);let t=e.open&&e.modal;t&&!this.locked?k():!t&&this.locked&&f(),this.locked=t,y(this,t);let i=e.open&&e.modal;i!==this.wasTrapped&&(this.wasTrapped=i,i?this.activateTrap():this.deactivateTrap())}activateTrap(){this.previouslyFocused=document.activeElement,this.focusFrame=requestAnimationFrame(()=>x(()=>{if(!u(this,"open-auto-focus")||!this.initialFocus&&this.contains(document.activeElement))return;let e=M(this,this.initialFocus,"initialFocus","Drawer")??w(this)[0];e||(this.tabIndex=this.tabIndex>=0?this.tabIndex:-1),h(e??this)}))}deactivateTrap(){if(this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),!u(this,"close-auto-focus")){this.previouslyFocused=null;return}if(v(this.finalFocus,"Drawer")){this.previouslyFocused=null;return}this.previouslyFocused&&this.previouslyFocused!==document.body&&document.contains(this.previouslyFocused)&&h(this.previouslyFocused),this.previouslyFocused=null}render(){return D`<slot @slotchange=${this.handleSlotChange}></slot>`}};o.styles=F`
+var g=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var a=(s,r,e,t)=>{for(var i=t>1?void 0:t?F(r,e):r,n=s.length-1,l;n>=0;n--)(l=s[n])&&(i=(t?l(r,e,i):l(i))||i);return t&&i&&g(r,e,i),i};import{css as D,html as T,LitElement as k}from"lit";import{property as c}from"lit/decorators.js";import{syncPartIdRef as m}from"../internal/aria-part.js";import{lockBodyScroll as L,unlockBodyScroll as f}from"../internal/body-scroll-lock.js";import{closestThroughPortal as A}from"../internal/closest.js";import{customElement as O}from"../internal/define.js";import{resolveDirection as R,resolvePhysicalSide as S}from"../internal/direction.js";import{dispatchAutoFocus as u,dispatchEscapeKeyDown as x,dispatchOutside as p,focusOnOpen as K,focusOutsideTarget as H}from"../internal/dismiss.js";import{handleEscapeKeyDown as I,nestedLayerContains as y,pushDismissLayer as M}from"../internal/dismissal.js";import{applyFinalFocus as v,resolveFocusSelector as q}from"../internal/focus-targets.js";import{setOutsideInert as w}from"../internal/outsideInert.js";import{TABBABLE_SELECTOR as d}from"../internal/tabbable.js";function E(s){return Array.from(s.querySelectorAll("*")).filter(r=>r.matches(d)||!!r.shadowRoot?.querySelector(d))}function h(s){(s.matches(d)?s:s.shadowRoot?.querySelector(d)??s).focus({preventScroll:!0})}function P(s){let r=s.ownerDocument.activeElement;for(;r?.shadowRoot?.activeElement;)r=r.shadowRoot.activeElement;let e=r;for(;e;){if(s.contains(e))return!0;let t=e.getRootNode();e=t instanceof ShadowRoot?t.host:null}return!1}function b(s){return s==="any"||s==="outside"}var o=class extends k{constructor(){super(...arguments);this.drawerEl=null;this.locked=!1;this.wasTrapped=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.sync());this.layer={insideElements:()=>[this,this.drawerEl?.triggerEl]};this.armed=!1;this.handleSlotChange=()=>this.syncHostAttributes();this.handleKeyDown=e=>{if(e.key!=="Tab"||!this.drawerEl?.open||!this.drawerEl.modal)return;let t=E(this);if(t.length===0){e.preventDefault();return}let i=t[0],n=t[t.length-1];e.shiftKey&&(document.activeElement===i||document.activeElement===this)?(e.preventDefault(),n.focus()):!e.shiftKey&&document.activeElement===n&&(e.preventDefault(),i.focus())};this.handleDocumentKeyDown=e=>{this.drawerEl?.open&&I(e,this.layer,this.handleEscape)};this.handleEscape=e=>{let t=this.drawerEl;if(!t||!x(this,e)||t.effectiveDismiss!=="any"&&t.effectiveDismiss!=="escape")return;let i=!t.modal&&P(this);t.setOpen(!1),i&&u(this,"close-auto-focus")&&!v(this.finalFocus,"Drawer")&&t.triggerEl&&h(t.triggerEl)};this.handleOutsidePointerDown=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=e.target;i&&(this.contains(i)||t.triggerEl?.contains(i)||y(this.layer,i)||p(this,"pointer-down-outside",e)&&b(t.effectiveDismiss)&&t.setOpen(!1))};this.handleOutsideFocus=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=H(e);!i||this.contains(i)||t.triggerEl?.contains(i)||y(this.layer,i)||p(this,"focus-outside",e)&&b(t.effectiveDismiss)&&t.setOpen(!1)}}connectedCallback(){if(super.connectedCallback(),this.drawerEl=A(this,"skdx-drawer, skdx-drawer-root"),!this.drawerEl)throw new Error("<skdx-drawer-content> must be used inside <skdx-drawer> or <skdx-drawer-root>.");this.observer.observe(this.drawerEl,{attributeFilter:["open","modal","placement","dismiss","dismissible"]}),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer=setTimeout(()=>{this.armed=!0},0),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.removeEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer!==void 0&&clearTimeout(this.armTimer),this.armed=!1,this.releaseLayer?.(),this.releaseLayer=void 0,this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.locked&&(f(),this.locked=!1),w(this,!1),super.disconnectedCallback()}firstUpdated(){this.sync()}syncHostAttributes(){let e=this.drawerEl;e&&(this.id?e.contentId=this.id:this.id=e.contentId,this.setAttribute("role","dialog"),e.open&&e.modal?this.setAttribute("aria-modal","true"):this.removeAttribute("aria-modal"),m(this,"aria-labelledby",this.querySelector("skdx-drawer-title"),"skdx-drawer-content","title"),m(this,"aria-describedby",this.querySelector("skdx-drawer-description"),"skdx-drawer-content","description"),this.setAttribute("data-state",e.open?"open":"closed"),this.setAttribute("data-placement",e.placement),this.setAttribute("data-side",S(e.placement,R(this))),this.setAttribute("data-dismiss",e.effectiveDismiss),this.hidden=!e.open)}sync(){this.syncHostAttributes();let e=this.drawerEl;if(!e)return;e.open?this.releaseLayer??(this.releaseLayer=M(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0);let t=e.open&&e.modal;t&&!this.locked?L():!t&&this.locked&&f(),this.locked=t,w(this,t);let i=e.open&&e.modal;i!==this.wasTrapped&&(this.wasTrapped=i,i?this.activateTrap():this.deactivateTrap())}activateTrap(){this.previouslyFocused=document.activeElement,this.focusFrame=requestAnimationFrame(()=>K(()=>{if(!u(this,"open-auto-focus")||!this.initialFocus&&this.contains(document.activeElement))return;let e=q(this,this.initialFocus,"initialFocus","Drawer")??E(this)[0];e||(this.tabIndex=this.tabIndex>=0?this.tabIndex:-1),h(e??this)}))}deactivateTrap(){if(this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),!u(this,"close-auto-focus")){this.previouslyFocused=null;return}if(v(this.finalFocus,"Drawer")){this.previouslyFocused=null;return}this.previouslyFocused&&this.previouslyFocused!==document.body&&document.contains(this.previouslyFocused)&&h(this.previouslyFocused),this.previouslyFocused=null}render(){return T`<slot @slotchange=${this.handleSlotChange}></slot>`}};o.styles=D`
     :host {
       display: block;
     }
     :host([hidden]) {
       display: none;
     }
-  `,a([c({type:String,attribute:"initial-focus"})],o.prototype,"initialFocus",2),a([c({type:String,attribute:"final-focus"})],o.prototype,"finalFocus",2),a([c({type:String,reflect:!0,attribute:"data-size"})],o.prototype,"size",2),o=a([A("skdx-drawer-content","drawer","content")],o);export{o as SkdxDrawerContent};
+  `,a([c({type:String,attribute:"initial-focus"})],o.prototype,"initialFocus",2),a([c({type:String,attribute:"final-focus"})],o.prototype,"finalFocus",2),a([c({type:String,reflect:!0,attribute:"data-size"})],o.prototype,"size",2),o=a([O("skdx-drawer-content","drawer","content")],o);export{o as SkdxDrawerContent};

package/dist/fab/Fab.cjs

@@ -0,0 +1 @@
+"use strict";var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var a in e)r(t,a,{get:e[a],enumerable:!0})},l=(t,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of m(e))!c.call(t,s)&&s!==a&&r(t,s,{get:()=>e[s],enumerable:!(i=d(e,s))||i.enumerable});return t};var u=t=>l(r({},"__esModule",{value:!0}),t);var x={};f(x,{SkdxFab:()=>n});module.exports=u(x);var o=require("../button/Button.cjs"),n=class extends o.SkdxButton{constructor(){super(),this.iconOnly=!0,this.variant="primary"}};customElements.get("skdx-fab")===void 0&&customElements.define("skdx-fab",n);0&&(module.exports={SkdxFab});

package/dist/fab/Fab.d.cts

@@ -0,0 +1,12 @@
+import { SkdxButton } from '../button/Button.cjs';
+/**
+ * Fab alias of <skdx-button>: the same component with `iconOnly=true` and `variant='primary'` as defaults. Every attribute, property, event and slot of `<skdx-button>` applies; reach for `<skdx-button>` itself for full control.
+ */
+export declare class SkdxFab extends SkdxButton {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-fab': SkdxFab;
+    }
+}

package/dist/fab/Fab.d.ts

@@ -0,0 +1,12 @@
+import { SkdxButton } from '../button/Button.js';
+/**
+ * Fab alias of <skdx-button>: the same component with `iconOnly=true` and `variant='primary'` as defaults. Every attribute, property, event and slot of `<skdx-button>` applies; reach for `<skdx-button>` itself for full control.
+ */
+export declare class SkdxFab extends SkdxButton {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-fab': SkdxFab;
+    }
+}

package/dist/fab/Fab.js

@@ -0,0 +1 @@
+import{SkdxButton as t}from"../button/Button.js";var e=class extends t{constructor(){super(),this.iconOnly=!0,this.variant="primary"}};customElements.get("skdx-fab")===void 0&&customElements.define("skdx-fab",e);export{e as SkdxFab};

package/dist/fab/index.cjs

@@ -0,0 +1 @@
+"use strict";var b=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var p=(r,o)=>{for(var a in o)b(r,a,{get:o[a],enumerable:!0})},t=(r,o,a,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let x of k(o))!m.call(r,x)&&x!==a&&b(r,x,{get:()=>o[x],enumerable:!(d=f(o,x))||d.enumerable});return r};var F=r=>t(b({},"__esModule",{value:!0}),r);var S={};p(S,{SkdxFab:()=>e.SkdxFab});module.exports=F(S);var e=require("./Fab.cjs");0&&(module.exports={SkdxFab});

package/dist/fab/index.d.cts

@@ -0,0 +1 @@
+export { SkdxFab } from './Fab.cjs';

package/dist/fab/index.d.ts

@@ -0,0 +1 @@
+export { SkdxFab } from './Fab.js';

package/dist/fab/index.js

@@ -0,0 +1 @@
+import{SkdxFab as x}from"./Fab.js";export{x as SkdxFab};

package/dist/field/FieldError.cjs

@@ -1,8 +1,8 @@
-"use strict";var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var x=(i,t)=>{for(var s in t)n(i,s,{get:t[s],enumerable:!0})},T=(i,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of v(t))!y.call(i,e)&&e!==s&&n(i,e,{get:()=>t[e],enumerable:!(r=p(t,e))||r.enumerable});return i};var b=i=>T(n({},"__esModule",{value:!0}),i),m=(i,t,s,r)=>{for(var e=r>1?void 0:r?p(t,s):t,d=i.length-1,a;d>=0;d--)(a=i[d])&&(e=(r?a(t,s,e):a(e))||e);return r&&e&&n(t,s,e),e};var C={};x(C,{SkdxFieldError:()=>o});module.exports=b(C);var l=require("lit"),c=require("lit/decorators.js"),f=require("lit/static-html.js"),u=require("../internal/define.cjs"),h=require("../internal/field-core.cjs"),g=require("../utils/polymorphic.cjs");var o=class extends l.LitElement{constructor(){super(...arguments);this.as="span"}get field(){return this.closest("skdx-field, skdx-fieldset")}connectedCallback(){super.connectedCallback(),this.refresh()}refresh(){this.customMessage??(this.customMessage=this.textContent?.trim()??"");let s=this.field;if(!s?.errorId)return;this.id=s.errorId;let r=s.messages,e=this.customMessage||r.join(" ");r.length>0?(this.textContent!==e&&(this.textContent=e),this.setAttribute(h.FIELD_ERROR_ATTRIBUTE,""),this.removeAttribute("hidden")):(!this.customMessage&&this.textContent!==""&&(this.textContent=""),this.removeAttribute(h.FIELD_ERROR_ATTRIBUTE),this.setAttribute("hidden","")),this.style.display=r.length>0?"":"none"}updated(){this.refresh()}render(){let s=(0,g.resolveTag)(this.as,"span");return f.html`<${s} part="error"><slot></slot></${s}>`}};o.styles=l.css`
+"use strict";var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var x=(i,t)=>{for(var s in t)n(i,s,{get:t[s],enumerable:!0})},T=(i,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of v(t))!y.call(i,e)&&e!==s&&n(i,e,{get:()=>t[e],enumerable:!(r=p(t,e))||r.enumerable});return i};var b=i=>T(n({},"__esModule",{value:!0}),i),h=(i,t,s,r)=>{for(var e=r>1?void 0:r?p(t,s):t,a=i.length-1,m;a>=0;a--)(m=i[a])&&(e=(r?m(t,s,e):m(e))||e);return r&&e&&n(t,s,e),e};var C={};x(C,{SkdxFieldError:()=>o});module.exports=b(C);var d=require("lit"),c=require("lit/decorators.js"),f=require("lit/static-html.js"),u=require("../internal/define.cjs"),l=require("../internal/field-core.cjs"),g=require("../utils/polymorphic.cjs");var o=class extends d.LitElement{constructor(){super(...arguments);this.as="span"}get field(){return this.closest("skdx-field, skdx-fieldset")}connectedCallback(){super.connectedCallback(),this.refresh()}refresh(){this.customMessage??(this.customMessage=this.textContent?.trim()??"");let s=this.field;if(!s?.errorId)return;this.id=s.errorId;let r=s.messages,e=this.customMessage||(0,l.joinFieldMessages)(r);r.length>0?(this.textContent!==e&&(this.textContent=e),this.setAttribute(l.FIELD_ERROR_ATTRIBUTE,""),this.removeAttribute("hidden")):(!this.customMessage&&this.textContent!==""&&(this.textContent=""),this.removeAttribute(l.FIELD_ERROR_ATTRIBUTE),this.setAttribute("hidden","")),this.style.display=r.length>0?"":"none"}updated(){this.refresh()}render(){let s=(0,g.resolveTag)(this.as,"span");return f.html`<${s} part="error"><slot></slot></${s}>`}};o.styles=d.css`
     :host {
       display: block;
     }
     :host([hidden]) {
       display: none;
     }
-  `,m([(0,c.property)({type:String,reflect:!0})],o.prototype,"as",2),o=m([(0,u.customElement)("skdx-field-error","field","error")],o);0&&(module.exports={SkdxFieldError});
+  `,h([(0,c.property)({type:String,reflect:!0})],o.prototype,"as",2),o=h([(0,u.customElement)("skdx-field-error","field","error")],o);0&&(module.exports={SkdxFieldError});

package/dist/field/FieldError.js

@@ -1,4 +1,4 @@
-var m=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(o,r,e,s)=>{for(var t=s>1?void 0:s?h(r,e):r,n=o.length-1,l;n>=0;n--)(l=o[n])&&(t=(s?l(r,e,t):l(t))||t);return s&&t&&m(r,e,t),t};import{css as p,LitElement as c}from"lit";import{property as f}from"lit/decorators.js";import{html as u}from"lit/static-html.js";import{customElement as g}from"../internal/define.js";import{FIELD_ERROR_ATTRIBUTE as a}from"../internal/field-core.js";import{resolveTag as v}from"../utils/polymorphic.js";var i=class extends c{constructor(){super(...arguments);this.as="span"}get field(){return this.closest("skdx-field, skdx-fieldset")}connectedCallback(){super.connectedCallback(),this.refresh()}refresh(){this.customMessage??(this.customMessage=this.textContent?.trim()??"");let e=this.field;if(!e?.errorId)return;this.id=e.errorId;let s=e.messages,t=this.customMessage||s.join(" ");s.length>0?(this.textContent!==t&&(this.textContent=t),this.setAttribute(a,""),this.removeAttribute("hidden")):(!this.customMessage&&this.textContent!==""&&(this.textContent=""),this.removeAttribute(a),this.setAttribute("hidden","")),this.style.display=s.length>0?"":"none"}updated(){this.refresh()}render(){let e=v(this.as,"span");return u`<${e} part="error"><slot></slot></${e}>`}};i.styles=p`
+var m=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(o,r,e,s)=>{for(var t=s>1?void 0:s?h(r,e):r,l=o.length-1,n;l>=0;l--)(n=o[l])&&(t=(s?n(r,e,t):n(t))||t);return s&&t&&m(r,e,t),t};import{css as p,LitElement as c}from"lit";import{property as f}from"lit/decorators.js";import{html as u}from"lit/static-html.js";import{customElement as g}from"../internal/define.js";import{FIELD_ERROR_ATTRIBUTE as a,joinFieldMessages as v}from"../internal/field-core.js";import{resolveTag as y}from"../utils/polymorphic.js";var i=class extends c{constructor(){super(...arguments);this.as="span"}get field(){return this.closest("skdx-field, skdx-fieldset")}connectedCallback(){super.connectedCallback(),this.refresh()}refresh(){this.customMessage??(this.customMessage=this.textContent?.trim()??"");let e=this.field;if(!e?.errorId)return;this.id=e.errorId;let s=e.messages,t=this.customMessage||v(s);s.length>0?(this.textContent!==t&&(this.textContent=t),this.setAttribute(a,""),this.removeAttribute("hidden")):(!this.customMessage&&this.textContent!==""&&(this.textContent=""),this.removeAttribute(a),this.setAttribute("hidden","")),this.style.display=s.length>0?"":"none"}updated(){this.refresh()}render(){let e=y(this.as,"span");return u`<${e} part="error"><slot></slot></${e}>`}};i.styles=p`
     :host {
       display: block;
     }

package/dist/floating-panel/FloatingPanel.cjs

@@ -1,5 +1,5 @@
-"use strict";var z=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var R=(s,n)=>{for(var t in n)z(s,t,{get:n[t],enumerable:!0})},N=(s,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of B(n))!C.call(s,i)&&i!==t&&z(s,i,{get:()=>n[i],enumerable:!(o=F(n,i))||o.enumerable});return s};var _=s=>N(z({},"__esModule",{value:!0}),s),a=(s,n,t,o)=>{for(var i=o>1?void 0:o?F(n,t):n,h=s.length-1,l;h>=0;h--)(l=s[h])&&(i=(o?l(n,t,i):l(i))||i);return o&&i&&z(n,t,i),i};var H={};R(H,{SkdxFloatingPanel:()=>e,findFloatingPanel:()=>D,gestureAnnouncement:()=>T});module.exports=_(H);var p=require("lit"),r=require("lit/decorators.js"),S=require("../internal/authored.cjs"),A=require("../internal/closest.cjs"),I=require("../internal/define.cjs"),P=require("../internal/ids.cjs"),L=require("../internal/open-change-complete.cjs"),w=require("../internal/positioning.cjs"),x=require("../utils/live-announcer.cjs"),c=require("./FloatingPanelAnatomy.cjs"),Y=require("./FloatingPanelTrigger.cjs"),d=require("../internal/events.cjs"),v=require("./family.cjs");var M='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function G(s){(s.matches(M)?s:s.shadowRoot?.querySelector(M)??s).focus({preventScroll:!0})}function T(s,{position:n,size:t}){return s==="move"?`Panel moved to ${n.x}, ${n.y}`:`Panel resized to ${t.width} by ${t.height}`}var E=Object.freeze({x:0,y:0}),O=Object.freeze({width:320,height:240}),$=Object.freeze({width:160,height:120}),j=Object.freeze({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY});function b(s,n,t){return Math.min(Math.max(s,n),t)}function y(s,n,t,o){return b(s,n,Math.max(n,Math.min(t,o)))}function D(s){return(0,A.closestThroughPortal)(s,v.FLOATING_PANEL_FAMILY.selector)}var e=class extends p.LitElement{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.position=E;this.defaultPosition=E;this.size=O;this.defaultSize=O;this.minSize=$;this.maxSize=j;this.boundary=null;this.stage="default";this.defaultStage="default";this.draggable=!0;this.resizable=!0;this.step=10;this.disabled=!1;this.title="";this.stages=[];this.dismissible=!0;this.contentId=(0,P.nextId)("skdx-floating-panel-content");this.titleId=(0,P.nextId)("skdx-floating-panel-title");this.triggerEl=null;this.contentEl=null;this.titleEl=null;this.dragging=!1;this.resizing=!1;this.hasUpdatedOnce=!1;this.boundsObserver=null;this.windowResizeListener=null;this.bounds=null;this.fillAnatomy=()=>{let t=`${!!this.title}|${this.stages.length}|${this.dismissible}|${this.resizable}`;t!==this._anatomyFilledFor||!(0,S.hasGeneratedContent)(this,c.FLOATING_PANEL_ANATOMY_GENERATED)?(this._anatomyFilledFor=t,(0,c.fillFloatingPanelAnatomy)(this)):(0,c.refreshFloatingPanelAnatomy)(this)}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.position===E&&(this.position=this.defaultPosition),this.size===O&&(this.size=this.defaultSize),this.hasAttribute("stage")||(this.stage=this.defaultStage),this.watchBounds();let t=this.querySelector("skdx-floating-panel-content")?.id;t&&(this.contentId=t),queueMicrotask(this.fillAnatomy)}watchBounds(){let t=()=>this.applyBounds(this.getBounds());if(t(),this.boundary&&typeof ResizeObserver<"u"){this.boundsObserver=new ResizeObserver(t),this.boundsObserver.observe(this.boundary);return}this.windowResizeListener=t,window.addEventListener("resize",t)}unwatchBounds(){this.boundsObserver?.disconnect(),this.boundsObserver=null,this.windowResizeListener&&window.removeEventListener("resize",this.windowResizeListener),this.windowResizeListener=null}applyBounds(t){this.bounds=t;let o=Math.min(this.size.width,Math.max(this.minSize.width,t.width)),i=Math.min(this.size.height,Math.max(this.minSize.height,t.height));(o!==this.size.width||i!==this.size.height)&&this.setSize({width:o,height:i});let h=b(this.position.x,0,Math.max(0,t.width-o)),l=b(this.position.y,0,Math.max(0,t.height-i));(h!==this.position.x||l!==this.position.y)&&this.setPosition({x:h,y:l}),v.FLOATING_PANEL_FAMILY.notify(this)}updated(t){this.fillAnatomy();let o=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!o&&((0,d.emit)(this,"open-change",this.open),this.open||this.restoreFocus(),this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,L.notifyOpenChangeComplete)(()=>this.contentEl,this.open,i=>(0,d.emit)(this,"open-change-complete",i))),t.has("boundary")&&!o&&(this.unwatchBounds(),this.watchBounds()),t.size>0&&v.FLOATING_PANEL_FAMILY.notify(this)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),this.unwatchBounds(),super.disconnectedCallback()}restoreFocus(){let t=document.activeElement;(!t||t===document.body||this.contentEl?.contains(t))&&this.triggerEl&&G(this.triggerEl)}setOpen(t){this.open!==t&&(this.open=t)}setStage(t){this.disabled||this.stage===t||(this.stage=t,(0,d.emit)(this,"stage-change",t))}getBounds(){if(this.boundary){let t=this.boundary.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}setPosition(t){this.position=t,(0,d.emit)(this,"position-change",t)}setSize(t){this.size=t,(0,d.emit)(this,"size-change",t)}moveBy(t,o){if(this.disabled||!this.draggable)return;let i=this.getBounds(),h={x:b(this.position.x+t,0,Math.max(0,i.width-this.size.width)),y:b(this.position.y+o,0,Math.max(0,i.height-this.size.height))};(h.x!==this.position.x||h.y!==this.position.y)&&this.setPosition(h)}resizeBy(t,o,i){if(this.disabled||!this.resizable)return;let h=this.getBounds(),{x:l,y:g}=this.position,{width:u,height:m}=this.size;if(t.includes("e")&&(u=y(this.size.width+o,this.minSize.width,this.maxSize.width,h.width-l)),t.includes("w")){let f=l+u;u=y(this.size.width-o,this.minSize.width,this.maxSize.width,f),l=f-u}if(t.includes("s")&&(m=y(this.size.height+i,this.minSize.height,this.maxSize.height,h.height-g)),t.includes("n")){let f=g+m;m=y(this.size.height-i,this.minSize.height,this.maxSize.height,f),g=f-m}(u!==this.size.width||m!==this.size.height)&&this.setSize({width:u,height:m}),(l!==this.position.x||g!==this.position.y)&&this.setPosition({x:l,y:g})}announceRelease(t){t==="resize"&&(0,d.emit)(this,"size-commit",this.size),(0,d.emit)(this,"position-commit",this.position);let o={position:{x:Math.round(this.position.x),y:Math.round(this.position.y)},size:{width:Math.round(this.size.width),height:Math.round(this.size.height)}};(0,x.announce)((this.getGestureAnnouncement??T)(t,o))}render(){return p.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};e.styles=p.css`
+"use strict";var w=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var R=(s,o)=>{for(var t in o)w(s,t,{get:o[t],enumerable:!0})},N=(s,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of B(o))!C.call(s,e)&&e!==t&&w(s,e,{get:()=>o[e],enumerable:!(i=S(o,e))||i.enumerable});return s};var _=s=>N(w({},"__esModule",{value:!0}),s),r=(s,o,t,i)=>{for(var e=i>1?void 0:i?S(o,t):o,h=s.length-1,l;h>=0;h--)(l=s[h])&&(e=(i?l(o,t,e):l(e))||e);return i&&e&&w(o,t,e),e};var H={};R(H,{SkdxFloatingPanel:()=>n,findFloatingPanel:()=>D,gestureAnnouncement:()=>T});module.exports=_(H);var p=require("lit"),a=require("lit/decorators.js"),L=require("../internal/authored.cjs"),M=require("../internal/closest.cjs"),x=require("../internal/define.cjs"),P=require("../internal/ids.cjs"),A=require("../internal/open-change-complete.cjs"),v=require("../internal/positioning.cjs"),I=require("../utils/live-announcer.cjs"),c=require("./FloatingPanelAnatomy.cjs"),Y=require("./FloatingPanelTrigger.cjs"),d=require("../internal/events.cjs"),z=require("./family.cjs");var F='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function G(s){(s.matches(F)?s:s.shadowRoot?.querySelector(F)??s).focus({preventScroll:!0})}function T(s,{position:o,size:t}){return s==="move"?`Panel moved to ${o.x}, ${o.y}`:`Panel resized to ${t.width} by ${t.height}`}var E=Object.freeze({x:0,y:0}),O=Object.freeze({width:320,height:240}),$=Object.freeze({width:160,height:120}),j=Object.freeze({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY});function b(s,o,t){return Math.min(Math.max(s,o),t)}function y(s,o,t,i){return b(s,o,Math.max(o,Math.min(t,i)))}function D(s){return(0,M.closestThroughPortal)(s,z.FLOATING_PANEL_FAMILY.selector)}var n=class extends p.LitElement{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.position=E;this.defaultPosition=E;this.size=O;this.defaultSize=O;this.minSize=$;this.maxSize=j;this.boundary=null;this.stage="default";this.defaultStage="default";this.draggable=!0;this.resizable=!0;this.step=10;this.disabled=!1;this.title="";this.stages=[];this.dismissible=!0;this.contentId=(0,P.nextId)("skdx-floating-panel-content");this.titleId=(0,P.nextId)("skdx-floating-panel-title");this.triggerEl=null;this.contentEl=null;this.titleEl=null;this.dragging=!1;this.resizing=!1;this.hasUpdatedOnce=!1;this.boundsObserver=null;this.windowResizeListener=null;this.windowScrollListener=null;this.origin={x:0,y:0};this.bounds=null;this.fillAnatomy=()=>{let t=`${!!this.title}|${this.stages.length}|${this.dismissible}|${this.resizable}`;t!==this._anatomyFilledFor||!(0,L.hasGeneratedContent)(this,c.FLOATING_PANEL_ANATOMY_GENERATED)?(this._anatomyFilledFor=t,(0,c.fillFloatingPanelAnatomy)(this)):(0,c.refreshFloatingPanelAnatomy)(this)}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.position===E&&(this.position=this.defaultPosition),this.size===O&&(this.size=this.defaultSize),this.hasAttribute("stage")||(this.stage=this.defaultStage),this.watchBounds();let t=this.querySelector("skdx-floating-panel-content")?.id;t&&(this.contentId=t),queueMicrotask(this.fillAnatomy)}watchBounds(){let t=()=>{this.applyBounds(this.getBounds());let i=this.boundary?.getBoundingClientRect(),e=i?{x:i.left||0,y:i.top||0}:{x:0,y:0};(e.x!==this.origin.x||e.y!==this.origin.y)&&(this.origin=e,z.FLOATING_PANEL_FAMILY.notify(this))};if(t(),this.boundary&&typeof ResizeObserver<"u"){this.boundsObserver=new ResizeObserver(t),this.boundsObserver.observe(this.boundary),this.windowScrollListener=t,window.addEventListener("scroll",t,!0);return}this.windowResizeListener=t,window.addEventListener("resize",t)}unwatchBounds(){this.boundsObserver?.disconnect(),this.boundsObserver=null,this.windowResizeListener&&window.removeEventListener("resize",this.windowResizeListener),this.windowResizeListener=null,this.windowScrollListener&&window.removeEventListener("scroll",this.windowScrollListener,!0),this.windowScrollListener=null}applyBounds(t){this.bounds=t;let i=Math.min(this.size.width,Math.max(this.minSize.width,t.width)),e=Math.min(this.size.height,Math.max(this.minSize.height,t.height));(i!==this.size.width||e!==this.size.height)&&this.setSize({width:i,height:e});let h=b(this.position.x,0,Math.max(0,t.width-i)),l=b(this.position.y,0,Math.max(0,t.height-e));(h!==this.position.x||l!==this.position.y)&&this.setPosition({x:h,y:l}),z.FLOATING_PANEL_FAMILY.notify(this)}updated(t){this.fillAnatomy();let i=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!i&&((0,d.emit)(this,"open-change",this.open),this.open||this.restoreFocus(),this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,A.notifyOpenChangeComplete)(()=>this.contentEl,this.open,e=>(0,d.emit)(this,"open-change-complete",e))),t.has("boundary")&&!i&&(this.unwatchBounds(),this.watchBounds()),t.size>0&&z.FLOATING_PANEL_FAMILY.notify(this)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),this.unwatchBounds(),super.disconnectedCallback()}restoreFocus(){let t=document.activeElement;(!t||t===document.body||this.contentEl?.contains(t))&&this.triggerEl&&G(this.triggerEl)}setOpen(t){this.open!==t&&(this.open=t)}setStage(t){this.disabled||this.stage===t||(this.stage=t,(0,d.emit)(this,"stage-change",t))}getBounds(){if(this.boundary){let t=this.boundary.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}setPosition(t){this.position=t,(0,d.emit)(this,"position-change",t)}setSize(t){this.size=t,(0,d.emit)(this,"size-change",t)}moveBy(t,i){if(this.disabled||!this.draggable)return;let e=this.getBounds(),h={x:b(this.position.x+t,0,Math.max(0,e.width-this.size.width)),y:b(this.position.y+i,0,Math.max(0,e.height-this.size.height))};(h.x!==this.position.x||h.y!==this.position.y)&&this.setPosition(h)}resizeBy(t,i,e){if(this.disabled||!this.resizable)return;let h=this.getBounds(),{x:l,y:g}=this.position,{width:u,height:m}=this.size;if(t.includes("e")&&(u=y(this.size.width+i,this.minSize.width,this.maxSize.width,h.width-l)),t.includes("w")){let f=l+u;u=y(this.size.width-i,this.minSize.width,this.maxSize.width,f),l=f-u}if(t.includes("s")&&(m=y(this.size.height+e,this.minSize.height,this.maxSize.height,h.height-g)),t.includes("n")){let f=g+m;m=y(this.size.height-e,this.minSize.height,this.maxSize.height,f),g=f-m}(u!==this.size.width||m!==this.size.height)&&this.setSize({width:u,height:m}),(l!==this.position.x||g!==this.position.y)&&this.setPosition({x:l,y:g})}announceRelease(t){t==="resize"&&(0,d.emit)(this,"size-commit",this.size),(0,d.emit)(this,"position-commit",this.position);let i={position:{x:Math.round(this.position.x),y:Math.round(this.position.y)},size:{width:Math.round(this.size.width),height:Math.round(this.size.height)}};(0,I.announce)((this.getGestureAnnouncement??T)(t,i))}render(){return p.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};n.styles=p.css`
     :host {
       display: contents;
     }
-  `,a([(0,r.property)({type:Boolean,reflect:!0})],e.prototype,"open",2),a([(0,r.property)({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),a([(0,r.property)({attribute:!1})],e.prototype,"position",2),a([(0,r.property)({type:Object,attribute:"default-position"})],e.prototype,"defaultPosition",2),a([(0,r.property)({attribute:!1})],e.prototype,"size",2),a([(0,r.property)({type:Object,attribute:"default-size"})],e.prototype,"defaultSize",2),a([(0,r.property)({type:Object,attribute:"min-size"})],e.prototype,"minSize",2),a([(0,r.property)({type:Object,attribute:"max-size"})],e.prototype,"maxSize",2),a([(0,r.property)({attribute:!1})],e.prototype,"boundary",2),a([(0,r.property)({type:String,reflect:!0})],e.prototype,"stage",2),a([(0,r.property)({type:String,attribute:"default-stage"})],e.prototype,"defaultStage",2),a([(0,r.property)({converter:w.optOutBoolean})],e.prototype,"draggable",2),a([(0,r.property)({converter:w.optOutBoolean})],e.prototype,"resizable",2),a([(0,r.property)({type:Number})],e.prototype,"step",2),a([(0,r.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([(0,r.property)({attribute:!1})],e.prototype,"getGestureAnnouncement",2),a([(0,r.property)({type:String})],e.prototype,"title",2),a([(0,r.property)({attribute:!1})],e.prototype,"stages",2),a([(0,r.property)({converter:w.optOutBoolean})],e.prototype,"dismissible",2),a([(0,r.state)()],e.prototype,"dragging",2),a([(0,r.state)()],e.prototype,"resizing",2),e=a([(0,I.customElement)("skdx-floating-panel")],e);0&&(module.exports={SkdxFloatingPanel,findFloatingPanel,gestureAnnouncement});
+  `,r([(0,a.property)({type:Boolean,reflect:!0})],n.prototype,"open",2),r([(0,a.property)({type:Boolean,attribute:"default-open"})],n.prototype,"defaultOpen",2),r([(0,a.property)({attribute:!1})],n.prototype,"position",2),r([(0,a.property)({type:Object,attribute:"default-position"})],n.prototype,"defaultPosition",2),r([(0,a.property)({attribute:!1})],n.prototype,"size",2),r([(0,a.property)({type:Object,attribute:"default-size"})],n.prototype,"defaultSize",2),r([(0,a.property)({type:Object,attribute:"min-size"})],n.prototype,"minSize",2),r([(0,a.property)({type:Object,attribute:"max-size"})],n.prototype,"maxSize",2),r([(0,a.property)({attribute:!1})],n.prototype,"boundary",2),r([(0,a.property)({type:String,reflect:!0})],n.prototype,"stage",2),r([(0,a.property)({type:String,attribute:"default-stage"})],n.prototype,"defaultStage",2),r([(0,a.property)({converter:v.optOutBoolean})],n.prototype,"draggable",2),r([(0,a.property)({converter:v.optOutBoolean})],n.prototype,"resizable",2),r([(0,a.property)({type:Number})],n.prototype,"step",2),r([(0,a.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),r([(0,a.property)({attribute:!1})],n.prototype,"getGestureAnnouncement",2),r([(0,a.property)({type:String})],n.prototype,"title",2),r([(0,a.property)({attribute:!1})],n.prototype,"stages",2),r([(0,a.property)({converter:v.optOutBoolean})],n.prototype,"dismissible",2),r([(0,a.state)()],n.prototype,"dragging",2),r([(0,a.state)()],n.prototype,"resizing",2),n=r([(0,x.customElement)("skdx-floating-panel")],n);0&&(module.exports={SkdxFloatingPanel,findFloatingPanel,gestureAnnouncement});

package/dist/floating-panel/FloatingPanel.d.cts

@@ -178,6 +178,9 @@ export declare class SkdxFloatingPanel extends LitElement {
     private teardownOpenChangeComplete?;
     private boundsObserver;
     private windowResizeListener;
+    private windowScrollListener;
+    /** @internal The boundary's top-left corner in the viewport, added to `position` when the content places itself on screen. */
+    origin: FloatingPanelPosition;
     /** @internal Latest measured boundary box, read by the resize trigger for `aria-valuemax`; null until first measurement. */
     bounds: FloatingPanelSize | null;
     connectedCallback(): void;

package/dist/floating-panel/FloatingPanel.d.ts

@@ -178,6 +178,9 @@ export declare class SkdxFloatingPanel extends LitElement {
     private teardownOpenChangeComplete?;
     private boundsObserver;
     private windowResizeListener;
+    private windowScrollListener;
+    /** @internal The boundary's top-left corner in the viewport, added to `position` when the content places itself on screen. */
+    origin: FloatingPanelPosition;
     /** @internal Latest measured boundary box, read by the resize trigger for `aria-valuemax`; null until first measurement. */
     bounds: FloatingPanelSize | null;
     connectedCallback(): void;

package/dist/floating-panel/FloatingPanel.js

@@ -1,5 +1,5 @@
-var P=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var i=(a,r,t,s)=>{for(var n=s>1?void 0:s?F(r,t):r,h=a.length-1,l;h>=0;h--)(l=a[h])&&(n=(s?l(r,t,n):l(n))||n);return s&&n&&P(r,t,n),n};import{css as M,html as S,LitElement as A}from"lit";import{property as o,state as v}from"lit/decorators.js";import{hasGeneratedContent as I}from"../internal/authored.js";import{closestThroughPortal as L}from"../internal/closest.js";import{customElement as x}from"../internal/define.js";import{nextId as E}from"../internal/ids.js";import{notifyOpenChangeComplete as T}from"../internal/open-change-complete.js";import{optOutBoolean as b}from"../internal/positioning.js";import{announce as B}from"../utils/live-announcer.js";import{fillFloatingPanelAnatomy as C,FLOATING_PANEL_ANATOMY_GENERATED as R,refreshFloatingPanelAnatomy as N}from"./FloatingPanelAnatomy.js";import"./FloatingPanelTrigger.js";import{emit as d}from"../internal/events.js";import{FLOATING_PANEL_FAMILY as w}from"./family.js";var O='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function _(a){(a.matches(O)?a:a.shadowRoot?.querySelector(O)??a).focus({preventScroll:!0})}function G(a,{position:r,size:t}){return a==="move"?`Panel moved to ${r.x}, ${r.y}`:`Panel resized to ${t.width} by ${t.height}`}var z=Object.freeze({x:0,y:0}),y=Object.freeze({width:320,height:240}),$=Object.freeze({width:160,height:120}),j=Object.freeze({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY});function g(a,r,t){return Math.min(Math.max(a,r),t)}function f(a,r,t,s){return g(a,r,Math.max(r,Math.min(t,s)))}function et(a){return L(a,w.selector)}var e=class extends A{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.position=z;this.defaultPosition=z;this.size=y;this.defaultSize=y;this.minSize=$;this.maxSize=j;this.boundary=null;this.stage="default";this.defaultStage="default";this.draggable=!0;this.resizable=!0;this.step=10;this.disabled=!1;this.title="";this.stages=[];this.dismissible=!0;this.contentId=E("skdx-floating-panel-content");this.titleId=E("skdx-floating-panel-title");this.triggerEl=null;this.contentEl=null;this.titleEl=null;this.dragging=!1;this.resizing=!1;this.hasUpdatedOnce=!1;this.boundsObserver=null;this.windowResizeListener=null;this.bounds=null;this.fillAnatomy=()=>{let t=`${!!this.title}|${this.stages.length}|${this.dismissible}|${this.resizable}`;t!==this._anatomyFilledFor||!I(this,R)?(this._anatomyFilledFor=t,C(this)):N(this)}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.position===z&&(this.position=this.defaultPosition),this.size===y&&(this.size=this.defaultSize),this.hasAttribute("stage")||(this.stage=this.defaultStage),this.watchBounds();let t=this.querySelector("skdx-floating-panel-content")?.id;t&&(this.contentId=t),queueMicrotask(this.fillAnatomy)}watchBounds(){let t=()=>this.applyBounds(this.getBounds());if(t(),this.boundary&&typeof ResizeObserver<"u"){this.boundsObserver=new ResizeObserver(t),this.boundsObserver.observe(this.boundary);return}this.windowResizeListener=t,window.addEventListener("resize",t)}unwatchBounds(){this.boundsObserver?.disconnect(),this.boundsObserver=null,this.windowResizeListener&&window.removeEventListener("resize",this.windowResizeListener),this.windowResizeListener=null}applyBounds(t){this.bounds=t;let s=Math.min(this.size.width,Math.max(this.minSize.width,t.width)),n=Math.min(this.size.height,Math.max(this.minSize.height,t.height));(s!==this.size.width||n!==this.size.height)&&this.setSize({width:s,height:n});let h=g(this.position.x,0,Math.max(0,t.width-s)),l=g(this.position.y,0,Math.max(0,t.height-n));(h!==this.position.x||l!==this.position.y)&&this.setPosition({x:h,y:l}),w.notify(this)}updated(t){this.fillAnatomy();let s=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!s&&(d(this,"open-change",this.open),this.open||this.restoreFocus(),this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=T(()=>this.contentEl,this.open,n=>d(this,"open-change-complete",n))),t.has("boundary")&&!s&&(this.unwatchBounds(),this.watchBounds()),t.size>0&&w.notify(this)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),this.unwatchBounds(),super.disconnectedCallback()}restoreFocus(){let t=document.activeElement;(!t||t===document.body||this.contentEl?.contains(t))&&this.triggerEl&&_(this.triggerEl)}setOpen(t){this.open!==t&&(this.open=t)}setStage(t){this.disabled||this.stage===t||(this.stage=t,d(this,"stage-change",t))}getBounds(){if(this.boundary){let t=this.boundary.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}setPosition(t){this.position=t,d(this,"position-change",t)}setSize(t){this.size=t,d(this,"size-change",t)}moveBy(t,s){if(this.disabled||!this.draggable)return;let n=this.getBounds(),h={x:g(this.position.x+t,0,Math.max(0,n.width-this.size.width)),y:g(this.position.y+s,0,Math.max(0,n.height-this.size.height))};(h.x!==this.position.x||h.y!==this.position.y)&&this.setPosition(h)}resizeBy(t,s,n){if(this.disabled||!this.resizable)return;let h=this.getBounds(),{x:l,y:p}=this.position,{width:u,height:m}=this.size;if(t.includes("e")&&(u=f(this.size.width+s,this.minSize.width,this.maxSize.width,h.width-l)),t.includes("w")){let c=l+u;u=f(this.size.width-s,this.minSize.width,this.maxSize.width,c),l=c-u}if(t.includes("s")&&(m=f(this.size.height+n,this.minSize.height,this.maxSize.height,h.height-p)),t.includes("n")){let c=p+m;m=f(this.size.height-n,this.minSize.height,this.maxSize.height,c),p=c-m}(u!==this.size.width||m!==this.size.height)&&this.setSize({width:u,height:m}),(l!==this.position.x||p!==this.position.y)&&this.setPosition({x:l,y:p})}announceRelease(t){t==="resize"&&d(this,"size-commit",this.size),d(this,"position-commit",this.position);let s={position:{x:Math.round(this.position.x),y:Math.round(this.position.y)},size:{width:Math.round(this.size.width),height:Math.round(this.size.height)}};B((this.getGestureAnnouncement??G)(t,s))}render(){return S`<slot @slotchange=${this.fillAnatomy}></slot>`}};e.styles=M`
+var P=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var s=(r,a,t,i)=>{for(var n=i>1?void 0:i?S(a,t):a,h=r.length-1,l;h>=0;h--)(l=r[h])&&(n=(i?l(a,t,n):l(n))||n);return i&&n&&P(a,t,n),n};import{css as F,html as L,LitElement as M}from"lit";import{property as o,state as v}from"lit/decorators.js";import{hasGeneratedContent as x}from"../internal/authored.js";import{closestThroughPortal as A}from"../internal/closest.js";import{customElement as I}from"../internal/define.js";import{nextId as E}from"../internal/ids.js";import{notifyOpenChangeComplete as T}from"../internal/open-change-complete.js";import{optOutBoolean as z}from"../internal/positioning.js";import{announce as B}from"../utils/live-announcer.js";import{fillFloatingPanelAnatomy as C,FLOATING_PANEL_ANATOMY_GENERATED as R,refreshFloatingPanelAnatomy as N}from"./FloatingPanelAnatomy.js";import"./FloatingPanelTrigger.js";import{emit as d}from"../internal/events.js";import{FLOATING_PANEL_FAMILY as b}from"./family.js";var O='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function _(r){(r.matches(O)?r:r.shadowRoot?.querySelector(O)??r).focus({preventScroll:!0})}function G(r,{position:a,size:t}){return r==="move"?`Panel moved to ${a.x}, ${a.y}`:`Panel resized to ${t.width} by ${t.height}`}var w=Object.freeze({x:0,y:0}),y=Object.freeze({width:320,height:240}),$=Object.freeze({width:160,height:120}),j=Object.freeze({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY});function g(r,a,t){return Math.min(Math.max(r,a),t)}function f(r,a,t,i){return g(r,a,Math.max(a,Math.min(t,i)))}function et(r){return A(r,b.selector)}var e=class extends M{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.position=w;this.defaultPosition=w;this.size=y;this.defaultSize=y;this.minSize=$;this.maxSize=j;this.boundary=null;this.stage="default";this.defaultStage="default";this.draggable=!0;this.resizable=!0;this.step=10;this.disabled=!1;this.title="";this.stages=[];this.dismissible=!0;this.contentId=E("skdx-floating-panel-content");this.titleId=E("skdx-floating-panel-title");this.triggerEl=null;this.contentEl=null;this.titleEl=null;this.dragging=!1;this.resizing=!1;this.hasUpdatedOnce=!1;this.boundsObserver=null;this.windowResizeListener=null;this.windowScrollListener=null;this.origin={x:0,y:0};this.bounds=null;this.fillAnatomy=()=>{let t=`${!!this.title}|${this.stages.length}|${this.dismissible}|${this.resizable}`;t!==this._anatomyFilledFor||!x(this,R)?(this._anatomyFilledFor=t,C(this)):N(this)}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.position===w&&(this.position=this.defaultPosition),this.size===y&&(this.size=this.defaultSize),this.hasAttribute("stage")||(this.stage=this.defaultStage),this.watchBounds();let t=this.querySelector("skdx-floating-panel-content")?.id;t&&(this.contentId=t),queueMicrotask(this.fillAnatomy)}watchBounds(){let t=()=>{this.applyBounds(this.getBounds());let i=this.boundary?.getBoundingClientRect(),n=i?{x:i.left||0,y:i.top||0}:{x:0,y:0};(n.x!==this.origin.x||n.y!==this.origin.y)&&(this.origin=n,b.notify(this))};if(t(),this.boundary&&typeof ResizeObserver<"u"){this.boundsObserver=new ResizeObserver(t),this.boundsObserver.observe(this.boundary),this.windowScrollListener=t,window.addEventListener("scroll",t,!0);return}this.windowResizeListener=t,window.addEventListener("resize",t)}unwatchBounds(){this.boundsObserver?.disconnect(),this.boundsObserver=null,this.windowResizeListener&&window.removeEventListener("resize",this.windowResizeListener),this.windowResizeListener=null,this.windowScrollListener&&window.removeEventListener("scroll",this.windowScrollListener,!0),this.windowScrollListener=null}applyBounds(t){this.bounds=t;let i=Math.min(this.size.width,Math.max(this.minSize.width,t.width)),n=Math.min(this.size.height,Math.max(this.minSize.height,t.height));(i!==this.size.width||n!==this.size.height)&&this.setSize({width:i,height:n});let h=g(this.position.x,0,Math.max(0,t.width-i)),l=g(this.position.y,0,Math.max(0,t.height-n));(h!==this.position.x||l!==this.position.y)&&this.setPosition({x:h,y:l}),b.notify(this)}updated(t){this.fillAnatomy();let i=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!i&&(d(this,"open-change",this.open),this.open||this.restoreFocus(),this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=T(()=>this.contentEl,this.open,n=>d(this,"open-change-complete",n))),t.has("boundary")&&!i&&(this.unwatchBounds(),this.watchBounds()),t.size>0&&b.notify(this)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),this.unwatchBounds(),super.disconnectedCallback()}restoreFocus(){let t=document.activeElement;(!t||t===document.body||this.contentEl?.contains(t))&&this.triggerEl&&_(this.triggerEl)}setOpen(t){this.open!==t&&(this.open=t)}setStage(t){this.disabled||this.stage===t||(this.stage=t,d(this,"stage-change",t))}getBounds(){if(this.boundary){let t=this.boundary.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}setPosition(t){this.position=t,d(this,"position-change",t)}setSize(t){this.size=t,d(this,"size-change",t)}moveBy(t,i){if(this.disabled||!this.draggable)return;let n=this.getBounds(),h={x:g(this.position.x+t,0,Math.max(0,n.width-this.size.width)),y:g(this.position.y+i,0,Math.max(0,n.height-this.size.height))};(h.x!==this.position.x||h.y!==this.position.y)&&this.setPosition(h)}resizeBy(t,i,n){if(this.disabled||!this.resizable)return;let h=this.getBounds(),{x:l,y:p}=this.position,{width:u,height:m}=this.size;if(t.includes("e")&&(u=f(this.size.width+i,this.minSize.width,this.maxSize.width,h.width-l)),t.includes("w")){let c=l+u;u=f(this.size.width-i,this.minSize.width,this.maxSize.width,c),l=c-u}if(t.includes("s")&&(m=f(this.size.height+n,this.minSize.height,this.maxSize.height,h.height-p)),t.includes("n")){let c=p+m;m=f(this.size.height-n,this.minSize.height,this.maxSize.height,c),p=c-m}(u!==this.size.width||m!==this.size.height)&&this.setSize({width:u,height:m}),(l!==this.position.x||p!==this.position.y)&&this.setPosition({x:l,y:p})}announceRelease(t){t==="resize"&&d(this,"size-commit",this.size),d(this,"position-commit",this.position);let i={position:{x:Math.round(this.position.x),y:Math.round(this.position.y)},size:{width:Math.round(this.size.width),height:Math.round(this.size.height)}};B((this.getGestureAnnouncement??G)(t,i))}render(){return L`<slot @slotchange=${this.fillAnatomy}></slot>`}};e.styles=F`
     :host {
       display: contents;
     }
-  `,i([o({type:Boolean,reflect:!0})],e.prototype,"open",2),i([o({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),i([o({attribute:!1})],e.prototype,"position",2),i([o({type:Object,attribute:"default-position"})],e.prototype,"defaultPosition",2),i([o({attribute:!1})],e.prototype,"size",2),i([o({type:Object,attribute:"default-size"})],e.prototype,"defaultSize",2),i([o({type:Object,attribute:"min-size"})],e.prototype,"minSize",2),i([o({type:Object,attribute:"max-size"})],e.prototype,"maxSize",2),i([o({attribute:!1})],e.prototype,"boundary",2),i([o({type:String,reflect:!0})],e.prototype,"stage",2),i([o({type:String,attribute:"default-stage"})],e.prototype,"defaultStage",2),i([o({converter:b})],e.prototype,"draggable",2),i([o({converter:b})],e.prototype,"resizable",2),i([o({type:Number})],e.prototype,"step",2),i([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([o({attribute:!1})],e.prototype,"getGestureAnnouncement",2),i([o({type:String})],e.prototype,"title",2),i([o({attribute:!1})],e.prototype,"stages",2),i([o({converter:b})],e.prototype,"dismissible",2),i([v()],e.prototype,"dragging",2),i([v()],e.prototype,"resizing",2),e=i([x("skdx-floating-panel")],e);export{e as SkdxFloatingPanel,et as findFloatingPanel,G as gestureAnnouncement};
+  `,s([o({type:Boolean,reflect:!0})],e.prototype,"open",2),s([o({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),s([o({attribute:!1})],e.prototype,"position",2),s([o({type:Object,attribute:"default-position"})],e.prototype,"defaultPosition",2),s([o({attribute:!1})],e.prototype,"size",2),s([o({type:Object,attribute:"default-size"})],e.prototype,"defaultSize",2),s([o({type:Object,attribute:"min-size"})],e.prototype,"minSize",2),s([o({type:Object,attribute:"max-size"})],e.prototype,"maxSize",2),s([o({attribute:!1})],e.prototype,"boundary",2),s([o({type:String,reflect:!0})],e.prototype,"stage",2),s([o({type:String,attribute:"default-stage"})],e.prototype,"defaultStage",2),s([o({converter:z})],e.prototype,"draggable",2),s([o({converter:z})],e.prototype,"resizable",2),s([o({type:Number})],e.prototype,"step",2),s([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),s([o({attribute:!1})],e.prototype,"getGestureAnnouncement",2),s([o({type:String})],e.prototype,"title",2),s([o({attribute:!1})],e.prototype,"stages",2),s([o({converter:z})],e.prototype,"dismissible",2),s([v()],e.prototype,"dragging",2),s([v()],e.prototype,"resizing",2),e=s([I("skdx-floating-panel")],e);export{e as SkdxFloatingPanel,et as findFloatingPanel,G as gestureAnnouncement};

package/dist/floating-panel/FloatingPanelContent.cjs

@@ -1,5 +1,5 @@
-"use strict";var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var x=(n,o)=>{for(var t in o)d(n,t,{get:o[t],enumerable:!0})},b=(n,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of E(o))!v.call(n,i)&&i!==t&&d(n,i,{get:()=>o[i],enumerable:!(e=p(o,i))||e.enumerable});return n};var w=n=>b(d({},"__esModule",{value:!0}),n),u=(n,o,t,e)=>{for(var i=e>1?void 0:e?p(o,t):o,l=n.length-1,h;l>=0;l--)(h=n[l])&&(i=(e?h(o,t,i):h(i))||i);return e&&i&&d(o,t,i),i};var L={};x(L,{SkdxFloatingPanelContent:()=>r});module.exports=w(L);var a=require("lit"),g=require("../internal/aria-part.cjs"),m=require("../internal/define.cjs"),s=require("../internal/dismiss.cjs"),f=require("../internal/styles.cjs"),c=require("./family.cjs"),y=require("./FloatingPanel.cjs");var k=".skdx-floating-panel__content, .skdx-floating-panel__trigger",r=class extends a.LitElement{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.syncHostState();this.handleDocumentKeyDown=t=>{if(t.key!=="Escape"||!this.root?.open)return;let e=t.target?.closest?.(k);e&&!this.isInside(e)||(0,s.dispatchEscapeKeyDown)(this,t)&&this.root.setOpen(!1)};this.handleOutsidePointerDown=t=>{let e=this.root;if(!e?.open)return;let i=t.target;!i||this.isInside(i)||(0,s.dispatchOutside)(this,"pointer-down-outside",t)&&e.setOpen(!1)};this.handleOutsideFocus=t=>{let e=this.root;if(!e?.open)return;let i=(0,s.focusOutsideTarget)(t);!i||this.contains(i)||e.triggerEl?.contains(i)||(0,s.dispatchOutside)(this,"focus-outside",t)}}connectedCallback(){if(super.connectedCallback(),this.root??(this.root=(0,y.findFloatingPanel)(this)),!this.root)throw new Error("<skdx-floating-panel-content> must be used inside <skdx-floating-panel>.");this.root.contentEl=this,this.root.addEventListener(c.FLOATING_PANEL_FAMILY.event,this.onRootUpdate),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(c.FLOATING_PANEL_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.removeEventListener("focusin",this.handleOutsideFocus,!0),super.disconnectedCallback()}syncHostState(){let t=this.root;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId,this.setAttribute("role","dialog"),this.setAttribute("aria-modal","false"),(0,g.syncPartIdRef)(this,"aria-labelledby",t.titleEl,"skdx-floating-panel-content","title"),this.setAttribute("data-state",t.open?"open":"closed"),this.setAttribute("data-stage",t.stage),this.toggleAttribute("data-dragging",t.dragging),this.toggleAttribute("data-resizing",t.resizing),this.toggleAttribute("data-disabled",t.disabled);let e=t.stage==="maximized"?{x:"0px",y:"0px",width:"100%",height:"100%"}:{x:`${t.position.x}px`,y:`${t.position.y}px`,width:`${t.size.width}px`,height:t.stage==="minimized"?"auto":`${t.size.height}px`};this.style.setProperty("--skdx-floating-panel-x",e.x),this.style.setProperty("--skdx-floating-panel-y",e.y),this.style.setProperty("--skdx-floating-panel-width",e.width),this.style.setProperty("--skdx-floating-panel-height",e.height),this.hidden=!t.open}isInside(t){return this.contains(t)||!!this.root?.triggerEl?.contains(t)}render(){return a.html`<slot></slot>`}};r.styles=[a.css`
+"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var x=(n,s)=>{for(var t in s)d(n,t,{get:s[t],enumerable:!0})},L=(n,s,t,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let e of v(s))!E.call(n,e)&&e!==t&&d(n,e,{get:()=>s[e],enumerable:!(i=c(s,e))||i.enumerable});return n};var b=n=>L(d({},"__esModule",{value:!0}),n),u=(n,s,t,i)=>{for(var e=i>1?void 0:i?c(s,t):s,l=n.length-1,h;l>=0;l--)(h=n[l])&&(e=(i?h(s,t,e):h(e))||e);return i&&e&&d(s,t,e),e};var k={};x(k,{SkdxFloatingPanelContent:()=>r});module.exports=b(k);var a=require("lit"),g=require("../internal/aria-part.cjs"),y=require("../internal/define.cjs"),o=require("../internal/dismiss.cjs"),f=require("../internal/styles.cjs"),p=require("./family.cjs"),m=require("./FloatingPanel.cjs");var w=".skdx-floating-panel__content, .skdx-floating-panel__trigger",r=class extends a.LitElement{constructor(){super(...arguments);this.root=null;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.onRootUpdate=()=>this.syncHostState();this.handleDocumentKeyDown=t=>{if(t.key!=="Escape"||!this.root?.open)return;let i=t.target?.closest?.(w);i&&!this.isInside(i)||(0,o.dispatchEscapeKeyDown)(this,t)&&this.root.setOpen(!1)};this.handleOutsidePointerDown=t=>{let i=this.root;if(!i?.open)return;let e=t.target;!e||this.isInside(e)||(0,o.dispatchOutside)(this,"pointer-down-outside",t)&&i.setOpen(!1)};this.handleOutsideFocus=t=>{let i=this.root;if(!i?.open)return;let e=(0,o.focusOutsideTarget)(t);!e||this.contains(e)||i.triggerEl?.contains(e)||(0,o.nestedLayerContains)(this.layer,e)||(0,o.dispatchOutside)(this,"focus-outside",t)}}connectedCallback(){if(super.connectedCallback(),this.root??(this.root=(0,m.findFloatingPanel)(this)),!this.root)throw new Error("<skdx-floating-panel-content> must be used inside <skdx-floating-panel>.");this.root.contentEl=this,this.root.addEventListener(p.FLOATING_PANEL_FAMILY.event,this.onRootUpdate),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(p.FLOATING_PANEL_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.releaseLayer?.(),this.releaseLayer=void 0,document.removeEventListener("focusin",this.handleOutsideFocus,!0),super.disconnectedCallback()}syncHostState(){let t=this.root;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId,this.setAttribute("role","dialog"),this.setAttribute("aria-modal","false"),(0,g.syncPartIdRef)(this,"aria-labelledby",t.titleEl,"skdx-floating-panel-content","title"),this.setAttribute("data-state",t.open?"open":"closed"),this.setAttribute("data-stage",t.stage),this.toggleAttribute("data-dragging",t.dragging),this.toggleAttribute("data-resizing",t.resizing),this.toggleAttribute("data-disabled",t.disabled);let i=t.boundary&&t.bounds,e=t.stage==="maximized"?{x:`${t.origin.x}px`,y:`${t.origin.y}px`,width:i?`${i.width}px`:"100%",height:i?`${i.height}px`:"100%"}:{x:`${t.origin.x+t.position.x}px`,y:`${t.origin.y+t.position.y}px`,width:`${t.size.width}px`,height:t.stage==="minimized"?"auto":`${t.size.height}px`};this.style.setProperty("--skdx-floating-panel-x",e.x),this.style.setProperty("--skdx-floating-panel-y",e.y),this.style.setProperty("--skdx-floating-panel-width",e.width),this.style.setProperty("--skdx-floating-panel-height",e.height),this.hidden=!t.open,t.open&&!this.releaseLayer?this.releaseLayer=(0,o.pushDismissLayer)(this.layer):!t.open&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0)}isInside(t){return this.contains(t)||!!this.root?.triggerEl?.contains(t)||(0,o.nestedLayerContains)(this.layer,t)}render(){return a.html`<slot></slot>`}};r.styles=[a.css`
       :host {
         display: block;
       }
-    `,f.hiddenHostStyles],r=u([(0,m.customElement)("skdx-floating-panel-content","floating-panel","content")],r);0&&(module.exports={SkdxFloatingPanelContent});
+    `,f.hiddenHostStyles],r=u([(0,y.customElement)("skdx-floating-panel-content","floating-panel","content")],r);0&&(module.exports={SkdxFloatingPanelContent});

package/dist/floating-panel/FloatingPanelContent.d.cts

@@ -11,6 +11,9 @@ import { LitElement, type TemplateResult } from 'lit';
 export declare class SkdxFloatingPanelContent extends LitElement {
     static styles: import("lit").CSSResult[];
     private root;
+    /** What counts as inside this layer: the panel and its trigger. */
+    private readonly layer;
+    private releaseLayer?;
     private readonly onRootUpdate;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/floating-panel/FloatingPanelContent.d.ts

@@ -11,6 +11,9 @@ import { LitElement, type TemplateResult } from 'lit';
 export declare class SkdxFloatingPanelContent extends LitElement {
     static styles: import("lit").CSSResult[];
     private root;
+    /** What counts as inside this layer: the panel and its trigger. */
+    private readonly layer;
+    private releaseLayer?;
     private readonly onRootUpdate;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/floating-panel/FloatingPanelContent.js

@@ -1,5 +1,5 @@
-var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var d=(s,o,t,e)=>{for(var i=e>1?void 0:e?p(o,t):o,r=s.length-1,a;r>=0;r--)(a=s[r])&&(i=(e?a(o,t,i):a(i))||i);return e&&i&&c(o,t,i),i};import{css as u,html as g,LitElement as m}from"lit";import{syncPartIdRef as f}from"../internal/aria-part.js";import{customElement as y}from"../internal/define.js";import{dispatchEscapeKeyDown as E,dispatchOutside as l,focusOutsideTarget as v}from"../internal/dismiss.js";import{hiddenHostStyles as x}from"../internal/styles.js";import{FLOATING_PANEL_FAMILY as h}from"./family.js";import{findFloatingPanel as b}from"./FloatingPanel.js";var w=".skdx-floating-panel__content, .skdx-floating-panel__trigger",n=class extends m{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.syncHostState();this.handleDocumentKeyDown=t=>{if(t.key!=="Escape"||!this.root?.open)return;let e=t.target?.closest?.(w);e&&!this.isInside(e)||E(this,t)&&this.root.setOpen(!1)};this.handleOutsidePointerDown=t=>{let e=this.root;if(!e?.open)return;let i=t.target;!i||this.isInside(i)||l(this,"pointer-down-outside",t)&&e.setOpen(!1)};this.handleOutsideFocus=t=>{let e=this.root;if(!e?.open)return;let i=v(t);!i||this.contains(i)||e.triggerEl?.contains(i)||l(this,"focus-outside",t)}}connectedCallback(){if(super.connectedCallback(),this.root??(this.root=b(this)),!this.root)throw new Error("<skdx-floating-panel-content> must be used inside <skdx-floating-panel>.");this.root.contentEl=this,this.root.addEventListener(h.event,this.onRootUpdate),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(h.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.removeEventListener("focusin",this.handleOutsideFocus,!0),super.disconnectedCallback()}syncHostState(){let t=this.root;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId,this.setAttribute("role","dialog"),this.setAttribute("aria-modal","false"),f(this,"aria-labelledby",t.titleEl,"skdx-floating-panel-content","title"),this.setAttribute("data-state",t.open?"open":"closed"),this.setAttribute("data-stage",t.stage),this.toggleAttribute("data-dragging",t.dragging),this.toggleAttribute("data-resizing",t.resizing),this.toggleAttribute("data-disabled",t.disabled);let e=t.stage==="maximized"?{x:"0px",y:"0px",width:"100%",height:"100%"}:{x:`${t.position.x}px`,y:`${t.position.y}px`,width:`${t.size.width}px`,height:t.stage==="minimized"?"auto":`${t.size.height}px`};this.style.setProperty("--skdx-floating-panel-x",e.x),this.style.setProperty("--skdx-floating-panel-y",e.y),this.style.setProperty("--skdx-floating-panel-width",e.width),this.style.setProperty("--skdx-floating-panel-height",e.height),this.hidden=!t.open}isInside(t){return this.contains(t)||!!this.root?.triggerEl?.contains(t)}render(){return g`<slot></slot>`}};n.styles=[u`
+var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=(n,s,t,i)=>{for(var e=i>1?void 0:i?u(s,t):s,r=n.length-1,a;r>=0;r--)(a=n[r])&&(e=(i?a(s,t,e):a(e))||e);return i&&e&&c(s,t,e),e};import{css as g,html as y,LitElement as f}from"lit";import{syncPartIdRef as m}from"../internal/aria-part.js";import{customElement as v}from"../internal/define.js";import{dispatchEscapeKeyDown as E,dispatchOutside as l,focusOutsideTarget as x,nestedLayerContains as h,pushDismissLayer as L}from"../internal/dismiss.js";import{hiddenHostStyles as b}from"../internal/styles.js";import{FLOATING_PANEL_FAMILY as p}from"./family.js";import{findFloatingPanel as w}from"./FloatingPanel.js";var k=".skdx-floating-panel__content, .skdx-floating-panel__trigger",o=class extends f{constructor(){super(...arguments);this.root=null;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.onRootUpdate=()=>this.syncHostState();this.handleDocumentKeyDown=t=>{if(t.key!=="Escape"||!this.root?.open)return;let i=t.target?.closest?.(k);i&&!this.isInside(i)||E(this,t)&&this.root.setOpen(!1)};this.handleOutsidePointerDown=t=>{let i=this.root;if(!i?.open)return;let e=t.target;!e||this.isInside(e)||l(this,"pointer-down-outside",t)&&i.setOpen(!1)};this.handleOutsideFocus=t=>{let i=this.root;if(!i?.open)return;let e=x(t);!e||this.contains(e)||i.triggerEl?.contains(e)||h(this.layer,e)||l(this,"focus-outside",t)}}connectedCallback(){if(super.connectedCallback(),this.root??(this.root=w(this)),!this.root)throw new Error("<skdx-floating-panel-content> must be used inside <skdx-floating-panel>.");this.root.contentEl=this,this.root.addEventListener(p.event,this.onRootUpdate),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(p.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.releaseLayer?.(),this.releaseLayer=void 0,document.removeEventListener("focusin",this.handleOutsideFocus,!0),super.disconnectedCallback()}syncHostState(){let t=this.root;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId,this.setAttribute("role","dialog"),this.setAttribute("aria-modal","false"),m(this,"aria-labelledby",t.titleEl,"skdx-floating-panel-content","title"),this.setAttribute("data-state",t.open?"open":"closed"),this.setAttribute("data-stage",t.stage),this.toggleAttribute("data-dragging",t.dragging),this.toggleAttribute("data-resizing",t.resizing),this.toggleAttribute("data-disabled",t.disabled);let i=t.boundary&&t.bounds,e=t.stage==="maximized"?{x:`${t.origin.x}px`,y:`${t.origin.y}px`,width:i?`${i.width}px`:"100%",height:i?`${i.height}px`:"100%"}:{x:`${t.origin.x+t.position.x}px`,y:`${t.origin.y+t.position.y}px`,width:`${t.size.width}px`,height:t.stage==="minimized"?"auto":`${t.size.height}px`};this.style.setProperty("--skdx-floating-panel-x",e.x),this.style.setProperty("--skdx-floating-panel-y",e.y),this.style.setProperty("--skdx-floating-panel-width",e.width),this.style.setProperty("--skdx-floating-panel-height",e.height),this.hidden=!t.open,t.open&&!this.releaseLayer?this.releaseLayer=L(this.layer):!t.open&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0)}isInside(t){return this.contains(t)||!!this.root?.triggerEl?.contains(t)||h(this.layer,t)}render(){return y`<slot></slot>`}};o.styles=[g`
       :host {
         display: block;
       }
-    `,x],n=d([y("skdx-floating-panel-content","floating-panel","content")],n);export{n as SkdxFloatingPanelContent};
+    `,b],o=d([v("skdx-floating-panel-content","floating-panel","content")],o);export{o as SkdxFloatingPanelContent};

package/dist/gauge/Gauge.cjs

@@ -0,0 +1 @@
+"use strict";var g=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var m=(s,e)=>{for(var r in e)g(s,r,{get:e[r],enumerable:!0})},n=(s,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of d(e))!l.call(s,t)&&t!==r&&g(s,t,{get:()=>e[t],enumerable:!(o=c(e,t))||o.enumerable});return s};var i=s=>n(g({},"__esModule",{value:!0}),s);var x={};m(x,{SkdxGauge:()=>a});module.exports=i(x);var u=require("../progress/Progress.cjs"),a=class extends u.SkdxProgress{constructor(){super(),this.role="meter",this.circular=!0}};customElements.get("skdx-gauge")===void 0&&customElements.define("skdx-gauge",a);0&&(module.exports={SkdxGauge});

package/dist/gauge/Gauge.d.cts

@@ -0,0 +1,12 @@
+import { SkdxProgress } from '../progress/Progress.cjs';
+/**
+ * Gauge alias of <skdx-progress>: the same component with `role='meter'` and `circular=true` as defaults. Every attribute, property, event and slot of `<skdx-progress>` applies; reach for `<skdx-progress>` itself for full control.
+ */
+export declare class SkdxGauge extends SkdxProgress {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-gauge': SkdxGauge;
+    }
+}

package/dist/gauge/Gauge.d.ts

@@ -0,0 +1,12 @@
+import { SkdxProgress } from '../progress/Progress.js';
+/**
+ * Gauge alias of <skdx-progress>: the same component with `role='meter'` and `circular=true` as defaults. Every attribute, property, event and slot of `<skdx-progress>` applies; reach for `<skdx-progress>` itself for full control.
+ */
+export declare class SkdxGauge extends SkdxProgress {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-gauge': SkdxGauge;
+    }
+}

package/dist/gauge/Gauge.js

@@ -0,0 +1 @@
+import{SkdxProgress as s}from"../progress/Progress.js";var e=class extends s{constructor(){super(),this.role="meter",this.circular=!0}};customElements.get("skdx-gauge")===void 0&&customElements.define("skdx-gauge",e);export{e as SkdxGauge};

package/dist/gauge/index.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var p=(o,e)=>{for(var x in e)a(o,x,{get:e[x],enumerable:!0})},t=(o,e,x,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of k(e))!m.call(o,r)&&r!==x&&a(o,r,{get:()=>e[r],enumerable:!(d=g(e,r))||d.enumerable});return o};var u=o=>t(a({},"__esModule",{value:!0}),o);var G={};p(G,{SkdxGauge:()=>f.SkdxGauge});module.exports=u(G);var f=require("./Gauge.cjs");0&&(module.exports={SkdxGauge});

package/dist/gauge/index.d.cts

@@ -0,0 +1 @@
+export { SkdxGauge } from './Gauge.cjs';

package/dist/gauge/index.d.ts

@@ -0,0 +1 @@
+export { SkdxGauge } from './Gauge.js';

package/dist/gauge/index.js

@@ -0,0 +1 @@
+import{SkdxGauge as r}from"./Gauge.js";export{r as SkdxGauge};

package/dist/grid/Grid.cjs

@@ -0,0 +1 @@
+"use strict";var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var c=(d,e)=>{for(var t in e)i(d,t,{get:e[t],enumerable:!0})},g=(d,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of l(e))!m.call(d,s)&&s!==t&&i(d,s,{get:()=>e[s],enumerable:!(n=a(e,s))||n.enumerable});return d};var x=d=>g(i({},"__esModule",{value:!0}),d);var f={};c(f,{SkdxGrid:()=>r});module.exports=x(f);var o=require("../box/Box.cjs"),r=class extends o.SkdxBox{constructor(){super(),this.display="grid"}};customElements.get("skdx-grid")===void 0&&customElements.define("skdx-grid",r);0&&(module.exports={SkdxGrid});

package/dist/grid/Grid.d.cts

@@ -0,0 +1,12 @@
+import { SkdxBox } from '../box/Box.cjs';
+/**
+ * Grid alias of <skdx-box>: the same component with `display='grid'` as defaults. Every attribute, property, event and slot of `<skdx-box>` applies; reach for `<skdx-box>` itself for full control.
+ */
+export declare class SkdxGrid extends SkdxBox {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-grid': SkdxGrid;
+    }
+}

package/dist/grid/Grid.d.ts

@@ -0,0 +1,12 @@
+import { SkdxBox } from '../box/Box.js';
+/**
+ * Grid alias of <skdx-box>: the same component with `display='grid'` as defaults. Every attribute, property, event and slot of `<skdx-box>` applies; reach for `<skdx-box>` itself for full control.
+ */
+export declare class SkdxGrid extends SkdxBox {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-grid': SkdxGrid;
+    }
+}

package/dist/grid/Grid.js

@@ -0,0 +1 @@
+import{SkdxBox as d}from"../box/Box.js";var e=class extends d{constructor(){super(),this.display="grid"}};customElements.get("skdx-grid")===void 0&&customElements.define("skdx-grid",e);export{e as SkdxGrid};

package/dist/grid/index.cjs

@@ -0,0 +1 @@
+"use strict";var e=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var t=(d,r)=>{for(var x in r)e(d,x,{get:r[x],enumerable:!0})},G=(d,r,x,f)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of m(r))!p.call(d,o)&&o!==x&&e(d,o,{get:()=>r[o],enumerable:!(f=k(r,o))||f.enumerable});return d};var S=d=>G(e({},"__esModule",{value:!0}),d);var a={};t(a,{SkdxGrid:()=>i.SkdxGrid});module.exports=S(a);var i=require("./Grid.cjs");0&&(module.exports={SkdxGrid});

package/dist/grid/index.d.cts

@@ -0,0 +1 @@
+export { SkdxGrid } from './Grid.cjs';

package/dist/grid/index.d.ts

@@ -0,0 +1 @@
+export { SkdxGrid } from './Grid.js';

package/dist/grid/index.js

@@ -0,0 +1 @@
+import{SkdxGrid as o}from"./Grid.js";export{o as SkdxGrid};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var b=Object.defineProperty;var Be=Object.getOwnPropertyDescriptor;var we=Object.getOwnPropertyNames;var Ue=Object.prototype.hasOwnProperty;var ze=(a,t)=>{for(var m in t)b(a,m,{get:t[m],enumerable:!0})},He=(a,t,m,C)=>{if(t&&typeof t=="object"||typeof t=="function")for(let S of we(t))!Ue.call(a,S)&&S!==m&&b(a,S,{get:()=>t[S],enumerable:!(C=Be(t,S))||C.enumerable});return a};var _e=a=>He(b({},"__esModule",{value:!0}),a);var We={};ze(We,{ANNOUNCE_DEBOUNCE_MS:()=>l.ANNOUNCE_DEBOUNCE_MS,DEFAULT_PAGINATION_LABELS:()=>x.DEFAULT_PAGINATION_LABELS,DEFAULT_TOAST_DURATION:()=>i.DEFAULT_TOAST_DURATION,SkdxAccordion:()=>h.SkdxAccordion,SkdxAlert:()=>F.SkdxAlert,SkdxAngleSlider:()=>M.SkdxAngleSlider,SkdxAspectRatio:()=>P.SkdxAspectRatio,SkdxAutocomplete:()=>k.SkdxAutocomplete,SkdxAvatar:()=>R.SkdxAvatar,SkdxBadge:()=>I.SkdxBadge,SkdxBox:()=>le.SkdxBox,SkdxBreadcrumb:()=>A.SkdxBreadcrumb,SkdxButton:()=>L.SkdxButton,SkdxCalendar:()=>e.SkdxCalendar,SkdxCard:()=>o.SkdxCard,SkdxCardContent:()=>o.SkdxCardContent,SkdxCardFooter:()=>o.SkdxCardFooter,SkdxCardHeader:()=>o.SkdxCardHeader,SkdxCarousel:()=>O.SkdxCarousel,SkdxCheckbox:()=>v.SkdxCheckbox,SkdxCheckboxCard:()=>G.SkdxCheckboxCard,SkdxCheckboxGroup:()=>E.SkdxCheckboxGroup,SkdxClipboard:()=>N.SkdxClipboard,SkdxCollapsible:()=>V.SkdxCollapsible,SkdxColorPicker:()=>B.SkdxColorPicker,SkdxCombobox:()=>w.SkdxCombobox,SkdxCommand:()=>s.SkdxCommand,SkdxDateField:()=>U.SkdxDateField,SkdxDatePicker:()=>z.SkdxDatePicker,SkdxDialog:()=>H.SkdxDialog,SkdxDivider:()=>ne.SkdxDivider,SkdxDrawer:()=>_.SkdxDrawer,SkdxEditable:()=>Q.SkdxEditable,SkdxField:()=>f.SkdxField,SkdxFieldset:()=>f.SkdxFieldset,SkdxFileUpload:()=>Y.SkdxFileUpload,SkdxFloatingPanel:()=>y.SkdxFloatingPanel,SkdxForm:()=>c.SkdxForm,SkdxFormField:()=>c.SkdxFormField,SkdxHeading:()=>j.SkdxHeading,SkdxImage:()=>me.SkdxImage,SkdxKbd:()=>q.SkdxKbd,SkdxLabel:()=>K.SkdxLabel,SkdxLink:()=>Se.SkdxLink,SkdxList:()=>D.SkdxList,SkdxListItem:()=>D.SkdxListItem,SkdxListbox:()=>J.SkdxListbox,SkdxLoadingOverlay:()=>X.SkdxLoadingOverlay,SkdxMentions:()=>p.SkdxMentions,SkdxMenu:()=>W.SkdxMenu,SkdxMenubar:()=>Z.SkdxMenubar,SkdxNavigationMenu:()=>$.SkdxNavigationMenu,SkdxNumberField:()=>ee.SkdxNumberField,SkdxPagination:()=>x.SkdxPagination,SkdxPasswordInput:()=>te.SkdxPasswordInput,SkdxPinInput:()=>g.SkdxPinInput,SkdxPopover:()=>oe.SkdxPopover,SkdxPortal:()=>Ve.SkdxPortal,SkdxProgress:()=>re.SkdxProgress,SkdxQrCode:()=>ae.SkdxQrCode,SkdxRadioCard:()=>pe.SkdxRadioCard,SkdxRadioGroup:()=>xe.SkdxRadioGroup,SkdxRating:()=>de.SkdxRating,SkdxResizablePanel:()=>u.SkdxResizablePanel,SkdxResizablePanelGroup:()=>u.SkdxResizablePanelGroup,SkdxScrollArea:()=>ie.SkdxScrollArea,SkdxSelect:()=>T.SkdxSelect,SkdxSkeleton:()=>ke.SkdxSkeleton,SkdxSlider:()=>se.SkdxSlider,SkdxSpeedDial:()=>ye.SkdxSpeedDial,SkdxSpinner:()=>fe.SkdxSpinner,SkdxSplitButton:()=>ce.SkdxSplitButton,SkdxStepper:()=>ge.SkdxStepper,SkdxSwitch:()=>ue.SkdxSwitch,SkdxTable:()=>d.SkdxTable,SkdxTableCell:()=>d.SkdxTableCell,SkdxTableRow:()=>d.SkdxTableRow,SkdxTabs:()=>De.SkdxTabs,SkdxTagGroup:()=>Ce.SkdxTagGroup,SkdxTagsInput:()=>be.SkdxTagsInput,SkdxText:()=>he.SkdxText,SkdxTextField:()=>Fe.SkdxTextField,SkdxTextarea:()=>Me.SkdxTextarea,SkdxTime:()=>Pe.SkdxTime,SkdxTimeField:()=>Re.SkdxTimeField,SkdxTimeline:()=>Ie.SkdxTimeline,SkdxToastRegion:()=>i.SkdxToastRegion,SkdxToggle:()=>Le.SkdxToggle,SkdxToggleGroup:()=>Ae.SkdxToggleGroup,SkdxToolbar:()=>Oe.SkdxToolbar,SkdxTour:()=>ve.SkdxTour,SkdxTransfer:()=>n.SkdxTransfer,SkdxTree:()=>Ee.SkdxTree,SkdxTreeSelect:()=>r.SkdxTreeSelect,SkdxTreeSelectColumns:()=>r.SkdxTreeSelectColumns,SkdxVisuallyHidden:()=>Ne.SkdxVisuallyHidden,announce:()=>l.announce,clearAnnouncements:()=>l.clearAnnouncements,createToaster:()=>i.createToaster,defaultCommandFilter:()=>s.defaultCommandFilter,defaultGetMatchCountLabel:()=>r.defaultGetMatchCountLabel,defaultGetResultCountLabel:()=>p.defaultGetResultCountLabel,defaultGetSelectionLabel:()=>T.defaultGetSelectionLabel,defaultGetSuggestionCountLabel:()=>k.defaultGetSuggestionCountLabel,defaultMentionSerializer:()=>p.defaultMentionSerializer,defaultRowId:()=>Te.defaultRowId,defaultTransferFilter:()=>n.defaultTransferFilter,defaultTreeSelectFilter:()=>r.defaultTreeSelectFilter,formatDateLabel:()=>e.formatDateLabel,formatMonthLabel:()=>e.formatMonthLabel,formatYear:()=>e.formatYear,formatYearRange:()=>e.formatYearRange,gestureAnnouncement:()=>y.gestureAnnouncement,getISOWeek:()=>e.getISOWeek,getLocaleWeekStartsOn:()=>e.getLocaleWeekStartsOn,getMonthNames:()=>e.getMonthNames,getPaginationRange:()=>x.getPaginationRange,getWeekDayNames:()=>e.getWeekDayNames,moveAnnouncement:()=>n.moveAnnouncement,pinInputDigitLabel:()=>g.pinInputDigitLabel,resolveLocale:()=>e.resolveLocale,searchResultsAnnouncement:()=>Ge.searchResultsAnnouncement});module.exports=_e(We);var h=require("./accordion/index.cjs"),F=require("./alert/index.cjs"),M=require("./angle-slider/index.cjs"),P=require("./aspect-ratio/index.cjs"),k=require("./autocomplete/index.cjs"),R=require("./avatar/index.cjs"),I=require("./badge/index.cjs"),A=require("./breadcrumb/index.cjs"),L=require("./button/index.cjs"),e=require("./calendar/index.cjs"),o=require("./card/index.cjs"),O=require("./carousel/index.cjs"),v=require("./checkbox/index.cjs"),G=require("./checkbox-card/index.cjs"),E=require("./checkbox-group/index.cjs"),N=require("./clipboard/index.cjs"),V=require("./collapsible/index.cjs"),B=require("./color-picker/index.cjs"),w=require("./combobox/index.cjs"),s=require("./command/index.cjs"),U=require("./date-field/index.cjs"),z=require("./date-picker/index.cjs"),H=require("./dialog/index.cjs"),_=require("./drawer/index.cjs"),W=require("./menu/index.cjs"),Q=require("./editable/index.cjs"),f=require("./field/index.cjs"),Y=require("./file-upload/index.cjs"),y=require("./floating-panel/index.cjs"),c=require("./form/index.cjs"),j=require("./heading/index.cjs"),q=require("./kbd/index.cjs"),K=require("./label/index.cjs"),J=require("./listbox/index.cjs"),X=require("./loading-overlay/index.cjs"),p=require("./mentions/index.cjs"),Z=require("./menubar/index.cjs"),$=require("./navigation-menu/index.cjs"),ee=require("./number-field/index.cjs"),x=require("./pagination/index.cjs"),te=require("./password-input/index.cjs"),g=require("./pin-input/index.cjs"),oe=require("./popover/index.cjs"),re=require("./progress/index.cjs"),ae=require("./qr-code/index.cjs"),pe=require("./radio-card/index.cjs"),xe=require("./radio-group/index.cjs"),de=require("./rating/index.cjs"),u=require("./resizable/index.cjs"),ie=require("./scroll-area/index.cjs"),T=require("./select/index.cjs"),ne=require("./divider/index.cjs"),le=require("./box/index.cjs"),D=require("./list/index.cjs"),Se=require("./link/index.cjs"),me=require("./image/index.cjs"),ke=require("./skeleton/index.cjs"),se=require("./slider/index.cjs"),fe=require("./spinner/index.cjs"),ye=require("./speed-dial/index.cjs"),ce=require("./split-button/index.cjs"),ge=require("./stepper/index.cjs"),ue=require("./switch/index.cjs"),d=require("./table/index.cjs"),Te=require("./table/index.cjs"),De=require("./tabs/index.cjs"),be=require("./tags-input/index.cjs"),Ce=require("./tag-group/index.cjs"),he=require("./text/index.cjs"),Fe=require("./text-field/index.cjs"),Me=require("./textarea/index.cjs"),Pe=require("./time/index.cjs"),Re=require("./time-field/index.cjs"),Ie=require("./timeline/index.cjs"),i=require("./toast/index.cjs"),Ae=require("./toggle-group/index.cjs"),Le=require("./toggle/index.cjs"),Oe=require("./toolbar/index.cjs"),ve=require("./tour/index.cjs"),n=require("./transfer/index.cjs"),Ge=require("./transfer/index.cjs"),Ee=require("./tree/index.cjs"),r=require("./tree-select/index.cjs"),Ne=require("./utils/visually-hidden.cjs"),Ve=require("./utils/portal.cjs"),l=require("./utils/live-announcer.cjs");0&&(module.exports={ANNOUNCE_DEBOUNCE_MS,DEFAULT_PAGINATION_LABELS,DEFAULT_TOAST_DURATION,SkdxAccordion,SkdxAlert,SkdxAngleSlider,SkdxAspectRatio,SkdxAutocomplete,SkdxAvatar,SkdxBadge,SkdxBox,SkdxBreadcrumb,SkdxButton,SkdxCalendar,SkdxCard,SkdxCardContent,SkdxCardFooter,SkdxCardHeader,SkdxCarousel,SkdxCheckbox,SkdxCheckboxCard,SkdxCheckboxGroup,SkdxClipboard,SkdxCollapsible,SkdxColorPicker,SkdxCombobox,SkdxCommand,SkdxDateField,SkdxDatePicker,SkdxDialog,SkdxDivider,SkdxDrawer,SkdxEditable,SkdxField,SkdxFieldset,SkdxFileUpload,SkdxFloatingPanel,SkdxForm,SkdxFormField,SkdxHeading,SkdxImage,SkdxKbd,SkdxLabel,SkdxLink,SkdxList,SkdxListItem,SkdxListbox,SkdxLoadingOverlay,SkdxMentions,SkdxMenu,SkdxMenubar,SkdxNavigationMenu,SkdxNumberField,SkdxPagination,SkdxPasswordInput,SkdxPinInput,SkdxPopover,SkdxPortal,SkdxProgress,SkdxQrCode,SkdxRadioCard,SkdxRadioGroup,SkdxRating,SkdxResizablePanel,SkdxResizablePanelGroup,SkdxScrollArea,SkdxSelect,SkdxSkeleton,SkdxSlider,SkdxSpeedDial,SkdxSpinner,SkdxSplitButton,SkdxStepper,SkdxSwitch,SkdxTable,SkdxTableCell,SkdxTableRow,SkdxTabs,SkdxTagGroup,SkdxTagsInput,SkdxText,SkdxTextField,SkdxTextarea,SkdxTime,SkdxTimeField,SkdxTimeline,SkdxToastRegion,SkdxToggle,SkdxToggleGroup,SkdxToolbar,SkdxTour,SkdxTransfer,SkdxTree,SkdxTreeSelect,SkdxTreeSelectColumns,SkdxVisuallyHidden,announce,clearAnnouncements,createToaster,defaultCommandFilter,defaultGetMatchCountLabel,defaultGetResultCountLabel,defaultGetSelectionLabel,defaultGetSuggestionCountLabel,defaultMentionSerializer,defaultRowId,defaultTransferFilter,defaultTreeSelectFilter,formatDateLabel,formatMonthLabel,formatYear,formatYearRange,gestureAnnouncement,getISOWeek,getLocaleWeekStartsOn,getMonthNames,getPaginationRange,getWeekDayNames,moveAnnouncement,pinInputDigitLabel,resolveLocale,searchResultsAnnouncement});
+"use strict";var F=Object.defineProperty;var Xe=Object.getOwnPropertyDescriptor;var Ze=Object.getOwnPropertyNames;var $e=Object.prototype.hasOwnProperty;var et=(a,t)=>{for(var m in t)F(a,m,{get:t[m],enumerable:!0})},tt=(a,t,m,M)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ze(t))!$e.call(a,n)&&n!==m&&F(a,n,{get:()=>t[n],enumerable:!(M=Xe(t,n))||M.enumerable});return a};var ot=a=>tt(F({},"__esModule",{value:!0}),a);var rt={};et(rt,{ANNOUNCE_DEBOUNCE_MS:()=>S.ANNOUNCE_DEBOUNCE_MS,DEFAULT_PAGINATION_LABELS:()=>x.DEFAULT_PAGINATION_LABELS,DEFAULT_TOAST_DURATION:()=>i.DEFAULT_TOAST_DURATION,SkdxAccordion:()=>P.SkdxAccordion,SkdxAlert:()=>R.SkdxAlert,SkdxAngleSlider:()=>I.SkdxAngleSlider,SkdxAspectRatio:()=>A.SkdxAspectRatio,SkdxAutocomplete:()=>k.SkdxAutocomplete,SkdxAvatar:()=>O.SkdxAvatar,SkdxBackdrop:()=>pe.SkdxBackdrop,SkdxBadge:()=>L.SkdxBadge,SkdxBox:()=>Te.SkdxBox,SkdxBreadcrumb:()=>G.SkdxBreadcrumb,SkdxButton:()=>E.SkdxButton,SkdxCalendar:()=>e.SkdxCalendar,SkdxCard:()=>o.SkdxCard,SkdxCardContent:()=>o.SkdxCardContent,SkdxCardFooter:()=>o.SkdxCardFooter,SkdxCardHeader:()=>o.SkdxCardHeader,SkdxCarousel:()=>B.SkdxCarousel,SkdxCheckbox:()=>w.SkdxCheckbox,SkdxCheckboxCard:()=>U.SkdxCheckboxCard,SkdxCheckboxGroup:()=>z.SkdxCheckboxGroup,SkdxChip:()=>v.SkdxChip,SkdxClipboard:()=>H.SkdxClipboard,SkdxCollapsible:()=>_.SkdxCollapsible,SkdxColorPicker:()=>Q.SkdxColorPicker,SkdxCombobox:()=>s.SkdxCombobox,SkdxCommand:()=>f.SkdxCommand,SkdxDateField:()=>W.SkdxDateField,SkdxDatePicker:()=>K.SkdxDatePicker,SkdxDateRangePicker:()=>j.SkdxDateRangePicker,SkdxDateTimePicker:()=>Y.SkdxDateTimePicker,SkdxDialog:()=>q.SkdxDialog,SkdxDialogs:()=>y.SkdxDialogs,SkdxDivider:()=>ue.SkdxDivider,SkdxDrawer:()=>J.SkdxDrawer,SkdxEditable:()=>Z.SkdxEditable,SkdxFab:()=>N.SkdxFab,SkdxField:()=>g.SkdxField,SkdxFieldset:()=>g.SkdxFieldset,SkdxFileUpload:()=>$.SkdxFileUpload,SkdxFloatingPanel:()=>c.SkdxFloatingPanel,SkdxForm:()=>u.SkdxForm,SkdxFormField:()=>u.SkdxFormField,SkdxGauge:()=>ke.SkdxGauge,SkdxGrid:()=>be.SkdxGrid,SkdxHeading:()=>ee.SkdxHeading,SkdxImage:()=>he.SkdxImage,SkdxKbd:()=>te.SkdxKbd,SkdxLabel:()=>oe.SkdxLabel,SkdxLink:()=>Ce.SkdxLink,SkdxList:()=>C.SkdxList,SkdxListItem:()=>C.SkdxListItem,SkdxListbox:()=>re.SkdxListbox,SkdxLoadingOverlay:()=>ae.SkdxLoadingOverlay,SkdxMentions:()=>p.SkdxMentions,SkdxMenu:()=>X.SkdxMenu,SkdxMenubar:()=>xe.SkdxMenubar,SkdxNavigationMenu:()=>de.SkdxNavigationMenu,SkdxNumberField:()=>ie.SkdxNumberField,SkdxPagination:()=>x.SkdxPagination,SkdxPaper:()=>V.SkdxPaper,SkdxPasswordInput:()=>le.SkdxPasswordInput,SkdxPinInput:()=>T.SkdxPinInput,SkdxPopover:()=>Se.SkdxPopover,SkdxPortal:()=>qe.SkdxPortal,SkdxProgress:()=>me.SkdxProgress,SkdxQrCode:()=>se.SkdxQrCode,SkdxRadioCard:()=>fe.SkdxRadioCard,SkdxRadioGroup:()=>ye.SkdxRadioGroup,SkdxRating:()=>ge.SkdxRating,SkdxResizablePanel:()=>D.SkdxResizablePanel,SkdxResizablePanelGroup:()=>D.SkdxResizablePanelGroup,SkdxScrollArea:()=>ce.SkdxScrollArea,SkdxSelect:()=>b.SkdxSelect,SkdxSkeleton:()=>Fe.SkdxSkeleton,SkdxSlider:()=>Me.SkdxSlider,SkdxSpeedDial:()=>Re.SkdxSpeedDial,SkdxSpinner:()=>Pe.SkdxSpinner,SkdxSplitButton:()=>Ie.SkdxSplitButton,SkdxStack:()=>De.SkdxStack,SkdxStepper:()=>Ae.SkdxStepper,SkdxSwitch:()=>Oe.SkdxSwitch,SkdxTable:()=>d.SkdxTable,SkdxTableCell:()=>d.SkdxTableCell,SkdxTableRow:()=>d.SkdxTableRow,SkdxTabs:()=>ve.SkdxTabs,SkdxTagGroup:()=>Ee.SkdxTagGroup,SkdxTagsInput:()=>Ge.SkdxTagsInput,SkdxText:()=>Ne.SkdxText,SkdxTextField:()=>Ve.SkdxTextField,SkdxTextarea:()=>Be.SkdxTextarea,SkdxTime:()=>we.SkdxTime,SkdxTimeField:()=>Ue.SkdxTimeField,SkdxTimeline:()=>ze.SkdxTimeline,SkdxToastRegion:()=>i.SkdxToastRegion,SkdxToggle:()=>_e.SkdxToggle,SkdxToggleGroup:()=>He.SkdxToggleGroup,SkdxToolbar:()=>Qe.SkdxToolbar,SkdxTooltip:()=>ne.SkdxTooltip,SkdxTour:()=>We.SkdxTour,SkdxTransfer:()=>l.SkdxTransfer,SkdxTree:()=>Ye.SkdxTree,SkdxTreeSelect:()=>r.SkdxTreeSelect,SkdxTreeSelectColumns:()=>r.SkdxTreeSelectColumns,SkdxVisuallyHidden:()=>je.SkdxVisuallyHidden,announce:()=>S.announce,clearAnnouncements:()=>S.clearAnnouncements,createDialogs:()=>y.createDialogs,createToaster:()=>i.createToaster,defaultCommandFilter:()=>f.defaultCommandFilter,defaultGetMatchCountLabel:()=>r.defaultGetMatchCountLabel,defaultGetResultCountLabel:()=>p.defaultGetResultCountLabel,defaultGetSelectionLabel:()=>b.defaultGetSelectionLabel,defaultGetSuggestionCountLabel:()=>k.defaultGetSuggestionCountLabel,defaultMentionSerializer:()=>p.defaultMentionSerializer,defaultOptionsFilter:()=>s.defaultOptionsFilter,defaultRowId:()=>Le.defaultRowId,defaultTransferFilter:()=>l.defaultTransferFilter,defaultTreeSelectFilter:()=>r.defaultTreeSelectFilter,formatDateLabel:()=>e.formatDateLabel,formatMonthLabel:()=>e.formatMonthLabel,formatYear:()=>e.formatYear,formatYearRange:()=>e.formatYearRange,gestureAnnouncement:()=>c.gestureAnnouncement,getISOWeek:()=>e.getISOWeek,getLocaleWeekStartsOn:()=>e.getLocaleWeekStartsOn,getMonthNames:()=>e.getMonthNames,getPaginationRange:()=>x.getPaginationRange,getWeekDayNames:()=>e.getWeekDayNames,matchesMediaQuery:()=>h.matchesMediaQuery,moveAnnouncement:()=>l.moveAnnouncement,pinInputDigitLabel:()=>T.pinInputDigitLabel,resolveLocale:()=>e.resolveLocale,searchResultsAnnouncement:()=>Ke.searchResultsAnnouncement,subscribeMediaQuery:()=>h.subscribeMediaQuery,toCsv:()=>Je.toCsv});module.exports=ot(rt);var P=require("./accordion/index.cjs"),R=require("./alert/index.cjs"),I=require("./angle-slider/index.cjs"),A=require("./aspect-ratio/index.cjs"),k=require("./autocomplete/index.cjs"),O=require("./avatar/index.cjs"),L=require("./badge/index.cjs"),v=require("./chip/index.cjs"),G=require("./breadcrumb/index.cjs"),E=require("./button/index.cjs"),N=require("./fab/index.cjs"),e=require("./calendar/index.cjs"),o=require("./card/index.cjs"),V=require("./paper/index.cjs"),B=require("./carousel/index.cjs"),w=require("./checkbox/index.cjs"),U=require("./checkbox-card/index.cjs"),z=require("./checkbox-group/index.cjs"),H=require("./clipboard/index.cjs"),_=require("./collapsible/index.cjs"),Q=require("./color-picker/index.cjs"),s=require("./combobox/index.cjs"),f=require("./command/index.cjs"),W=require("./date-field/index.cjs"),K=require("./date-picker/index.cjs"),Y=require("./date-time-picker/index.cjs"),j=require("./date-range-picker/index.cjs"),q=require("./dialog/index.cjs"),y=require("./dialog/index.cjs"),J=require("./drawer/index.cjs"),X=require("./menu/index.cjs"),Z=require("./editable/index.cjs"),g=require("./field/index.cjs"),$=require("./file-upload/index.cjs"),c=require("./floating-panel/index.cjs"),u=require("./form/index.cjs"),ee=require("./heading/index.cjs"),te=require("./kbd/index.cjs"),oe=require("./label/index.cjs"),re=require("./listbox/index.cjs"),ae=require("./loading-overlay/index.cjs"),pe=require("./backdrop/index.cjs"),p=require("./mentions/index.cjs"),xe=require("./menubar/index.cjs"),de=require("./navigation-menu/index.cjs"),ie=require("./number-field/index.cjs"),x=require("./pagination/index.cjs"),le=require("./password-input/index.cjs"),T=require("./pin-input/index.cjs"),Se=require("./popover/index.cjs"),ne=require("./tooltip/index.cjs"),me=require("./progress/index.cjs"),ke=require("./gauge/index.cjs"),se=require("./qr-code/index.cjs"),fe=require("./radio-card/index.cjs"),ye=require("./radio-group/index.cjs"),ge=require("./rating/index.cjs"),D=require("./resizable/index.cjs"),ce=require("./scroll-area/index.cjs"),b=require("./select/index.cjs"),ue=require("./divider/index.cjs"),Te=require("./box/index.cjs"),De=require("./stack/index.cjs"),be=require("./grid/index.cjs"),C=require("./list/index.cjs"),Ce=require("./link/index.cjs"),he=require("./image/index.cjs"),Fe=require("./skeleton/index.cjs"),Me=require("./slider/index.cjs"),Pe=require("./spinner/index.cjs"),Re=require("./speed-dial/index.cjs"),Ie=require("./split-button/index.cjs"),Ae=require("./stepper/index.cjs"),Oe=require("./switch/index.cjs"),d=require("./table/index.cjs"),Le=require("./table/index.cjs"),ve=require("./tabs/index.cjs"),Ge=require("./tags-input/index.cjs"),Ee=require("./tag-group/index.cjs"),Ne=require("./text/index.cjs"),Ve=require("./text-field/index.cjs"),Be=require("./textarea/index.cjs"),we=require("./time/index.cjs"),Ue=require("./time-field/index.cjs"),ze=require("./timeline/index.cjs"),i=require("./toast/index.cjs"),He=require("./toggle-group/index.cjs"),_e=require("./toggle/index.cjs"),Qe=require("./toolbar/index.cjs"),We=require("./tour/index.cjs"),l=require("./transfer/index.cjs"),Ke=require("./transfer/index.cjs"),Ye=require("./tree/index.cjs"),r=require("./tree-select/index.cjs"),je=require("./utils/visually-hidden.cjs"),qe=require("./utils/portal.cjs"),S=require("./utils/live-announcer.cjs"),h=require("./internal/media-query.cjs"),Je=require("./internal/csv.cjs");0&&(module.exports={ANNOUNCE_DEBOUNCE_MS,DEFAULT_PAGINATION_LABELS,DEFAULT_TOAST_DURATION,SkdxAccordion,SkdxAlert,SkdxAngleSlider,SkdxAspectRatio,SkdxAutocomplete,SkdxAvatar,SkdxBackdrop,SkdxBadge,SkdxBox,SkdxBreadcrumb,SkdxButton,SkdxCalendar,SkdxCard,SkdxCardContent,SkdxCardFooter,SkdxCardHeader,SkdxCarousel,SkdxCheckbox,SkdxCheckboxCard,SkdxCheckboxGroup,SkdxChip,SkdxClipboard,SkdxCollapsible,SkdxColorPicker,SkdxCombobox,SkdxCommand,SkdxDateField,SkdxDatePicker,SkdxDateRangePicker,SkdxDateTimePicker,SkdxDialog,SkdxDialogs,SkdxDivider,SkdxDrawer,SkdxEditable,SkdxFab,SkdxField,SkdxFieldset,SkdxFileUpload,SkdxFloatingPanel,SkdxForm,SkdxFormField,SkdxGauge,SkdxGrid,SkdxHeading,SkdxImage,SkdxKbd,SkdxLabel,SkdxLink,SkdxList,SkdxListItem,SkdxListbox,SkdxLoadingOverlay,SkdxMentions,SkdxMenu,SkdxMenubar,SkdxNavigationMenu,SkdxNumberField,SkdxPagination,SkdxPaper,SkdxPasswordInput,SkdxPinInput,SkdxPopover,SkdxPortal,SkdxProgress,SkdxQrCode,SkdxRadioCard,SkdxRadioGroup,SkdxRating,SkdxResizablePanel,SkdxResizablePanelGroup,SkdxScrollArea,SkdxSelect,SkdxSkeleton,SkdxSlider,SkdxSpeedDial,SkdxSpinner,SkdxSplitButton,SkdxStack,SkdxStepper,SkdxSwitch,SkdxTable,SkdxTableCell,SkdxTableRow,SkdxTabs,SkdxTagGroup,SkdxTagsInput,SkdxText,SkdxTextField,SkdxTextarea,SkdxTime,SkdxTimeField,SkdxTimeline,SkdxToastRegion,SkdxToggle,SkdxToggleGroup,SkdxToolbar,SkdxTooltip,SkdxTour,SkdxTransfer,SkdxTree,SkdxTreeSelect,SkdxTreeSelectColumns,SkdxVisuallyHidden,announce,clearAnnouncements,createDialogs,createToaster,defaultCommandFilter,defaultGetMatchCountLabel,defaultGetResultCountLabel,defaultGetSelectionLabel,defaultGetSuggestionCountLabel,defaultMentionSerializer,defaultOptionsFilter,defaultRowId,defaultTransferFilter,defaultTreeSelectFilter,formatDateLabel,formatMonthLabel,formatYear,formatYearRange,gestureAnnouncement,getISOWeek,getLocaleWeekStartsOn,getMonthNames,getPaginationRange,getWeekDayNames,matchesMediaQuery,moveAnnouncement,pinInputDigitLabel,resolveLocale,searchResultsAnnouncement,subscribeMediaQuery,toCsv});

package/dist/index.d.cts

@@ -14,11 +14,14 @@ export { SkdxAutocomplete, defaultGetSuggestionCountLabel } from './autocomplete
 export type { SkdxAutocompleteFilter, SkdxAutocompleteItemEntry } from './autocomplete/index.cjs';
 export { SkdxAvatar } from './avatar/index.cjs';
 export { SkdxBadge } from './badge/index.cjs';
+export { SkdxChip } from './chip/index.cjs';
 export { SkdxBreadcrumb, type SkdxBreadcrumbItemDescriptor } from './breadcrumb/index.cjs';
 export { SkdxButton } from './button/index.cjs';
+export { SkdxFab } from './fab/index.cjs';
 export { SkdxCalendar, getISOWeek, resolveLocale, getMonthNames, getWeekDayNames, getLocaleWeekStartsOn, formatMonthLabel, formatDateLabel, formatYear, formatYearRange, type NameWidth, type CalendarSelectionMode, type CalendarValue, type DateRange, type RangePosition, type CalendarPageBehavior, type CalendarView, } from './calendar/index.cjs';
 export type { CalendarDay } from './calendar/index.cjs';
 export { SkdxCard, SkdxCardHeader, SkdxCardContent, SkdxCardFooter } from './card/index.cjs';
+export { SkdxPaper } from './paper/index.cjs';
 export { SkdxCarousel } from './carousel/index.cjs';
 export { SkdxCheckbox, type SkdxCheckedState } from './checkbox/index.cjs';
 export { SkdxCheckboxCard } from './checkbox-card/index.cjs';
@@ -27,13 +30,16 @@ export { SkdxClipboard } from './clipboard/index.cjs';
 export { SkdxCollapsible } from './collapsible/index.cjs';
 export { SkdxColorPicker, type SkdxColorPickerSwatchDescriptor } from './color-picker/index.cjs';
 export type { ColorFormat } from './color-picker/index.cjs';
-export { SkdxCombobox } from './combobox/index.cjs';
-export type { SkdxComboboxFilter, SkdxComboboxHighlightChangeDetail, SkdxComboboxHighlightReason, SkdxComboboxItemEntry, SkdxComboboxOpenOn, } from './combobox/index.cjs';
+export { SkdxCombobox, defaultOptionsFilter } from './combobox/index.cjs';
+export type { SkdxComboboxFilter, SkdxComboboxHighlightChangeDetail, SkdxComboboxHighlightReason, SkdxComboboxItemEntry, SkdxComboboxOpenOn, SkdxComboboxValueChangeDetail, } from './combobox/index.cjs';
 export { SkdxCommand, defaultCommandFilter } from './command/index.cjs';
 export type { SkdxCommandFilter, SkdxCommandGroupDescriptor, SkdxCommandItemDescriptor, } from './command/index.cjs';
 export { SkdxDateField } from './date-field/index.cjs';
 export { SkdxDatePicker } from './date-picker/index.cjs';
+export { SkdxDateTimePicker } from './date-time-picker/index.cjs';
+export { SkdxDateRangePicker } from './date-range-picker/index.cjs';
 export { SkdxDialog, type SkdxDialogDismiss, type SkdxDialogRole } from './dialog/index.cjs';
+export { SkdxDialogs, createDialogs, type DialogsStore, type DialogsEntry, type DialogsKind, type DialogsOptions, type DialogsPromptOptions, type DialogsResult, } from './dialog/index.cjs';
 export { SkdxDrawer, type SkdxDrawerDismiss, type SkdxDrawerPlacement } from './drawer/index.cjs';
 export { SkdxMenu } from './menu/index.cjs';
 export type { SkdxMenuItemDescriptor, SkdxMenuOpenOn, SkdxMenuPoint } from './menu/index.cjs';
@@ -51,6 +57,7 @@ export { SkdxLabel } from './label/index.cjs';
 export { SkdxListbox } from './listbox/index.cjs';
 export type { SkdxListboxValueChangeDetail } from './listbox/index.cjs';
 export { SkdxLoadingOverlay } from './loading-overlay/index.cjs';
+export { SkdxBackdrop } from './backdrop/index.cjs';
 export { SkdxMentions, defaultGetResultCountLabel, defaultMentionSerializer } from './mentions/index.cjs';
 export type { SkdxMentionsFilter, SkdxMentionsHighlightChangeDetail, SkdxMentionsHighlightReason, SkdxMentionsInsertedMention, SkdxMentionsItemEntry, SkdxMentionsOptionData, SkdxMentionsQueryChangeDetail, SkdxMentionsSerializer, SkdxMentionsValueChangeDetail, } from './mentions/index.cjs';
 export { SkdxMenubar } from './menubar/index.cjs';
@@ -63,7 +70,9 @@ export type { PaginationRangeEntry, PaginationRangeOptions, PaginationLabels, Re
 export { SkdxPasswordInput } from './password-input/index.cjs';
 export { SkdxPinInput, pinInputDigitLabel } from './pin-input/index.cjs';
 export { SkdxPopover, type PopoverModality, type SkdxPopoverOpenOn, type SkdxPopoverRole, } from './popover/index.cjs';
+export { SkdxTooltip } from './tooltip/index.cjs';
 export { SkdxProgress, type SkdxProgressRange, type SkdxProgressRole } from './progress/index.cjs';
+export { SkdxGauge } from './gauge/index.cjs';
 export { SkdxQrCode } from './qr-code/index.cjs';
 export type { QrCodeErrorCorrection } from './qr-code/index.cjs';
 export { SkdxRadioCard } from './radio-card/index.cjs';
@@ -78,6 +87,8 @@ export { SkdxSelect, defaultGetSelectionLabel } from './select/index.cjs';
 export type { SkdxSelectFilter, SkdxSelectItemDescriptor, SkdxSelectItemEntry } from './select/index.cjs';
 export { SkdxDivider } from './divider/index.cjs';
 export { SkdxBox } from './box/index.cjs';
+export { SkdxStack } from './stack/index.cjs';
+export { SkdxGrid } from './grid/index.cjs';
 export { SkdxList, SkdxListItem } from './list/index.cjs';
 export type { SkdxListItemDescriptor, SkdxListOrientation } from './list/index.cjs';
 export { SkdxLink } from './link/index.cjs';
@@ -92,7 +103,7 @@ export type { StepStatus, StepperOrientation, StepperNavigationMode, StepperItem
 export { SkdxSwitch } from './switch/index.cjs';
 export { SkdxTable, SkdxTableRow, SkdxTableCell } from './table/index.cjs';
 export { defaultRowId, type SkdxTableColumn } from './table/index.cjs';
-export type { SortDirection, TableSort, TableSortState, TableSelectAllScope, TableSelectionMode, TableColumnWidths, } from './table/index.cjs';
+export type { SortDirection, TableSort, TableSortState, TableFilterState, TableSelectAllScope, TableSelectionMode, TableColumnWidths, } from './table/index.cjs';
 export { SkdxTabs } from './tabs/index.cjs';
 export type { TabsChangeReason, TabsValueChangeDetail, SkdxTabsItemDescriptor } from './tabs/index.cjs';
 export { SkdxTagsInput, type TagsInputInvalidDetail } from './tags-input/index.cjs';
@@ -126,3 +137,5 @@ export { SkdxVisuallyHidden } from './utils/visually-hidden.cjs';
 export { SkdxPortal } from './utils/portal.cjs';
 export { announce, clearAnnouncements, ANNOUNCE_DEBOUNCE_MS, type AnnouncePoliteness, } from './utils/live-announcer.cjs';
 export type { PolymorphicTag } from './utils/polymorphic.cjs';
+export { matchesMediaQuery, subscribeMediaQuery } from './internal/media-query.cjs';
+export { toCsv, type CsvColumn, type CsvOptions } from './internal/csv.cjs';