@getflip/swirl-components-react 0.486.0 → 0.487.0

package/dist/swirl-resource-list-item.entry.10ce8de2.js

@@ -0,0 +1,103 @@
+import { r as _, c as n, h as s, H as k, g as x } from "./index.bf524185.js";
+import { c as y } from "./index-orsBiyT_.fc4357c3.js";
+import { D as C } from "./media-query.service-CCYT6DU8.f0931fdc.js";
+import { v as B } from "./v4-DD3477fe.2624487e.js";
+import "react";
+import "react-dom";
+import "./utils-CCck-DTo.e4e43b6a.js";
+const z = () => '.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered)}.swirl-resource-list-item--drag.sc-swirl-resource-list-item-h{border-radius:var(--s-border-radius-sm);background-color:var(--s-translucent-medium-pressed)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%;display:flex;overflow:hidden;padding:var(--s-space-12) var(--s-space-8);gap:var(--s-space-12);border-radius:var(--s-border-radius-sm);background-color:var(--swirl-resource-list-item-background-default);--swirl-badge-border-color:transparent}.resource-list-item.sc-swirl-resource-list-item:has(.resource-list-item__content:focus-visible){background-color:var(--swirl-resource-list-item-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--has-control) .resource-list-item__control.sc-swirl-resource-list-item{display:none}.resource-list-item--interactive.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.resource-list-item--disabled.sc-swirl-resource-list-item{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled),.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:active:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item{--swirl-badge-border-color:var(     --swirl-resource-list-item-background-hovered   );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}@media (hover: hover){.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1;position:static;transform:none;margin:calc(-1 * var(--s-space-4)) 0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:0;padding-right:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:calc(-1 * var(--s-space-16));padding-right:var(--s-space-16);transition:margin 0.1s}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0;position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%);transition:opacity 0.1s}}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-state-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),     0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-state-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label-max-lines.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:transparent;display:flex;width:100%;min-width:0;margin:0;padding:0;align-items:flex-start;border:none;color:var(--s-text-default);background:none;font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus,.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;height:100%;min-width:0;min-height:3rem;padding-right:var(--s-space-16);justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{align-self:center}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon),.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item [part~="icon"]{width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta.sc-swirl-resource-list-item:not(:has(.resource-list-item__meta-text)){align-self:center}.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-base);margin-top:var(--s-space-2);white-space:nowrap}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-sm);margin-top:var(--s-space-4)}}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}', M = class {
+  constructor(i) {
+    _(this, i), this.toggleDrag = n(this, "toggleDrag", 7), this.valueChange = n(this, "valueChange", 7), this.checked = !1, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.interactive = !0, this.labelWeight = "medium", this.labelTooltipPosition = "top", this.menuTriggerLabel = "Options", this.hasMedia = !1, this.iconSize = 24, this.elementId = B(), this.mediaQueryUnsubscribe = () => {
+    }, this.onClick = () => {
+      !this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
+    }, this.onBlur = () => {
+      this.makeControlUnfocusable();
+    }, this.onFocus = () => {
+      this.makeControlFocusable();
+    }, this.onMenuTriggerClick = (e) => {
+      this.disabled && !Boolean(this.href) && e.stopPropagation();
+    }, this.onDragHandleKeyDown = (e) => {
+      (e.code === "Space" || e.code === "Enter") && (e.preventDefault(), this.toggleDrag.emit(this.el));
+    }, this.onControlClick = (e) => {
+      e.preventDefault(), e.stopPropagation();
+    };
+  }
+  componentWillLoad() {
+    this.updateMediaState();
+  }
+  componentDidLoad() {
+    var i;
+    this.parentSemantics = (i = this.el.closest("swirl-resource-list")) == null ? void 0 : i.semantics, this.mediaQueryUnsubscribe = C.subscribe((e) => {
+      this.forceIconProps(e), this.updateIconSize(e);
+    }), this.makeControlUnfocusable(), Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  get hasBadges() {
+    return Boolean(this.el.querySelector("[slot='badges']"));
+  }
+  get showMeta() {
+    return (Boolean(this.meta) || this.hasBadges) && !this.selectable;
+  }
+  forceIconProps(i) {
+    var t;
+    const e = (t = this.iconEl) == null ? void 0 : t.children[0];
+    e == null || e.setAttribute("size", i ? "20" : "24");
+  }
+  updateIconSize(i) {
+    this.iconSize = i ? 20 : 24;
+  }
+  updateMediaState() {
+    const i = this.el.querySelector('[slot="media"]'), e = Boolean(i);
+    e !== this.hasMedia && (this.hasMedia = e);
+  }
+  getControl() {
+    return this.el.querySelector('[slot="control"] button');
+  }
+  makeControlFocusable() {
+    if (this.parentSemantics !== "grid")
+      return;
+    const i = this.getControl();
+    !Boolean(i) || (i.tabIndex = 0);
+  }
+  makeControlUnfocusable() {
+    if (this.parentSemantics !== "grid")
+      return;
+    const i = this.getControl();
+    !Boolean(i) || (i.tabIndex = -1);
+  }
+  render() {
+    var a;
+    const i = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), t = this.hasBadges, r = this.el.querySelector("[slot='control']"), m = Boolean(this.menuTriggerId) || r, u = this.interactive && Boolean(this.href) ? this.href : void 0, d = r && (Boolean(this.meta) || t), h = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, o = this.showMeta, b = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, w = this.selectable ? String(this.checked) : void 0, g = this.interactive && this.selectable ? "checkbox" : void 0, l = this.el.closest('[role="grid"]') ? "row" : "listitem", p = l === "row" ? "gridcell" : void 0, f = {
+      minHeight: (a = this.labelMinHeight) != null ? a : void 0
+    }, c = () => s("span", { key: "a527d285414b2de52e0229b97e99359773d668c7", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0, style: {
+      "-webkit-line-clamp": this.labelWrapMaxLines ? String(this.labelWrapMaxLines) : void 0
+    } }, !this.allowHtml && this.label), v = y("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
+      "resource-list-item--active": this.active,
+      "resource-list-item--checked": this.checked,
+      "resource-list-item--compact": this.compact,
+      "resource-list-item--disabled": this.disabled,
+      "resource-list-item--draggable": this.allowDrag,
+      "resource-list-item--dragging": this.dragging,
+      "resource-list-item--has-control": r,
+      "resource-list-item--has-menu": m,
+      "resource-list-item--hide-divider": this.hideDivider,
+      "resource-list-item--interactive": this.interactive || this.selectable,
+      "resource-list-item--selectable": this.selectable,
+      "resource-list-item--show-control-on-focus": d,
+      "resource-list-item--show-meta": o,
+      "resource-list-item--wrap-description": this.descriptionWrap,
+      "resource-list-item--wrap-label": this.labelWrap,
+      "resource-list-item--wrap-label-max-lines": this.labelWrapMaxLines
+    });
+    return s(k, { key: "0b206a71130cbccfd613e11f0c5768af99dacbe5", role: l }, s("div", { key: "07ce8a89faec475ba3b8a15ea4cc705aefd1085f", class: v, role: p, onClick: this.onClick }, s(i, { key: "ee7d6e05815f607c7457e645e90a1911cb69ba33", "aria-checked": w, "aria-current": this.swirlAriaCurrent, "aria-disabled": e ? "true" : void 0, "aria-label": b, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: u, disabled: e, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: g, tabIndex: 0, type: i === "button" ? "button" : void 0 }, this.hasMedia && s("span", { key: "808b37a3a3a3e7302eb1ad20a868ef4a58909b2e", class: "resource-list-item__media" }, s("slot", { key: "bb6b9872a4cad75a191a8ac5b1e7e0678fb8f2d5", name: "media" })), s("span", { key: "fc2f8e551fb56ffdc6fab7bdea57511bb23848c7", class: "resource-list-item__label-container", style: f }, this.labelTooltip ? s("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, c()) : c(), this.description && s("span", { key: "ffc43d1f7bf34b0a579dd936eae66f9b7c49e0ac", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description))), this.selectable && s("span", { key: "4ba2865f73947f92e25ae2862432a377448c6ed4", "aria-hidden": "true", class: "resource-list-item__checkbox" }, s("span", { key: "9717bcdf72d9dba1878ac2b4e31e6bd7c2b092bb", class: "resource-list-item__checkbox-icon" }, this.checked && s("swirl-icon-check-strong", { key: "5ee683a97542a9201968b00f91c13c5f42562a8f" }))), o && s("span", { key: "4fbffc98900433159b2111fbb423850b2b3747de", class: "resource-list-item__meta" }, this.meta && s("span", { key: "24466047588a26d75623b6d7e2d3e0a7ad2bce83", class: "resource-list-item__meta-text" }, this.meta), s("span", { key: "6f89b9573b5185f4b6788297312bdf4f48f9b289", class: "resource-list-item__badges" }, s("slot", { key: "b88352a9479805d3ace745d35bfa5299ebbff9d4", name: "badges" }))), s("span", { key: "a79ff79a69660bb7b2963fbad37def8d1f45d057", class: "resource-list-item__control", onClick: this.onControlClick }, s("slot", { key: "e05edcd7257b12862c634b591581fa7d5733e42c", name: "control" })), h && s("swirl-popover-trigger", { key: "3f405f8215f5054314f55d048dfec2f1f38ed1e1", swirlPopover: this.menuTriggerId }, s("swirl-button", { key: "b12ba8600053c3abf9615b40eca48a8c5110a2e7", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && s("button", { key: "480499e93fb6f5f77f50d9feffb311a3a0b6bdc4", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, s("swirl-icon-drag-handle", { key: "8b3c7dcdd22aa2a7d4974939046abf46929d0416", size: this.iconSize })));
+  }
+  get el() {
+    return x(this);
+  }
+};
+M.style = z();
+export {
+  M as swirl_resource_list_item
+};

package/dist/swirl-resource-list-section.entry.eb1d6690.js

@@ -0,0 +1,19 @@
+import { r as t, h as e, H as a, g as r } from "./index.bf524185.js";
+import "react";
+import "react-dom";
+const o = () => ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", l = class {
+  constructor(s) {
+    t(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    const s = this.el.closest('[role="grid"]') ? "rowgroup" : "listitem", i = s === "listitem" ? "list" : void 0;
+    return e(a, { key: "c013f220158f11e85187c5778a6d1da796aa85ce" }, this.hasSeparator && e("swirl-separator", { key: "4f5b1b0b6d669a28fae7df88b100e539a3644e6a", spacing: this.separatorSpacing, semantics: "none" }), e("div", { key: "bc689e9ce3873a64621f845efb0752c22268ca26", "aria-labelledby": "label", role: s }, e("span", { key: "7aef5cf86f8ab333331bb19db3a3adaefb4cd63a", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "713c05320b4d775ff01f77988bd07a0cadb5bfb0", spacing: this.spacing, swirlAriaRole: i }, e("slot", { key: "bd6ad8063a1ed642cb4e3dff61d005baf35280f5" }))));
+  }
+  get el() {
+    return r(this);
+  }
+};
+l.style = o();
+export {
+  l as swirl_resource_list_section
+};

package/dist/swirl-resource-list.entry.1c17068a.js

@@ -0,0 +1,162 @@
+import { r as l, c as d, h as r, H as g, g as c } from "./index.bf524185.js";
+import { S as h } from "./sortable.esm-CMrz6687.dac971cd.js";
+import { v as m } from "./v4-DD3477fe.2624487e.js";
+import "react";
+import "react-dom";
+const u = () => ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", I = class {
+  constructor(t) {
+    l(this, t), this.itemDrop = d(this, "itemDrop", 7), this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.semantics = "grid", this.spacing = "0", this.listId = m(), this.focusedIndex = 0, this.componentLoaded = !1, this.toggleDrag = (e) => {
+      const s = e.detail;
+      Boolean(this.dragging) ? this.stopDrag(s) : this.startDrag(s);
+    }, this.startDrag = (e) => {
+      this.dragging = e, this.draggingStartIndex = this.getItemIndex(this.dragging), e.setAttribute("dragging", "true");
+      const s = this.getItemIndex(this.dragging);
+      this.focusItemAtIndex(s), this.assistiveText = this.assistiveTextItemGrabbed;
+    }, this.stopDrag = (e) => {
+      const s = this.getItemIndex(this.dragging);
+      this.dragging = void 0, e.removeAttribute("dragging"), this.assistiveText = `${this.assistiveTextItemMoved} ${s + 1}`, this.itemDrop.emit({ item: e, oldIndex: this.draggingStartIndex, newIndex: s }), this.draggingStartIndex = void 0;
+    }, this.onKeyDown = (e) => {
+      if (this.semantics === "grid" && !Boolean(this.dragging))
+        if (e.code === "ArrowDown")
+          e.preventDefault(), this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
+        else if (e.code === "ArrowUp") {
+          e.preventDefault();
+          const s = this.focusedIndex === 0 ? this.items.length - 1 : this.focusedIndex - 1;
+          this.focusItemAtIndex(s);
+        } else if (e.code === "Enter" && Boolean(this.controllingElement)) {
+          const s = this.items[this.focusedIndex];
+          if (!Boolean(s) || !s.isConnected)
+            return;
+          e.stopPropagation(), e.preventDefault(), s.click();
+        } else
+          e.code === "Home" ? (e.preventDefault(), this.focusItemAtIndex(0)) : e.code === "End" && (e.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
+      if (Boolean(this.dragging)) {
+        if (e.code === "ArrowDown")
+          e.preventDefault(), this.moveDraggedItemDown();
+        else if (e.code === "ArrowUp")
+          e.preventDefault(), this.moveDraggedItemUp();
+        else if (e.code === "Space" || e.code === "Enter") {
+          const s = e.composedPath()[0];
+          s != null && s.classList.contains("resource-list-item__drag-handle") || (e.preventDefault(), this.stopDrag(this.dragging));
+        }
+      }
+    };
+  }
+  connectedCallback() {
+    this.componentLoaded && (this.observeSlotChanges(), this.collectItems(), this.setupControllingElement(), this.setItemAllowDragState());
+  }
+  componentDidLoad() {
+    this.observeSlotChanges(), this.collectItems(), this.setupControllingElement(), this.setItemAllowDragState(), this.setupDragDrop(), this.setSectionSpacingAndSeparator(), this.componentLoaded = !0;
+  }
+  componentDidRender() {
+    this.setupDragDrop();
+  }
+  disconnectedCallback() {
+    var t, e, s;
+    (t = this.sortable) == null || t.destroy(), (e = this.observer) == null || e.disconnect(), (s = this.controllingElement) == null || s.removeEventListener("keydown", this.onKeyDown), this.removeToggleDragListeners();
+  }
+  observeSlotChanges() {
+    var t;
+    (t = this.observer) == null || t.disconnect(), this.observer = new MutationObserver(() => {
+      this.collectItems(), this.setItemAllowDragState(), this.setSectionSpacingAndSeparator();
+    }), this.observer.observe(this.el, {
+      childList: !0,
+      characterData: !0,
+      subtree: !0
+    });
+  }
+  watchAllowDrag() {
+    this.setItemAllowDragState(), this.setupDragDrop();
+  }
+  async resetFocus() {
+    var t;
+    this.focusedIndex = 0, this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[0]), Boolean(this.controllingElement) && ((t = this.items[0]) == null || t.setAttribute("aria-selected", "true"));
+  }
+  collectItems() {
+    var t;
+    this.removeToggleDragListeners(), this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((e) => e.isConnected), this.sections = Array.from(this.el.querySelectorAll("swirl-resource-list-section")).filter((e) => e.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]), Boolean(this.controllingElement) && ((t = this.items[0]) == null || t.setAttribute("aria-selected", "true"));
+  }
+  setupControllingElement() {
+    !Boolean(this.controllingElement) || (this.controllingElement.setAttribute("aria-controls", this.listId), this.controllingElement.setAttribute("role", "combobox"), this.controllingElement.setAttribute("aria-autocomplete", "list"), this.controllingElement.addEventListener("keydown", this.onKeyDown));
+  }
+  getItemIndex(t) {
+    return this.items.map((e) => e).findIndex((e) => e === t);
+  }
+  removeItemsFromTabOrder() {
+    this.semantics === "grid" && this.items.forEach((t) => {
+      const e = t == null ? void 0 : t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), s = t == null ? void 0 : t.querySelector(".resource-list-item__drag-handle");
+      Boolean(this.controllingElement) && t.setAttribute("aria-selected", "false"), e == null || e.setAttribute("tabIndex", "-1"), s == null || s.setAttribute("tabIndex", "-1");
+    });
+  }
+  removeToggleDragListeners() {
+    var t;
+    (t = this.items) == null || t.forEach((e) => {
+      e.removeEventListener("toggleDrag", this.toggleDrag);
+    });
+  }
+  setItemAllowDragState() {
+    this.allowDrag ? this.items.filter((t) => this.sections.every((e) => !e.contains(t))).forEach((t) => {
+      t.setAttribute("allow-drag", "true"), t.addEventListener("toggleDrag", this.toggleDrag);
+    }) : this.items.forEach((t) => {
+      t.removeAttribute("allow-drag"), t.removeEventListener("toggleDrag", this.toggleDrag);
+    });
+  }
+  setupDragDrop() {
+    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = h.create(this.gridEl, {
+      animation: 150,
+      draggable: "swirl-resource-list-item",
+      dragClass: "swirl-resource-list-item--drag",
+      handle: ".resource-list-item__drag-handle",
+      onEnd: (t) => {
+        this.itemDrop.emit({
+          item: t.item,
+          oldIndex: t.oldDraggableIndex,
+          newIndex: t.newDraggableIndex
+        });
+      }
+    }));
+  }
+  enableItemFocus(t, e) {
+    if (!Boolean(t) || Boolean(this.controllingElement))
+      return;
+    const s = t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), i = t.querySelector(".resource-list-item__drag-handle");
+    Boolean(i) && i.setAttribute("tabIndex", "0"), Boolean(s) && (s.setAttribute("tabIndex", "0"), e && !Boolean(this.controllingElement) && s.focus());
+  }
+  focusItemAtIndex(t) {
+    this.removeItemsFromTabOrder();
+    const e = this.items[t];
+    !Boolean(e) || !e.isConnected || (this.enableItemFocus(e, !Boolean(this.controllingElement)), Boolean(this.controllingElement) && (e.setAttribute("aria-selected", "true"), e.scrollIntoView({ block: "nearest" })), this.focusedIndex = t);
+  }
+  moveDraggedItemDown() {
+    const t = this.dragging.nextElementSibling;
+    !Boolean(t) || (t.after(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
+  }
+  moveDraggedItemUp() {
+    const t = this.dragging.previousElementSibling;
+    !Boolean(t) || (t.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
+  }
+  setSectionSpacingAndSeparator() {
+    this.sections.forEach((t, e) => {
+      var s;
+      e === 0 && ((s = t.previousElementSibling) == null ? void 0 : s.tagName) !== "SWIRL-RESOURCE-LIST-ITEM" && (t.hasSeparator = !1), t.spacing = this.spacing;
+    });
+  }
+  render() {
+    var t, e, s, i, o, n;
+    return r(g, { key: "1f58bbaabd999e3dc1ae17250692c480f35fd159", onKeyDown: this.onKeyDown }, r("swirl-visually-hidden", { key: "bceadb65963e99d40bb94c3961cba58237a6b8df", role: "alert" }, this.assistiveText), r("swirl-box", { key: "c40c6c42df7368211ba191e4c9fe561bcc56b300", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (e = this.paddingBlockStart) != null ? e : this.padding, paddingInlineEnd: (i = (s = this.paddingInlineEnd) != null ? s : this.padding) != null ? i : "8", paddingInlineStart: (n = (o = this.paddingInlineStart) != null ? o : this.padding) != null ? n : "8" }, r("swirl-stack", { key: "a5271c87a326b196b7b509264c9b86520494020b", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (a) => this.gridEl = a, role: this.semantics, spacing: this.spacing }, r("slot", { key: "50be68babd41e1a2828d5fc87306d28008f2b037" }))));
+  }
+  get el() {
+    return c(this);
+  }
+  static get watchers() {
+    return {
+      allowDrag: [{
+        watchAllowDrag: 0
+      }]
+    };
+  }
+};
+I.style = u();
+export {
+  I as swirl_resource_list
+};

package/dist/swirl-search.entry.25550210.js

@@ -0,0 +1,51 @@
+import { r as i, c as r, h as a, H as t } from "./index.bf524185.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { D as h } from "./media-query.service-CCYT6DU8.f0931fdc.js";
+import "react";
+import "react-dom";
+import "./utils-CCck-DTo.e4e43b6a.js";
+const o = () => ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--variant-ghost.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", l = class {
+  constructor(e) {
+    i(this, e), this.clear = r(this, "clear", 7), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.inputInput = r(this, "inputInput", 7), this.valueChange = r(this, "valueChange", 7), this.clearButtonLabel = "Clear search term", this.placeholder = "Search \u2026", this.variant = "filled", this.clearable = !0, this.mediaQueryUnsubscribe = () => {
+    }, this.handleClear = () => {
+      this.input.value = "", this.input.focus(), this.valueChange.emit(""), this.clear.emit();
+    }, this.onBlur = (s) => {
+      this.inputBlur.emit(s);
+    }, this.onChange = (s) => {
+      this.valueChange.emit(s.target.value);
+    }, this.onFocus = (s) => {
+      this.inputFocus.emit(s);
+    }, this.onInput = (s) => {
+      this.inputInput.emit(s.target.value);
+    };
+  }
+  componentDidLoad() {
+    this.mediaQueryUnsubscribe = h.subscribe((e) => {
+      this.forceIconProps(e);
+    }), this.autoFocus && setTimeout(() => {
+      this.input.focus();
+    });
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps(e) {
+    if (!Boolean(this.iconEl))
+      return;
+    const s = this.iconEl.children[0];
+    s == null || s.setAttribute("size", e ? "20" : "24");
+  }
+  onKeyDown(e) {
+    (e.code === "KeyK" || e.code === "Slash") && (e.ctrlKey || e.metaKey) && this.input.focus();
+  }
+  render() {
+    const e = c("search", `search--variant-${this.variant}`, {
+      "search--disabled": this.disabled
+    });
+    return a(t, { key: "ffa3e6947dbc10520c075c7a5697668f8e58a672" }, a("span", { key: "75e036ed722e3fbbd224ca48528516b34240a154", class: e, ref: (s) => this.iconEl = s }, a("swirl-icon-search", { key: "3bf2a1f69b49d780dc37a62024d9322e859d293e", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "4244636c39a69b14f31be24da0bccb7771351851", "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (s) => this.input = s, type: "search", value: this.value }), !this.disabled && this.clearable && a("button", { key: "725a8373912b891fe5a8f84ea51924b7446e68fb", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, a("swirl-icon-cancel", { key: "e784352407b1a84ba1ecac81cc9939b243b5f79c" }))));
+  }
+};
+l.style = o();
+export {
+  l as swirl_search
+};

package/dist/swirl-select.entry.ef05604d.js

@@ -0,0 +1,137 @@
+import { r as d, c as o, h as a, H as p, g as u } from "./index.bf524185.js";
+import { c as f } from "./index-orsBiyT_.fc4357c3.js";
+import { q as w } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+const m = () => '.sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content),.select.sc-swirl-select .sc-swirl-select [part~="popover__content"]{margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content),.select--placement-top-start.sc-swirl-select .sc-swirl-select [part~="popover__content"]{margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag),.select__multi-select-values.sc-swirl-select .sc-swirl-select [part~="tag"]{height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__popover.sc-swirl-select::part(popover__scroll-container),.select__popover.sc-swirl-select [part~="popover__scroll-container"]{padding:0;overflow:hidden;display:flex;flex-direction:column}.select__popover.sc-swirl-select .select__search.sc-swirl-select{flex-shrink:0}.select__popover.sc-swirl-select .select__option-list.sc-swirl-select{padding:var(--s-space-4);overflow:auto;min-height:0}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}', b = class {
+  constructor(s) {
+    d(this, s), this.searchChange = o(this, "searchChange", 7), this.valueChange = o(this, "valueChange", 7), this.allowDeselect = !0, this.emptyListLabel = "No results found.", this.searchInputLabel = "Search options", this.selectId = Math.round(Math.random() * 1e6).toString(), this.options = [], this.typeaheadBuffer = "", this.select = (e) => {
+      e.stopPropagation(), this.value = e.detail, this.multiSelect || this.swirlPopover.close();
+    }, this.unselectOption = (e) => {
+      !this.allowDeselect || (this.value = this.value.filter((t) => t !== e));
+    }, this.onSlotChange = () => {
+      this.updateOptions();
+    }, this.onOpen = (e) => {
+      var t, l;
+      this.placement = (t = e.detail.position) == null ? void 0 : t.placement, this.open = !0, this.typeaheadBuffer = "", clearTimeout(this.typeaheadTimeout), this.withSearch && Boolean(this.searchInput) ? this.searchInput.focus() : (l = this.optionList.querySelector('[tabIndex="0"]')) == null || l.focus();
+    }, this.onClose = () => {
+      Boolean(this.searchInput) && (this.searchInput.value = "", this.searchChange.emit("")), this.typeaheadBuffer = "", clearTimeout(this.typeaheadTimeout), this.open = !1, this.input.focus();
+    }, this.onKeyDown = (e) => {
+      var t;
+      if (e.code === "Space" || e.code === "Enter") {
+        if (e.target === this.searchInput)
+          return;
+        e.preventDefault(), this.swirlPopover.open(this.el);
+      } else
+        e.code === "ArrowDown" && e.target === this.searchInput ? (t = this.optionList.querySelector('[tabIndex="0"]')) == null || t.focus() : this.isTypeaheadKey(e) && (e.preventDefault(), e.stopPropagation(), this.handleTypeahead(e.key));
+    }, this.onSearchInput = (e) => {
+      this.searchChange.emit(e.target.value);
+    };
+  }
+  componentWillLoad() {
+    queueMicrotask(() => {
+      this.updateOptions(), this.observeSlotChanges();
+    });
+  }
+  disconnectedCallback() {
+    var s;
+    (s = this.observer) == null || s.disconnect(), clearTimeout(this.typeaheadTimeout);
+  }
+  onWindowFocusIn(s) {
+    s.target === this.el.querySelector("input") && s.stopImmediatePropagation();
+  }
+  onValueChange(s, e) {
+    (s == null ? void 0 : s.length) === (e == null ? void 0 : e.length) && (s == null ? void 0 : s.every((l) => e == null ? void 0 : e.includes(l))) || this.valueChange.emit(this.value);
+  }
+  observeSlotChanges() {
+    this.observer = new MutationObserver(() => {
+      this.updateOptions();
+    }), this.observer.observe(this.el, {
+      childList: !0,
+      subtree: !0
+    });
+  }
+  updateOptions() {
+    this.options = w(this.el, "swirl-option-list-item");
+  }
+  isTypeaheadKey(s) {
+    return s.target === this.searchInput || s.metaKey || s.ctrlKey || s.altKey ? !1 : s.key.length === 1 && s.key !== " ";
+  }
+  handleTypeahead(s) {
+    const e = s.toLowerCase();
+    if (clearTimeout(this.typeaheadTimeout), this.typeaheadBuffer.length > 0 && [...this.typeaheadBuffer].every((l) => l === e))
+      this.typeaheadBuffer += e, this.cycleTypeahead(e);
+    else {
+      const l = this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
+      this.typeaheadBuffer = l ? e : this.typeaheadBuffer + e, this.prefixMatchTypeahead(this.typeaheadBuffer) || (this.typeaheadBuffer = e, this.prefixMatchTypeahead(this.typeaheadBuffer));
+    }
+    this.typeaheadTimeout = setTimeout(() => {
+      this.typeaheadBuffer = "";
+    }, 500);
+  }
+  cycleTypeahead(s) {
+    const t = this.options.filter((c) => !c.disabled).filter((c) => {
+      var i;
+      return (i = c.label) == null ? void 0 : i.toLowerCase().startsWith(s);
+    });
+    if (t.length === 0)
+      return;
+    const l = this.getTypeaheadAnchorValue(), n = (t.findIndex((c) => c.value === l) + 1) % t.length;
+    this.applyTypeaheadMatch(t[n]);
+  }
+  prefixMatchTypeahead(s) {
+    const t = this.options.filter((l) => !l.disabled).find((l) => {
+      var r;
+      return (r = l.label) == null ? void 0 : r.toLowerCase().startsWith(s);
+    });
+    return t ? (this.applyTypeaheadMatch(t), !0) : !1;
+  }
+  getTypeaheadAnchorValue() {
+    var s;
+    if (this.open) {
+      const e = this.options.find((t) => t.querySelector('[role="option"][tabindex="0"]'));
+      return e == null ? void 0 : e.value;
+    }
+    return (s = this.value) == null ? void 0 : s[this.value.length - 1];
+  }
+  applyTypeaheadMatch(s) {
+    this.open && this.optionList.focusItemWithValue(s.value);
+  }
+  getValueLabel() {
+    var s;
+    return Boolean(this.value) ? (s = this.value) == null ? void 0 : s.map((e) => {
+      var t;
+      return (t = this.options.find((l) => l.value === e)) == null ? void 0 : t.label;
+    }).join(", ") : "";
+  }
+  render() {
+    var n, c;
+    const s = this.getValueLabel(), e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = this.el.closest("swirl-form-control"), l = this.standalone ? [-8, 0] : (t == null ? void 0 : t.inline) || (t == null ? void 0 : t.labelPosition) === "outside" ? [0, -12] : [0, -16], r = f("select", `select--placement-${this.placement}`, {
+      "select--disabled": this.disabled,
+      "select--inline": this.inline,
+      "select--multi": this.multiSelect,
+      "select--search-loading": this.searchLoading,
+      "select--standalone": this.standalone
+    });
+    return a(p, { key: "f3410ea0b8c046d7a190460ec6415060594f9df2", onKeyDown: this.onKeyDown }, a("div", { key: "3a79c2ccb1d740d77224cbb2834abe49b0d7a7df", class: r }, a("swirl-popover-trigger", { key: "1a6fa62e9aff678725402ed2d8cfc595746555a7", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, a("swirl-stack", { key: "677e082d072e5719a9e116d74dd8fbcc78e0d71c", class: "select__value-container" }, this.standalone && a("span", { key: "4438ce2b7666dc9cc17f6a96cb2afde84d7df48f", "aria-hidden": "true", class: "select__resize-helper" }, s), a("input", { key: "7ac55b6658b5332e76a47e0e311ff2ffff0548d6", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (i) => this.input = i, type: "text", value: s }))), a("span", { key: "e8f5e0f3eed2f0aff59c6d109293cdf4ad60fd38", class: "select__multi-select-values" }, (c = (n = this.value) == null ? void 0 : n.map((i) => this.options.find((h) => h.value === i))) == null ? void 0 : c.map((i) => a("swirl-tag", {
+      "aria-hidden": "true",
+      label: i == null ? void 0 : i.label,
+      onRemove: () => this.unselectOption(i == null ? void 0 : i.value),
+      removable: !this.disabled && this.allowDeselect && !(i != null && i.disabled)
+    }))), a("span", { key: "a190776efef9aca67faaab033b322e32baa09eb3", class: "select__indicator" }, this.open ? a("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 }) : a("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 })), a("swirl-popover", { key: "35030f92e1e1f0dd17a09e7a373ac805458e3627", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: l, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (i) => this.swirlPopover = i, useContainerWidth: this.standalone ? !1 : "swirl-form-control" }, this.withSearch && a("div", { key: "d5bac9bc001d80e29596096106082f2b4d359a15", class: "select__search" }, a("swirl-icon-search", { key: "061dd54d28e807cf4805b2d4e7fcfc7323d7b350", class: "select__search-icon", size: 20 }), a("input", { key: "0c6283e99931ee3b91e1d5403dfa5ddc231fb9f0", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (i) => this.searchInput = i, type: "search" }), this.searchLoading && a("swirl-spinner", { key: "7cf6511e207c5293397e7f7024148f90c7d030c9", class: "select__search-spinner", size: "s" })), a("swirl-option-list", { key: "5b7b3cf64f43cb40d1c37a02c7f98d0faef89c55", class: "select__option-list", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (i) => this.optionList = i, value: this.value }, !this.searchLoading && a("div", { key: "dc23ed7788608f349440642f45a8c14bbab3ab51", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, a("swirl-text", { key: "db715f789556161995bbf232110d4f7f7faf61d0", color: "subdued", weight: "medium" }, this.emptyListLabel)), a("slot", { key: "e4dc6fd2c0dfe035bab665d75444dbfa5cda9c60", onSlotchange: this.onSlotChange })))));
+  }
+  get el() {
+    return u(this);
+  }
+  static get watchers() {
+    return {
+      value: [{
+        onValueChange: 0
+      }]
+    };
+  }
+};
+b.style = m();
+export {
+  b as swirl_select
+};

package/dist/swirl-separator.entry.8298c622.js

@@ -0,0 +1,29 @@
+import { r as e, h as r, F as s, H as i } from "./index.bf524185.js";
+import { c as l } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const n = () => ":host{display:flex;width:100%;align-items:center;gap:var(--s-space-8)}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto;flex-direction:column}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--color-critical) .separator__line{background-color:var(--s-border-critical)}:host(.separator--color-critical) .separator__label{color:var(--s-text-subdued)}:host(.separator--color-strong) .separator__line{background-color:var(--s-border-strong)}:host(.separator--color-strong) .separator__label{color:var(--s-text-subdued)}:host(.separator--color-highlight) .separator__line{background-color:var(--s-border-highlight)}:host(.separator--color-highlight) .separator__label{color:var(--s-text-highlight)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-on-translucent)}.separator__label{flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:var(--s-font-size-sm);color:var(--s-text-disabled)}", c = class {
+  constructor(a) {
+    e(this, a), this.borderColor = "default", this.color = "default", this.orientation = "horizontal", this.semantics = "separator", this.spacing = "8";
+  }
+  componentWillLoad() {
+    this.forceColor();
+  }
+  forceColor() {
+    this.borderColor !== "default" && (console.warn('[Swirl] The "borderColor" prop of swirl-separator is deprecated and will be removed with the next major release. Please use the "color" prop to achieve the same result.'), this.color = this.borderColor);
+  }
+  render() {
+    const a = this.orientation === "horizontal" ? {
+      paddingTop: `var(--s-space-${this.spacing})`,
+      paddingBottom: `var(--s-space-${this.spacing})`
+    } : {
+      paddingRight: `var(--s-space-${this.spacing})`,
+      paddingLeft: `var(--s-space-${this.spacing})`
+    }, t = l("separator", `separator--color-${this.color}`, `separator--orientation-${this.orientation}`), o = this.semantics === "separator" ? { "aria-orientation": this.orientation } : {};
+    return r(i, { key: "23acb3a29638b92737838e75a54d7616e6c9150e", ...o, class: t, role: this.semantics, style: a }, r("span", { key: "3ebf80f47fb36438403551f560db91ecf7d7e559", class: "separator__line" }), this.label && r(s, { key: "84ac7960ba714ab27559751c11bd7c4b56ac3176" }, r("span", { key: "6f8dc3ad3bde938789e28ad05c67da657262a4d1", class: "separator__label" }, this.label), r("span", { key: "63ddb77ea887a890bb1731d12a939783b592e21a", class: "separator__line" })));
+  }
+};
+c.style = n();
+export {
+  c as swirl_separator
+};