@getflip/swirl-components-react 0.517.1 → 0.518.0

package/dist/stencil-generated/index.d.ts

@@ -105,6 +105,7 @@ export declare const SwirlIconCloseFullscreen: import("react").ForwardRefExoticC
 export declare const SwirlIconCloseSmall: import("react").ForwardRefExoticComponent<JSX.SwirlIconCloseSmall & Omit<import("react").HTMLAttributes<HTMLSwirlIconCloseSmallElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCloseSmallElement>>;
 export declare const SwirlIconCloudUpload: import("react").ForwardRefExoticComponent<JSX.SwirlIconCloudUpload & Omit<import("react").HTMLAttributes<HTMLSwirlIconCloudUploadElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCloudUploadElement>>;
 export declare const SwirlIconCoPresent: import("react").ForwardRefExoticComponent<JSX.SwirlIconCoPresent & Omit<import("react").HTMLAttributes<HTMLSwirlIconCoPresentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCoPresentElement>>;
+export declare const SwirlIconCode: import("react").ForwardRefExoticComponent<JSX.SwirlIconCode & Omit<import("react").HTMLAttributes<HTMLSwirlIconCodeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCodeElement>>;
 export declare const SwirlIconColumn: import("react").ForwardRefExoticComponent<JSX.SwirlIconColumn & Omit<import("react").HTMLAttributes<HTMLSwirlIconColumnElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconColumnElement>>;
 export declare const SwirlIconComment: import("react").ForwardRefExoticComponent<JSX.SwirlIconComment & Omit<import("react").HTMLAttributes<HTMLSwirlIconCommentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCommentElement>>;
 export declare const SwirlIconContractEdit: import("react").ForwardRefExoticComponent<JSX.SwirlIconContractEdit & Omit<import("react").HTMLAttributes<HTMLSwirlIconContractEditElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconContractEditElement>>;
@@ -323,6 +324,42 @@ export declare const SwirlIconWork: import("react").ForwardRefExoticComponent<JS
 export declare const SwirlIconWorkspacePremium: import("react").ForwardRefExoticComponent<JSX.SwirlIconWorkspacePremium & Omit<import("react").HTMLAttributes<HTMLSwirlIconWorkspacePremiumElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconWorkspacePremiumElement>>;
 export declare const SwirlIconZoomIn: import("react").ForwardRefExoticComponent<JSX.SwirlIconZoomIn & Omit<import("react").HTMLAttributes<HTMLSwirlIconZoomInElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconZoomInElement>>;
 export declare const SwirlIconZoomOut: import("react").ForwardRefExoticComponent<JSX.SwirlIconZoomOut & Omit<import("react").HTMLAttributes<HTMLSwirlIconZoomOutElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconZoomOutElement>>;
