@cumulus-ui/components 0.1.1 → 0.1.3

package/dist/anchor-navigation/internal.d.ts

@@ -1,6 +1,7 @@
-import { LitElement, type PropertyValues } from 'lit';
+import { type PropertyValues } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { AnchorNavigationProps } from './interfaces.js';
-export declare class CsAnchorNavigationInternal extends LitElement {
+export declare class CsAnchorNavigationInternal extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     anchors: AnchorNavigationProps.Anchor[];
     activeHref?: string;

package/dist/anchor-navigation/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/anchor-navigation/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAI7D,qBAAa,0BAA2B,SAAQ,UAAU;IACxD,OAAgB,MAAM,4BAA+C;IAGrE,OAAO,EAAE,qBAAqB,CAAC,MAAM,EAAE,CAAM;IAG7C,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,eAAe,SAAK;IAGpB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,OAAO,CAAC,aAAa,CAAM;IAE3B,OAAO,CAAC,SAAS,CAAqC;IACtD,OAAO,CAAC,WAAW,CAAgD;IAEnE,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,YAAY,GAEvB;IAEQ,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAiBlD,OAAO,CAAC,eAAe;IAqBvB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,cAAc;IAIb,MAAM;CAqChB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/anchor-navigation/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAI7D,qBAAa,0BAA2B,SAAQ,aAAa;IAC3D,OAAgB,MAAM,4BAA+C;IAGrE,OAAO,EAAE,qBAAqB,CAAC,MAAM,EAAE,CAAM;IAG7C,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,eAAe,SAAK;IAGpB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,OAAO,CAAC,aAAa,CAAM;IAE3B,OAAO,CAAC,SAAS,CAAqC;IACtD,OAAO,CAAC,WAAW,CAAgD;IAEnE,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,YAAY,GAEvB;IAEQ,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAiBlD,OAAO,CAAC,eAAe;IAqBvB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,cAAc;IAIb,MAAM;CAqChB"}

package/dist/badge/internal.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { BadgeProps } from './interfaces.js';
-export declare class CsBadgeInternal extends LitElement {
+export declare class CsBadgeInternal extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     color: BadgeProps['color'];
     render(): import("lit-html").TemplateResult<1>;

package/dist/badge/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/badge/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAclD,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAA+C;IAGrE,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAU;IAE3B,MAAM;CAYhB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/badge/internal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAclD,qBAAa,eAAgB,SAAQ,aAAa;IAChD,OAAgB,MAAM,4BAA+C;IAGrE,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAU;IAE3B,MAAM;CAYhB"}

package/dist/box/internal.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { BoxProps } from './interfaces.js';
-export declare class CsBoxInternal extends LitElement {
+export declare class CsBoxInternal extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     variant: BoxProps.Variant;
     tagOverride?: string;

package/dist/box/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/box/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAkEhD,qBAAa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAA+C;IAGrE,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAS;IAGlC,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAG3B,MAAM,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IAGjD,OAAO,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IAGlD,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAG/B,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IAGvB,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAG7B,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IAGjC,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IAEd,MAAM;IAmBf,OAAO,CAAC,UAAU;CAgCnB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/box/internal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAkEhD,qBAAa,aAAc,SAAQ,aAAa;IAC9C,OAAgB,MAAM,4BAA+C;IAGrE,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAS;IAGlC,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAG3B,MAAM,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IAGjD,OAAO,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IAGlD,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAG/B,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IAGvB,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAG7B,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IAGjC,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IAEd,MAAM;IAmBf,OAAO,CAAC,UAAU;CAgCnB"}

package/dist/checkbox/internal.d.ts

@@ -1,6 +1,6 @@
 import { type PropertyValues } from 'lit';
-import { LitElement } from 'lit';
-declare const Base: (new (...args: any[]) => import("../internal/mixins/form-associated.js").FormAssociatedHost) & typeof LitElement;
+import { CsBaseElement } from '../internal/base-element.js';
+declare const Base: (new (...args: any[]) => import("../internal/mixins/form-associated.js").FormAssociatedHost) & typeof CsBaseElement;
 export declare class CsCheckboxInternal extends Base {
     static styles: import("lit").CSSResult[];
     checked: boolean;
@@ -8,6 +8,7 @@ export declare class CsCheckboxInternal extends Base {
     readOnly: boolean;
     description: string;
     ariaLabel: string;
+    ariaRequired: string | null;
     private readonly _labelId;
     private readonly _descriptionId;
     connectedCallback(): void;

package/dist/checkbox/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/checkbox/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAQjC,QAAA,MAAM,IAAI,kHAAkC,CAAC;AAwC7C,qBAAa,kBAAmB,SAAQ,IAAI;IAC1C,OAAgB,MAAM,4BAAqE;IAG3F,OAAO,UAAS;IAGhB,aAAa,UAAS;IAGtB,QAAQ,UAAS;IAGjB,WAAW,SAAM;IAGjB,SAAS,SAAM;IAEf,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAsC;IAC/D,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAqC;IAE3D,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,OAAO;IAaN,MAAM;CAmEhB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/checkbox/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAQ5D,QAAA,MAAM,IAAI,qHAAqC,CAAC;AAuChD,qBAAa,kBAAmB,SAAQ,IAAI;IAC1C,OAAgB,MAAM,4BAAqE;IAG3F,OAAO,UAAS;IAGhB,aAAa,UAAS;IAGtB,QAAQ,UAAS;IAGjB,WAAW,SAAM;IAGjB,SAAS,SAAM;IAGN,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE5C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAsC;IAC/D,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAqC;IAE3D,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,OAAO;IAaN,MAAM;CAsEhB"}

package/dist/file-dropzone/internal.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
-export declare class CsFileDropzoneInternal extends LitElement {
+import { CsBaseElement } from '../internal/base-element.js';
+export declare class CsFileDropzoneInternal extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     private _isDragging;
     private _dragCounter;

package/dist/file-dropzone/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/file-dropzone/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAS5C,qBAAa,sBAAuB,SAAQ,UAAU;IACpD,OAAgB,MAAM,4BAA+C;IAGrE,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,YAAY,CAAK;IAEhB,iBAAiB,IAAI,IAAI;IAIlC,OAAO,CAAC,YAAY,CAOlB;IAEF,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,YAAY,CAQlB;IAEF,OAAO,CAAC,OAAO,CAWb;IAEF,OAAO,CAAC,aAAa;IAKZ,MAAM;CAqBhB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/file-dropzone/internal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAS5D,qBAAa,sBAAuB,SAAQ,aAAa;IACvD,OAAgB,MAAM,4BAA+C;IAGrE,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,YAAY,CAAK;IAEhB,iBAAiB,IAAI,IAAI;IAIlC,OAAO,CAAC,YAAY,CAOlB;IAEF,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,YAAY,CAQlB;IAEF,OAAO,CAAC,OAAO,CAWb;IAEF,OAAO,CAAC,aAAa;IAKZ,MAAM;CAqBhB"}

package/dist/grid/internal.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { GridProps } from './interfaces.js';
-export declare class CsGridInternal extends LitElement {
+export declare class CsGridInternal extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     gridDefinition?: ReadonlyArray<GridProps.ElementDefinition>;
     disableGutters: boolean;

package/dist/grid/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/grid/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAajD,qBAAa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAA+C;IAGrE,cAAc,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAG5D,cAAc,UAAS;IAGvB,OAAO,CAAC,WAAW,CAAK;IAExB,OAAO,CAAC,QAAQ,CAAgC;IAEhD,OAAO,CAAC,aAAa,CAKnB;IAEO,YAAY,IAAI,IAAI;IAQpB,OAAO,IAAI,IAAI;IAOf,oBAAoB,IAAI,IAAI;IAOrC,OAAO,CAAC,gBAAgB;IAuBf,MAAM;CAchB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/grid/internal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAajD,qBAAa,cAAe,SAAQ,aAAa;IAC/C,OAAgB,MAAM,4BAA+C;IAGrE,cAAc,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAG5D,cAAc,UAAS;IAGvB,OAAO,CAAC,WAAW,CAAK;IAExB,OAAO,CAAC,QAAQ,CAAgC;IAEhD,OAAO,CAAC,aAAa,CAKnB;IAEO,YAAY,IAAI,IAAI;IAQpB,OAAO,IAAI,IAAI;IAOf,oBAAoB,IAAI,IAAI;IAOrC,OAAO,CAAC,gBAAgB;IAuBf,MAAM;CAchB"}

package/dist/icon/internal.d.ts

@@ -1,7 +1,7 @@
-import { LitElement } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import { type IconResolverFn } from '../icon-provider/internal.js';
 import type { IconProps } from './interfaces.js';
-export declare class CsIconInternal extends LitElement {
+export declare class CsIconInternal extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     name?: IconProps.Name;
     size: IconProps.Size;

package/dist/icon/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/icon/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,UAAU,EAA0B,MAAM,KAAK,CAAC;AAOnF,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,qBAAa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAA+C;IAGrE,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAGtB,IAAI,EAAE,SAAS,CAAC,IAAI,CAAY;IAGhC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAY;IAGtC,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGJ,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,aAAa,CAAC,EAAE,cAAc,CAAC;IAEtB,MAAM;IAsBf,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,QAAQ;CAQjB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/icon/internal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAO5D,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,qBAAa,cAAe,SAAQ,aAAa;IAC/C,OAAgB,MAAM,4BAA+C;IAGrE,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAGtB,IAAI,EAAE,SAAS,CAAC,IAAI,CAAY;IAGhC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAY;IAGtC,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGJ,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGzC,aAAa,CAAC,EAAE,cAAc,CAAC;IAEtB,MAAM;IAsBf,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,QAAQ;CAQjB"}

package/dist/icon-provider/internal.d.ts

@@ -1,10 +1,10 @@
-import { LitElement } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { IconProviderProps } from './interfaces.js';
 export type IconResolverFn = (name: string) => unknown | undefined;
 export declare const iconProviderContext: {
     __context__: IconResolverFn | undefined;
 };
-export declare class CsIconProviderInternal extends LitElement {
+export declare class CsIconProviderInternal extends CsBaseElement {
     icons: IconProviderProps.Icons | null;
     _resolver?: IconResolverFn;
     createRenderRoot(): this;

package/dist/icon-provider/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/icon-provider/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,GAAG,SAAS,CAAC;AAEnE,eAAO,MAAM,mBAAmB;;CAE/B,CAAC;AAEF,qBAAa,sBAAuB,SAAQ,UAAU;IAEpD,KAAK,EAAE,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAQ;IAG7C,SAAS,CAAC,EAAE,cAAc,CAAC;IAElB,gBAAgB,IAAI,IAAI;IAIxB,UAAU,IAAI,IAAI;IAclB,MAAM;CAGhB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/icon-provider/internal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,GAAG,SAAS,CAAC;AAEnE,eAAO,MAAM,mBAAmB;;CAE/B,CAAC;AAEF,qBAAa,sBAAuB,SAAQ,aAAa;IAEvD,KAAK,EAAE,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAQ;IAG7C,SAAS,CAAC,EAAE,cAAc,CAAC;IAElB,gBAAgB,IAAI,IAAI;IAIxB,UAAU,IAAI,IAAI;IAclB,MAAM;CAGhB"}

package/dist/index.js

@@ -14,7 +14,20 @@ import { css as css4, html, svg } from "lit";
 import { property as property2 } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
+
+// src/internal/base-element.ts
 import { LitElement } from "lit";
+var CsBaseElement = class extends LitElement {
+  static createProperty(name, options) {
+    if (typeof name === "string" && options?.attribute !== false && !options?.attribute) {
+      const kebab = name.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+      if (kebab !== name) {
+        options = { ...options, attribute: kebab };
+      }
+    }
+    super.createProperty(name, options);
+  }
+};
 
 // src/internal/mixins/form-associated.ts
 import { property } from "lit/decorators.js";
@@ -275,10 +288,9 @@ var abstractSwitchStyles = css3`
 `;
 
 // src/checkbox/internal.ts
-var Base = FormAssociatedMixin(LitElement);
+var Base = FormAssociatedMixin(CsBaseElement);
 var hostStyles = css4`
   :host { display: block; }
-  .label-wrapper { flex-direction: column; }
   .checkbox-icon {
     position: absolute;
     inline-size: 100%;
@@ -321,6 +333,7 @@ var CsCheckboxInternal = class extends Base {
     this.readOnly = false;
     this.description = "";
     this.ariaLabel = "";
+    this.ariaRequired = null;
     this._labelId = generateUniqueId("checkbox-label");
     this._descriptionId = generateUniqueId("checkbox-desc");
     this._onHostClick = () => {
@@ -377,43 +390,46 @@ var CsCheckboxInternal = class extends Base {
     const ariaDescribedBy = hasDescription ? this._descriptionId : void 0;
     return html`
       <label class="root wrapper" @click=${this._preventNativeToggle}>
-        <span class=${classMap({
+        <span class="label-wrapper">
+          <span class=${classMap({
       "control": true,
       "checkbox-control": true,
       "checkbox-control--checked": this.checked && !this.indeterminate,
       "checkbox-control--indeterminate": this.indeterminate
     })}>
-          <input
-            type="checkbox"
-            class="native-input"
-            .checked=${this.checked}
-            .indeterminate=${this.indeterminate}
-            ?disabled=${this.disabled}
-            ?readonly=${this.readOnly}
-            aria-label=${ifDefined(this.ariaLabel || void 0)}
-            aria-describedby=${ifDefined(ariaDescribedBy)}
-            aria-checked=${this.indeterminate ? "mixed" : this.checked}
-            @click=${this._preventNativeToggle}
-          />
-          <svg class="checkbox-icon" viewBox="0 0 16 16" aria-hidden="true"><rect class=${classMap(styledBoxClasses)} x="0.5" y="0.5" width="15" height="15" rx="3" ry="3" />${this.checked && !this.indeterminate ? svg`<polyline class=${classMap(styledLineClasses)} points="3.5,8 7,11 12,4" />` : this.indeterminate ? svg`<polyline class=${classMap(styledLineClasses)} points="3.5,8 12.5,8" />` : ""}</svg>
-          <span class="outline"></span>
-        </span>
-        <span class="label-wrapper">
-          <span id=${this._labelId} class=${classMap({
+            <svg class="checkbox-icon" viewBox="0 0 16 16" aria-hidden="true"><rect class=${classMap(styledBoxClasses)} x="0.5" y="0.5" width="15" height="15" rx="3" ry="3" />${this.checked && !this.indeterminate ? svg`<polyline class=${classMap(styledLineClasses)} points="3.5,8 7,11 12,4" />` : this.indeterminate ? svg`<polyline class=${classMap(styledLineClasses)} points="3.5,8 12.5,8" />` : ""}</svg>
+            <input
+              type="checkbox"
+              class="native-input"
+              .checked=${this.checked}
+              .indeterminate=${this.indeterminate}
+              ?disabled=${this.disabled}
+              ?readonly=${this.readOnly}
+              aria-label=${ifDefined(this.ariaLabel || void 0)}
+              aria-required=${ifDefined(this.ariaRequired || void 0)}
+              aria-describedby=${ifDefined(ariaDescribedBy)}
+              aria-checked=${this.indeterminate ? "mixed" : this.checked}
+              @click=${this._preventNativeToggle}
+            />
+            <span class="outline"></span>
+          </span>
+          <span class="content">
+            <span id=${this._labelId} class=${classMap({
       "label": true,
       "label-disabled": this.disabled
     })}>
-            <slot></slot>
-          </span>
-          ${hasDescription ? html`
-            <span id=${this._descriptionId} class=${classMap({
+              <slot></slot>
+            </span>
+            ${hasDescription ? html`
+              <span id=${this._descriptionId} class=${classMap({
       "description": true,
       "description-bottom-padding": true,
       "description-disabled": this.disabled
     })}>
-              ${this.description}
-            </span>
-          ` : ""}
+                ${this.description}
+              </span>
+            ` : ""}
+          </span>
         </span>
       </label>
     `;
@@ -434,6 +450,9 @@ __decorateClass([
 __decorateClass([
   property2({ type: String })
 ], CsCheckboxInternal.prototype, "ariaLabel", 2);
+__decorateClass([
+  property2({ type: String })
+], CsCheckboxInternal.prototype, "ariaRequired", 2);
 
 // src/checkbox/index.ts
 var CsCheckbox = class extends CsCheckboxInternal {
@@ -441,7 +460,7 @@ var CsCheckbox = class extends CsCheckboxInternal {
 customElements.define("cs-checkbox", CsCheckbox);
 
 // src/spinner/internal.ts
-import { css as css6, html as html2, LitElement as LitElement2 } from "lit";
+import { css as css6, html as html2 } from "lit";
 import { property as property3 } from "lit/decorators.js";
 import { classMap as classMap2 } from "lit/directives/class-map.js";
 
@@ -583,7 +602,7 @@ var hostStyles2 = css6`
     line-height: 0;
   }
 `;
-var CsSpinnerInternal = class extends LitElement2 {
+var CsSpinnerInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this.size = "normal";
@@ -616,7 +635,7 @@ var CsSpinner = class extends CsSpinnerInternal {
 customElements.define("cs-spinner", CsSpinner);
 
 // src/badge/internal.ts
-import { css as css8, html as html3, LitElement as LitElement3 } from "lit";
+import { css as css8, html as html3 } from "lit";
 import { property as property4 } from "lit/decorators.js";
 import { classMap as classMap3 } from "lit/directives/class-map.js";
 
@@ -688,7 +707,7 @@ var hostStyles3 = css8`
     line-height: 0;
   }
 `;
-var CsBadgeInternal = class extends LitElement3 {
+var CsBadgeInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this.color = "grey";
@@ -718,7 +737,7 @@ var CsBadge = class extends CsBadgeInternal {
 customElements.define("cs-badge", CsBadge);
 
 // src/live-region/internal.ts
-import { css as css10, html as html4, LitElement as LitElement4 } from "lit";
+import { css as css10, html as html4 } from "lit";
 import { property as property5 } from "lit/decorators.js";
 import { classMap as classMap4 } from "lit/directives/class-map.js";
 
@@ -742,7 +761,7 @@ var componentStyles4 = css9`
 
 // src/live-region/internal.ts
 var hostStyles4 = css10`:host { display: contents; }`;
-var CsLiveRegionInternal = class extends LitElement4 {
+var CsLiveRegionInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this.assertive = false;
@@ -788,7 +807,7 @@ var CsLiveRegion = class extends CsLiveRegionInternal {
 customElements.define("cs-live-region", CsLiveRegion);
 
 // src/icon/internal.ts
-import { css as css12, html as html6, svg as svgTag, LitElement as LitElement6 } from "lit";
+import { css as css12, html as html6, svg as svgTag } from "lit";
 import { property as property7 } from "lit/decorators.js";
 import { classMap as classMap5 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined2 } from "lit/directives/if-defined.js";
@@ -1130,13 +1149,13 @@ var builtInIcons = {
 };
 
 // src/icon-provider/internal.ts
-import { LitElement as LitElement5, html as html5 } from "lit";
+import { html as html5 } from "lit";
 import { property as property6 } from "lit/decorators.js";
 import { provide, createContext } from "@lit/context";
 var iconProviderContext = createContext(
   /* @__PURE__ */ Symbol("icon-provider-context")
 );
-var CsIconProviderInternal = class extends LitElement5 {
+var CsIconProviderInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this.icons = null;
@@ -1170,7 +1189,7 @@ __decorateClass([
 
 // src/icon/internal.ts
 var hostStyles5 = css12`:host { display: inline-block; vertical-align: top; line-height: 0; }`;
-var CsIconInternal = class extends LitElement6 {
+var CsIconInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this.size = "normal";
@@ -1243,7 +1262,7 @@ __decorateClass([
   property7({ type: String })
 ], CsIconInternal.prototype, "alt", 2);
 __decorateClass([
-  property7({ type: String, attribute: "arialabel" })
+  property7({ type: String })
 ], CsIconInternal.prototype, "ariaLabel", 2);
 __decorateClass([
   consume({ context: iconProviderContext, subscribe: true })
@@ -1264,7 +1283,6 @@ import { css as css15, html as html7 } from "lit";
 import { property as property8 } from "lit/decorators.js";
 import { classMap as classMap6 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined3 } from "lit/directives/if-defined.js";
-import { LitElement as LitElement7 } from "lit";
 
 // src/radio-group/styles.ts
 import { css as css13 } from "lit";
@@ -1374,7 +1392,7 @@ var radioButtonStyles = css14`
 `;
 
 // src/radio-group/internal.ts
-var Base2 = FormAssociatedMixin(LitElement7);
+var Base2 = FormAssociatedMixin(CsBaseElement);
 var hostStyles6 = css15`:host { display: block; }`;
 var CsRadioGroupInternal = class extends Base2 {
   constructor() {
@@ -1512,16 +1530,13 @@ var CsRadioGroupInternal = class extends Base2 {
     const descId = item.description ? `${itemId}-desc` : void 0;
     const itemClasses = {
       "radio": true,
+      "wrapper": true,
       "radio--has-description": !!item.description,
-      "horizontal": this.direction === "horizontal",
-      "radio--checked": isChecked,
-      "radio--disabled": isDisabled,
-      "radio--readonly": this.readOnly
+      "horizontal": this.direction === "horizontal"
     };
     const controlClasses = {
-      "radio-control": true,
-      "radio-control--checked": isChecked,
-      "radio-control--disabled": isDisabled
+      "control": true,
+      "radio-control": true
     };
     return html7`
       <label
@@ -1531,40 +1546,55 @@ var CsRadioGroupInternal = class extends Base2 {
       this._onItemClick(item);
     }}
       >
-        <input
-          type="radio"
-          class="native-input"
-          name=${groupName}
-          .value=${item.value}
-          .checked=${isChecked}
-          ?disabled=${isDisabled}
-          ?readonly=${this.readOnly}
-          tabindex=${this._getTabIndex(index)}
-          aria-describedby=${ifDefined3(descId)}
-          @click=${(e) => e.preventDefault()}
-          @focus=${() => this._onFocus(index)}
-        />
-        <span class=${classMap6(controlClasses)}>
-          <span class="radio-dot"></span>
-        </span>
-        <span class="radio-content">
-          <span class=${classMap6({
-      "radio-label": true,
-      "radio-label--disabled": isDisabled
-    })}>
-            ${item.label}
+        <span class="label-wrapper">
+          <span class=${classMap6(controlClasses)}>
+            <svg viewBox="0 0 100 100" aria-hidden="true">
+              <circle class=${classMap6({
+      "styled-circle-border": true,
+      "styled-circle-disabled": isDisabled,
+      "styled-circle-readonly": this.readOnly
+    })} stroke-width="6.25" cx="50" cy="50" r="46" />
+              <circle class=${classMap6({
+      "styled-circle-fill": true,
+      "styled-circle-checked": isChecked,
+      "styled-circle-disabled": isDisabled,
+      "styled-circle-readonly": this.readOnly
+    })} stroke-width="30" cx="50" cy="50" r="35" />
+            </svg>
+            <input
+              type="radio"
+              class="native-input"
+              name=${groupName}
+              .value=${item.value}
+              .checked=${isChecked}
+              ?disabled=${isDisabled}
+              ?readonly=${this.readOnly}
+              tabindex=${this._getTabIndex(index)}
+              aria-describedby=${ifDefined3(descId)}
+              @click=${(e) => e.preventDefault()}
+              @focus=${() => this._onFocus(index)}
+            />
+            <span class="outline"></span>
           </span>
-          ${item.description ? html7`
-            <span
-              id=${descId}
-              class=${classMap6({
-      "radio-description": true,
-      "radio-description--disabled": isDisabled
-    })}
-            >
-              ${item.description}
+          <span class="content">
+            <span class=${classMap6({
+      "label": true,
+      "label-disabled": isDisabled
+    })}>
+              ${item.label}
             </span>
-          ` : ""}
+            ${item.description ? html7`
+              <span
+                id=${descId}
+                class=${classMap6({
+      "description": true,
+      "description-disabled": isDisabled
+    })}
+              >
+                ${item.description}
+              </span>
+            ` : ""}
+          </span>
         </span>
       </label>
     `;
@@ -1577,13 +1607,13 @@ __decorateClass([
   property8({ type: Array })
 ], CsRadioGroupInternal.prototype, "items", 2);
 __decorateClass([
-  property8({ type: String, attribute: "arialabel" })
+  property8({ type: String, attribute: "aria-label" })
 ], CsRadioGroupInternal.prototype, "controlAriaLabel", 2);
 __decorateClass([
-  property8({ type: Boolean, attribute: "ariarequired" })
+  property8({ type: Boolean, attribute: "aria-required" })
 ], CsRadioGroupInternal.prototype, "controlAriaRequired", 2);
 __decorateClass([
-  property8({ type: String, attribute: "ariacontrols" })
+  property8({ type: String, attribute: "aria-controls" })
 ], CsRadioGroupInternal.prototype, "controlAriaControls", 2);
 __decorateClass([
   property8({ type: Boolean, reflect: true })
@@ -1602,7 +1632,6 @@ import { css as css17, html as html8 } from "lit";
 import { property as property9 } from "lit/decorators.js";
 import { classMap as classMap7 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined4 } from "lit/directives/if-defined.js";
-import { LitElement as LitElement8 } from "lit";
 
 // src/tiles/styles.ts
 import { css as css16 } from "lit";
@@ -1903,7 +1932,7 @@ div.column-layout > .grid.grid-horizontal-borders.grid-columns-4.grid-breakpoint
 `;
 
 // src/tiles/internal.ts
-var Base3 = FormAssociatedMixin(LitElement8);
+var Base3 = FormAssociatedMixin(CsBaseElement);
 var hostStyles7 = css17`:host { display: block; }`;
 var CsTilesInternal = class extends Base3 {
   constructor() {
@@ -2045,10 +2074,11 @@ var CsTilesInternal = class extends Base3 {
     const tileClasses = {
       "tile-container": true,
       "refresh": true,
+      "breakpoint-xxs": true,
       "selected": isSelected,
       "disabled": isDisabled,
       "readonly": this.readOnly,
-      "has-metadata": !!item.image
+      "has-metadata": !!item.description || !!item.image
     };
     const controlClasses = {
       "control": true,
@@ -2063,40 +2093,61 @@ var CsTilesInternal = class extends Base3 {
     }}
       >
         <div class=${classMap7(controlClasses)}>
-          <input
-            type="radio"
-            class="native-input"
-            name=${groupName}
-            .value=${item.value}
-            .checked=${isSelected}
-            ?disabled=${isDisabled}
-            ?readonly=${this.readOnly}
-            tabindex=${this._getTabIndex(index)}
-            aria-labelledby=${labelId}
-            aria-describedby=${ifDefined4(descId)}
-            @click=${(e) => e.preventDefault()}
-            @focus=${() => this._onFocus(index)}
-          />
-          <span class="tile-label-wrapper">
-            <span
-              id=${labelId}
-              class=${classMap7({
-      "tile-label": true,
-      "tile-label--disabled": isDisabled
-    })}>
-              ${item.label}
-            </span>
-            ${item.description ? html8`
-              <span
-                id=${descId}
-                class=${classMap7({
-      "tile-description": true,
-      "tile-description--disabled": isDisabled
+          <span class="wrapper">
+            <span class="label-wrapper">
+              <span class="control radio-control">
+                <svg viewBox="0 0 100 100" aria-hidden="true">
+                  <circle class=${classMap7({
+      "styled-circle-border": true,
+      "styled-circle-disabled": isDisabled,
+      "styled-circle-readonly": this.readOnly
+    })} stroke-width="6.25" cx="50" cy="50" r="46" />
+                  <circle class=${classMap7({
+      "styled-circle-fill": true,
+      "styled-circle-checked": isSelected,
+      "styled-circle-disabled": isDisabled,
+      "styled-circle-readonly": this.readOnly
+    })} stroke-width="30" cx="50" cy="50" r="35" />
+                </svg>
+                <input
+                  type="radio"
+                  class="native-input"
+                  name=${groupName}
+                  .value=${item.value}
+                  .checked=${isSelected}
+                  ?disabled=${isDisabled}
+                  ?readonly=${this.readOnly}
+                  tabindex=${this._getTabIndex(index)}
+                  aria-labelledby=${labelId}
+                  aria-describedby=${ifDefined4(descId)}
+                  @click=${(e) => e.preventDefault()}
+                  @focus=${() => this._onFocus(index)}
+                />
+                <span class="outline"></span>
+              </span>
+              <span class="content">
+                <span
+                  id=${labelId}
+                  class=${classMap7({
+      "label": true,
+      "label-disabled": isDisabled
     })}
-              >
-                ${item.description}
+                >
+                  ${item.label}
+                </span>
+                ${item.description ? html8`
+                  <span
+                    id=${descId}
+                    class=${classMap7({
+      "description": true,
+      "description-disabled": isDisabled
+    })}
+                  >
+                    ${item.description}
+                  </span>
+                ` : ""}
               </span>
-            ` : ""}
+            </span>
           </span>
         </div>
         ${item.image ? html8`
@@ -2118,13 +2169,13 @@ __decorateClass([
   property9({ type: Array })
 ], CsTilesInternal.prototype, "items", 2);
 __decorateClass([
-  property9({ type: String, attribute: "arialabel" })
+  property9({ type: String, attribute: "aria-label" })
 ], CsTilesInternal.prototype, "controlAriaLabel", 2);
 __decorateClass([
-  property9({ type: Boolean, attribute: "ariarequired" })
+  property9({ type: Boolean, attribute: "aria-required" })
 ], CsTilesInternal.prototype, "controlAriaRequired", 2);
 __decorateClass([
-  property9({ type: String, attribute: "ariacontrols" })
+  property9({ type: String, attribute: "aria-controls" })
 ], CsTilesInternal.prototype, "controlAriaControls", 2);
 __decorateClass([
   property9({ type: Number })
@@ -2139,7 +2190,7 @@ var CsTiles = class extends CsTilesInternal {
 customElements.define("cs-tiles", CsTiles);
 
 // src/list/internal.ts
-import { css as css20, html as html9, LitElement as LitElement9, nothing } from "lit";
+import { css as css20, html as html9, nothing } from "lit";
 import { property as property10 } from "lit/decorators.js";
 import { classMap as classMap8 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined5 } from "lit/directives/if-defined.js";
@@ -2243,13 +2294,13 @@ var structuredItemStyles = css19`
 
 // src/list/internal.ts
 var hostStyles8 = css20`:host { display: block; }`;
-var CsListInternal = class extends LitElement9 {
+var CsListInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this.items = [];
-    this.listLabel = "";
-    this.listLabelledby = "";
-    this.listDescribedby = "";
+    this.controlAriaLabel = "";
+    this.controlAriaLabelledby = "";
+    this.controlAriaDescribedby = "";
     this.sortable = false;
     this.sortDisabled = false;
     this.disableItemPaddings = false;
@@ -2293,9 +2344,9 @@ var CsListInternal = class extends LitElement9 {
         <ol
           class=${classMap8(listClasses)}
           role="list"
-          aria-label=${ifDefined5(this.listLabel || void 0)}
-          aria-labelledby=${ifDefined5(this.listLabelledby || void 0)}
-          aria-describedby=${ifDefined5(this.listDescribedby || void 0)}
+          aria-label=${ifDefined5(this.controlAriaLabel || void 0)}
+          aria-labelledby=${ifDefined5(this.controlAriaLabelledby || void 0)}
+          aria-describedby=${ifDefined5(this.controlAriaDescribedby || void 0)}
         >${content}</ol>
       `;
     }
@@ -2303,9 +2354,9 @@ var CsListInternal = class extends LitElement9 {
       <ul
         class=${classMap8(listClasses)}
         role="list"
-        aria-label=${ifDefined5(this.listLabel || void 0)}
-        aria-labelledby=${ifDefined5(this.listLabelledby || void 0)}
-        aria-describedby=${ifDefined5(this.listDescribedby || void 0)}
+        aria-label=${ifDefined5(this.controlAriaLabel || void 0)}
+        aria-labelledby=${ifDefined5(this.controlAriaLabelledby || void 0)}
+        aria-describedby=${ifDefined5(this.controlAriaDescribedby || void 0)}
       >${content}</ul>
     `;
   }
@@ -2320,14 +2371,14 @@ __decorateClass([
   property10({ type: String })
 ], CsListInternal.prototype, "tagOverride", 2);
 __decorateClass([
-  property10({ type: String, attribute: "label" })
-], CsListInternal.prototype, "listLabel", 2);
+  property10({ type: String, attribute: "aria-label" })
+], CsListInternal.prototype, "controlAriaLabel", 2);
 __decorateClass([
-  property10({ type: String, attribute: "labelledby" })
-], CsListInternal.prototype, "listLabelledby", 2);
+  property10({ type: String, attribute: "aria-labelledby" })
+], CsListInternal.prototype, "controlAriaLabelledby", 2);
 __decorateClass([
-  property10({ type: String, attribute: "describedby" })
-], CsListInternal.prototype, "listDescribedby", 2);
+  property10({ type: String, attribute: "aria-describedby" })
+], CsListInternal.prototype, "controlAriaDescribedby", 2);
 __decorateClass([
   property10({ type: Boolean })
 ], CsListInternal.prototype, "sortable", 2);
@@ -2350,7 +2401,7 @@ var CsList = class extends CsListInternal {
 customElements.define("cs-list", CsList);
 
 // src/tree-view/internal.ts
-import { css as css22, html as html10, LitElement as LitElement10, nothing as nothing2 } from "lit";
+import { css as css22, html as html10, nothing as nothing2 } from "lit";
 import { property as property11 } from "lit/decorators.js";
 import { classMap as classMap9 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined6 } from "lit/directives/if-defined.js";
@@ -2384,13 +2435,13 @@ var componentStyles9 = css21`
 
 // src/tree-view/internal.ts
 var hostStyles9 = css22`:host { display: block; }`;
-var CsTreeViewInternal = class extends LitElement10 {
+var CsTreeViewInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this.items = [];
-    this.treeLabel = "";
-    this.treeLabelledby = "";
-    this.treeDescribedby = "";
+    this.controlAriaLabel = "";
+    this.controlAriaLabelledby = "";
+    this.controlAriaDescribedby = "";
     this._expandedSet = /* @__PURE__ */ new Set();
   }
   static {
@@ -2477,9 +2528,9 @@ var CsTreeViewInternal = class extends LitElement10 {
       <ul
         class=${classMap9(rootClasses)}
         role="tree"
-        aria-label=${ifDefined6(this.treeLabel || void 0)}
-        aria-labelledby=${ifDefined6(this.treeLabelledby || void 0)}
-        aria-describedby=${ifDefined6(this.treeDescribedby || void 0)}
+        aria-label=${ifDefined6(this.controlAriaLabel || void 0)}
+        aria-labelledby=${ifDefined6(this.controlAriaLabelledby || void 0)}
+        aria-describedby=${ifDefined6(this.controlAriaDescribedby || void 0)}
       >
         ${this.items.map((item, i) => this._renderNode(item, i, 0))}
       </ul>
@@ -2502,14 +2553,14 @@ __decorateClass([
   property11({ attribute: false })
 ], CsTreeViewInternal.prototype, "expandedItems", 2);
 __decorateClass([
-  property11({ type: String, attribute: "label" })
-], CsTreeViewInternal.prototype, "treeLabel", 2);
+  property11({ type: String, attribute: "aria-label" })
+], CsTreeViewInternal.prototype, "controlAriaLabel", 2);
 __decorateClass([
-  property11({ type: String, attribute: "labelledby" })
-], CsTreeViewInternal.prototype, "treeLabelledby", 2);
+  property11({ type: String, attribute: "aria-labelledby" })
+], CsTreeViewInternal.prototype, "controlAriaLabelledby", 2);
 __decorateClass([
-  property11({ type: String, attribute: "describedby" })
-], CsTreeViewInternal.prototype, "treeDescribedby", 2);
+  property11({ type: String, attribute: "aria-describedby" })
+], CsTreeViewInternal.prototype, "controlAriaDescribedby", 2);
 __decorateClass([
   property11({ type: String })
 ], CsTreeViewInternal.prototype, "connectorLines", 2);
@@ -2526,7 +2577,7 @@ var CsTreeView = class extends CsTreeViewInternal {
 customElements.define("cs-tree-view", CsTreeView);
 
 // src/box/internal.ts
-import { css as css24, html as html11, LitElement as LitElement11 } from "lit";
+import { css as css24, html as html11 } from "lit";
 import { property as property12 } from "lit/decorators.js";
 import { classMap as classMap10 } from "lit/directives/class-map.js";
 
@@ -3346,7 +3397,7 @@ var hostStyles10 = css24`
   :host([display="inline-block"]) { display: inline-block; }
   :host([display="none"]) { display: none; }
 `;
-var CsBoxInternal = class extends LitElement11 {
+var CsBoxInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this.variant = "div";
@@ -3440,7 +3491,7 @@ var CsBox = class extends CsBoxInternal {
 customElements.define("cs-box", CsBox);
 
 // src/grid/internal.ts
-import { css as css26, html as html12, LitElement as LitElement12 } from "lit";
+import { css as css26, html as html12 } from "lit";
 import { property as property13, state } from "lit/decorators.js";
 import { classMap as classMap11 } from "lit/directives/class-map.js";
 
@@ -3650,7 +3701,7 @@ function resolveNumericValue(value, defaultValue) {
   return value.default ?? defaultValue;
 }
 var hostStyles11 = css26`:host { display: block; }`;
-var CsGridInternal = class extends LitElement12 {
+var CsGridInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this.disableGutters = false;
@@ -3732,7 +3783,7 @@ var CsGrid = class extends CsGridInternal {
 customElements.define("cs-grid", CsGrid);
 
 // src/space-between/internal.ts
-import { css as css28, html as html13, LitElement as LitElement13 } from "lit";
+import { css as css28, html as html13 } from "lit";
 import { property as property14 } from "lit/decorators.js";
 import { classMap as classMap12 } from "lit/directives/class-map.js";
 
@@ -3825,7 +3876,7 @@ var componentStyles12 = css27`
 
 // src/space-between/internal.ts
 var hostStyles12 = css28`:host { display: block; }`;
-var CsSpaceBetweenInternal = class extends LitElement13 {
+var CsSpaceBetweenInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this.direction = "vertical";
@@ -3866,7 +3917,7 @@ var CsSpaceBetween = class extends CsSpaceBetweenInternal {
 customElements.define("cs-space-between", CsSpaceBetween);
 
 // src/text-content/internal.ts
-import { css as css30, html as html14, LitElement as LitElement14 } from "lit";
+import { css as css30, html as html14 } from "lit";
 
 // src/text-content/styles.ts
 import { css as css29 } from "lit";
@@ -4095,7 +4146,7 @@ var componentStyles13 = css29`
 
 // src/text-content/internal.ts
 var hostStyles13 = css30`:host { display: block; }`;
-var CsTextContentInternal = class extends LitElement14 {
+var CsTextContentInternal = class extends CsBaseElement {
   static {
     this.styles = [sharedStyles, componentStyles13, hostStyles13];
   }
@@ -4114,7 +4165,7 @@ var CsTextContent = class extends CsTextContentInternal {
 customElements.define("cs-text-content", CsTextContent);
 
 // src/file-dropzone/internal.ts
-import { css as css32, html as html15, LitElement as LitElement15 } from "lit";
+import { css as css32, html as html15 } from "lit";
 import { state as state2 } from "lit/decorators.js";
 import { classMap as classMap13 } from "lit/directives/class-map.js";
 
@@ -4152,7 +4203,7 @@ var componentStyles14 = css31`
 
 // src/file-dropzone/internal.ts
 var hostStyles14 = css32`:host { display: block; }`;
-var CsFileDropzoneInternal = class extends LitElement15 {
+var CsFileDropzoneInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this._isDragging = false;
@@ -4231,7 +4282,7 @@ var CsFileDropzone = class extends CsFileDropzoneInternal {
 customElements.define("cs-file-dropzone", CsFileDropzone);
 
 // src/anchor-navigation/internal.ts
-import { css as css34, html as html16, LitElement as LitElement16 } from "lit";
+import { css as css34, html as html16 } from "lit";
 import { property as property15, state as state3 } from "lit/decorators.js";
 import { classMap as classMap14 } from "lit/directives/class-map.js";
 import { ifDefined as ifDefined7 } from "lit/directives/if-defined.js";
@@ -4377,7 +4428,7 @@ var componentStyles15 = css33`
 
 // src/anchor-navigation/internal.ts
 var hostStyles15 = css34`:host { display: block; }`;
-var CsAnchorNavigationInternal = class extends LitElement16 {
+var CsAnchorNavigationInternal = class extends CsBaseElement {
   constructor() {
     super(...arguments);
     this.anchors = [];

package/dist/internal/base-element.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+import type { PropertyDeclaration } from 'lit';
+export declare class CsBaseElement extends LitElement {
+    static createProperty(name: PropertyKey, options?: PropertyDeclaration): void;
+}
+//# sourceMappingURL=base-element.d.ts.map

package/dist/internal/base-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-element.d.ts","sourceRoot":"","sources":["../../src/internal/base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAE/C,qBAAa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI;CAS9E"}

package/dist/list/internal.d.ts

@@ -1,4 +1,5 @@
-import { LitElement, nothing, type TemplateResult } from 'lit';
+import { nothing, type TemplateResult } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { ListProps } from './interfaces.js';
 interface RenderedItem {
     id: string;
@@ -8,14 +9,14 @@ interface RenderedItem {
     actions?: unknown;
     announcementLabel?: string;
 }
-export declare class CsListInternal<T = any> extends LitElement {
+export declare class CsListInternal<T = any> extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     items: ReadonlyArray<T>;
     renderItem: ((item: T) => RenderedItem) | undefined;
     tagOverride?: 'ol' | 'ul';
-    listLabel: string;
-    listLabelledby: string;
-    listDescribedby: string;
+    controlAriaLabel: string;
+    controlAriaLabelledby: string;
+    controlAriaDescribedby: string;
     sortable: boolean;
     sortDisabled: boolean;
     disableItemPaddings: boolean;

package/dist/list/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/list/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAO1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAID,qBAAa,cAAc,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,UAAU;IACrD,OAAgB,MAAM,4BAAqE;IAG3F,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAM;IAG7B,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,YAAY,CAAC,GAAG,SAAS,CAAC;IAGpD,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAG1B,SAAS,SAAM;IAGf,cAAc,SAAM;IAGpB,eAAe,SAAM;IAGrB,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAGrB,mBAAmB,UAAS;IAG5B,eAAe,UAAS;IAGxB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IAEpC,OAAO,CAAC,eAAe;IAqBd,MAAM;CAuChB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/list/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAO5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAID,qBAAa,cAAc,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,aAAa;IACxD,OAAgB,MAAM,4BAAqE;IAG3F,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAM;IAG7B,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,YAAY,CAAC,GAAG,SAAS,CAAC;IAGpD,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAG1B,gBAAgB,SAAM;IAGtB,qBAAqB,SAAM;IAG3B,sBAAsB,SAAM;IAG5B,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAGrB,mBAAmB,UAAS;IAG5B,eAAe,UAAS;IAGxB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IAEpC,OAAO,CAAC,eAAe;IAqBd,MAAM;CAuChB"}

package/dist/live-region/internal.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { LiveRegionProps } from './interfaces.js';
-export declare class CsLiveRegionInternal extends LitElement {
+export declare class CsLiveRegionInternal extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     assertive: boolean;
     tagName_: LiveRegionProps.TagName;

package/dist/live-region/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/live-region/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD,qBAAa,oBAAqB,SAAQ,UAAU;IAClD,OAAgB,MAAM,4BAA+C;IAGrE,SAAS,UAAS;IAGlB,QAAQ,EAAE,eAAe,CAAC,OAAO,CAAS;IAG1C,MAAM,UAAS;IAEN,MAAM;CAqBhB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/live-region/internal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD,qBAAa,oBAAqB,SAAQ,aAAa;IACrD,OAAgB,MAAM,4BAA+C;IAGrE,SAAS,UAAS;IAGlB,QAAQ,EAAE,eAAe,CAAC,OAAO,CAAS;IAG1C,MAAM,UAAS;IAEN,MAAM;CAqBhB"}

package/dist/radio-group/internal.d.ts

@@ -1,7 +1,7 @@
 import { type PropertyValues, type TemplateResult } from 'lit';
-import { LitElement } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { RadioGroupProps } from './interfaces.js';
-declare const Base: (new (...args: any[]) => import("../internal/mixins/form-associated.js").FormAssociatedHost) & typeof LitElement;
+declare const Base: (new (...args: any[]) => import("../internal/mixins/form-associated.js").FormAssociatedHost) & typeof CsBaseElement;
 export declare class CsRadioGroupInternal extends Base {
     static styles: import("lit").CSSResult[];
     value: string;

package/dist/radio-group/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/radio-group/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,QAAA,MAAM,IAAI,kHAAkC,CAAC;AAI7C,qBAAa,oBAAqB,SAAQ,IAAI;IAC5C,OAAgB,MAAM,4BAAwF;IAGrG,KAAK,SAAM;IAGpB,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAM;IAGjE,gBAAgB,SAAM;IAGtB,mBAAmB,UAAS;IAG5B,mBAAmB,SAAM;IAGzB,QAAQ,UAAS;IAGjB,SAAS,EAAE,YAAY,GAAG,UAAU,CAAc;IAElD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA6B;IACxD,OAAO,CAAC,aAAa,CAAM;IAElB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,UAAU,CAuChB;IAEF,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,YAAY;IAUX,MAAM,IAAI,cAAc;IAuBjC,OAAO,CAAC,WAAW;CAuEpB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/radio-group/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAO5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,QAAA,MAAM,IAAI,qHAAqC,CAAC;AAIhD,qBAAa,oBAAqB,SAAQ,IAAI;IAC5C,OAAgB,MAAM,4BAAwF;IAGrG,KAAK,SAAM;IAGpB,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAM;IAGjE,gBAAgB,SAAM;IAGtB,mBAAmB,UAAS;IAG5B,mBAAmB,SAAM;IAGzB,QAAQ,UAAS;IAGjB,SAAS,EAAE,YAAY,GAAG,UAAU,CAAc;IAElD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA6B;IACxD,OAAO,CAAC,aAAa,CAAM;IAElB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,UAAU,CAuChB;IAEF,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,YAAY;IAUX,MAAM,IAAI,cAAc;IAuBjC,OAAO,CAAC,WAAW;CAmFpB"}

package/dist/space-between/internal.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { SpaceBetweenProps } from './interfaces.js';
-export declare class CsSpaceBetweenInternal extends LitElement {
+export declare class CsSpaceBetweenInternal extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     direction: SpaceBetweenProps.Direction;
     size: SpaceBetweenProps.Size;

package/dist/space-between/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/space-between/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,qBAAa,sBAAuB,SAAQ,UAAU;IACpD,OAAgB,MAAM,4BAA+C;IAGrE,SAAS,EAAE,iBAAiB,CAAC,SAAS,CAAc;IAGpD,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAO;IAGnC,UAAU,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC;IAEjC,MAAM;CAgBhB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/space-between/internal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,qBAAa,sBAAuB,SAAQ,aAAa;IACvD,OAAgB,MAAM,4BAA+C;IAGrE,SAAS,EAAE,iBAAiB,CAAC,SAAS,CAAc;IAGpD,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAO;IAGnC,UAAU,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC;IAEjC,MAAM;CAgBhB"}

package/dist/spinner/internal.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { SpinnerProps } from './interfaces.js';
-export declare class CsSpinnerInternal extends LitElement {
+export declare class CsSpinnerInternal extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     size: SpinnerProps.Size;
     variant: SpinnerProps.Variant;

package/dist/spinner/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/spinner/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAepD,qBAAa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,4BAA+C;IAGrE,IAAI,EAAE,YAAY,CAAC,IAAI,CAAY;IAGnC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAY;IAEhC,MAAM;CAWhB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/spinner/internal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAepD,qBAAa,iBAAkB,SAAQ,aAAa;IAClD,OAAgB,MAAM,4BAA+C;IAGrE,IAAI,EAAE,YAAY,CAAC,IAAI,CAAY;IAGnC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAY;IAEhC,MAAM;CAWhB"}

package/dist/text-content/internal.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
-export declare class CsTextContentInternal extends LitElement {
+import { CsBaseElement } from '../internal/base-element.js';
+export declare class CsTextContentInternal extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/text-content/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/text-content/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,qBAAa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,4BAA+C;IAE5D,MAAM;CAOhB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/text-content/internal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAK5D,qBAAa,qBAAsB,SAAQ,aAAa;IACtD,OAAgB,MAAM,4BAA+C;IAE5D,MAAM;CAOhB"}

package/dist/tiles/internal.d.ts

@@ -1,7 +1,7 @@
 import { type PropertyValues, type TemplateResult } from 'lit';
-import { LitElement } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { TilesProps } from './interfaces.js';
-declare const Base: (new (...args: any[]) => import("../internal/mixins/form-associated.js").FormAssociatedHost) & typeof LitElement;
+declare const Base: (new (...args: any[]) => import("../internal/mixins/form-associated.js").FormAssociatedHost) & typeof CsBaseElement;
 export declare class CsTilesInternal extends Base {
     static styles: import("lit").CSSResult[];
     value: string;

package/dist/tiles/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/tiles/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,QAAA,MAAM,IAAI,kHAAkC,CAAC;AAI7C,qBAAa,eAAgB,SAAQ,IAAI;IACvC,OAAgB,MAAM,4BAAwF;IAGrG,KAAK,SAAM;IAGpB,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,CAAM;IAGtD,gBAAgB,SAAM;IAGtB,mBAAmB,UAAS;IAG5B,mBAAmB,SAAM;IAGzB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,QAAQ,UAAS;IAEjB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA6B;IACxD,OAAO,CAAC,aAAa,CAAM;IAElB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,UAAU,CAiChB;IAEF,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,YAAY;IASX,MAAM,IAAI,cAAc;IAwBjC,OAAO,CAAC,WAAW;CAiFpB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/tiles/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAO5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,QAAA,MAAM,IAAI,qHAAqC,CAAC;AAIhD,qBAAa,eAAgB,SAAQ,IAAI;IACvC,OAAgB,MAAM,4BAAwF;IAGrG,KAAK,SAAM;IAGpB,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,CAAM;IAGtD,gBAAgB,SAAM;IAGtB,mBAAmB,UAAS;IAG5B,mBAAmB,SAAM;IAGzB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,QAAQ,UAAS;IAEjB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA6B;IACxD,OAAO,CAAC,aAAa,CAAM;IAElB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,UAAU,CAiChB;IAEF,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,YAAY;IASX,MAAM,IAAI,cAAc;IAwBjC,OAAO,CAAC,WAAW;CAuGpB"}

package/dist/tree-view/internal.d.ts

@@ -1,15 +1,16 @@
-import { LitElement, nothing, type TemplateResult } from 'lit';
+import { nothing, type TemplateResult } from 'lit';
+import { CsBaseElement } from '../internal/base-element.js';
 import type { TreeViewProps } from './interfaces.js';
-export declare class CsTreeViewInternal<T = any> extends LitElement {
+export declare class CsTreeViewInternal<T = any> extends CsBaseElement {
     static styles: import("lit").CSSResult[];
     items: ReadonlyArray<T>;
     renderItem: ((item: T, index: number) => TreeViewProps.TreeItem) | undefined;
     getItemId: ((item: T, index: number) => string) | undefined;
     getItemChildren: ((item: T, index: number) => ReadonlyArray<T> | undefined) | undefined;
     expandedItems?: ReadonlyArray<string>;
-    treeLabel: string;
-    treeLabelledby: string;
-    treeDescribedby: string;
+    controlAriaLabel: string;
+    controlAriaLabelledby: string;
+    controlAriaDescribedby: string;
     connectorLines?: TreeViewProps.ConnectorLinesVariant;
     i18nStrings?: TreeViewProps.I18nStrings<T>;
     renderItemToggleIcon?: (data: TreeViewProps.ItemToggleRenderIconData) => unknown;

package/dist/tree-view/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/tree-view/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,qBAAa,kBAAkB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,UAAU;IACzD,OAAgB,MAAM,4BAA+C;IAGrE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAM;IAG7B,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,aAAa,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAG7E,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAG5D,eAAe,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IAGxF,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAGtC,SAAS,SAAM;IAGf,cAAc,SAAM;IAGpB,eAAe,SAAM;IAGrB,cAAc,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC;IAGrD,WAAW,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IAG3C,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,wBAAwB,KAAK,OAAO,CAAC;IAEjF,OAAO,CAAC,YAAY,CAAqB;IAEhC,UAAU,CAAC,OAAO,EAAE,OAAO,KAAK,EAAE,cAAc,GAAG,IAAI;IAMhE,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,WAAW;IAqDV,MAAM;CAqBhB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/tree-view/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,qBAAa,kBAAkB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,aAAa;IAC5D,OAAgB,MAAM,4BAA+C;IAGrE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAM;IAG7B,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,aAAa,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAG7E,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAG5D,eAAe,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IAGxF,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAGtC,gBAAgB,SAAM;IAGtB,qBAAqB,SAAM;IAG3B,sBAAsB,SAAM;IAG5B,cAAc,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC;IAGrD,WAAW,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IAG3C,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,wBAAwB,KAAK,OAAO,CAAC;IAEjF,OAAO,CAAC,YAAY,CAAqB;IAEhC,UAAU,CAAC,OAAO,EAAE,OAAO,KAAK,EAAE,cAAc,GAAG,IAAI;IAMhE,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,WAAW;IAqDV,MAAM;CAqBhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cumulus-ui/components",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Web components inspired by Cloudscape Design System",
   "type": "module",
   "main": "./dist/index.js",
@@ -23,7 +23,7 @@
     "build:demo": "node scripts/build-demo.mjs",
     "dev": "npx vite --port 3000",
     "test": "npm run build:cdn && npx playwright test",
-    "typecheck": "tsc --noEmit && tsc --noEmit -p tsconfig.demo.json",
+    "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist",
     "generate:interfaces": "tsx scripts/generate-interfaces.ts",
     "generate:styles": "tsx scripts/generate-styles.ts",
@@ -49,6 +49,7 @@
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.11.1",
+    "@cloudscape-design/components": "^3.0.1267",
     "@playwright/test": "^1.59.1",
     "@types/node": "^25.5.2",
     "@types/pngjs": "^6.0.5",
@@ -57,6 +58,6 @@
     "pngjs": "^7.0.0",
     "tsx": "^4.21.0",
     "typescript": "~5.9.3",
-    "vite": "^8.0.6"
+    "vite": "^8.0.7"
   }
 }