@bspk/ui-ngx 1.0.0 → 1.0.4

package/fesm2022/bspk-ui-ngx.mjs

@@ -860,6 +860,616 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Output
             }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], initials: [{ type: i0.Input, args: [{ isSignal: true, alias: "initials", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], hideTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideTooltip", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
+/**
+ * A directive to position an element relative to a reference element using floating UI logic.
+ *
+ * @name UIFloatingDirective
+ * @phase Utility
+ */
+class UIFloatingDirective {
+    render = inject(Renderer2);
+    host = inject(ElementRef);
+    floating = new FloatingUtility(this.render);
+    props = input.required(...(ngDevMode ? [{ debugName: "props", alias: 'ui-floating' }] : [{ alias: 'ui-floating' }]));
+    ngAfterViewInit() {
+        const nextProps = {
+            ...this.props(),
+            floating: this.host.nativeElement,
+        };
+        this.floating.compute(nextProps);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIFloatingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: UIFloatingDirective, isStandalone: true, selector: "[ui-floating]", inputs: { props: { classPropertyName: "props", publicName: "ui-floating", isSignal: true, isRequired: true, transformFunction: null } }, host: { styleAttribute: "position: absolute;" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIFloatingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ui-floating]',
+                    host: {
+                        style: 'position: absolute;',
+                    },
+                }]
+        }], propDecorators: { props: [{ type: i0.Input, args: [{ isSignal: true, alias: "ui-floating", required: true }] }] } });
+
+/**
+ * A hybrid interactive component that is used frequently to organize content and offers a wide range of control and
+ * navigation in most experiences.
+ *
+ * With its flexible and simple structure, the list item element is core and can meet the needs of many uses cases.
+ *
+ * The ListItem has three main elements: leading element, label, and trailing element.
+ *
+ * Leading elements should be one of the following Icon, Img, Avatar.
+ *
+ * Trailing elements should be one of the following Icon, Checkbox, Button, Radio, Switch, Tag, Txt.
+ *
+ * @name ListItem
+ * @phase Dev
+ */
+class UIListItem {
+    onClick = new EventEmitter();
+    active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : []));
+    owner = input(...(ngDevMode ? [undefined, { debugName: "owner" }] : []));
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
+    ariaSelected = input(...(ngDevMode ? [undefined, { debugName: "ariaSelected" }] : []));
+    ariaDisabled = input(...(ngDevMode ? [undefined, { debugName: "ariaDisabled" }] : []));
+    ariaReadonly = input(...(ngDevMode ? [undefined, { debugName: "ariaReadonly" }] : []));
+    htmlFor = input(...(ngDevMode ? [undefined, { debugName: "htmlFor" }] : []));
+    disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
+    readOnly = input(...(ngDevMode ? [undefined, { debugName: "readOnly" }] : []));
+    as = input('div', ...(ngDevMode ? [{ debugName: "as" }] : []));
+    href = input(...(ngDevMode ? [undefined, { debugName: "href" }] : []));
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
+    subText = input(...(ngDevMode ? [undefined, { debugName: "subText" }] : []));
+    width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
+    tabIndex = input(...(ngDevMode ? [undefined, { debugName: "tabIndex" }] : []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    listItemId = computed(() => (this.id() ? `list-item-${this.id()}` : undefined), ...(ngDevMode ? [{ debugName: "listItemId" }] : []));
+    actionable = computed(() => {
+        return (!!(this.href() || this.as() === 'button' || this.onClick.observed || this.onClick.observed) &&
+            !this.isReadonly &&
+            !this.isDisabled);
+    }, ...(ngDevMode ? [{ debugName: "actionable" }] : []));
+    get tabindex() {
+        // allow explicit tabIndex to override actionable state
+        return this.tabIndex() !== undefined ? this.tabIndex() : this.actionable() ? 0 : -1;
+    }
+    get isReadonly() {
+        return !!(this.readOnly() || this.ariaReadonly());
+    }
+    get isDisabled() {
+        return !!(this.disabled() || this.ariaDisabled());
+    }
+    get As() {
+        const as = this.as();
+        if (as)
+            return as;
+        if (this.href())
+            return 'a';
+        return 'div';
+    }
+    get role() {
+        if (!this.actionable())
+            return undefined;
+        if (this.as() === 'button')
+            return undefined;
+        return 'button';
+    }
+    handleClick(event) {
+        if (this.isReadonly || this.isDisabled)
+            return;
+        this.onClick.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIListItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: UIListItem, isStandalone: true, selector: "ui-list-item", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, owner: { classPropertyName: "owner", publicName: "owner", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaSelected: { classPropertyName: "ariaSelected", publicName: "ariaSelected", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "ariaDisabled", isSignal: true, isRequired: false, transformFunction: null }, ariaReadonly: { classPropertyName: "ariaReadonly", publicName: "ariaReadonly", isSignal: true, isRequired: false, transformFunction: null }, htmlFor: { classPropertyName: "htmlFor", publicName: "htmlFor", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, as: { classPropertyName: "as", publicName: "as", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { properties: { "attr.id": "listItemId()" }, styleAttribute: "display: contents;" }, ngImport: i0, template: `
+        <ng-template #inner>
+            <ng-content select="[data-leading]"></ng-content>
+            <span data-item-label>
+                <span data-text [ui-tooltip]="{ truncated: true }">
+                    {{ label() }}
+                </span>
+                @if (subText()) {
+                    <span data-sub-text>{{ subText() }}</span>
+                }
+            </span>
+            <ng-content select="[data-trailing]"></ng-content>
+        </ng-template>
+        @if (As === 'a') {
+            <a
+                [attr.aria-label]="ariaLabel() || undefined"
+                [attr.aria-selected]="ariaSelected()"
+                [attr.role]="role"
+                [attr.tabindex]="tabindex"
+                [attr.href]="href()"
+                [attr.data-action]="actionable() || undefined"
+                [attr.data-active]="active() || undefined"
+                data-bspk="list-item"
+                [attr.data-bspk-owner]="owner() || undefined"
+                [attr.data-disabled]="isDisabled || undefined"
+                [attr.data-readonly]="isReadonly || undefined"
+                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
+                [attr.id]="id()"
+                (click)="handleClick($event)"
+                (keydown.enter)="handleClick($event)">
+                <ng-container *ngTemplateOutlet="inner"></ng-container>
+            </a>
+        } @else if (As === 'button') {
+            <button
+                type="button"
+                [attr.aria-label]="ariaLabel() || undefined"
+                [attr.aria-selected]="ariaSelected()"
+                [attr.role]="role"
+                [attr.tabindex]="tabindex"
+                [attr.data-action]="actionable() || undefined"
+                [attr.data-active]="active() || undefined"
+                data-bspk="list-item"
+                [attr.data-bspk-owner]="owner() || undefined"
+                [attr.data-disabled]="isDisabled || undefined"
+                [attr.data-readonly]="isReadonly || undefined"
+                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
+                [attr.id]="id()"
+                (click)="handleClick($event)">
+                <ng-container *ngTemplateOutlet="inner"></ng-container>
+            </button>
+        } @else if (As === 'label') {
+            <label
+                [attr.aria-label]="ariaLabel() || undefined"
+                [attr.aria-selected]="ariaSelected()"
+                [attr.role]="role"
+                [attr.tabindex]="tabindex"
+                [attr.data-action]="actionable() || undefined"
+                [attr.data-active]="active() || undefined"
+                data-bspk="list-item"
+                [attr.data-bspk-owner]="owner() || undefined"
+                [attr.data-disabled]="isDisabled || undefined"
+                [attr.data-readonly]="isReadonly || undefined"
+                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
+                [attr.id]="id()"
+                [attr.for]="htmlFor()"
+                (click)="handleClick($event)"
+                (keydown.enter)="handleClick($event)">
+                <ng-container *ngTemplateOutlet="inner"></ng-container>
+            </label>
+        } @else {
+            <div
+                [attr.aria-label]="ariaLabel() || undefined"
+                [attr.aria-selected]="ariaSelected()"
+                [attr.role]="role"
+                [attr.tabindex]="tabindex"
+                [attr.data-action]="actionable() || undefined"
+                [attr.data-active]="active() || undefined"
+                data-bspk="list-item"
+                [attr.data-bspk-owner]="owner() || undefined"
+                [attr.data-disabled]="isDisabled || undefined"
+                [attr.data-readonly]="isReadonly || undefined"
+                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
+                [attr.id]="id()"
+                (click)="handleClick($event)"
+                (keydown.enter)="handleClick($event)">
+                <ng-container *ngTemplateOutlet="inner"></ng-container>
+            </div>
+        }
+    `, isInline: true, styles: ["[data-bspk=list-item]{display:flex;-webkit-user-select:none;user-select:none;color:var(--foreground-neutral-on-surface);background-color:var(--surface-neutral-t1-base);height:100%;overflow:hidden;min-height:var(--list-item-height);flex-direction:row;gap:var(--spacing-sizing-03);padding:var(--spacing-sizing-02);justify-items:stretch;border:unset;margin:unset;text-decoration:unset;width:100%}[data-bspk=list-item][data-width=hug]{width:auto;max-width:100%}[data-pseudo=focus] [data-bspk=list-item],[data-bspk=list-item]:focus-visible,[data-bspk=list-item]:has(*:focus-visible){outline:solid 2px var(--stroke-neutral-focus);isolation:isolate}[data-pseudo=focus] [data-bspk=list-item] [data-inner],[data-bspk=list-item]:focus-visible [data-inner],[data-bspk=list-item]:has(*:focus-visible) [data-inner]{border-color:transparent}[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action][data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:hover,[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label)[data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):hover{background-color:var(--interactions-neutral-hover-opacity)}[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:active,[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):active{background-color:var(--interactions-neutral-press-opacity)}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-item-label],[data-bspk=list-item] [data-trailing]{min-height:100%;display:flex;flex-direction:column;justify-content:space-around;flex:1 1 0;min-width:0}[data-bspk=list-item] [data-leading] svg,[data-bspk=list-item] [data-item-label] svg,[data-bspk=list-item] [data-trailing] svg{width:24px;max-width:unset}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-trailing]{width:fit-content;flex:0 0 auto}[data-bspk=list-item] [data-leading]:empty,[data-bspk=list-item] [data-trailing]:empty{display:none}[data-bspk=list-item] [data-item-label]{text-align:left}[data-bspk=list-item] [data-item-label] [data-text]{width:100%;font:var(--labels-base);color:var(--foreground-neutral-on-surface)}[data-bspk=list-item] [data-item-label] [data-sub-text]{width:100%;font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=list-item] [data-trailing]:has(input){pointer-events:none}[data-bspk=list-item] img{height:36px;width:36px;max-width:unset}[data-bspk=list-item]:is(label) [data-inner]{border-bottom:0;gap:var(--spacing-sizing-02)}[data-bspk=list-item][aria-selected=true]{background-color:var(--surface-brand-primary-highlight)}[data-bspk=list-item][data-disabled] [data-text],[data-bspk=list-item][data-disabled] [data-sub-text],[data-bspk=list-item][data-readonly] [data-text],[data-bspk=list-item][data-readonly] [data-sub-text]{color:var(--foreground-neutral-disabled-on-surface);cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: UITooltipDirective, selector: "[ui-tooltip]", inputs: ["ui-tooltip"], outputs: ["ui-tooltipChange"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIListItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-list-item', standalone: true, imports: [NgTemplateOutlet, UITooltipDirective], encapsulation: ViewEncapsulation.None, template: `
+        <ng-template #inner>
+            <ng-content select="[data-leading]"></ng-content>
+            <span data-item-label>
+                <span data-text [ui-tooltip]="{ truncated: true }">
+                    {{ label() }}
+                </span>
+                @if (subText()) {
+                    <span data-sub-text>{{ subText() }}</span>
+                }
+            </span>
+            <ng-content select="[data-trailing]"></ng-content>
+        </ng-template>
+        @if (As === 'a') {
+            <a
+                [attr.aria-label]="ariaLabel() || undefined"
+                [attr.aria-selected]="ariaSelected()"
+                [attr.role]="role"
+                [attr.tabindex]="tabindex"
+                [attr.href]="href()"
+                [attr.data-action]="actionable() || undefined"
+                [attr.data-active]="active() || undefined"
+                data-bspk="list-item"
+                [attr.data-bspk-owner]="owner() || undefined"
+                [attr.data-disabled]="isDisabled || undefined"
+                [attr.data-readonly]="isReadonly || undefined"
+                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
+                [attr.id]="id()"
+                (click)="handleClick($event)"
+                (keydown.enter)="handleClick($event)">
+                <ng-container *ngTemplateOutlet="inner"></ng-container>
+            </a>
+        } @else if (As === 'button') {
+            <button
+                type="button"
+                [attr.aria-label]="ariaLabel() || undefined"
+                [attr.aria-selected]="ariaSelected()"
+                [attr.role]="role"
+                [attr.tabindex]="tabindex"
+                [attr.data-action]="actionable() || undefined"
+                [attr.data-active]="active() || undefined"
+                data-bspk="list-item"
+                [attr.data-bspk-owner]="owner() || undefined"
+                [attr.data-disabled]="isDisabled || undefined"
+                [attr.data-readonly]="isReadonly || undefined"
+                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
+                [attr.id]="id()"
+                (click)="handleClick($event)">
+                <ng-container *ngTemplateOutlet="inner"></ng-container>
+            </button>
+        } @else if (As === 'label') {
+            <label
+                [attr.aria-label]="ariaLabel() || undefined"
+                [attr.aria-selected]="ariaSelected()"
+                [attr.role]="role"
+                [attr.tabindex]="tabindex"
+                [attr.data-action]="actionable() || undefined"
+                [attr.data-active]="active() || undefined"
+                data-bspk="list-item"
+                [attr.data-bspk-owner]="owner() || undefined"
+                [attr.data-disabled]="isDisabled || undefined"
+                [attr.data-readonly]="isReadonly || undefined"
+                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
+                [attr.id]="id()"
+                [attr.for]="htmlFor()"
+                (click)="handleClick($event)"
+                (keydown.enter)="handleClick($event)">
+                <ng-container *ngTemplateOutlet="inner"></ng-container>
+            </label>
+        } @else {
+            <div
+                [attr.aria-label]="ariaLabel() || undefined"
+                [attr.aria-selected]="ariaSelected()"
+                [attr.role]="role"
+                [attr.tabindex]="tabindex"
+                [attr.data-action]="actionable() || undefined"
+                [attr.data-active]="active() || undefined"
+                data-bspk="list-item"
+                [attr.data-bspk-owner]="owner() || undefined"
+                [attr.data-disabled]="isDisabled || undefined"
+                [attr.data-readonly]="isReadonly || undefined"
+                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
+                [attr.id]="id()"
+                (click)="handleClick($event)"
+                (keydown.enter)="handleClick($event)">
+                <ng-container *ngTemplateOutlet="inner"></ng-container>
+            </div>
+        }
+    `, host: {
+                        style: 'display: contents;',
+                        '[attr.id]': 'listItemId()',
+                    }, styles: ["[data-bspk=list-item]{display:flex;-webkit-user-select:none;user-select:none;color:var(--foreground-neutral-on-surface);background-color:var(--surface-neutral-t1-base);height:100%;overflow:hidden;min-height:var(--list-item-height);flex-direction:row;gap:var(--spacing-sizing-03);padding:var(--spacing-sizing-02);justify-items:stretch;border:unset;margin:unset;text-decoration:unset;width:100%}[data-bspk=list-item][data-width=hug]{width:auto;max-width:100%}[data-pseudo=focus] [data-bspk=list-item],[data-bspk=list-item]:focus-visible,[data-bspk=list-item]:has(*:focus-visible){outline:solid 2px var(--stroke-neutral-focus);isolation:isolate}[data-pseudo=focus] [data-bspk=list-item] [data-inner],[data-bspk=list-item]:focus-visible [data-inner],[data-bspk=list-item]:has(*:focus-visible) [data-inner]{border-color:transparent}[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action][data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:hover,[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label)[data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):hover{background-color:var(--interactions-neutral-hover-opacity)}[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:active,[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):active{background-color:var(--interactions-neutral-press-opacity)}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-item-label],[data-bspk=list-item] [data-trailing]{min-height:100%;display:flex;flex-direction:column;justify-content:space-around;flex:1 1 0;min-width:0}[data-bspk=list-item] [data-leading] svg,[data-bspk=list-item] [data-item-label] svg,[data-bspk=list-item] [data-trailing] svg{width:24px;max-width:unset}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-trailing]{width:fit-content;flex:0 0 auto}[data-bspk=list-item] [data-leading]:empty,[data-bspk=list-item] [data-trailing]:empty{display:none}[data-bspk=list-item] [data-item-label]{text-align:left}[data-bspk=list-item] [data-item-label] [data-text]{width:100%;font:var(--labels-base);color:var(--foreground-neutral-on-surface)}[data-bspk=list-item] [data-item-label] [data-sub-text]{width:100%;font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=list-item] [data-trailing]:has(input){pointer-events:none}[data-bspk=list-item] img{height:36px;width:36px;max-width:unset}[data-bspk=list-item]:is(label) [data-inner]{border-bottom:0;gap:var(--spacing-sizing-02)}[data-bspk=list-item][aria-selected=true]{background-color:var(--surface-brand-primary-highlight)}[data-bspk=list-item][data-disabled] [data-text],[data-bspk=list-item][data-disabled] [data-sub-text],[data-bspk=list-item][data-readonly] [data-text],[data-bspk=list-item][data-readonly] [data-sub-text]{color:var(--foreground-neutral-disabled-on-surface);cursor:not-allowed}\n"] }]
+        }], propDecorators: { onClick: [{
+                type: Output
+            }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], owner: [{ type: i0.Input, args: [{ isSignal: true, alias: "owner", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaSelected", required: false }] }], ariaDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDisabled", required: false }] }], ariaReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaReadonly", required: false }] }], htmlFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "htmlFor", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], as: [{ type: i0.Input, args: [{ isSignal: true, alias: "as", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], subText: [{ type: i0.Input, args: [{ isSignal: true, alias: "subText", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+/**
+ * A container housing a simple list of options presented to the customer to select one option at a time.
+ *
+ * @example
+ *     <ui-menu>
+ *     <ui-list-item label="List Item"></ui-list-item>
+ *     <ui-list-item label="List Item"></ui-list-item>
+ *     <ui-list-item label="List Item"></ui-list-item>
+ *     </ui-menu>
+ *
+ * @name Menu
+ * @phase Dev
+ */
+class UIMenu {
+    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    width = input(undefined, ...(ngDevMode ? [{ debugName: "width" }] : []));
+    owner = input(undefined, ...(ngDevMode ? [{ debugName: "owner" }] : []));
+    id = input(undefined, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    ariaRole = input(undefined, ...(ngDevMode ? [{ debugName: "ariaRole" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: UIMenu, isStandalone: true, selector: "ui-menu", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, owner: { classPropertyName: "owner", publicName: "owner", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaRole: { classPropertyName: "ariaRole", publicName: "ariaRole", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-bspk-utility": "menu", "tabindex": "-1" }, properties: { "attr.aria-label": "ariaLabel() || null", "attr.data-bspk-owner": "owner() || null", "attr.id": "id() || null", "attr.role": "ariaRole() || null", "style.width": "width() || null" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["[data-bspk-utility=menu]{--overflow-y: hidden;width:332px;box-sizing:border-box;border:1px solid var(--stroke-neutral-low);background-color:var(--surface-neutral-t1-base);box-shadow:var(--drop-shadow-float);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden auto;height:fit-content;z-index:var(--z-index-dropdown)}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-menu', standalone: true, template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, host: {
+                        '[attr.aria-label]': 'ariaLabel() || null',
+                        '[attr.data-bspk-owner]': 'owner() || null',
+                        'data-bspk-utility': 'menu',
+                        '[attr.id]': 'id() || null',
+                        '[attr.role]': 'ariaRole() || null',
+                        '[style.width]': 'width() || null',
+                        tabindex: '-1',
+                    }, styles: ["[data-bspk-utility=menu]{--overflow-y: hidden;width:332px;box-sizing:border-box;border:1px solid var(--stroke-neutral-low);background-color:var(--surface-neutral-t1-base);box-shadow:var(--drop-shadow-float);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden auto;height:fit-content;z-index:var(--z-index-dropdown)}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], owner: [{ type: i0.Input, args: [{ isSignal: true, alias: "owner", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRole", required: false }] }] } });
+
+class UIAvatarGroupOverflow {
+    overflowBtn = viewChild('overflowBtn', ...(ngDevMode ? [{ debugName: "overflowBtn" }] : []));
+    size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    menuId = input.required(...(ngDevMode ? [{ debugName: "menuId" }] : []));
+    activeElementId = model(null, ...(ngDevMode ? [{ debugName: "activeElementId" }] : []));
+    menuReference = input.required(...(ngDevMode ? [{ debugName: "menuReference" }] : []));
+    get maxMenuHeight() {
+        return this.items.length > 5 ? 'calc(var(--spacing-sizing-12) * 5)' : '';
+    }
+    closeMenu() {
+        this.open.set(false);
+    }
+    toggleMenu() {
+        this.open.set(!this.open());
+        const items = this.items();
+        if (this.open() && items.length) {
+            this.activeElementId.set(items[0].id);
+        }
+        else {
+            this.activeElementId.set(null);
+        }
+    }
+    avatarTemplate(item) {
+        return {
+            ...item,
+            hideTooltip: true,
+            size: 'small',
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIAvatarGroupOverflow, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: UIAvatarGroupOverflow, isStandalone: true, selector: "ui-avatar-group-overflow", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, menuId: { classPropertyName: "menuId", publicName: "menuId", isSignal: true, isRequired: true, transformFunction: null }, activeElementId: { classPropertyName: "activeElementId", publicName: "activeElementId", isSignal: true, isRequired: false, transformFunction: null }, menuReference: { classPropertyName: "menuReference", publicName: "menuReference", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { open: "openChange", activeElementId: "activeElementIdChange" }, host: { styleAttribute: "display: contents;" }, viewQueries: [{ propertyName: "overflowBtn", first: true, predicate: ["overflowBtn"], descendants: true, isSignal: true }], ngImport: i0, template: `
+        @if (open()) {
+            <ng-container>
+                <ui-menu
+                    [ui-floating]="{ reference: menuReference() }"
+                    [id]="menuId()"
+                    [style.width]="'fit-content'"
+                    [style.paddingRight]="'var(--spacing-sizing-04)'"
+                    [style.--list-item-height]="'var(--spacing-sizing-12)'"
+                    [style.maxHeight]="maxMenuHeight"
+                    role="menu">
+                    @for (item of items(); track item.id) {
+                        <ui-list-item [active]="activeElementId() === item.id" [label]="item.name">
+                            <span data-leading>
+                                <ui-avatar
+                                    [hideTooltip]="true"
+                                    [size]="'small'"
+                                    [id]="item.id"
+                                    [name]="item.name"
+                                    [image]="item.image"
+                                    [initials]="item.initials">
+                                </ui-avatar>
+                            </span>
+                        </ui-list-item>
+                    }
+                </ui-menu>
+            </ng-container>
+        }
+        <ng-template #avatar let-item>
+            <ui-avatar
+                [hideTooltip]="true"
+                [size]="'small'"
+                [id]="item.id"
+                [name]="item.name"
+                [image]="item.image"
+                [initials]="item.initials"></ui-avatar>
+        </ng-template>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UIAvatar, selector: "ui-avatar", inputs: ["name", "size", "color", "initials", "showIcon", "image", "hideTooltip", "disabled"], outputs: ["onClick"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }, { kind: "component", type: UIMenu, selector: "ui-menu", inputs: ["ariaLabel", "width", "owner", "id", "ariaRole"] }, { kind: "directive", type: UIFloatingDirective, selector: "[ui-floating]", inputs: ["ui-floating"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIAvatarGroupOverflow, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-avatar-group-overflow',
+                    standalone: true,
+                    imports: [CommonModule, UIAvatar, UIListItem, UIMenu, UIFloatingDirective],
+                    template: `
+        @if (open()) {
+            <ng-container>
+                <ui-menu
+                    [ui-floating]="{ reference: menuReference() }"
+                    [id]="menuId()"
+                    [style.width]="'fit-content'"
+                    [style.paddingRight]="'var(--spacing-sizing-04)'"
+                    [style.--list-item-height]="'var(--spacing-sizing-12)'"
+                    [style.maxHeight]="maxMenuHeight"
+                    role="menu">
+                    @for (item of items(); track item.id) {
+                        <ui-list-item [active]="activeElementId() === item.id" [label]="item.name">
+                            <span data-leading>
+                                <ui-avatar
+                                    [hideTooltip]="true"
+                                    [size]="'small'"
+                                    [id]="item.id"
+                                    [name]="item.name"
+                                    [image]="item.image"
+                                    [initials]="item.initials">
+                                </ui-avatar>
+                            </span>
+                        </ui-list-item>
+                    }
+                </ui-menu>
+            </ng-container>
+        }
+        <ng-template #avatar let-item>
+            <ui-avatar
+                [hideTooltip]="true"
+                [size]="'small'"
+                [id]="item.id"
+                [name]="item.name"
+                [image]="item.image"
+                [initials]="item.initials"></ui-avatar>
+        </ng-template>
+    `,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        style: `display: contents;`,
+                    },
+                }]
+        }], propDecorators: { overflowBtn: [{ type: i0.ViewChild, args: ['overflowBtn', { isSignal: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], menuId: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuId", required: true }] }], activeElementId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeElementId", required: false }] }, { type: i0.Output, args: ["activeElementIdChange"] }], menuReference: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuReference", required: true }] }] } });
+
+class UIAvatarGroup {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    size = input('small', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    max = input(5, ...(ngDevMode ? [{ debugName: "max" }] : []));
+    variant = input('stacked', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    style = input(null, ...(ngDevMode ? [{ debugName: "style" }] : []));
+    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    activeElementId = signal(null, ...(ngDevMode ? [{ debugName: "activeElementId" }] : []));
+    menuId = input(uniqueId('avatar-group-menu'), ...(ngDevMode ? [{ debugName: "menuId" }] : []));
+    get visibleItems() {
+        // Use .value() for signals created by input()
+        const items = this.items();
+        const max = this.max();
+        return items.slice(0, max).map((item, idx) => ({
+            ...item,
+            id: `${item.name?.replace(/\s+/g, '-').toLowerCase()}-${idx}`,
+        }));
+    }
+    get overflowItems() {
+        const items = this.items();
+        const max = this.max();
+        return items.slice(max).map((item, idx) => ({
+            ...item,
+            id: `${item.name?.replace(/\s+/g, '-').toLowerCase()}-overflow-${idx}`,
+        }));
+    }
+    get overflowButtonLabel() {
+        const count = this.overflowItems.length;
+        return `Show ${count} more avatar${count > 1 ? 's' : ''}`;
+    }
+    handleKeydown(event) {
+        if (!this.open)
+            return;
+        const items = this.items();
+        const idx = items.findIndex((i) => i.id === this.activeElementId());
+        if (event.key === 'ArrowDown') {
+            const nextIdx = (idx + 1) % items.length;
+            this.activeElementId.set(items[nextIdx].id);
+            event.preventDefault();
+        }
+        else if (event.key === 'ArrowUp') {
+            const prevIdx = (idx - 1 + items.length) % items.length;
+            this.activeElementId.set(items[prevIdx].id);
+            event.preventDefault();
+        }
+        else if (event.key === 'Escape') {
+            this.open.set(false);
+            event.preventDefault();
+        }
+    }
+    toggleMenu() {
+        this.open.set(!this.open());
+        const items = this.items();
+        if (this.open() && items.length) {
+            this.activeElementId.set(items[0].id);
+        }
+        else {
+            this.activeElementId.set(null);
+        }
+    }
+    closeMenu() {
+        this.open.set(false);
+    }
+    onAvatarClick() {
+        // Placeholder for avatar click handling
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: UIAvatarGroup, isStandalone: true, selector: "ui-avatar-group", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, menuId: { classPropertyName: "menuId", publicName: "menuId", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `
+        <div
+            data-bspk="avatar-group"
+            [attr.data-max]="max()"
+            [attr.data-size]="size()"
+            [attr.data-variant]="variant()"
+            [ngStyle]="style">
+            <div data-wrap>
+                @for (item of visibleItems; track item.id) {
+                    <ui-avatar
+                        [name]="item.name"
+                        [image]="item.image"
+                        [initials]="item.initials"
+                        [id]="item.id"
+                        [size]="size()"
+                        (click)="onAvatarClick()"></ui-avatar>
+                }
+                @if (overflowItems.length > 0) {
+                    <button
+                        #overflowBtn
+                        [attr.aria-activedescendant]="activeElementId() || null"
+                        [attr.aria-controls]="open() ? menuId : null"
+                        [attr.aria-expanded]="open()"
+                        aria-haspopup="menu"
+                        [attr.aria-label]="overflowButtonLabel"
+                        data-bspk="avatar"
+                        data-bspk-owner="avatar-overflow"
+                        [attr.data-size]="size()"
+                        (blur)="closeMenu()"
+                        (click)="toggleMenu()"
+                        (keydown)="handleKeydown($event)"
+                        role="combobox">
+                        <span data-overflow-count>+{{ overflowItems.length }}</span>
+                    </button>
+                    <ui-avatar-group-overflow
+                        [open]="open()"
+                        [activeElementId]="activeElementId()"
+                        [menuId]="menuId()!"
+                        [items]="overflowItems"
+                        [size]="size()"
+                        [menuReference]="overflowBtn" />
+                }
+            </div>
+        </div>
+    `, isInline: true, styles: ["[data-bspk=avatar-group]{width:fit-content;max-width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}[data-bspk=avatar-group] [data-wrap]{min-width:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:center}[data-bspk=avatar-group] [data-bspk=avatar]{z-index:1}[data-bspk=avatar-group] [data-bspk=avatar]:hover{z-index:2}[data-bspk=avatar-group] [data-bspk=avatar][data-bspk-owner=avatar-overflow]{--avatar-border: solid 1px var(--stroke-neutral-low);background-color:var(--surface-neutral-t1-base)}[data-bspk=avatar-group][data-variant=spread]{--avatar-border: none}[data-bspk=avatar-group][data-variant=spread] [data-bspk=avatar]+[data-bspk=avatar]{margin-left:var(--spacing-sizing-02)}[data-bspk=avatar-group][data-variant=stacked]{--avatar-border: solid 1px var(--stroke-neutral-low)}[data-bspk=avatar-group][data-variant=stacked] [data-bspk=avatar]+[data-bspk=avatar]{margin-left:calc(var(--spacing-sizing-02) * -1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: UIAvatar, selector: "ui-avatar", inputs: ["name", "size", "color", "initials", "showIcon", "image", "hideTooltip", "disabled"], outputs: ["onClick"] }, { kind: "component", type: UIAvatarGroupOverflow, selector: "ui-avatar-group-overflow", inputs: ["size", "items", "open", "menuId", "activeElementId", "menuReference"], outputs: ["openChange", "activeElementIdChange"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIAvatarGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-avatar-group', standalone: true, imports: [CommonModule, UIAvatar, UIAvatarGroupOverflow], template: `
+        <div
+            data-bspk="avatar-group"
+            [attr.data-max]="max()"
+            [attr.data-size]="size()"
+            [attr.data-variant]="variant()"
+            [ngStyle]="style">
+            <div data-wrap>
+                @for (item of visibleItems; track item.id) {
+                    <ui-avatar
+                        [name]="item.name"
+                        [image]="item.image"
+                        [initials]="item.initials"
+                        [id]="item.id"
+                        [size]="size()"
+                        (click)="onAvatarClick()"></ui-avatar>
+                }
+                @if (overflowItems.length > 0) {
+                    <button
+                        #overflowBtn
+                        [attr.aria-activedescendant]="activeElementId() || null"
+                        [attr.aria-controls]="open() ? menuId : null"
+                        [attr.aria-expanded]="open()"
+                        aria-haspopup="menu"
+                        [attr.aria-label]="overflowButtonLabel"
+                        data-bspk="avatar"
+                        data-bspk-owner="avatar-overflow"
+                        [attr.data-size]="size()"
+                        (blur)="closeMenu()"
+                        (click)="toggleMenu()"
+                        (keydown)="handleKeydown($event)"
+                        role="combobox">
+                        <span data-overflow-count>+{{ overflowItems.length }}</span>
+                    </button>
+                    <ui-avatar-group-overflow
+                        [open]="open()"
+                        [activeElementId]="activeElementId()"
+                        [menuId]="menuId()!"
+                        [items]="overflowItems"
+                        [size]="size()"
+                        [menuReference]="overflowBtn" />
+                }
+            </div>
+        </div>
+    `, encapsulation: ViewEncapsulation.None, host: {
+                        style: `display: contents;`,
+                    }, styles: ["[data-bspk=avatar-group]{width:fit-content;max-width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}[data-bspk=avatar-group] [data-wrap]{min-width:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:center}[data-bspk=avatar-group] [data-bspk=avatar]{z-index:1}[data-bspk=avatar-group] [data-bspk=avatar]:hover{z-index:2}[data-bspk=avatar-group] [data-bspk=avatar][data-bspk-owner=avatar-overflow]{--avatar-border: solid 1px var(--stroke-neutral-low);background-color:var(--surface-neutral-t1-base)}[data-bspk=avatar-group][data-variant=spread]{--avatar-border: none}[data-bspk=avatar-group][data-variant=spread] [data-bspk=avatar]+[data-bspk=avatar]{margin-left:var(--spacing-sizing-02)}[data-bspk=avatar-group][data-variant=stacked]{--avatar-border: solid 1px var(--stroke-neutral-low)}[data-bspk=avatar-group][data-variant=stacked] [data-bspk=avatar]+[data-bspk=avatar]{margin-left:calc(var(--spacing-sizing-02) * -1)}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], menuId: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuId", required: false }] }] } });
+
 /**
  * Visual indicator for new items within a parent page represented with a numerical count of new items.
  *
@@ -62845,37 +63455,6 @@ function scrollLimitStyle(scrollLimitProp, itemCount) {
     };
 }
 
-/**
- * A directive to position an element relative to a reference element using floating UI logic.
- *
- * @name UIFloatingDirective
- * @phase Utility
- */
-class UIFloatingDirective {
-    render = inject(Renderer2);
-    host = inject(ElementRef);
-    floating = new FloatingUtility(this.render);
-    props = input.required(...(ngDevMode ? [{ debugName: "props", alias: 'ui-floating' }] : [{ alias: 'ui-floating' }]));
-    ngAfterViewInit() {
-        const nextProps = {
-            ...this.props(),
-            floating: this.host.nativeElement,
-        };
-        this.floating.compute(nextProps);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIFloatingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: UIFloatingDirective, isStandalone: true, selector: "[ui-floating]", inputs: { props: { classPropertyName: "props", publicName: "ui-floating", isSignal: true, isRequired: true, transformFunction: null } }, host: { styleAttribute: "position: absolute;" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIFloatingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ui-floating]',
-                    host: {
-                        style: 'position: absolute;',
-                    },
-                }]
-        }], propDecorators: { props: [{ type: i0.Input, args: [{ isSignal: true, alias: "ui-floating", required: true }] }] } });
-
 const ARROW_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];
 const DEFAULT_INCREMENTS = {
     ArrowLeft: -1,
@@ -63020,299 +63599,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 }]
         }], propDecorators: { props: [{ type: i0.Input, args: [{ isSignal: true, alias: "ui-key-navigation", required: false }] }] } });
 
-/**
- * A hybrid interactive component that is used frequently to organize content and offers a wide range of control and
- * navigation in most experiences.
- *
- * With its flexible and simple structure, the list item element is core and can meet the needs of many uses cases.
- *
- * The ListItem has three main elements: leading element, label, and trailing element.
- *
- * Leading elements should be one of the following Icon, Img, Avatar.
- *
- * Trailing elements should be one of the following Icon, Checkbox, Button, Radio, Switch, Tag, Txt.
- *
- * @name ListItem
- * @phase Dev
- */
-class UIListItem {
-    onClick = new EventEmitter();
-    active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : []));
-    owner = input(...(ngDevMode ? [undefined, { debugName: "owner" }] : []));
-    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
-    ariaSelected = input(...(ngDevMode ? [undefined, { debugName: "ariaSelected" }] : []));
-    ariaDisabled = input(...(ngDevMode ? [undefined, { debugName: "ariaDisabled" }] : []));
-    ariaReadonly = input(...(ngDevMode ? [undefined, { debugName: "ariaReadonly" }] : []));
-    htmlFor = input(...(ngDevMode ? [undefined, { debugName: "htmlFor" }] : []));
-    disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
-    readOnly = input(...(ngDevMode ? [undefined, { debugName: "readOnly" }] : []));
-    as = input('div', ...(ngDevMode ? [{ debugName: "as" }] : []));
-    href = input(...(ngDevMode ? [undefined, { debugName: "href" }] : []));
-    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
-    subText = input(...(ngDevMode ? [undefined, { debugName: "subText" }] : []));
-    width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
-    tabIndex = input(...(ngDevMode ? [undefined, { debugName: "tabIndex" }] : []));
-    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
-    listItemId = computed(() => (this.id() ? `list-item-${this.id()}` : undefined), ...(ngDevMode ? [{ debugName: "listItemId" }] : []));
-    actionable = computed(() => {
-        return (!!(this.href() || this.as() === 'button' || this.onClick.observed || this.onClick.observed) &&
-            !this.isReadonly &&
-            !this.isDisabled);
-    }, ...(ngDevMode ? [{ debugName: "actionable" }] : []));
-    get tabindex() {
-        // allow explicit tabIndex to override actionable state
-        return this.tabIndex() !== undefined ? this.tabIndex() : this.actionable() ? 0 : -1;
-    }
-    get isReadonly() {
-        return !!(this.readOnly() || this.ariaReadonly());
-    }
-    get isDisabled() {
-        return !!(this.disabled() || this.ariaDisabled());
-    }
-    get As() {
-        const as = this.as();
-        if (as)
-            return as;
-        if (this.href())
-            return 'a';
-        return 'div';
-    }
-    get role() {
-        if (!this.actionable())
-            return undefined;
-        if (this.as() === 'button')
-            return undefined;
-        return 'button';
-    }
-    handleClick(event) {
-        if (this.isReadonly || this.isDisabled)
-            return;
-        this.onClick.emit(event);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIListItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: UIListItem, isStandalone: true, selector: "ui-list-item", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, owner: { classPropertyName: "owner", publicName: "owner", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaSelected: { classPropertyName: "ariaSelected", publicName: "ariaSelected", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "ariaDisabled", isSignal: true, isRequired: false, transformFunction: null }, ariaReadonly: { classPropertyName: "ariaReadonly", publicName: "ariaReadonly", isSignal: true, isRequired: false, transformFunction: null }, htmlFor: { classPropertyName: "htmlFor", publicName: "htmlFor", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, as: { classPropertyName: "as", publicName: "as", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { properties: { "attr.id": "listItemId()" }, styleAttribute: "display: contents;" }, ngImport: i0, template: `
-        <ng-template #inner>
-            <ng-content select="[data-leading]"></ng-content>
-            <span data-item-label>
-                <span data-text [ui-tooltip]="{ truncated: true }">
-                    {{ label() }}
-                </span>
-                @if (subText()) {
-                    <span data-sub-text>{{ subText() }}</span>
-                }
-            </span>
-            <ng-content select="[data-trailing]"></ng-content>
-        </ng-template>
-        @if (As === 'a') {
-            <a
-                [attr.aria-label]="ariaLabel() || undefined"
-                [attr.aria-selected]="ariaSelected()"
-                [attr.role]="role"
-                [attr.tabindex]="tabindex"
-                [attr.href]="href()"
-                [attr.data-action]="actionable() || undefined"
-                [attr.data-active]="active() || undefined"
-                data-bspk="list-item"
-                [attr.data-bspk-owner]="owner() || undefined"
-                [attr.data-disabled]="isDisabled || undefined"
-                [attr.data-readonly]="isReadonly || undefined"
-                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
-                [attr.id]="id()"
-                (click)="handleClick($event)"
-                (keydown.enter)="handleClick($event)">
-                <ng-container *ngTemplateOutlet="inner"></ng-container>
-            </a>
-        } @else if (As === 'button') {
-            <button
-                type="button"
-                [attr.aria-label]="ariaLabel() || undefined"
-                [attr.aria-selected]="ariaSelected()"
-                [attr.role]="role"
-                [attr.tabindex]="tabindex"
-                [attr.data-action]="actionable() || undefined"
-                [attr.data-active]="active() || undefined"
-                data-bspk="list-item"
-                [attr.data-bspk-owner]="owner() || undefined"
-                [attr.data-disabled]="isDisabled || undefined"
-                [attr.data-readonly]="isReadonly || undefined"
-                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
-                [attr.id]="id()"
-                (click)="handleClick($event)">
-                <ng-container *ngTemplateOutlet="inner"></ng-container>
-            </button>
-        } @else if (As === 'label') {
-            <label
-                [attr.aria-label]="ariaLabel() || undefined"
-                [attr.aria-selected]="ariaSelected()"
-                [attr.role]="role"
-                [attr.tabindex]="tabindex"
-                [attr.data-action]="actionable() || undefined"
-                [attr.data-active]="active() || undefined"
-                data-bspk="list-item"
-                [attr.data-bspk-owner]="owner() || undefined"
-                [attr.data-disabled]="isDisabled || undefined"
-                [attr.data-readonly]="isReadonly || undefined"
-                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
-                [attr.id]="id()"
-                [attr.for]="htmlFor()"
-                (click)="handleClick($event)"
-                (keydown.enter)="handleClick($event)">
-                <ng-container *ngTemplateOutlet="inner"></ng-container>
-            </label>
-        } @else {
-            <div
-                [attr.aria-label]="ariaLabel() || undefined"
-                [attr.aria-selected]="ariaSelected()"
-                [attr.role]="role"
-                [attr.tabindex]="tabindex"
-                [attr.data-action]="actionable() || undefined"
-                [attr.data-active]="active() || undefined"
-                data-bspk="list-item"
-                [attr.data-bspk-owner]="owner() || undefined"
-                [attr.data-disabled]="isDisabled || undefined"
-                [attr.data-readonly]="isReadonly || undefined"
-                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
-                [attr.id]="id()"
-                (click)="handleClick($event)"
-                (keydown.enter)="handleClick($event)">
-                <ng-container *ngTemplateOutlet="inner"></ng-container>
-            </div>
-        }
-    `, isInline: true, styles: ["[data-bspk=list-item]{display:flex;-webkit-user-select:none;user-select:none;color:var(--foreground-neutral-on-surface);background-color:var(--surface-neutral-t1-base);height:100%;overflow:hidden;min-height:var(--list-item-height);flex-direction:row;gap:var(--spacing-sizing-03);padding:var(--spacing-sizing-02);justify-items:stretch;border:unset;margin:unset;text-decoration:unset;width:100%}[data-bspk=list-item][data-width=hug]{width:auto;max-width:100%}[data-pseudo=focus] [data-bspk=list-item],[data-bspk=list-item]:focus-visible,[data-bspk=list-item]:has(*:focus-visible){outline:solid 2px var(--stroke-neutral-focus);isolation:isolate}[data-pseudo=focus] [data-bspk=list-item] [data-inner],[data-bspk=list-item]:focus-visible [data-inner],[data-bspk=list-item]:has(*:focus-visible) [data-inner]{border-color:transparent}[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action][data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:hover,[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label)[data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):hover{background-color:var(--interactions-neutral-hover-opacity)}[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:active,[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):active{background-color:var(--interactions-neutral-press-opacity)}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-item-label],[data-bspk=list-item] [data-trailing]{min-height:100%;display:flex;flex-direction:column;justify-content:space-around;flex:1 1 0;min-width:0}[data-bspk=list-item] [data-leading] svg,[data-bspk=list-item] [data-item-label] svg,[data-bspk=list-item] [data-trailing] svg{width:24px;max-width:unset}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-trailing]{width:fit-content;flex:0 0 auto}[data-bspk=list-item] [data-leading]:empty,[data-bspk=list-item] [data-trailing]:empty{display:none}[data-bspk=list-item] [data-item-label]{text-align:left}[data-bspk=list-item] [data-item-label] [data-text]{width:100%;font:var(--labels-base);color:var(--foreground-neutral-on-surface)}[data-bspk=list-item] [data-item-label] [data-sub-text]{width:100%;font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=list-item] [data-trailing]:has(input){pointer-events:none}[data-bspk=list-item] img{height:36px;width:36px;max-width:unset}[data-bspk=list-item]:is(label) [data-inner]{border-bottom:0;gap:var(--spacing-sizing-02)}[data-bspk=list-item][aria-selected=true]{background-color:var(--surface-brand-primary-highlight)}[data-bspk=list-item][data-disabled] [data-text],[data-bspk=list-item][data-disabled] [data-sub-text],[data-bspk=list-item][data-readonly] [data-text],[data-bspk=list-item][data-readonly] [data-sub-text]{color:var(--foreground-neutral-disabled-on-surface);cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: UITooltipDirective, selector: "[ui-tooltip]", inputs: ["ui-tooltip"], outputs: ["ui-tooltipChange"] }], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIListItem, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-list-item', standalone: true, imports: [NgTemplateOutlet, UITooltipDirective], encapsulation: ViewEncapsulation.None, template: `
-        <ng-template #inner>
-            <ng-content select="[data-leading]"></ng-content>
-            <span data-item-label>
-                <span data-text [ui-tooltip]="{ truncated: true }">
-                    {{ label() }}
-                </span>
-                @if (subText()) {
-                    <span data-sub-text>{{ subText() }}</span>
-                }
-            </span>
-            <ng-content select="[data-trailing]"></ng-content>
-        </ng-template>
-        @if (As === 'a') {
-            <a
-                [attr.aria-label]="ariaLabel() || undefined"
-                [attr.aria-selected]="ariaSelected()"
-                [attr.role]="role"
-                [attr.tabindex]="tabindex"
-                [attr.href]="href()"
-                [attr.data-action]="actionable() || undefined"
-                [attr.data-active]="active() || undefined"
-                data-bspk="list-item"
-                [attr.data-bspk-owner]="owner() || undefined"
-                [attr.data-disabled]="isDisabled || undefined"
-                [attr.data-readonly]="isReadonly || undefined"
-                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
-                [attr.id]="id()"
-                (click)="handleClick($event)"
-                (keydown.enter)="handleClick($event)">
-                <ng-container *ngTemplateOutlet="inner"></ng-container>
-            </a>
-        } @else if (As === 'button') {
-            <button
-                type="button"
-                [attr.aria-label]="ariaLabel() || undefined"
-                [attr.aria-selected]="ariaSelected()"
-                [attr.role]="role"
-                [attr.tabindex]="tabindex"
-                [attr.data-action]="actionable() || undefined"
-                [attr.data-active]="active() || undefined"
-                data-bspk="list-item"
-                [attr.data-bspk-owner]="owner() || undefined"
-                [attr.data-disabled]="isDisabled || undefined"
-                [attr.data-readonly]="isReadonly || undefined"
-                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
-                [attr.id]="id()"
-                (click)="handleClick($event)">
-                <ng-container *ngTemplateOutlet="inner"></ng-container>
-            </button>
-        } @else if (As === 'label') {
-            <label
-                [attr.aria-label]="ariaLabel() || undefined"
-                [attr.aria-selected]="ariaSelected()"
-                [attr.role]="role"
-                [attr.tabindex]="tabindex"
-                [attr.data-action]="actionable() || undefined"
-                [attr.data-active]="active() || undefined"
-                data-bspk="list-item"
-                [attr.data-bspk-owner]="owner() || undefined"
-                [attr.data-disabled]="isDisabled || undefined"
-                [attr.data-readonly]="isReadonly || undefined"
-                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
-                [attr.id]="id()"
-                [attr.for]="htmlFor()"
-                (click)="handleClick($event)"
-                (keydown.enter)="handleClick($event)">
-                <ng-container *ngTemplateOutlet="inner"></ng-container>
-            </label>
-        } @else {
-            <div
-                [attr.aria-label]="ariaLabel() || undefined"
-                [attr.aria-selected]="ariaSelected()"
-                [attr.role]="role"
-                [attr.tabindex]="tabindex"
-                [attr.data-action]="actionable() || undefined"
-                [attr.data-active]="active() || undefined"
-                data-bspk="list-item"
-                [attr.data-bspk-owner]="owner() || undefined"
-                [attr.data-disabled]="isDisabled || undefined"
-                [attr.data-readonly]="isReadonly || undefined"
-                [attr.data-width]="width() === 'hug' ? 'hug' : undefined"
-                [attr.id]="id()"
-                (click)="handleClick($event)"
-                (keydown.enter)="handleClick($event)">
-                <ng-container *ngTemplateOutlet="inner"></ng-container>
-            </div>
-        }
-    `, host: {
-                        style: 'display: contents;',
-                        '[attr.id]': 'listItemId()',
-                    }, styles: ["[data-bspk=list-item]{display:flex;-webkit-user-select:none;user-select:none;color:var(--foreground-neutral-on-surface);background-color:var(--surface-neutral-t1-base);height:100%;overflow:hidden;min-height:var(--list-item-height);flex-direction:row;gap:var(--spacing-sizing-03);padding:var(--spacing-sizing-02);justify-items:stretch;border:unset;margin:unset;text-decoration:unset;width:100%}[data-bspk=list-item][data-width=hug]{width:auto;max-width:100%}[data-pseudo=focus] [data-bspk=list-item],[data-bspk=list-item]:focus-visible,[data-bspk=list-item]:has(*:focus-visible){outline:solid 2px var(--stroke-neutral-focus);isolation:isolate}[data-pseudo=focus] [data-bspk=list-item] [data-inner],[data-bspk=list-item]:focus-visible [data-inner],[data-bspk=list-item]:has(*:focus-visible) [data-inner]{border-color:transparent}[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action][data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:hover,[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label)[data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):hover{background-color:var(--interactions-neutral-hover-opacity)}[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:active,[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):active{background-color:var(--interactions-neutral-press-opacity)}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-item-label],[data-bspk=list-item] [data-trailing]{min-height:100%;display:flex;flex-direction:column;justify-content:space-around;flex:1 1 0;min-width:0}[data-bspk=list-item] [data-leading] svg,[data-bspk=list-item] [data-item-label] svg,[data-bspk=list-item] [data-trailing] svg{width:24px;max-width:unset}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-trailing]{width:fit-content;flex:0 0 auto}[data-bspk=list-item] [data-leading]:empty,[data-bspk=list-item] [data-trailing]:empty{display:none}[data-bspk=list-item] [data-item-label]{text-align:left}[data-bspk=list-item] [data-item-label] [data-text]{width:100%;font:var(--labels-base);color:var(--foreground-neutral-on-surface)}[data-bspk=list-item] [data-item-label] [data-sub-text]{width:100%;font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=list-item] [data-trailing]:has(input){pointer-events:none}[data-bspk=list-item] img{height:36px;width:36px;max-width:unset}[data-bspk=list-item]:is(label) [data-inner]{border-bottom:0;gap:var(--spacing-sizing-02)}[data-bspk=list-item][aria-selected=true]{background-color:var(--surface-brand-primary-highlight)}[data-bspk=list-item][data-disabled] [data-text],[data-bspk=list-item][data-disabled] [data-sub-text],[data-bspk=list-item][data-readonly] [data-text],[data-bspk=list-item][data-readonly] [data-sub-text]{color:var(--foreground-neutral-disabled-on-surface);cursor:not-allowed}\n"] }]
-        }], propDecorators: { onClick: [{
-                type: Output
-            }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], owner: [{ type: i0.Input, args: [{ isSignal: true, alias: "owner", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaSelected", required: false }] }], ariaDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDisabled", required: false }] }], ariaReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaReadonly", required: false }] }], htmlFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "htmlFor", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], as: [{ type: i0.Input, args: [{ isSignal: true, alias: "as", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], subText: [{ type: i0.Input, args: [{ isSignal: true, alias: "subText", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
-
-/**
- * A container housing a simple list of options presented to the customer to select one option at a time.
- *
- * @example
- *     <ui-menu>
- *     <ui-list-item label="List Item"></ui-list-item>
- *     <ui-list-item label="List Item"></ui-list-item>
- *     <ui-list-item label="List Item"></ui-list-item>
- *     </ui-menu>
- *
- * @name Menu
- * @phase Dev
- */
-class UIMenu {
-    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
-    width = input(undefined, ...(ngDevMode ? [{ debugName: "width" }] : []));
-    owner = input(undefined, ...(ngDevMode ? [{ debugName: "owner" }] : []));
-    id = input(undefined, ...(ngDevMode ? [{ debugName: "id" }] : []));
-    ariaRole = input(undefined, ...(ngDevMode ? [{ debugName: "ariaRole" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: UIMenu, isStandalone: true, selector: "ui-menu", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, owner: { classPropertyName: "owner", publicName: "owner", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaRole: { classPropertyName: "ariaRole", publicName: "ariaRole", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-bspk-utility": "menu", "tabindex": "-1" }, properties: { "attr.aria-label": "ariaLabel() || null", "attr.data-bspk-owner": "owner() || null", "attr.id": "id() || null", "attr.role": "ariaRole() || null", "style.width": "width() || null" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["[data-bspk-utility=menu]{--overflow-y: hidden;width:332px;box-sizing:border-box;border:1px solid var(--stroke-neutral-low);background-color:var(--surface-neutral-t1-base);box-shadow:var(--drop-shadow-float);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden auto;height:fit-content;z-index:var(--z-index-dropdown)}\n"], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIMenu, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-menu', standalone: true, template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, host: {
-                        '[attr.aria-label]': 'ariaLabel() || null',
-                        '[attr.data-bspk-owner]': 'owner() || null',
-                        'data-bspk-utility': 'menu',
-                        '[attr.id]': 'id() || null',
-                        '[attr.role]': 'ariaRole() || null',
-                        '[style.width]': 'width() || null',
-                        tabindex: '-1',
-                    }, styles: ["[data-bspk-utility=menu]{--overflow-y: hidden;width:332px;box-sizing:border-box;border:1px solid var(--stroke-neutral-low);background-color:var(--surface-neutral-t1-base);box-shadow:var(--drop-shadow-float);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden auto;height:fit-content;z-index:var(--z-index-dropdown)}\n"] }]
-        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], owner: [{ type: i0.Input, args: [{ isSignal: true, alias: "owner", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRole", required: false }] }] } });
-
 /**
  * Utility to detect clicks outside specified elements and execute a callback.
  *
@@ -67117,5 +67403,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { Icon360, IconAZAscend, IconAZDescend, IconAccessibilityNew, IconAccessible, IconAccountCircle, IconAccountCircleFill, IconAccountTree, IconAccountTreeFill, IconAdd, IconAddAPhoto, IconAddAPhotoFill, IconAddAlert, IconAddAlertFill, IconAddBusiness, IconAddBusinessFill, IconAddChart, IconAddChartFill, IconAddCircle, IconAddCircleFill, IconAddComment, IconAddCommentFill, IconAddReaction, IconAddReactionFill, IconAddShoppingCart, IconAirplanemodeInactive, IconAirportShuttle, IconAirportShuttleFill, IconAlignCenter, IconAlignEnd, IconAlignFlexCenter, IconAlignFlexEnd, IconAlignFlexStart, IconAlignHorizontalCenter, IconAlignHorizontalLeft, IconAlignHorizontalRight, IconAlignItemsStretch, IconAlignJustifyCenter, IconAlignJustifyFlexEnd, IconAlignJustifyFlexStart, IconAlignJustifySpaceAround, IconAlignJustifySpaceBetween, IconAlignJustifySpaceEven, IconAlignJustifyStretch, IconAlignSpaceAround, IconAlignSpaceBetween, IconAlignSpaceEven, IconAlignStart, IconAlignStretch, IconAlignVerticalBottom, IconAlignVerticalCenter, IconAlignVerticalTop, IconAlternateEmail, IconAmex, IconAnalytics, IconAnalyticsFill, IconApartment, IconAppStore, IconAppleBlack, IconAppleWhite, IconApplepay, IconApps, IconArOnYou, IconArOnYouFill, IconArStickers, IconArStickersFill, IconArchive, IconArchiveFill, IconAreaChart, IconAreaChartFill, IconArrowBack, IconArrowDownward, IconArrowDropDown, IconArrowDropUp, IconArrowForward, IconArrowInsert, IconArrowLeft, IconArrowOutward, IconArrowRight, IconArrowUpward, IconAssignment, IconAssignmentAdd, IconAssignmentAddFill, IconAssignmentFill, IconAttachFile, IconAttachFileAdd, IconAttachFileFill, IconAttachMoney, IconAutomation, IconAutomationFill, IconBadge, IconBadgeFill, IconBakeryDining, IconBakeryDiningFill, IconBarChart, IconBarcode, IconBarcodeScanner, IconBarn, IconBarnFill, IconBasement, IconBasementFill, IconBathroom, IconBathroomFill, IconBed, IconBedFill, IconBlock, IconBluetooth, IconBolt, IconBoltFill, IconBookmark, IconBookmarkAdd, IconBookmarkAddFill, IconBookmarkAdded, IconBookmarkAddedFill, IconBookmarkFill, IconBookmarkRemove, IconBookmarkRemoveFill, IconBookmarks, IconBookmarksFill, IconBorderColor, IconBorderColorFill, IconBorderStyle, IconBox, IconBoxAdd, IconBoxAddFill, IconBoxFill, IconBrail, IconBubbleChart, IconBubbleChartFill, IconBuilding, IconBuildingFill, IconBusinessCenter, IconBusinessCenterFill, IconCalendarViewDay, IconCalendarViewDayFill, IconCalendarViewWeek, IconCalendarViewWeekFill, IconCall, IconCallEnd, IconCallEndFill, IconCallFill, IconCampaign, IconCampaignFill, IconCancel, IconCancelFill, IconCasino, IconCasinoFill, IconCategory, IconCategoryFill, IconChartData, IconChartDataFill, IconChat, IconChatBubble, IconChatBubbleFill, IconChatFill, IconCheck, IconCheckCircle, IconCheckCircleFill, IconCheckFill, IconChecklist, IconChevronLeft, IconChevronRight, IconCircle, IconCircleFill, IconClose, IconCloseFill, IconClosedCaption, IconClosedCaptionDisabled, IconClosedCaptionDisabledFill, IconClosedCaptionFill, IconCloud, IconCloudDone, IconCloudDoneFill, IconCloudDownload, IconCloudDownloadFill, IconCloudFill, IconCloudOff, IconCloudOffFill, IconCloudUpload, IconCloudUploadFill, IconCode, IconCognition, IconCognitionFill, IconColorBlind, IconColors, IconCommute, IconCommuteFill, IconComputer, IconComputerFill, IconConstruction, IconContactMail, IconContactMailFill, IconContactPage, IconContactPageFill, IconContactPhone, IconContactPhoneFill, IconContactSupport, IconContactSupportFill, IconContacts, IconContactsFill, IconContentCopy, IconContentCopyFill, IconContentPasteOff, IconContentPasteSearch, IconContrast, IconContrastCircle, IconContrastFill, IconContrastSquare, IconCopyright, IconCopyrightFill, IconCrawlspace, IconCrawlspaceFill, IconCreditCard, IconCreditCardFill, IconDangerous, IconDangerousFill, IconDarkMode, IconDarkModeFill, IconDashboard, IconDashboard2, IconDashboard2Fill, IconDashboardCustomize, IconDashboardCustomizeFill, IconDashboardFill, IconDatabase, IconDatabaseFill, IconDelete, IconDeleteFill, IconDeleteForever, IconDeleteForeverFill, IconDeployedCode, IconDeployedCodeAccount, IconDeployedCodeAccountFill, IconDeployedCodeAlert, IconDeployedCodeAlertFill, IconDeployedCodeFill, IconDeployedCodeHistory, IconDeployedCodeHistoryFill, IconDeployedCodeUpdate, IconDeployedCodeUpdateFill, IconDescription, IconDescriptionFill, IconDesktopWindows, IconDesktopWindowsFill, IconDeviceThermostat, IconDevices, IconDevicesFill, IconDialpad, IconDiamond, IconDiamondFill, IconDirections, IconDirectionsBike, IconDirectionsBoat, IconDirectionsBoatFill, IconDirectionsBus, IconDirectionsBusFill, IconDirectionsCar, IconDirectionsCarFill, IconDirectionsFill, IconDirectionsSubway, IconDirectionsSubwayFill, IconDirectionsWalk, IconDiscover, IconDiversity1, IconDiversity1Fill, IconDoNotDisturbOn, IconDoNotDisturbOnFill, IconDocumentScanner, IconDocumentScannerFill, IconDonutLarge, IconDonutSmall, IconDonutSmallFill, IconDoorOpen, IconDoorOpenFill, IconDraft, IconDraftFill, IconDrafts, IconDraftsFill, IconDragHandle, IconDragIndicator, IconDraw, IconDrawFill, IconEdit, IconEditFill, IconEditNote, IconEditNoteFill, IconEditRoad, IconEditRoadFill, IconEditSquare, IconEditSquareFill, IconEgg, IconEggFill, IconEmojiLanguage, IconEmojiLanguageFill, IconEmoticon, IconEncrypted, IconEncryptedFill, IconError, IconErrorFill, IconEvent, IconEventFill, IconEventNote, IconEventNoteFill, IconExercise, IconExerciseFill, IconExperiment, IconExperimentFill, IconExplore, IconExploreFill, IconExtension, IconExtensionFill, IconExtensionOff, IconExtensionOffFill, IconFaceId, IconFaceRetouchingOff, IconFaceRetouchingOffFill, IconFacebook, IconFacebookWhite, IconFamilyHome, IconFamilyHomeFill, IconFastfood, IconFastfoodFill, IconFavorite, IconFavoriteFill, IconFileDownload, IconFileUpload, IconFilterList, IconFinance, IconFingerprint, IconFingerprintOff, IconFireplace, IconFireplaceFill, IconFitScreen, IconFitScreenFill, IconFitnessCenter, IconFlag, IconFlagAfghanistan, IconFlagAlandIsland, IconFlagAlbania, IconFlagAlgeria, IconFlagAmericanSamoa, IconFlagAndorra, IconFlagAngola, IconFlagAnguilla, IconFlagAntiguaAndBarbuda, IconFlagArgentina, IconFlagArmenia, IconFlagAruba, IconFlagAustralia, IconFlagAustria, IconFlagAzerbaijan, IconFlagBahamas, IconFlagBahrain, IconFlagBangladesh, IconFlagBarbados, IconFlagBelarus, IconFlagBelgium, IconFlagBelize, IconFlagBenin, IconFlagBermuda, IconFlagBhutan, IconFlagBolivia, IconFlagBonaire, IconFlagBosniaAndHerzegovina, IconFlagBotswana, IconFlagBrazil, IconFlagBrunei, IconFlagBulgaria, IconFlagBurkinaFaso, IconFlagBurundi, IconFlagCambodia, IconFlagCameroon, IconFlagCanada, IconFlagCaymanIslands, IconFlagCentralAfricanRepublic, IconFlagChad, IconFlagChile, IconFlagChina, IconFlagChristmasIsland, IconFlagCocosIslands, IconFlagColombia, IconFlagComoros, IconFlagCookIsland, IconFlagCostaRica, IconFlagCroatia, IconFlagCuba, IconFlagCuracao, IconFlagCyprus, IconFlagCzechRepublic, IconFlagDemocraticRepublicOfTheCongo, IconFlagDenmark, IconFlagDjibouti, IconFlagDominica, IconFlagDominicanRepublic, IconFlagEcuador, IconFlagEgypt, IconFlagElSalvador, IconFlagEquatorialGuinea, IconFlagEritrea, IconFlagEstonia, IconFlagEswatini, IconFlagEthiopia, IconFlagFalklandIslands, IconFlagFaroeIslands, IconFlagFederatedStatesOfMicronesia, IconFlagFiji, IconFlagFill, IconFlagFinland, IconFlagFrance, IconFlagFrenchGuiana, IconFlagFrenchPolynesia, IconFlagGabon, IconFlagGambia, IconFlagGeorgia, IconFlagGermany, IconFlagGhana, IconFlagGibraltar, IconFlagGreece, IconFlagGreeland, IconFlagGrenada, IconFlagGrenadines, IconFlagGuam, IconFlagGuatemala, IconFlagGuernsey, IconFlagGuinea, IconFlagGuineaBissau, IconFlagGuyana, IconFlagHaiti, IconFlagHonduras, IconFlagHongKong, IconFlagHungary, IconFlagIceland, IconFlagIndia, IconFlagIndianOceanTerritory, IconFlagIndonesia, IconFlagIran, IconFlagIraq, IconFlagIreland, IconFlagIsleOfMan, IconFlagIsrael, IconFlagItaly, IconFlagJamaica, IconFlagJapan, IconFlagJersey, IconFlagJordan, IconFlagKazakhstan, IconFlagKenya, IconFlagKiribati, IconFlagKuwait, IconFlagKyrgyzstan, IconFlagLaos, IconFlagLatvia, IconFlagLebanon, IconFlagLesotho, IconFlagLiberia, IconFlagLibya, IconFlagLiechtenstein, IconFlagLithuania, IconFlagLuxembourg, IconFlagMacau, IconFlagMadagascar, IconFlagMalasia, IconFlagMalawi, IconFlagMaldives, IconFlagMali, IconFlagMalta, IconFlagMarshallIslands, IconFlagMartinique, IconFlagMauritania, IconFlagMauritius, IconFlagMexico, IconFlagMoldova, IconFlagMonaco, IconFlagMongolia, IconFlagMontenegro, IconFlagMontserrat, IconFlagMorroco, IconFlagMozambique, IconFlagMyanmar, IconFlagNamibia, IconFlagNauru, IconFlagNepal, IconFlagNetherlands, IconFlagNewZealand, IconFlagNicaragua, IconFlagNiger, IconFlagNigeria, IconFlagNiue, IconFlagNorfolkIsland, IconFlagNorthKorea, IconFlagNorthMacedonia, IconFlagNorthernMarianaIslands, IconFlagNorway, IconFlagOman, IconFlagPakistan, IconFlagPalau, IconFlagPalestine, IconFlagPanama, IconFlagPapuaNewGuinea, IconFlagParaguay, IconFlagPeru, IconFlagPhilippines, IconFlagPitcairnIslands, IconFlagPoland, IconFlagPortugal, IconFlagPuertoRico, IconFlagQatar, IconFlagRepublicOfTheCongo, IconFlagRomania, IconFlagRussia, IconFlagRwanda, IconFlagSaintBarthelemy, IconFlagSamoa, IconFlagSanMarino, IconFlagSaoTomeAndPrincipe, IconFlagSaudiArabia, IconFlagSenegal, IconFlagSerbia, IconFlagSeychelles, IconFlagSierraLeone, IconFlagSingapore, IconFlagSintMaarten, IconFlagSlovakia, IconFlagSlovenia, IconFlagSolomonIslands, IconFlagSomalia, IconFlagSouthAfrica, IconFlagSouthKorea, IconFlagSouthSudan, IconFlagSpain, IconFlagSriLanka, IconFlagStKittsNevis, IconFlagStLucia, IconFlagSudan, IconFlagSuriname, IconFlagSweden, IconFlagSwitzerland, IconFlagSyria, IconFlagTaiwan, IconFlagTajikistan, IconFlagTanzania, IconFlagThailand, IconFlagTimorLeste, IconFlagTogo, IconFlagTokelau, IconFlagTonga, IconFlagTrinidadAndTobago, IconFlagTunisia, IconFlagTurkey, IconFlagTurkmenistan, IconFlagTurksAndCaicos, IconFlagTuvalu, IconFlagUganda, IconFlagUkraine, IconFlagUnitedArabEmirates, IconFlagUnitedKingdom, IconFlagUnitedKingdomOfGreatBritainAndNorthernIreland, IconFlagUnitedStates, IconFlagUruguay, IconFlagUzbekistan, IconFlagVanuatu, IconFlagVenezuela, IconFlagVietnam, IconFlagVirginIslands, IconFlagVirginIslandsBritish, IconFlagWestSahara, IconFlagYemen, IconFlagZambia, IconFlagZimbabwe, IconFlashAuto, IconFlashAutoFill, IconFlight, IconFlowchart, IconFlowchartFill, IconFolder, IconFolderFill, IconFolderOpen, IconFolderOpenFill, IconFolderShared, IconFolderSharedFill, IconFontDownload, IconFontDownloadFill, IconForSaleSign, IconForYou, IconForYouFill, IconForest, IconForestFill, IconForkRight, IconFormatAlignCenter, IconFormatAlignJustify, IconFormatAlignLeft, IconFormatAlignRight, IconFormatColorFill, IconFormatLetterSpacingWide, IconFormatLetterSpacingWider, IconFormatLineSpacing, IconFormatListBulleted, IconFormatListNumbered, IconFormatShapes, IconFormatShapesFill, IconFormatSize, IconForum, IconForumFill, IconForward, IconForwardToInbox, IconForwardToInboxFill, IconFullStackedBarChart, IconFullscreen, IconFullscreenExit, IconFullscreenFill, IconGTranslate, IconGalleryThumbnail, IconGalleryThumbnailFill, IconGarage, IconGarageFill, IconGlobe, IconGoogle, IconGooglePlay, IconGooglepay, IconGridView, IconGridViewFill, IconGroup, IconGroupFill, IconGroupedBarChart, IconHail, IconHandDraw, IconHandDrawFill, IconHandshake, IconHandshakeFill, IconHandyman, IconHandymanFill, IconHeadMountedDevice, IconHeadMountedDeviceFill, IconHeadsetMic, IconHeadsetMicFill, IconHearing, IconHeat, IconHeatPump, IconHeatPumpFill, IconHelp, IconHelpFill, IconHexagon, IconHexagonFill, IconHistory, IconHome, IconHomeAdd, IconHomeAddFill, IconHomeCheck, IconHomeCheckFill, IconHomeFill, IconHomeLock, IconHomeLockFill, IconHomeMonitize, IconHomeMonitizeFill, IconHomeMove, IconHomeMoveFill, IconHomeRemove, IconHomeRemoveFill, IconHomeStorage, IconHomeStorageFill, IconHomeTimer, IconHomeTimerFill, IconHomeWork, IconHomeWorkFill, IconHorizontalDistribute, IconHub, IconHubFill, IconHvac, IconHvacFill, IconIcecream, IconIcecreamFill, IconIdCard, IconIdCardFill, IconImage, IconImageFill, IconInProgress, IconInbox, IconInboxFill, IconIncompleteCircle, IconInfo, IconInfoFill, IconInkEraser, IconInkEraserFill, IconInput, IconInstagramBlack, IconInstagramWhite, IconInventory, IconInventory2, IconInventory2Fill, IconInventoryFill, IconIosShare, IconKebabDining, IconKebabDiningFill, IconKey, IconKeyFill, IconKeyOff, IconKeyOffFill, IconKeyVertical, IconKeyVerticalFill, IconKeyboard, IconKeyboardArrowDown, IconKeyboardArrowUp, IconKeyboardDoubleArrowLeft, IconKeyboardDoubleArrowRight, IconKeyboardFill, IconLabel, IconLabelFill, IconLabelImportant, IconLabelImportantFill, IconLan, IconLanFill, IconLandscape, IconLandscapeFill, IconLanguage, IconLaundry, IconLaundryFill, IconLayers, IconLayersFill, IconLeaderboard, IconLeaderboardFill, IconLeftPanelClose, IconLeftPanelCloseFill, IconLeftPanelOpen, IconLeftPanelOpenFill, IconLicense, IconLicenseFill, IconLight, IconLightFill, IconLightMode, IconLightModeFill, IconLightbulb, IconLightbulbFill, IconLink, IconLinkFill, IconLinkOff, IconLinkedin, IconLinkedinWhite, IconList, IconListChange, IconListFill, IconLocalCafe, IconLocalCafeFill, IconLocalParking, IconLocalShipping, IconLocalShippingFill, IconLocalTaxi, IconLocalTaxiFill, IconLocationDisabled, IconLocationOff, IconLocationOffFill, IconLocationOn, IconLocationOnFill, IconLocationSearching, IconLock, IconLockFill, IconLockOpen, IconLockOpenFill, IconLogin, IconLogout, IconLowVisibility, IconMail, IconMailFill, IconMailLock, IconMailLockFill, IconMan, IconManFill, IconManageAccounts, IconManageAccountsFill, IconMap, IconMapFill, IconMarkAsUnread, IconMarkAsUnreadFill, IconMarkEmailRead, IconMarkEmailReadFill, IconMarkEmailUnread, IconMarkEmailUnreadFill, IconMastercard, IconMenu, IconMenuBook, IconMenuBookFill, IconMenuFill, IconMerge, IconMic, IconMicFill, IconMicOff, IconMicOffFill, IconModeCool, IconModeCoolOff, IconModeFan, IconModeFanFill, IconModeFanOff, IconModeFanOffFill, IconModeHeat, IconModeHeatFill, IconMoneyOff, IconMonitor, IconMonitorFill, IconMood, IconMoodBad, IconMoodBadFill, IconMoodFill, IconMoreHoriz, IconMoreVert, IconMoveLocation, IconMoveLocationFill, IconMoveToInbox, IconMoveToInboxFill, IconMultilineChart, IconMusicNote, IconMyLocation, IconMyLocationFill, IconNavigation, IconNavigationFill, IconNearMe, IconNearMeFill, IconNoSound, IconNoSoundFill, IconNorth, IconNorthWest, IconNoteAdd, IconNoteAddFill, IconNotifications, IconNotificationsFill, IconNotificationsOff, IconNotificationsOffFill, IconNutrition, IconNutritionFill, IconOktaBlack, IconOktaWhite, IconOmniChatbox, IconOmniChatboxFill, IconOpenInFull, IconOpenInNew, IconOpportunities, IconOrders, IconOrdersFill, IconOtherHouses, IconOtherHousesFill, IconOutbox, IconOutboxFill, IconOutgoingMail, IconOutgoingMailFill, IconOutlook, IconOvenGen, IconOvenGenFill, IconPackage, IconPackage2, IconPackage2Fill, IconPackageFill, IconPaid, IconPaidFill, IconPalette, IconPaletteFill, IconPanZoom, IconPartnerExchange, IconPartnerExchangeFill, IconPause, IconPauseCircle, IconPauseCircleFill, IconPauseFill, IconPayments, IconPaymentsFill, IconPaypal, IconPendingActions, IconPentagon, IconPentagonFill, IconPercent, IconPerson, IconPersonAdd, IconPersonAddDisabled, IconPersonAddDisabledFill, IconPersonAddFill, IconPersonBook, IconPersonBookFill, IconPersonCancel, IconPersonCancelFill, IconPersonCheck, IconPersonCheckFill, IconPersonFill, IconPersonRemove, IconPersonRemoveFill, IconPersonSearch, IconPersonSearchFill, IconPets, IconPhotoCamera, IconPhotoCameraFill, IconPieChart, IconPieChartFill, IconPin, IconPinFill, IconPinterest, IconPinterestBlack, IconPlayArrow, IconPlayArrowFill, IconPlayCircle, IconPlayCircleFill, IconPlayPause, IconPlaylistAdd, IconPlaylistAddCheck, IconPlaylistAddFill, IconPlaylistRemove, IconPolicy, IconPolicyFill, IconPreview, IconPreviewFill, IconPrint, IconPrintFill, IconPublic, IconQrCode, IconQrCodeScanner, IconQuestionMark, IconRampLeft, IconRampRight, IconRealEstateAgent, IconRealEstateAgentFill, IconReceipt, IconReceiptFill, IconReceiptLong, IconReceiptLongFill, IconRecordVoiceOver, IconRecordVoiceOverFill, IconRecycling, IconRefresh, IconRemove, IconRemoveShoppingCart, IconRentSign, IconReplay, IconReply, IconReplyAll, IconReplyFill, IconReport, IconReportFill, IconResize, IconResizeHandle, IconRestaurant, IconRightPanelClose, IconRightPanelCloseFill, IconRightPanelOpen, IconRightPanelOpenFill, IconRoofing, IconRoofingFill, IconRoomPreferences, IconRoomPreferencesFill, IconRoundaboutLeft, IconRoundaboutRight, IconRoute, IconRouteFill, IconSave, IconSaveFill, IconSaveSearch, IconSaveSearchFill, IconScatterPlot, IconScatterPlotFill, IconSchedule, IconScheduleFill, IconScheduleSend, IconScheduleSendFill, IconSchema, IconSchemaFill, IconSchool, IconSchoolFill, IconScience, IconScienceFill, IconScore, IconScoreFill, IconSearch, IconSegment, IconSell, IconSellFill, IconSeller, IconSellerFill, IconSend, IconSendFill, IconSentimentDissatisfied, IconSentimentDissatisfiedFill, IconSentimentExtremelyDissatisfied, IconSentimentExtremelyDissatisfiedFill, IconSentimentNeutral, IconSentimentNeutralFill, IconSentimentSatisfied, IconSentimentSatisfiedFill, IconSentimentVeryDissatisfied, IconSentimentVeryDissatisfiedFill, IconSentimentVerySatisfied, IconSentimentVerySatisfiedFill, IconSettings, IconSettingsAccessibility, IconSettingsFill, IconShare, IconShareFill, IconShippingContainer, IconShippingContainerFill, IconShoppingBag, IconShoppingBagFill, IconShoppingCart, IconShoppingCartCheckout, IconShoppingCartFill, IconShoppingCartOff, IconShoppingCartOffFill, IconSick, IconSickFill, IconSignLanguage, IconSignLanguageFill, IconSignalCellularAlt, IconSkipNext, IconSkipNextFill, IconSkipPrevious, IconSkipPreviousFill, IconSlabSerif, IconSlabSerifFill, IconSmartphone, IconSmartphoneFill, IconSms, IconSmsFill, IconSort, IconSortByAlpha, IconSortByReverseAlpha, IconSortFill, IconSouth, IconSouthEast, IconSouthFill, IconSouthWest, IconSquare, IconSquareFill, IconSquareFoot, IconStackedBarChart, IconStackedEmail, IconStackedEmailFill, IconStacks, IconStacksFill, IconStar, IconStarFill, IconStop, IconStopCircle, IconStopCircleFill, IconStopFill, IconStorefront, IconStorefrontFill, IconStraight, IconStraightFill, IconStraighten, IconStraightenFill, IconStressManagement, IconStressManagementFill, IconSubject, IconSubway, IconSubwayFill, IconSwapVert, IconSwapVerticalCircle, IconSwapVerticalCircleFill, IconSymbolAfghanistan, IconSymbolAlandIsland, IconSymbolAlbania, IconSymbolAlgeria, IconSymbolAmericanSamoa, IconSymbolAndorra, IconSymbolAngola, IconSymbolAnguilla, IconSymbolAntiguaAndBarbuda, IconSymbolArgentina, IconSymbolArmenia, IconSymbolAruba, IconSymbolAustralia, IconSymbolAustria, IconSymbolAzerbaijan, IconSymbolBahamas, IconSymbolBahrain, IconSymbolBangladesh, IconSymbolBarbados, IconSymbolBelarus, IconSymbolBelgium, IconSymbolBelize, IconSymbolBenin, IconSymbolBermuda, IconSymbolBhutan, IconSymbolBolivia, IconSymbolBonaire, IconSymbolBosniaAndHerzegovina, IconSymbolBotswana, IconSymbolBrazil, IconSymbolBrunei, IconSymbolBulgaria, IconSymbolBurkinaFaso, IconSymbolBurundi, IconSymbolCambodia, IconSymbolCameroon, IconSymbolCanada, IconSymbolCaymanIslands, IconSymbolCentralAfricanRepublic, IconSymbolChad, IconSymbolChile, IconSymbolChina, IconSymbolChristmasIsland, IconSymbolCocosIslands, IconSymbolColombia, IconSymbolComoros, IconSymbolCookIsland, IconSymbolCostaRica, IconSymbolCroatia, IconSymbolCuba, IconSymbolCuracao, IconSymbolCyprus, IconSymbolCzechRepublic, IconSymbolDemocraticRepublicOfTheCongo, IconSymbolDenmark, IconSymbolDjibouti, IconSymbolDominica, IconSymbolDominicanRepublic, IconSymbolEcuador, IconSymbolEgypt, IconSymbolElSalvador, IconSymbolEquatorialGuinea, IconSymbolEritrea, IconSymbolEstonia, IconSymbolEswatini, IconSymbolEthiopia, IconSymbolFalklandIslands, IconSymbolFaroeIslands, IconSymbolFederatedStatesOfMicronesia, IconSymbolFiji, IconSymbolFinland, IconSymbolFrance, IconSymbolFrenchGuiana, IconSymbolFrenchPolynesia, IconSymbolGabon, IconSymbolGambia, IconSymbolGeorgia, IconSymbolGermany, IconSymbolGhana, IconSymbolGibraltar, IconSymbolGreece, IconSymbolGreeland, IconSymbolGrenada, IconSymbolGrenadines, IconSymbolGuam, IconSymbolGuatemala, IconSymbolGuernsey, IconSymbolGuinea, IconSymbolGuineaBissau, IconSymbolGuyana, IconSymbolHaiti, IconSymbolHonduras, IconSymbolHongKong, IconSymbolHungary, IconSymbolIceland, IconSymbolIndia, IconSymbolIndianOceanTerritory, IconSymbolIndonesia, IconSymbolIran, IconSymbolIraq, IconSymbolIreland, IconSymbolIsleOfMan, IconSymbolIsrael, IconSymbolItaly, IconSymbolJamaica, IconSymbolJapan, IconSymbolJersey, IconSymbolJordan, IconSymbolKazakhstan, IconSymbolKenya, IconSymbolKiribati, IconSymbolKuwait, IconSymbolKyrgyzstan, IconSymbolLaos, IconSymbolLatvia, IconSymbolLebanon, IconSymbolLesotho, IconSymbolLiberia, IconSymbolLibya, IconSymbolLiechtenstein, IconSymbolLithuania, IconSymbolLuxembourg, IconSymbolMacau, IconSymbolMadagascar, IconSymbolMalasia, IconSymbolMalawi, IconSymbolMaldives, IconSymbolMali, IconSymbolMalta, IconSymbolMarshallIslands, IconSymbolMartinique, IconSymbolMauritania, IconSymbolMauritius, IconSymbolMexico, IconSymbolMoldova, IconSymbolMonaco, IconSymbolMongolia, IconSymbolMontenegro, IconSymbolMontserrat, IconSymbolMorroco, IconSymbolMozambique, IconSymbolMyanmar, IconSymbolNamibia, IconSymbolNauru, IconSymbolNepal, IconSymbolNetherlands, IconSymbolNewZealand, IconSymbolNicaragua, IconSymbolNiger, IconSymbolNigeria, IconSymbolNiue, IconSymbolNorfolkIsland, IconSymbolNorthKorea, IconSymbolNorthMacedonia, IconSymbolNorthernMarianaIslands, IconSymbolNorway, IconSymbolOman, IconSymbolPakistan, IconSymbolPalau, IconSymbolPalestine, IconSymbolPanama, IconSymbolPapuaNewGuinea, IconSymbolParaguay, IconSymbolPeru, IconSymbolPhilippines, IconSymbolPitcairnIslands, IconSymbolPoland, IconSymbolPortugal, IconSymbolPuertoRico, IconSymbolQatar, IconSymbolRepublicOfTheCongo, IconSymbolRomania, IconSymbolRussia, IconSymbolRwanda, IconSymbolSaintBarthelemy, IconSymbolSamoa, IconSymbolSanMarino, IconSymbolSaoTomeAndPrincipe, IconSymbolSaudiArabia, IconSymbolSenegal, IconSymbolSerbia, IconSymbolSeychelles, IconSymbolSierraLeone, IconSymbolSingapore, IconSymbolSintMaarten, IconSymbolSlovakia, IconSymbolSlovenia, IconSymbolSolomonIslands, IconSymbolSomalia, IconSymbolSouthAfrica, IconSymbolSouthKorea, IconSymbolSouthSudan, IconSymbolSpain, IconSymbolSriLanka, IconSymbolStKittsNevis, IconSymbolStLucia, IconSymbolSudan, IconSymbolSuriname, IconSymbolSweden, IconSymbolSwitzerland, IconSymbolSyria, IconSymbolTaiwan, IconSymbolTajikistan, IconSymbolTanzania, IconSymbolThailand, IconSymbolTimorLeste, IconSymbolTogo, IconSymbolTokelau, IconSymbolTonga, IconSymbolTrinidadAndTobago, IconSymbolTunisia, IconSymbolTurkey, IconSymbolTurkmenistan, IconSymbolTurksAndCaicos, IconSymbolTuvalu, IconSymbolUganda, IconSymbolUkraine, IconSymbolUnitedArabEmirates, IconSymbolUnitedKingdom, IconSymbolUnitedKingdomOfGreatBritainAndNorthernIreland, IconSymbolUnitedStates, IconSymbolUruguay, IconSymbolUzbekistan, IconSymbolVanuatu, IconSymbolVenezuela, IconSymbolVietnam, IconSymbolVirginIslands, IconSymbolVirginIslandsBritish, IconSymbolWestSahara, IconSymbolYemen, IconSymbolZambia, IconSymbolZimbabwe, IconSync, IconTableChart, IconTableChartFill, IconTableChartView, IconTableChartViewFill, IconTablet, IconTabletFill, IconTag, IconTaxiAlert, IconTaxiAlertFill, IconThermometer, IconThermometerAdd, IconThermometerFill, IconThermometerGain, IconThermometerGainFill, IconThermometerLoss, IconThermometerLossFill, IconThermostat, IconThermostatAuto, IconThermostatFill, IconThumbDown, IconThumbDownFill, IconThumbUp, IconThumbUpFill, IconTimeline, IconTimer, IconTimerFill, IconTitle, IconToken, IconTokenFill, IconTrain, IconTrainFill, IconTranslate, IconTravel, IconTravelExplore, IconTravelFill, IconTrendingDown, IconTrendingFlat, IconTrendingUp, IconTriangle, IconTriangleFill, IconTrip, IconTripFill, IconTrophy, IconTrophyFill, IconTune, IconTurnLeft, IconTurnRight, IconTurnSharpLeft, IconTurnSlightLeft, IconTurnSlightRight, IconTv, IconTvFill, IconUTurnLeft, IconUTurnRight, IconUnarchive, IconUnarchiveFill, IconUndo, IconUnsubscribe, IconUnsubscribeFill, IconUpcoming, IconUpcomingFill, IconVerifiedUser, IconVerifiedUserFill, IconVerticalAlignBottom, IconVerticalAlignCenter, IconVerticalAlignTop, IconVerticalDistribute, IconVideoLibrary, IconVideoLibraryFill, IconVideocam, IconVideocamFill, IconViewCarousel, IconViewCarouselFill, IconViewColumn, IconViewColumn2, IconViewColumn2Fill, IconViewColumnFill, IconViewDay, IconViewDayFill, IconViewInAr, IconViewInArFill, IconViewList, IconViewListFill, IconViewModule, IconViewModuleFill, IconVilla, IconVillaFill, IconVisa, IconVisibility, IconVisibilityFill, IconVisibilityOff, IconVisibilityOffFill, IconVoicemail, IconVolumeDown, IconVolumeDownFill, IconVolumeMute, IconVolumeMuteFill, IconVolumeOff, IconVolumeOffFill, IconVolumeUp, IconVolumeUpFill, IconWallet, IconWarehouse, IconWarehouseFill, IconWarning, IconWarningFill, IconWc, IconWest, IconWifi, IconWifiCalling, IconWifiCallingFill, IconWifiFill, IconWifiHome, IconWifiHomeFill, IconWoman, IconWork, IconWorkFill, IconX, IconXWhite, IconYoutube, IconYoutubeBlack, IconYoutubeWhite, IconZoomIn, IconZoomInMap, IconZoomOut, IconZoomOutMap, KeyNavigationUtility, ThemeService, UIAccordion, UIAvatar, UIBadge, UIBannerAlert, UIBreadcrumb, UIButton, UICard, UICheckbox, UICheckboxGroup, UICheckboxOption, UIChip, UIChipGroup, UIDialog, UIDivider, UIField, UIFlexDirective, UIFloatingDirective, UIFocusTrapDirective, UIIcon, UIInlineAlert, UIInput, UIInputField, UIKeyNavigationDirective, UILinkDirective, UIListItem, UIMatchParentHeightDirective, UIMenu, UIModal, UIOutsideClickDirective, UIPagination, UIPortalDirective, UIRadio, UIRadioGroup, UIRadioOption, UIScrim, UISegmentedControl, UISelect, UISwitch, UISwitchOption, UITabGroup, UITabList, UITabListUtility, UITable, UITag, UITextarea, UITextareaField, UITooltip, UITooltipDirective, UITxtDirective, describedById, errorMessageId, labelledById };
+export { Icon360, IconAZAscend, IconAZDescend, IconAccessibilityNew, IconAccessible, IconAccountCircle, IconAccountCircleFill, IconAccountTree, IconAccountTreeFill, IconAdd, IconAddAPhoto, IconAddAPhotoFill, IconAddAlert, IconAddAlertFill, IconAddBusiness, IconAddBusinessFill, IconAddChart, IconAddChartFill, IconAddCircle, IconAddCircleFill, IconAddComment, IconAddCommentFill, IconAddReaction, IconAddReactionFill, IconAddShoppingCart, IconAirplanemodeInactive, IconAirportShuttle, IconAirportShuttleFill, IconAlignCenter, IconAlignEnd, IconAlignFlexCenter, IconAlignFlexEnd, IconAlignFlexStart, IconAlignHorizontalCenter, IconAlignHorizontalLeft, IconAlignHorizontalRight, IconAlignItemsStretch, IconAlignJustifyCenter, IconAlignJustifyFlexEnd, IconAlignJustifyFlexStart, IconAlignJustifySpaceAround, IconAlignJustifySpaceBetween, IconAlignJustifySpaceEven, IconAlignJustifyStretch, IconAlignSpaceAround, IconAlignSpaceBetween, IconAlignSpaceEven, IconAlignStart, IconAlignStretch, IconAlignVerticalBottom, IconAlignVerticalCenter, IconAlignVerticalTop, IconAlternateEmail, IconAmex, IconAnalytics, IconAnalyticsFill, IconApartment, IconAppStore, IconAppleBlack, IconAppleWhite, IconApplepay, IconApps, IconArOnYou, IconArOnYouFill, IconArStickers, IconArStickersFill, IconArchive, IconArchiveFill, IconAreaChart, IconAreaChartFill, IconArrowBack, IconArrowDownward, IconArrowDropDown, IconArrowDropUp, IconArrowForward, IconArrowInsert, IconArrowLeft, IconArrowOutward, IconArrowRight, IconArrowUpward, IconAssignment, IconAssignmentAdd, IconAssignmentAddFill, IconAssignmentFill, IconAttachFile, IconAttachFileAdd, IconAttachFileFill, IconAttachMoney, IconAutomation, IconAutomationFill, IconBadge, IconBadgeFill, IconBakeryDining, IconBakeryDiningFill, IconBarChart, IconBarcode, IconBarcodeScanner, IconBarn, IconBarnFill, IconBasement, IconBasementFill, IconBathroom, IconBathroomFill, IconBed, IconBedFill, IconBlock, IconBluetooth, IconBolt, IconBoltFill, IconBookmark, IconBookmarkAdd, IconBookmarkAddFill, IconBookmarkAdded, IconBookmarkAddedFill, IconBookmarkFill, IconBookmarkRemove, IconBookmarkRemoveFill, IconBookmarks, IconBookmarksFill, IconBorderColor, IconBorderColorFill, IconBorderStyle, IconBox, IconBoxAdd, IconBoxAddFill, IconBoxFill, IconBrail, IconBubbleChart, IconBubbleChartFill, IconBuilding, IconBuildingFill, IconBusinessCenter, IconBusinessCenterFill, IconCalendarViewDay, IconCalendarViewDayFill, IconCalendarViewWeek, IconCalendarViewWeekFill, IconCall, IconCallEnd, IconCallEndFill, IconCallFill, IconCampaign, IconCampaignFill, IconCancel, IconCancelFill, IconCasino, IconCasinoFill, IconCategory, IconCategoryFill, IconChartData, IconChartDataFill, IconChat, IconChatBubble, IconChatBubbleFill, IconChatFill, IconCheck, IconCheckCircle, IconCheckCircleFill, IconCheckFill, IconChecklist, IconChevronLeft, IconChevronRight, IconCircle, IconCircleFill, IconClose, IconCloseFill, IconClosedCaption, IconClosedCaptionDisabled, IconClosedCaptionDisabledFill, IconClosedCaptionFill, IconCloud, IconCloudDone, IconCloudDoneFill, IconCloudDownload, IconCloudDownloadFill, IconCloudFill, IconCloudOff, IconCloudOffFill, IconCloudUpload, IconCloudUploadFill, IconCode, IconCognition, IconCognitionFill, IconColorBlind, IconColors, IconCommute, IconCommuteFill, IconComputer, IconComputerFill, IconConstruction, IconContactMail, IconContactMailFill, IconContactPage, IconContactPageFill, IconContactPhone, IconContactPhoneFill, IconContactSupport, IconContactSupportFill, IconContacts, IconContactsFill, IconContentCopy, IconContentCopyFill, IconContentPasteOff, IconContentPasteSearch, IconContrast, IconContrastCircle, IconContrastFill, IconContrastSquare, IconCopyright, IconCopyrightFill, IconCrawlspace, IconCrawlspaceFill, IconCreditCard, IconCreditCardFill, IconDangerous, IconDangerousFill, IconDarkMode, IconDarkModeFill, IconDashboard, IconDashboard2, IconDashboard2Fill, IconDashboardCustomize, IconDashboardCustomizeFill, IconDashboardFill, IconDatabase, IconDatabaseFill, IconDelete, IconDeleteFill, IconDeleteForever, IconDeleteForeverFill, IconDeployedCode, IconDeployedCodeAccount, IconDeployedCodeAccountFill, IconDeployedCodeAlert, IconDeployedCodeAlertFill, IconDeployedCodeFill, IconDeployedCodeHistory, IconDeployedCodeHistoryFill, IconDeployedCodeUpdate, IconDeployedCodeUpdateFill, IconDescription, IconDescriptionFill, IconDesktopWindows, IconDesktopWindowsFill, IconDeviceThermostat, IconDevices, IconDevicesFill, IconDialpad, IconDiamond, IconDiamondFill, IconDirections, IconDirectionsBike, IconDirectionsBoat, IconDirectionsBoatFill, IconDirectionsBus, IconDirectionsBusFill, IconDirectionsCar, IconDirectionsCarFill, IconDirectionsFill, IconDirectionsSubway, IconDirectionsSubwayFill, IconDirectionsWalk, IconDiscover, IconDiversity1, IconDiversity1Fill, IconDoNotDisturbOn, IconDoNotDisturbOnFill, IconDocumentScanner, IconDocumentScannerFill, IconDonutLarge, IconDonutSmall, IconDonutSmallFill, IconDoorOpen, IconDoorOpenFill, IconDraft, IconDraftFill, IconDrafts, IconDraftsFill, IconDragHandle, IconDragIndicator, IconDraw, IconDrawFill, IconEdit, IconEditFill, IconEditNote, IconEditNoteFill, IconEditRoad, IconEditRoadFill, IconEditSquare, IconEditSquareFill, IconEgg, IconEggFill, IconEmojiLanguage, IconEmojiLanguageFill, IconEmoticon, IconEncrypted, IconEncryptedFill, IconError, IconErrorFill, IconEvent, IconEventFill, IconEventNote, IconEventNoteFill, IconExercise, IconExerciseFill, IconExperiment, IconExperimentFill, IconExplore, IconExploreFill, IconExtension, IconExtensionFill, IconExtensionOff, IconExtensionOffFill, IconFaceId, IconFaceRetouchingOff, IconFaceRetouchingOffFill, IconFacebook, IconFacebookWhite, IconFamilyHome, IconFamilyHomeFill, IconFastfood, IconFastfoodFill, IconFavorite, IconFavoriteFill, IconFileDownload, IconFileUpload, IconFilterList, IconFinance, IconFingerprint, IconFingerprintOff, IconFireplace, IconFireplaceFill, IconFitScreen, IconFitScreenFill, IconFitnessCenter, IconFlag, IconFlagAfghanistan, IconFlagAlandIsland, IconFlagAlbania, IconFlagAlgeria, IconFlagAmericanSamoa, IconFlagAndorra, IconFlagAngola, IconFlagAnguilla, IconFlagAntiguaAndBarbuda, IconFlagArgentina, IconFlagArmenia, IconFlagAruba, IconFlagAustralia, IconFlagAustria, IconFlagAzerbaijan, IconFlagBahamas, IconFlagBahrain, IconFlagBangladesh, IconFlagBarbados, IconFlagBelarus, IconFlagBelgium, IconFlagBelize, IconFlagBenin, IconFlagBermuda, IconFlagBhutan, IconFlagBolivia, IconFlagBonaire, IconFlagBosniaAndHerzegovina, IconFlagBotswana, IconFlagBrazil, IconFlagBrunei, IconFlagBulgaria, IconFlagBurkinaFaso, IconFlagBurundi, IconFlagCambodia, IconFlagCameroon, IconFlagCanada, IconFlagCaymanIslands, IconFlagCentralAfricanRepublic, IconFlagChad, IconFlagChile, IconFlagChina, IconFlagChristmasIsland, IconFlagCocosIslands, IconFlagColombia, IconFlagComoros, IconFlagCookIsland, IconFlagCostaRica, IconFlagCroatia, IconFlagCuba, IconFlagCuracao, IconFlagCyprus, IconFlagCzechRepublic, IconFlagDemocraticRepublicOfTheCongo, IconFlagDenmark, IconFlagDjibouti, IconFlagDominica, IconFlagDominicanRepublic, IconFlagEcuador, IconFlagEgypt, IconFlagElSalvador, IconFlagEquatorialGuinea, IconFlagEritrea, IconFlagEstonia, IconFlagEswatini, IconFlagEthiopia, IconFlagFalklandIslands, IconFlagFaroeIslands, IconFlagFederatedStatesOfMicronesia, IconFlagFiji, IconFlagFill, IconFlagFinland, IconFlagFrance, IconFlagFrenchGuiana, IconFlagFrenchPolynesia, IconFlagGabon, IconFlagGambia, IconFlagGeorgia, IconFlagGermany, IconFlagGhana, IconFlagGibraltar, IconFlagGreece, IconFlagGreeland, IconFlagGrenada, IconFlagGrenadines, IconFlagGuam, IconFlagGuatemala, IconFlagGuernsey, IconFlagGuinea, IconFlagGuineaBissau, IconFlagGuyana, IconFlagHaiti, IconFlagHonduras, IconFlagHongKong, IconFlagHungary, IconFlagIceland, IconFlagIndia, IconFlagIndianOceanTerritory, IconFlagIndonesia, IconFlagIran, IconFlagIraq, IconFlagIreland, IconFlagIsleOfMan, IconFlagIsrael, IconFlagItaly, IconFlagJamaica, IconFlagJapan, IconFlagJersey, IconFlagJordan, IconFlagKazakhstan, IconFlagKenya, IconFlagKiribati, IconFlagKuwait, IconFlagKyrgyzstan, IconFlagLaos, IconFlagLatvia, IconFlagLebanon, IconFlagLesotho, IconFlagLiberia, IconFlagLibya, IconFlagLiechtenstein, IconFlagLithuania, IconFlagLuxembourg, IconFlagMacau, IconFlagMadagascar, IconFlagMalasia, IconFlagMalawi, IconFlagMaldives, IconFlagMali, IconFlagMalta, IconFlagMarshallIslands, IconFlagMartinique, IconFlagMauritania, IconFlagMauritius, IconFlagMexico, IconFlagMoldova, IconFlagMonaco, IconFlagMongolia, IconFlagMontenegro, IconFlagMontserrat, IconFlagMorroco, IconFlagMozambique, IconFlagMyanmar, IconFlagNamibia, IconFlagNauru, IconFlagNepal, IconFlagNetherlands, IconFlagNewZealand, IconFlagNicaragua, IconFlagNiger, IconFlagNigeria, IconFlagNiue, IconFlagNorfolkIsland, IconFlagNorthKorea, IconFlagNorthMacedonia, IconFlagNorthernMarianaIslands, IconFlagNorway, IconFlagOman, IconFlagPakistan, IconFlagPalau, IconFlagPalestine, IconFlagPanama, IconFlagPapuaNewGuinea, IconFlagParaguay, IconFlagPeru, IconFlagPhilippines, IconFlagPitcairnIslands, IconFlagPoland, IconFlagPortugal, IconFlagPuertoRico, IconFlagQatar, IconFlagRepublicOfTheCongo, IconFlagRomania, IconFlagRussia, IconFlagRwanda, IconFlagSaintBarthelemy, IconFlagSamoa, IconFlagSanMarino, IconFlagSaoTomeAndPrincipe, IconFlagSaudiArabia, IconFlagSenegal, IconFlagSerbia, IconFlagSeychelles, IconFlagSierraLeone, IconFlagSingapore, IconFlagSintMaarten, IconFlagSlovakia, IconFlagSlovenia, IconFlagSolomonIslands, IconFlagSomalia, IconFlagSouthAfrica, IconFlagSouthKorea, IconFlagSouthSudan, IconFlagSpain, IconFlagSriLanka, IconFlagStKittsNevis, IconFlagStLucia, IconFlagSudan, IconFlagSuriname, IconFlagSweden, IconFlagSwitzerland, IconFlagSyria, IconFlagTaiwan, IconFlagTajikistan, IconFlagTanzania, IconFlagThailand, IconFlagTimorLeste, IconFlagTogo, IconFlagTokelau, IconFlagTonga, IconFlagTrinidadAndTobago, IconFlagTunisia, IconFlagTurkey, IconFlagTurkmenistan, IconFlagTurksAndCaicos, IconFlagTuvalu, IconFlagUganda, IconFlagUkraine, IconFlagUnitedArabEmirates, IconFlagUnitedKingdom, IconFlagUnitedKingdomOfGreatBritainAndNorthernIreland, IconFlagUnitedStates, IconFlagUruguay, IconFlagUzbekistan, IconFlagVanuatu, IconFlagVenezuela, IconFlagVietnam, IconFlagVirginIslands, IconFlagVirginIslandsBritish, IconFlagWestSahara, IconFlagYemen, IconFlagZambia, IconFlagZimbabwe, IconFlashAuto, IconFlashAutoFill, IconFlight, IconFlowchart, IconFlowchartFill, IconFolder, IconFolderFill, IconFolderOpen, IconFolderOpenFill, IconFolderShared, IconFolderSharedFill, IconFontDownload, IconFontDownloadFill, IconForSaleSign, IconForYou, IconForYouFill, IconForest, IconForestFill, IconForkRight, IconFormatAlignCenter, IconFormatAlignJustify, IconFormatAlignLeft, IconFormatAlignRight, IconFormatColorFill, IconFormatLetterSpacingWide, IconFormatLetterSpacingWider, IconFormatLineSpacing, IconFormatListBulleted, IconFormatListNumbered, IconFormatShapes, IconFormatShapesFill, IconFormatSize, IconForum, IconForumFill, IconForward, IconForwardToInbox, IconForwardToInboxFill, IconFullStackedBarChart, IconFullscreen, IconFullscreenExit, IconFullscreenFill, IconGTranslate, IconGalleryThumbnail, IconGalleryThumbnailFill, IconGarage, IconGarageFill, IconGlobe, IconGoogle, IconGooglePlay, IconGooglepay, IconGridView, IconGridViewFill, IconGroup, IconGroupFill, IconGroupedBarChart, IconHail, IconHandDraw, IconHandDrawFill, IconHandshake, IconHandshakeFill, IconHandyman, IconHandymanFill, IconHeadMountedDevice, IconHeadMountedDeviceFill, IconHeadsetMic, IconHeadsetMicFill, IconHearing, IconHeat, IconHeatPump, IconHeatPumpFill, IconHelp, IconHelpFill, IconHexagon, IconHexagonFill, IconHistory, IconHome, IconHomeAdd, IconHomeAddFill, IconHomeCheck, IconHomeCheckFill, IconHomeFill, IconHomeLock, IconHomeLockFill, IconHomeMonitize, IconHomeMonitizeFill, IconHomeMove, IconHomeMoveFill, IconHomeRemove, IconHomeRemoveFill, IconHomeStorage, IconHomeStorageFill, IconHomeTimer, IconHomeTimerFill, IconHomeWork, IconHomeWorkFill, IconHorizontalDistribute, IconHub, IconHubFill, IconHvac, IconHvacFill, IconIcecream, IconIcecreamFill, IconIdCard, IconIdCardFill, IconImage, IconImageFill, IconInProgress, IconInbox, IconInboxFill, IconIncompleteCircle, IconInfo, IconInfoFill, IconInkEraser, IconInkEraserFill, IconInput, IconInstagramBlack, IconInstagramWhite, IconInventory, IconInventory2, IconInventory2Fill, IconInventoryFill, IconIosShare, IconKebabDining, IconKebabDiningFill, IconKey, IconKeyFill, IconKeyOff, IconKeyOffFill, IconKeyVertical, IconKeyVerticalFill, IconKeyboard, IconKeyboardArrowDown, IconKeyboardArrowUp, IconKeyboardDoubleArrowLeft, IconKeyboardDoubleArrowRight, IconKeyboardFill, IconLabel, IconLabelFill, IconLabelImportant, IconLabelImportantFill, IconLan, IconLanFill, IconLandscape, IconLandscapeFill, IconLanguage, IconLaundry, IconLaundryFill, IconLayers, IconLayersFill, IconLeaderboard, IconLeaderboardFill, IconLeftPanelClose, IconLeftPanelCloseFill, IconLeftPanelOpen, IconLeftPanelOpenFill, IconLicense, IconLicenseFill, IconLight, IconLightFill, IconLightMode, IconLightModeFill, IconLightbulb, IconLightbulbFill, IconLink, IconLinkFill, IconLinkOff, IconLinkedin, IconLinkedinWhite, IconList, IconListChange, IconListFill, IconLocalCafe, IconLocalCafeFill, IconLocalParking, IconLocalShipping, IconLocalShippingFill, IconLocalTaxi, IconLocalTaxiFill, IconLocationDisabled, IconLocationOff, IconLocationOffFill, IconLocationOn, IconLocationOnFill, IconLocationSearching, IconLock, IconLockFill, IconLockOpen, IconLockOpenFill, IconLogin, IconLogout, IconLowVisibility, IconMail, IconMailFill, IconMailLock, IconMailLockFill, IconMan, IconManFill, IconManageAccounts, IconManageAccountsFill, IconMap, IconMapFill, IconMarkAsUnread, IconMarkAsUnreadFill, IconMarkEmailRead, IconMarkEmailReadFill, IconMarkEmailUnread, IconMarkEmailUnreadFill, IconMastercard, IconMenu, IconMenuBook, IconMenuBookFill, IconMenuFill, IconMerge, IconMic, IconMicFill, IconMicOff, IconMicOffFill, IconModeCool, IconModeCoolOff, IconModeFan, IconModeFanFill, IconModeFanOff, IconModeFanOffFill, IconModeHeat, IconModeHeatFill, IconMoneyOff, IconMonitor, IconMonitorFill, IconMood, IconMoodBad, IconMoodBadFill, IconMoodFill, IconMoreHoriz, IconMoreVert, IconMoveLocation, IconMoveLocationFill, IconMoveToInbox, IconMoveToInboxFill, IconMultilineChart, IconMusicNote, IconMyLocation, IconMyLocationFill, IconNavigation, IconNavigationFill, IconNearMe, IconNearMeFill, IconNoSound, IconNoSoundFill, IconNorth, IconNorthWest, IconNoteAdd, IconNoteAddFill, IconNotifications, IconNotificationsFill, IconNotificationsOff, IconNotificationsOffFill, IconNutrition, IconNutritionFill, IconOktaBlack, IconOktaWhite, IconOmniChatbox, IconOmniChatboxFill, IconOpenInFull, IconOpenInNew, IconOpportunities, IconOrders, IconOrdersFill, IconOtherHouses, IconOtherHousesFill, IconOutbox, IconOutboxFill, IconOutgoingMail, IconOutgoingMailFill, IconOutlook, IconOvenGen, IconOvenGenFill, IconPackage, IconPackage2, IconPackage2Fill, IconPackageFill, IconPaid, IconPaidFill, IconPalette, IconPaletteFill, IconPanZoom, IconPartnerExchange, IconPartnerExchangeFill, IconPause, IconPauseCircle, IconPauseCircleFill, IconPauseFill, IconPayments, IconPaymentsFill, IconPaypal, IconPendingActions, IconPentagon, IconPentagonFill, IconPercent, IconPerson, IconPersonAdd, IconPersonAddDisabled, IconPersonAddDisabledFill, IconPersonAddFill, IconPersonBook, IconPersonBookFill, IconPersonCancel, IconPersonCancelFill, IconPersonCheck, IconPersonCheckFill, IconPersonFill, IconPersonRemove, IconPersonRemoveFill, IconPersonSearch, IconPersonSearchFill, IconPets, IconPhotoCamera, IconPhotoCameraFill, IconPieChart, IconPieChartFill, IconPin, IconPinFill, IconPinterest, IconPinterestBlack, IconPlayArrow, IconPlayArrowFill, IconPlayCircle, IconPlayCircleFill, IconPlayPause, IconPlaylistAdd, IconPlaylistAddCheck, IconPlaylistAddFill, IconPlaylistRemove, IconPolicy, IconPolicyFill, IconPreview, IconPreviewFill, IconPrint, IconPrintFill, IconPublic, IconQrCode, IconQrCodeScanner, IconQuestionMark, IconRampLeft, IconRampRight, IconRealEstateAgent, IconRealEstateAgentFill, IconReceipt, IconReceiptFill, IconReceiptLong, IconReceiptLongFill, IconRecordVoiceOver, IconRecordVoiceOverFill, IconRecycling, IconRefresh, IconRemove, IconRemoveShoppingCart, IconRentSign, IconReplay, IconReply, IconReplyAll, IconReplyFill, IconReport, IconReportFill, IconResize, IconResizeHandle, IconRestaurant, IconRightPanelClose, IconRightPanelCloseFill, IconRightPanelOpen, IconRightPanelOpenFill, IconRoofing, IconRoofingFill, IconRoomPreferences, IconRoomPreferencesFill, IconRoundaboutLeft, IconRoundaboutRight, IconRoute, IconRouteFill, IconSave, IconSaveFill, IconSaveSearch, IconSaveSearchFill, IconScatterPlot, IconScatterPlotFill, IconSchedule, IconScheduleFill, IconScheduleSend, IconScheduleSendFill, IconSchema, IconSchemaFill, IconSchool, IconSchoolFill, IconScience, IconScienceFill, IconScore, IconScoreFill, IconSearch, IconSegment, IconSell, IconSellFill, IconSeller, IconSellerFill, IconSend, IconSendFill, IconSentimentDissatisfied, IconSentimentDissatisfiedFill, IconSentimentExtremelyDissatisfied, IconSentimentExtremelyDissatisfiedFill, IconSentimentNeutral, IconSentimentNeutralFill, IconSentimentSatisfied, IconSentimentSatisfiedFill, IconSentimentVeryDissatisfied, IconSentimentVeryDissatisfiedFill, IconSentimentVerySatisfied, IconSentimentVerySatisfiedFill, IconSettings, IconSettingsAccessibility, IconSettingsFill, IconShare, IconShareFill, IconShippingContainer, IconShippingContainerFill, IconShoppingBag, IconShoppingBagFill, IconShoppingCart, IconShoppingCartCheckout, IconShoppingCartFill, IconShoppingCartOff, IconShoppingCartOffFill, IconSick, IconSickFill, IconSignLanguage, IconSignLanguageFill, IconSignalCellularAlt, IconSkipNext, IconSkipNextFill, IconSkipPrevious, IconSkipPreviousFill, IconSlabSerif, IconSlabSerifFill, IconSmartphone, IconSmartphoneFill, IconSms, IconSmsFill, IconSort, IconSortByAlpha, IconSortByReverseAlpha, IconSortFill, IconSouth, IconSouthEast, IconSouthFill, IconSouthWest, IconSquare, IconSquareFill, IconSquareFoot, IconStackedBarChart, IconStackedEmail, IconStackedEmailFill, IconStacks, IconStacksFill, IconStar, IconStarFill, IconStop, IconStopCircle, IconStopCircleFill, IconStopFill, IconStorefront, IconStorefrontFill, IconStraight, IconStraightFill, IconStraighten, IconStraightenFill, IconStressManagement, IconStressManagementFill, IconSubject, IconSubway, IconSubwayFill, IconSwapVert, IconSwapVerticalCircle, IconSwapVerticalCircleFill, IconSymbolAfghanistan, IconSymbolAlandIsland, IconSymbolAlbania, IconSymbolAlgeria, IconSymbolAmericanSamoa, IconSymbolAndorra, IconSymbolAngola, IconSymbolAnguilla, IconSymbolAntiguaAndBarbuda, IconSymbolArgentina, IconSymbolArmenia, IconSymbolAruba, IconSymbolAustralia, IconSymbolAustria, IconSymbolAzerbaijan, IconSymbolBahamas, IconSymbolBahrain, IconSymbolBangladesh, IconSymbolBarbados, IconSymbolBelarus, IconSymbolBelgium, IconSymbolBelize, IconSymbolBenin, IconSymbolBermuda, IconSymbolBhutan, IconSymbolBolivia, IconSymbolBonaire, IconSymbolBosniaAndHerzegovina, IconSymbolBotswana, IconSymbolBrazil, IconSymbolBrunei, IconSymbolBulgaria, IconSymbolBurkinaFaso, IconSymbolBurundi, IconSymbolCambodia, IconSymbolCameroon, IconSymbolCanada, IconSymbolCaymanIslands, IconSymbolCentralAfricanRepublic, IconSymbolChad, IconSymbolChile, IconSymbolChina, IconSymbolChristmasIsland, IconSymbolCocosIslands, IconSymbolColombia, IconSymbolComoros, IconSymbolCookIsland, IconSymbolCostaRica, IconSymbolCroatia, IconSymbolCuba, IconSymbolCuracao, IconSymbolCyprus, IconSymbolCzechRepublic, IconSymbolDemocraticRepublicOfTheCongo, IconSymbolDenmark, IconSymbolDjibouti, IconSymbolDominica, IconSymbolDominicanRepublic, IconSymbolEcuador, IconSymbolEgypt, IconSymbolElSalvador, IconSymbolEquatorialGuinea, IconSymbolEritrea, IconSymbolEstonia, IconSymbolEswatini, IconSymbolEthiopia, IconSymbolFalklandIslands, IconSymbolFaroeIslands, IconSymbolFederatedStatesOfMicronesia, IconSymbolFiji, IconSymbolFinland, IconSymbolFrance, IconSymbolFrenchGuiana, IconSymbolFrenchPolynesia, IconSymbolGabon, IconSymbolGambia, IconSymbolGeorgia, IconSymbolGermany, IconSymbolGhana, IconSymbolGibraltar, IconSymbolGreece, IconSymbolGreeland, IconSymbolGrenada, IconSymbolGrenadines, IconSymbolGuam, IconSymbolGuatemala, IconSymbolGuernsey, IconSymbolGuinea, IconSymbolGuineaBissau, IconSymbolGuyana, IconSymbolHaiti, IconSymbolHonduras, IconSymbolHongKong, IconSymbolHungary, IconSymbolIceland, IconSymbolIndia, IconSymbolIndianOceanTerritory, IconSymbolIndonesia, IconSymbolIran, IconSymbolIraq, IconSymbolIreland, IconSymbolIsleOfMan, IconSymbolIsrael, IconSymbolItaly, IconSymbolJamaica, IconSymbolJapan, IconSymbolJersey, IconSymbolJordan, IconSymbolKazakhstan, IconSymbolKenya, IconSymbolKiribati, IconSymbolKuwait, IconSymbolKyrgyzstan, IconSymbolLaos, IconSymbolLatvia, IconSymbolLebanon, IconSymbolLesotho, IconSymbolLiberia, IconSymbolLibya, IconSymbolLiechtenstein, IconSymbolLithuania, IconSymbolLuxembourg, IconSymbolMacau, IconSymbolMadagascar, IconSymbolMalasia, IconSymbolMalawi, IconSymbolMaldives, IconSymbolMali, IconSymbolMalta, IconSymbolMarshallIslands, IconSymbolMartinique, IconSymbolMauritania, IconSymbolMauritius, IconSymbolMexico, IconSymbolMoldova, IconSymbolMonaco, IconSymbolMongolia, IconSymbolMontenegro, IconSymbolMontserrat, IconSymbolMorroco, IconSymbolMozambique, IconSymbolMyanmar, IconSymbolNamibia, IconSymbolNauru, IconSymbolNepal, IconSymbolNetherlands, IconSymbolNewZealand, IconSymbolNicaragua, IconSymbolNiger, IconSymbolNigeria, IconSymbolNiue, IconSymbolNorfolkIsland, IconSymbolNorthKorea, IconSymbolNorthMacedonia, IconSymbolNorthernMarianaIslands, IconSymbolNorway, IconSymbolOman, IconSymbolPakistan, IconSymbolPalau, IconSymbolPalestine, IconSymbolPanama, IconSymbolPapuaNewGuinea, IconSymbolParaguay, IconSymbolPeru, IconSymbolPhilippines, IconSymbolPitcairnIslands, IconSymbolPoland, IconSymbolPortugal, IconSymbolPuertoRico, IconSymbolQatar, IconSymbolRepublicOfTheCongo, IconSymbolRomania, IconSymbolRussia, IconSymbolRwanda, IconSymbolSaintBarthelemy, IconSymbolSamoa, IconSymbolSanMarino, IconSymbolSaoTomeAndPrincipe, IconSymbolSaudiArabia, IconSymbolSenegal, IconSymbolSerbia, IconSymbolSeychelles, IconSymbolSierraLeone, IconSymbolSingapore, IconSymbolSintMaarten, IconSymbolSlovakia, IconSymbolSlovenia, IconSymbolSolomonIslands, IconSymbolSomalia, IconSymbolSouthAfrica, IconSymbolSouthKorea, IconSymbolSouthSudan, IconSymbolSpain, IconSymbolSriLanka, IconSymbolStKittsNevis, IconSymbolStLucia, IconSymbolSudan, IconSymbolSuriname, IconSymbolSweden, IconSymbolSwitzerland, IconSymbolSyria, IconSymbolTaiwan, IconSymbolTajikistan, IconSymbolTanzania, IconSymbolThailand, IconSymbolTimorLeste, IconSymbolTogo, IconSymbolTokelau, IconSymbolTonga, IconSymbolTrinidadAndTobago, IconSymbolTunisia, IconSymbolTurkey, IconSymbolTurkmenistan, IconSymbolTurksAndCaicos, IconSymbolTuvalu, IconSymbolUganda, IconSymbolUkraine, IconSymbolUnitedArabEmirates, IconSymbolUnitedKingdom, IconSymbolUnitedKingdomOfGreatBritainAndNorthernIreland, IconSymbolUnitedStates, IconSymbolUruguay, IconSymbolUzbekistan, IconSymbolVanuatu, IconSymbolVenezuela, IconSymbolVietnam, IconSymbolVirginIslands, IconSymbolVirginIslandsBritish, IconSymbolWestSahara, IconSymbolYemen, IconSymbolZambia, IconSymbolZimbabwe, IconSync, IconTableChart, IconTableChartFill, IconTableChartView, IconTableChartViewFill, IconTablet, IconTabletFill, IconTag, IconTaxiAlert, IconTaxiAlertFill, IconThermometer, IconThermometerAdd, IconThermometerFill, IconThermometerGain, IconThermometerGainFill, IconThermometerLoss, IconThermometerLossFill, IconThermostat, IconThermostatAuto, IconThermostatFill, IconThumbDown, IconThumbDownFill, IconThumbUp, IconThumbUpFill, IconTimeline, IconTimer, IconTimerFill, IconTitle, IconToken, IconTokenFill, IconTrain, IconTrainFill, IconTranslate, IconTravel, IconTravelExplore, IconTravelFill, IconTrendingDown, IconTrendingFlat, IconTrendingUp, IconTriangle, IconTriangleFill, IconTrip, IconTripFill, IconTrophy, IconTrophyFill, IconTune, IconTurnLeft, IconTurnRight, IconTurnSharpLeft, IconTurnSlightLeft, IconTurnSlightRight, IconTv, IconTvFill, IconUTurnLeft, IconUTurnRight, IconUnarchive, IconUnarchiveFill, IconUndo, IconUnsubscribe, IconUnsubscribeFill, IconUpcoming, IconUpcomingFill, IconVerifiedUser, IconVerifiedUserFill, IconVerticalAlignBottom, IconVerticalAlignCenter, IconVerticalAlignTop, IconVerticalDistribute, IconVideoLibrary, IconVideoLibraryFill, IconVideocam, IconVideocamFill, IconViewCarousel, IconViewCarouselFill, IconViewColumn, IconViewColumn2, IconViewColumn2Fill, IconViewColumnFill, IconViewDay, IconViewDayFill, IconViewInAr, IconViewInArFill, IconViewList, IconViewListFill, IconViewModule, IconViewModuleFill, IconVilla, IconVillaFill, IconVisa, IconVisibility, IconVisibilityFill, IconVisibilityOff, IconVisibilityOffFill, IconVoicemail, IconVolumeDown, IconVolumeDownFill, IconVolumeMute, IconVolumeMuteFill, IconVolumeOff, IconVolumeOffFill, IconVolumeUp, IconVolumeUpFill, IconWallet, IconWarehouse, IconWarehouseFill, IconWarning, IconWarningFill, IconWc, IconWest, IconWifi, IconWifiCalling, IconWifiCallingFill, IconWifiFill, IconWifiHome, IconWifiHomeFill, IconWoman, IconWork, IconWorkFill, IconX, IconXWhite, IconYoutube, IconYoutubeBlack, IconYoutubeWhite, IconZoomIn, IconZoomInMap, IconZoomOut, IconZoomOutMap, KeyNavigationUtility, ThemeService, UIAccordion, UIAvatar, UIAvatarGroup, UIBadge, UIBannerAlert, UIBreadcrumb, UIButton, UICard, UICheckbox, UICheckboxGroup, UICheckboxOption, UIChip, UIChipGroup, UIDialog, UIDivider, UIField, UIFlexDirective, UIFloatingDirective, UIFocusTrapDirective, UIIcon, UIInlineAlert, UIInput, UIInputField, UIKeyNavigationDirective, UILinkDirective, UIListItem, UIMatchParentHeightDirective, UIMenu, UIModal, UIOutsideClickDirective, UIPagination, UIPortalDirective, UIRadio, UIRadioGroup, UIRadioOption, UIScrim, UISegmentedControl, UISelect, UISwitch, UISwitchOption, UITabGroup, UITabList, UITabListUtility, UITable, UITag, UITextarea, UITextareaField, UITooltip, UITooltipDirective, UITxtDirective, describedById, errorMessageId, labelledById };
 //# sourceMappingURL=bspk-ui-ngx.mjs.map