+export declare const SwirlIllustration: import("react").ForwardRefExoticComponent<JSX.SwirlIllustration & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationElement>>;
+export declare const SwirlIllustrationAbsence: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationAbsence & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationAbsenceElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationAbsenceElement>>;
+export declare const SwirlIllustrationBookmarks: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationBookmarks & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationBookmarksElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationBookmarksElement>>;
+export declare const SwirlIllustrationCalendar: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationCalendar & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationCalendarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationCalendarElement>>;
+export declare const SwirlIllustrationCelebrate: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationCelebrate & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationCelebrateElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationCelebrateElement>>;
+export declare const SwirlIllustrationChatMessages: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationChatMessages & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationChatMessagesElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationChatMessagesElement>>;
+export declare const SwirlIllustrationChatSecurity: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationChatSecurity & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationChatSecurityElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationChatSecurityElement>>;
+export declare const SwirlIllustrationCompletedTask: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationCompletedTask & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationCompletedTaskElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationCompletedTaskElement>>;
+export declare const SwirlIllustrationConstruction: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationConstruction & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationConstructionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationConstructionElement>>;
+export declare const SwirlIllustrationContrast: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationContrast & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationContrastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationContrastElement>>;
+export declare const SwirlIllustrationDirectory: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationDirectory & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationDirectoryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationDirectoryElement>>;
+export declare const SwirlIllustrationDoor: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationDoor & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationDoorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationDoorElement>>;
+export declare const SwirlIllustrationEmptyFolder: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationEmptyFolder & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationEmptyFolderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationEmptyFolderElement>>;
+export declare const SwirlIllustrationInvites: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationInvites & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationInvitesElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationInvitesElement>>;
+export declare const SwirlIllustrationInvitesDeclined: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationInvitesDeclined & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationInvitesDeclinedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationInvitesDeclinedElement>>;
+export declare const SwirlIllustrationKey: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationKey & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationKeyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationKeyElement>>;
+export declare const SwirlIllustrationKeyboard: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationKeyboard & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationKeyboardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationKeyboardElement>>;
+export declare const SwirlIllustrationLight: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationLight & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationLightElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationLightElement>>;
+export declare const SwirlIllustrationMail: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationMail & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationMailElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationMailElement>>;
+export declare const SwirlIllustrationMaintenance: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationMaintenance & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationMaintenanceElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationMaintenanceElement>>;
+export declare const SwirlIllustrationMeteor: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationMeteor & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationMeteorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationMeteorElement>>;
+export declare const SwirlIllustrationMoon: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationMoon & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationMoonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationMoonElement>>;
+export declare const SwirlIllustrationNews: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationNews & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationNewsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationNewsElement>>;
+export declare const SwirlIllustrationNoNotifications: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationNoNotifications & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationNoNotificationsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationNoNotificationsElement>>;
+export declare const SwirlIllustrationNotification: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationNotification & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationNotificationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationNotificationElement>>;
+export declare const SwirlIllustrationPaperRoll: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationPaperRoll & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationPaperRollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationPaperRollElement>>;
+export declare const SwirlIllustrationPending: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationPending & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationPendingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationPendingElement>>;
+export declare const SwirlIllustrationProfile: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationProfile & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationProfileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationProfileElement>>;
+export declare const SwirlIllustrationRoot: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationRoot & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationRootElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationRootElement>>;
+export declare const SwirlIllustrationSearch: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationSearch & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationSearchElement>>;
+export declare const SwirlIllustrationShifts: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationShifts & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationShiftsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationShiftsElement>>;
+export declare const SwirlIllustrationSorry: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationSorry & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationSorryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationSorryElement>>;
+export declare const SwirlIllustrationStart: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationStart & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationStartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationStartElement>>;
+export declare const SwirlIllustrationTasks: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationTasks & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationTasksElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationTasksElement>>;
+export declare const SwirlIllustrationWarningSign: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationWarningSign & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationWarningSignElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationWarningSignElement>>;
+export declare const SwirlIllustrationWave: import("react").ForwardRefExoticComponent<JSX.SwirlIllustrationWave & Omit<import("react").HTMLAttributes<HTMLSwirlIllustrationWaveElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIllustrationWaveElement>>;
 export declare const SwirlImageGrid: import("react").ForwardRefExoticComponent<JSX.SwirlImageGrid & Omit<import("react").HTMLAttributes<HTMLSwirlImageGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlImageGridElement>>;
 export declare const SwirlImageGridItem: import("react").ForwardRefExoticComponent<JSX.SwirlImageGridItem & Omit<import("react").HTMLAttributes<HTMLSwirlImageGridItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlImageGridItemElement>>;
 export declare const SwirlInlineError: import("react").ForwardRefExoticComponent<JSX.SwirlInlineError & Omit<import("react").HTMLAttributes<HTMLSwirlInlineErrorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlInlineErrorElement>>;

package/dist/swirl-accordion-item.entry.227e66c7.js

@@ -0,0 +1,37 @@
+import { r as o, c as t, h as e, H as d, g as n } from "./index.791f6dbc.js";
+import { c as s } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const r = () => ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-8);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}", c = class {
+  constructor(i) {
+    o(this, i), this.expansionChange = t(this, "expansionChange", 7), this.headingLevel = 2, this.itemId = crypto.randomUUID(), this.expanded = !1, this.headingId = `${crypto.randomUUID()}-heading`, this.onHeadingClick = () => {
+      this.toggle();
+    };
+  }
+  componentWillLoad() {
+    if (this.accordion = this.el.closest("swirl-accordion"), this.expanded = this.initiallyOpen && !this.disabled || !1, !Boolean(this.accordion))
+      throw new Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.");
+  }
+  async collapse() {
+    !this.expanded || this.disabled || (this.expanded = !1, this.expansionChange.emit(this.expanded));
+  }
+  async expand() {
+    this.expanded || this.disabled || (this.expanded = !0, this.expansionChange.emit(this.expanded));
+  }
+  async toggle() {
+    this.expanded ? this.collapse() : this.expand();
+  }
+  render() {
+    const i = `h${this.headingLevel}`, a = s("accordion-item", {
+      "accordion-item--expanded": this.expanded
+    });
+    return e(d, { key: "bf0e0d207843ba3ef96a2dcc104c93c825363bfb" }, e("div", { key: "ac0b5a6141a162268815fd9edbf1bb344cc146a9", class: a }, e(i, { key: "1786a38cc4c06b0b0bd07eb7345a760b07534cc3", class: "accordion-item__heading" }, e("button", { key: "b689deebd13fc591d995ec4746d6c05248e42090", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("slot", { key: "da8a0eb6ae3eaeb68b8ebae0eb0c54529707bf3d", name: "media" }), e("span", { key: "83fc625f2c8f5785925b65fb98c36e359b55d199", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "f09f38406a350add7e4af74173dfa9d61d3c91a2", as: "span", color: "subdued", size: "sm" }, this.description)), e("slot", { key: "599e4b8b8e612d90b7bc043f9b14ec63323890f9", name: "trailing" }), e("span", { key: "54e3096aca0b083145cacb54dbf44286c2f325a3", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "4224bdb1ad2c3b6b2887b0be2323805ca3738b47", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "651ce708666e47e87079e1a8f8ca814d69676a2b", glyph: "expand-more", size: 20 })))), e("div", { key: "abed986be2539e7d76b6b1401c9b4cf471206944", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "6f1eb74d2726156f20d53f336f215f6dcf7bd34e" }))));
+  }
+  get el() {
+    return n(this);
+  }
+};
+c.style = r();
+export {
+  c as swirl_accordion_item
+};

package/dist/swirl-accordion.entry.4f1629d4.js

@@ -0,0 +1,42 @@
+import { r as a, c as i, h as o, H as s, g as r } from "./index.791f6dbc.js";
+import "react";
+import "react-dom";
+const l = () => ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", d = class {
+  constructor(t) {
+    a(this, t), this.expandedItemChange = i(this, "expandedItemChange", 7), this.multiExpand = !1, this.componentLoaded = !1, this.onExpansionChange = (e) => {
+      e.detail && (this.expandedItemChange.emit(e.target.itemId), this.collapseInactiveItems(e.target));
+    };
+  }
+  connectedCallback() {
+    this.componentLoaded && this.el.addEventListener("expansionChange", this.onExpansionChange);
+  }
+  componentDidLoad() {
+    this.el.addEventListener("expansionChange", this.onExpansionChange), this.componentLoaded = !0;
+  }
+  disconnectedCallback() {
+    this.el.removeEventListener("expansionChange", this.onExpansionChange);
+  }
+  async collapseItem(t) {
+    const e = Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((n) => n.itemId === t);
+    !Boolean(e) || e.collapse();
+  }
+  async expandItem(t) {
+    const e = Array.from(this.el.querySelectorAll("swirl-accordion-item")).find((n) => n.itemId === t);
+    !Boolean(e) || e.expand();
+  }
+  collapseInactiveItems(t) {
+    this.multiExpand || Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((e) => {
+      e !== t && e.collapse();
+    });
+  }
+  render() {
+    return o(s, { key: "758ed9674900cf1e9c0a0334930d08d14d4b5173" }, o("slot", { key: "20a7d64a0bc4bb6fb4bcd7079a018640a8a55f16" }));
+  }
+  get el() {
+    return r(this);
+  }
+};
+d.style = l();
+export {
+  d as swirl_accordion
+};

package/dist/swirl-action-list-section.entry.929108d7.js

@@ -0,0 +1,15 @@
+import { r as s, h as a, H as i } from "./index.791f6dbc.js";
+import "react";
+import "react-dom";
+const t = () => ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", c = class {
+  constructor(e) {
+    s(this, e), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return a(i, { key: "644e60cee7964dd641f5cda6e634bfa71c74f4f5" }, this.hasSeparator && a("swirl-separator", { key: "71a77da7dbec76d18dc6e10eca15d33dff6ea921", spacing: this.separatorSpacing }), a("div", { key: "d14b958e4d01b9cb79ff46a764edb4131ffced72", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "21396a3f8e8e5f166af7d1dc8c8ce960372e350b", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "3c2e11cb3931c135df4f3dbc49f6bcf899a31218", spacing: this.spacing, align: "stretch" }, a("slot", { key: "1a43acac00b5dbcbcce7109ca4a4bb0594bc57b2" }))));
+  }
+};
+c.style = t();
+export {
+  c as swirl_action_list_section
+};

package/dist/swirl-action-list_2.entry.7c0ea1c2.js

@@ -0,0 +1,94 @@
+import { r, h as o, H as l, g as d } from "./index.791f6dbc.js";
+import { q as h, k as m } from "./utils-CCck-DTo.e4e43b6a.js";
+import { c as f } from "./index-orsBiyT_.fc4357c3.js";
+import { D as u } from "./media-query.service-CCYT6DU8.f0931fdc.js";
+import "react";
+import "react-dom";
+const b = () => ":host{display:block;width:100%}:host *{box-sizing:border-box}", p = class {
+  constructor(i) {
+    r(this, i), this.onKeyDown = (t) => {
+      t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), t.stopPropagation(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), t.stopPropagation(), this.focusPreviousItem());
+    }, this.onFocusOut = (t) => {
+      if (this.isInsidePopover)
+        return;
+      const e = t.relatedTarget, s = t.target, n = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", a = e === null || !this.el.contains(e);
+      !this.isInsidePopover && a && n && this.container.setAttribute("tabindex", "0");
+    }, this.onFocus = () => {
+      var s, n;
+      if (this.isInsidePopover)
+        return;
+      this.container.removeAttribute("tabindex");
+      const t = this.getItems(), e = this.getActiveItemIndex();
+      e > -1 ? (s = t[e]) == null || s.focus() : (n = t[0]) == null || n.focus();
+    };
+  }
+  componentDidLoad() {
+    queueMicrotask(() => {
+      this.isInsidePopover = this.el.closest("swirl-popover") !== null, this.isInsidePopover || this.container.setAttribute("tabindex", "0");
+    }), this.setSectionSeparator();
+  }
+  getItems() {
+    return h(this.el, '[role="menuitem"]');
+  }
+  focusNextItem() {
+    const i = this.getItems(), e = (this.getActiveItemIndex() + 1) % i.length;
+    i[e].focus();
+  }
+  focusPreviousItem() {
+    var s;
+    const i = this.getItems(), t = this.getActiveItemIndex(), e = t === 0 ? i.length - 1 : t - 1;
+    (s = i[e]) == null || s.focus();
+  }
+  getActiveItemIndex() {
+    const i = this.getItems(), t = m();
+    return i.findIndex((e) => e === t || e === (t == null ? void 0 : t.querySelector('[role="menuitem"]')));
+  }
+  setSectionSeparator() {
+    if (!this.el)
+      return;
+    Array.from(this.el.querySelectorAll("swirl-action-list-section")).filter((t) => t.isConnected).forEach((t, e) => {
+      var s;
+      e === 0 && ((s = t.previousElementSibling) == null ? void 0 : s.tagName) !== "SWIRL-ACTION-LIST-ITEM" && (t.hasSeparator = !1);
+    });
+  }
+  render() {
+    return o(l, { key: "b9b6b5040dcec8f5721fcde5c5fed776291ecbd8" }, o("div", { key: "97e90f5b335c4ec08af4ac1fcf2d7e023ac41eb5", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", { key: "8da7d6a025a0c537a6a06b536baf1e4e93630a10", onSlotchange: this.setSectionSeparator })));
+  }
+  get el() {
+    return d(this);
+  }
+};
+p.style = b();
+const g = () => ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-state-hovered);--swirl-tag-background-default:var(--s-state-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-state-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.action-list-item:active{background-color:var(--s-translucent-low-pressed)}.action-list-item:disabled{cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__icon-badge{position:absolute;display:grid;bottom:0;right:0}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}", v = class {
+  constructor(i) {
+    r(this, i), this.intent = "default", this.size = "m", this.truncateLabel = !0, this.mediaQueryUnsubscribe = () => {
+    };
+  }
+  componentDidLoad() {
+    this.mediaQueryUnsubscribe = u.subscribe((i) => {
+      this.forceIconProps(i);
+    });
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps(i) {
+    var n, a, c;
+    const t = (n = this.iconEl) == null ? void 0 : n.children[0], e = (a = this.suffixEl) == null ? void 0 : a.children[0];
+    t == null || t.setAttribute("size", i ? "20" : "24");
+    const s = (c = this.iconBadgeEl) == null ? void 0 : c.children[0];
+    s == null || s.setAttribute("size", "xs"), s == null || s.setAttribute("variant", "dot"), (e == null ? void 0 : e.tagName) !== "SWIRL-TAG" && (e == null || e.setAttribute("size", i ? "20" : "24"));
+  }
+  render() {
+    const i = Boolean(this.badge), t = Boolean(this.iconBadge), e = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || e) && !this.disabled, n = f("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    return o(l, { key: "a8ec31c9d8234291c8379e9b3521f91c176e811e" }, o("button", { key: "3018e2f041a84b321b9cef388c85c59afa518b79", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: n, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, o("slot", { key: "34bebbac07562f76eb29e1b93900019a75143add", name: "avatar" }), this.icon && o("span", { key: "15b82e7eb50d334254f1f6da7d55cecad4706475", class: "action-list-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }, t && o("span", { key: "0c4c8fc78fd13d707cb33dab2309c85f97a4e201", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (a) => this.iconBadgeEl = a })), o("span", { key: "c3c1a34a74a8dfbec8a82cb3fc797ce03e6ddd55", class: "action-list-item__label-container" }, o("span", { key: "9626f3a01f7c95da947b7665e7c97a9542f48cfb", class: "action-list-item__label", style: { whiteSpace: this.truncateLabel ? "nowrap" : "normal" } }, this.label), this.description && o("span", { key: "e002430aa42252b68c1550af4d2c75dd744f78ee", class: "action-list-item__description" }, this.description)), i && o("span", { key: "1aca4916c0f3fca1601c49db73ae72516520572f", class: "action-list-item__badge", innerHTML: this.badge }), s && o("span", { key: "c355f7123d3d5deba0a72ca3ee1142ef3210d96e", class: "action-list-item__suffix", innerHTML: e ? void 0 : this.suffix, ref: (a) => this.suffixEl = a }, o("slot", { key: "d3d6cac336709a2592f637971f0479587cbf0dee", name: "suffix" }))));
+  }
+  get el() {
+    return d(this);
+  }
+};
+v.style = g();
+export {
+  p as swirl_action_list,
+  v as swirl_action_list_item
+};

package/dist/swirl-app-bar.entry.f8c9526b.js

@@ -0,0 +1,49 @@
+import { r, c as s, h as t, H as l, g as c } from "./index.791f6dbc.js";
+import { c as p } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const d = () => ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:10rem;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{min-width:0;flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar:not(.app-bar--has-heading) .app-bar__center-controls{display:flex}.app-bar:not(.app-bar--has-heading) .app-bar__heading{display:none}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}', h = class {
+  constructor(e) {
+    r(this, e), this.backButtonClick = s(this, "backButtonClick", 7), this.closeButtonClick = s(this, "closeButtonClick", 7), this.stepUpButtonClick = s(this, "stepUpButtonClick", 7), this.stepDownButtonClick = s(this, "stepDownButtonClick", 7), this.backButtonLabel = "Go back", this.closeButtonIcon = "<swirl-icon-close></swirl-icon-close>", this.closeButtonLabel = "Close", this.paddingInlineEnd = "16", this.paddingInlineStart = "16", this.stepUpButtonLabel = "Previous item", this.stepDownButtonLabel = "Next item", this.showHeading = !0, this.onBackButtonClick = (a) => {
+      this.backButtonClick.emit(a);
+    }, this.onCloseButtonClick = (a) => {
+      this.closeButtonClick.emit(a);
+    }, this.onStepUpButtonClick = (a) => {
+      this.stepUpButtonClick.emit(a);
+    }, this.onStepDownButtonClick = (a) => {
+      this.stepDownButtonClick.emit(a);
+    };
+  }
+  componentWillLoad() {
+    this.mutationObserver = new MutationObserver(() => {
+      this.updateCtaStatus();
+    }), this.mutationObserver.observe(this.el, { childList: !0 }), queueMicrotask(() => {
+      this.updateCtaStatus();
+    });
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this.mutationObserver) == null || e.disconnect();
+  }
+  updateCtaStatus() {
+    this.hasCta = Boolean(this.el.querySelector('[slot="cta"]'));
+  }
+  render() {
+    const e = this.showBackButton || this.showCloseButton || this.showStepperControls, a = Boolean(this.el.querySelector('[slot="right-controls"]')), i = Boolean(this.el.querySelector('[slot="heading"]')), o = p("app-bar", {
+      "app-bar--has-cta": this.hasCta,
+      "app-bar--has-right-controls": a,
+      "app-bar--has-heading": i && this.showHeading
+    }), n = {
+      paddingInlineEnd: `var(--s-space-${this.paddingInlineEnd})`,
+      paddingInlineStart: `var(--s-space-${this.paddingInlineStart})`
+    };
+    return t(l, { key: "3780ddd0d31da42b5debfb9a4a239db65d2b9f6a" }, t("div", { key: "6a64894f59b6e56a3ea43a2fd2186bcc00f4d1a5", class: o, style: n }, e && t("div", { key: "ca74718a2032cac792a1fbc43745eac49a71d5fe", class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && t("div", { key: "2066d1cab1565885df8a31a6a983980205e1ea82", class: "app-bar__main-navigation-control" }, this.showBackButton && t("swirl-button", { key: "67f59277ee4523b25ee497ca9a1d2d0f6690088b", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick }), this.showCloseButton && t("swirl-button", { key: "da058aef20dedd56df6ebd911f6e5822a8b1af37", hideLabel: !0, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showStepperControls && t("div", { key: "c9da007e15d4f351535c44a8766d285cd7fdf758", class: "app-bar__stepper-controls" }, t("swirl-button", { key: "b75f27203ca254564147a45180240f4a050607c0", hideLabel: !0, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), t("swirl-button", { key: "4a6aebc86c7e3e73cc80579ce79c22fa17c2f2bd", hideLabel: !0, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))), t("div", { key: "05efc306d01e5a8f29436001e583496fdbc4d474", class: "app-bar__cta" }, t("slot", { key: "794013782abe08494ef50da060da52c95e5f8e50", name: "cta" })), t("div", { key: "d3ee2f096ada2ccb1a0cefa7e3f4b52a5180e3fe", class: "app-bar__heading" }, t("slot", { key: "a3f2f4adf696a08752874556b2cad106dbbe8cef", name: "heading" })), t("div", { key: "971230dd573cb3a35650534365b5a16506ad117a", class: "app-bar__center-controls" }, t("slot", { key: "d26903808a059b4645efd868dc1847e87e4daf96", name: "center-controls" })), t("div", { key: "466c2ec56b707d9d4d33022fb83ad87648e3f177", class: "app-bar__right-controls" }, t("slot", { key: "786e1a1b3a962d82989a23f6ed6304e4bce1bbf0", name: "right-controls" }))));
+  }
+  get el() {
+    return c(this);
+  }
+};
+h.style = d();
+export {
+  h as swirl_app_bar
+};

package/dist/swirl-app-icon.entry.d5e92b9c.js

@@ -0,0 +1,30 @@
+import { r as n, h as s, H as o } from "./index.791f6dbc.js";
+import { c as l } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const r = () => ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}", c = class {
+  constructor(e) {
+    n(this, e), this.setImageAvailable = () => {
+      this.imageAvailable = !0;
+    }, this.setImageUnavailable = () => {
+      this.imageAvailable = !1;
+    }, this.onImageElementUpdate = (i) => {
+      var t, a;
+      (t = this.imgEl) == null || t.removeEventListener("load", this.setImageAvailable), (a = this.imgEl) == null || a.removeEventListener("error", this.setImageUnavailable), this.imgEl = i, this.imgEl && (this.imgEl.addEventListener("load", this.setImageAvailable), this.imgEl.addEventListener("error", this.setImageUnavailable));
+    };
+  }
+  disconnectedCallback() {
+    var e, i;
+    (e = this.imgEl) == null || e.removeEventListener("load", this.setImageAvailable), (i = this.imgEl) == null || i.removeEventListener("error", this.setImageUnavailable);
+  }
+  render() {
+    const e = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), i = !e && Boolean(this.icon), a = l("app-icon", {
+      "app-icon--has-icon": i || !e && !i
+    });
+    return s(o, { key: "b74e1169308c485bda65d385884dc1757f40a223" }, s("span", { key: "d5a01ccd429e5771f6af3fe14a70fab8f528d594", class: a }, e && s("img", { key: "9570eaa4b6e958fc56d0ef49a207d6d0e9644a9a", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "ea58f623daccef2636598ab1a3ca06786bc1b6cb", class: "app-icon__icon", innerHTML: this.icon })));
+  }
+};
+c.style = r();
+export {
+  c as swirl_app_icon
+};