@getflip/swirl-components-react 0.1.0

package/README.md

@@ -0,0 +1,4 @@
+THIS PACKAGE IS GENRATED VIA THE STENCIL.JS REACT OUTPUT TARGET. DO NOT EDIT
+THIS PACKAGE DIRECTLY!
+
+https://stenciljs.com/docs/react#bindings

package/dist/flip-action-list-item.entry.1b728e6a.js

@@ -0,0 +1,17 @@
+import { r as s, h as i, H as a } from "./main.7e7363a7.js";
+import { c as o } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const l = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;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;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);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-surface-overlay-hovered)}.action-list-item:focus{background-color:var(--s-surface-overlay-hovered);outline:none}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);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)}.action-list-item--size-l{padding:var(--s-space-16)}.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;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;padding-top:0.0625rem;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__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", n = class {
+  constructor(t) {
+    s(this, t), this.intent = "default", this.size = "m";
+  }
+  render() {
+    const t = Boolean(this.suffix) && !this.disabled, e = o("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    return i(a, null, i("button", { class: e, disabled: this.disabled, role: "menuitem", tabIndex: -1, type: "button" }, this.icon && i("span", { class: "action-list-item__icon", innerHTML: this.icon }), i("span", { class: "action-list-item__label-container" }, i("span", { class: "action-list-item__label" }, this.label), this.description && i("span", { class: "action-list-item__description" }, this.description)), t && i("span", { class: "action-list-item__suffix", innerHTML: this.suffix })));
+  }
+};
+n.style = l;
+export {
+  n as flip_action_list_item
+};

package/dist/flip-action-list-section.entry.da3e6186.js

@@ -0,0 +1,15 @@
+import { r as i, h as t, H as o } from "./main.7e7363a7.js";
+import "react";
+import "react-dom";
+const e = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}", l = class {
+  constructor(s) {
+    i(this, s);
+  }
+  render() {
+    return t(o, null, t("div", { "aria-labelledby": "label", class: "action-list-section", role: "group" }, t("span", { class: "action-list-section__label", id: "label" }, this.label), t("div", { class: "action-list-section__items" }, t("slot", null))));
+  }
+};
+l.style = e;
+export {
+  l as flip_action_list_section
+};

package/dist/flip-action-list.entry.400a309a.js

@@ -0,0 +1,38 @@
+import { r as s, h as i, H as n, g as r } from "./main.7e7363a7.js";
+import { q as c } from "./utils-03e3261c.f5223801.js";
+import "react";
+import "react-dom";
+const l = ":host{display:block}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", a = class {
+  constructor(e) {
+    s(this, e), this.onKeyDown = (t) => {
+      t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
+    };
+  }
+  componentDidLoad() {
+    this.items = c(this.el, '[role="menuitem"]');
+  }
+  focusNextItem() {
+    const t = (this.getActiveItemIndex() + 1) % this.items.length;
+    this.items[t].focus();
+  }
+  focusPreviousItem() {
+    const e = this.getActiveItemIndex(), t = e === 0 ? this.items.length - 1 : e - 1;
+    this.items[t].focus();
+  }
+  getActiveItemIndex() {
+    return this.items.findIndex((e) => {
+      var t, o;
+      return e === document.activeElement || e === ((o = (t = document.activeElement) === null || t === void 0 ? void 0 : t.shadowRoot) === null || o === void 0 ? void 0 : o.querySelector('[role="menuitem"]'));
+    });
+  }
+  render() {
+    return i(n, null, i("div", { "aria-orientation": "vertical", class: "action-list", onKeyDown: this.onKeyDown, role: "menu" }, i("slot", null)));
+  }
+  get el() {
+    return r(this);
+  }
+};
+a.style = l;
+export {
+  a as flip_action_list
+};

package/dist/flip-avatar-group.entry.71bf1f2a.js

@@ -0,0 +1,19 @@
+import { r as o, h as r, H as s } from "./main.7e7363a7.js";
+import { c as t } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const i = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(8, 1fr);grid-template-columns:repeat(8, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;border:0.25rem solid var(--s-background-default);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:3;grid-row-end:9}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border:0.25rem solid var(--s-background-default);border-radius:50%;grid-column-start:3;grid-column-end:9;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:0;bottom:0;display:inline-flex;width:1.5rem;height:1.5rem}", d = class {
+  constructor(a) {
+    o(this, a);
+  }
+  render() {
+    const a = t("avatar-group", {
+      "avatar-group--has-badge": Boolean(this.badge)
+    }), e = t("avatar-group__badge");
+    return r(s, null, r("div", { class: a, role: "group" }, r("slot", null), this.badge && r("span", { class: e, innerHTML: this.badge })));
+  }
+};
+d.style = i;
+export {
+  d as flip_avatar_group
+};

package/dist/flip-avatar.entry.2eb3242e.js

@@ -0,0 +1,47 @@
+import { r as d, h as i, H as c, g } from "./main.7e7363a7.js";
+import { c as s } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const m = ":host{display:inline-flex;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;background-color:var(--s-decorative-6-default)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}", n = {
+  xs: 28,
+  s: 32,
+  m: 40,
+  l: 48,
+  xl: 64,
+  "2xl": 144
+}, p = class {
+  constructor(t) {
+    d(this, t), this.badgePosition = "bottom", this.interactive = !1, this.showLabel = !1, this.size = "m", this.variant = "round", this.setImageAvailable = () => {
+      this.imageAvailable = !0;
+    }, this.setImageUnavailable = () => {
+      this.imageAvailable = !1;
+    }, this.onKeydown = (a) => {
+      a.code === "Space" ? a.preventDefault() : a.code === "Enter" && (a.preventDefault(), this.element.click());
+    }, this.onKeyup = (a) => {
+      a.code === "Space" && (a.preventDefault(), this.element.click());
+    };
+  }
+  watchSrcProp() {
+    this.imageAvailable = void 0;
+  }
+  render() {
+    const t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !t && Boolean(this.initials), e = !t && !a && Boolean(this.icon), r = !t && !a && !e, o = Boolean(this.badge) && this.size === "m", v = this.interactive ? "button" : "img", l = s("avatar", `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
+      "avatar--has-icon": e || r,
+      "avatar--has-initials": a,
+      "avatar--interactive": this.interactive
+    }), h = s("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
+    return i(c, { "aria-label": this.label, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: v, tabIndex: this.interactive ? 0 : void 0 }, i("span", { class: l, part: "avatar" }, t && i("span", { class: "avatar__image" }, i("img", { alt: "", height: n[this.size], onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: n[this.size] })), a && i("span", { class: "avatar__initials" }, i("span", null, this.initials)), e && i("span", { class: "avatar__icon", innerHTML: this.icon }), r && i("span", { class: "avatar__icon" }, i("flip-icon-person", null)), o && i("span", { class: h, innerHTML: this.badge })), this.showLabel && i("span", { "aria-hidden": !0, class: "avatar__label" }, this.label));
+  }
+  get element() {
+    return g(this);
+  }
+  static get watchers() {
+    return {
+      src: ["watchSrcProp"]
+    };
+  }
+};
+p.style = m;
+export {
+  p as flip_avatar
+};

package/dist/flip-badge.entry.ebda6058.js

@@ -0,0 +1,19 @@
+import { r as t, h as e, H as i } from "./main.7e7363a7.js";
+import { c as d } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border:0.25rem solid var(--s-background-default);border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium)}.badge--size-s{min-width:1.5rem;height:1.5rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.1875rem;padding-left:0.1875rem}.badge--size-s .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-m{min-width:2rem;height:2rem}.badge--size-m .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{background-color:var(--s-surface-critical-default)}.badge--intent-decorative-1{background-color:var(--s-decorative-1-default)}.badge--intent-decorative-2{background-color:var(--s-decorative-2-default)}.badge--intent-decorative-3{color:var(--s-text-default);background-color:var(--s-decorative-3-default)}.badge--intent-decorative-4{color:var(--s-text-default);background-color:var(--s-decorative-4-default)}.badge--intent-decorative-5{background-color:var(--s-decorative-5-default)}.badge--intent-decorative-6{background-color:var(--s-decorative-6-default)}.badge--intent-decorative-7{background-color:var(--s-decorative-7-default)}.badge--variant-dot{width:1.25rem;min-width:0;height:1.25rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__label,.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", n = class {
+  constructor(a) {
+    t(this, a), this.intent = "critical", this.size = "m", this.variant = "default";
+  }
+  render() {
+    const a = d("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
+      "badge--has-icon": this.icon
+    });
+    return e(i, { role: "status" }, e("span", { class: a }, this.icon && e("span", { class: "badge__icon", innerHTML: this.icon }), this.icon === void 0 && e("span", { class: "badge__label" }, this.label)));
+  }
+};
+n.style = r;
+export {
+  n as flip_badge
+};

package/dist/flip-banner.entry.b3012465.js

@@ -0,0 +1,32 @@
+import { r, c as a, h as n, H as o, g as c } from "./main.7e7363a7.js";
+import { c as l } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const b = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:flex-start}.banner:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner{padding:var(--s-space-16)}}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}@media (min-width: 375px){.banner--has-icon .banner__content{padding-top:var(--s-space-2)}}.banner__icon{display:none;margin-right:var(--s-space-8);color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}.banner__content{min-height:1.5rem;margin-right:var(--s-space-12);flex-grow:1;line-height:var(--s-line-height-base)}.banner__controls{display:inline-flex;margin-left:var(--s-space-16);align-items:center;gap:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}", d = {
+  default: void 0,
+  critical: "<flip-icon-error></flip-icon-error>",
+  success: "<flip-icon-check-circle></flip-icon-check-circle>",
+  warning: "<flip-icon-warning></flip-icon-warning>",
+  info: "<flip-icon-info></flip-icon-info>"
+}, _ = class {
+  constructor(i) {
+    r(this, i), this.action = a(this, "action", 7), this.dismiss = a(this, "dismiss", 7), this.dismissable = !1, this.dismissLabel = "Dismiss", this.importance = "status", this.intent = "default", this.showIcon = !1, this.onAction = (t) => {
+      this.action.emit(t);
+    }, this.onDismiss = (t) => {
+      this.dismiss.emit(t);
+    };
+  }
+  render() {
+    const i = d[this.intent], t = Boolean(this.actionLabel) || this.dismissable, e = this.showIcon && Boolean(i), s = l("banner", `banner--intent-${this.intent}`, {
+      "banner--has-icon": e
+    });
+    return n(o, null, n("div", { "aria-describedby": "content", class: s, role: this.importance, tabIndex: 0 }, e && n("span", { "aria-hidden": "true", class: "banner__icon", innerHTML: i }), n("span", { class: "banner__content", id: "content" }, this.content), t && n("span", { class: "banner__controls" }, this.actionLabel && n("button", { class: "banner__action-button", onClick: this.onAction, type: "button" }, this.actionLabel), this.dismissable && n("button", { "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, type: "button" }, n("flip-icon-close", null)))));
+  }
+  get element() {
+    return c(this);
+  }
+};
+_.style = b;
+export {
+  _ as flip_banner
+};

package/dist/flip-button_2.entry.a323451d.js

@@ -0,0 +1,42 @@
+import { r as a, h as o, H as i } from "./main.7e7363a7.js";
+import { c as l } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const s = `.sc-flip-button-h{display:inline-block;max-width:100%}.sc-flip-button-h *.sc-flip-button{box-sizing:border-box}.button.sc-flip-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-subdued);background-color:var(--flip-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-flip-button:hover{background-color:var(--flip-ghost-button-background-hovered)}.button.sc-flip-button:active{background-color:var(--flip-ghost-button-background-pressed)}.button.sc-flip-button:disabled{color:var(--s-text-disabled);background-color:var(--flip-ghost-button-background-default);cursor:default}.button.sc-flip-button:disabled .button__left-icon.sc-flip-button{color:var(--s-icon-disabled)}.button.sc-flip-button:focus{outline-color:var(--s-focus-default)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled) .button__left-icon.sc-flip-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled) .button__left-icon.sc-flip-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-flip-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-flat.sc-flip-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-flip-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-flip-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-flip-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled) .button__left-icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-icon-strong)}.button--variant-plain.sc-flip-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-flip-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-flip-button:hover:not(:disabled) .button__left-icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-flip-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-flip-button:active:not(:disabled) .button__left-icon.sc-flip-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-flip-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-flip-button:disabled .button__left-icon.sc-flip-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover .button__left-icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:active .button__left-icon.sc-flip-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled .button__left-icon.sc-flip-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-flip-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+    rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+      rgba(255, 255, 255, 0.4)}.button--variant-on-image.sc-flip-button:active{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
+      rgba(255, 255, 255, 0.5)}.button--variant-on-image.sc-flip-button:disabled{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+      rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:disabled .button__left-icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-flip-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}.button--variant-floating.sc-flip-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-flip-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-flip-button{padding:var(--s-space-4)}.button--variant-floating.button--intent-primary.sc-flip-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-flip-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-flip-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled .button__left-icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-icon-strong)}.button--icon-only.sc-flip-button{padding:var(--s-space-8);border-radius:50%}.button--icon-only.sc-flip-button .button__left-icon.sc-flip-button{margin-left:0}.button__left-icon.sc-flip-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default)}.button__label.sc-flip-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}`, c = class {
+  constructor(t) {
+    a(this, t), this.intent = "default", this.size = "m", this.type = "button", this.variant = "ghost";
+  }
+  componentDidLoad() {
+    this.forceIconProps();
+  }
+  forceIconProps() {
+    if (!Boolean(this.iconEl))
+      return;
+    const t = this.iconEl.children[0];
+    t == null || t.setAttribute("size", "24");
+  }
+  render() {
+    const t = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", n = Boolean(this.href), r = l("button", `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
+      "button--icon-only": t
+    });
+    return o(i, null, o(n ? "a" : "button", { "aria-disabled": this.disabled && !n ? "true" : void 0, "aria-label": t ? this.label : void 0, class: r, disabled: n ? void 0 : this.disabled, download: n ? void 0 : this.download, form: n ? void 0 : this.form, href: this.href, name: n ? void 0 : this.name, target: n ? this.target : void 0, type: n ? void 0 : this.type, value: n ? void 0 : this.value }, this.icon && o("span", { class: "button__left-icon", innerHTML: this.icon, ref: (e) => this.iconEl = e }), !t && o("span", { class: "button__label" }, this.label)));
+  }
+};
+c.style = s;
+const u = ":host{display:block}:host *{box-sizing:border-box}", b = class {
+  constructor(t) {
+    a(this, t), this.orientation = "horizontal";
+  }
+  render() {
+    return o(i, null, o("flip-stack", { align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: "button-group", justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: "8", wrap: this.wrap }, o("slot", null)));
+  }
+};
+b.style = u;
+export {
+  c as flip_button,
+  b as flip_button_group
+};

package/dist/flip-checkbox.entry.2f740fb8.js

@@ -0,0 +1,26 @@
+import { r as b, c as a, h as c, H as r } from "./main.7e7363a7.js";
+import { c as t } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const n = `.sc-flip-checkbox-h{display:inline-flex}.sc-flip-checkbox-h *.sc-flip-checkbox{box-sizing:border-box}.checkbox.sc-flip-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-flip-checkbox:focus-within .checkbox__box.sc-flip-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
+      0 0 0 0.1875rem var(--s-focus-default)}.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-flip-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:transparent}.checkbox--disabled.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__label.sc-flip-checkbox,.checkbox--disabled.sc-flip-checkbox .checkbox__description.sc-flip-checkbox{color:var(--s-text-disabled)}.checkbox__control.sc-flip-checkbox{position:relative;top:0.125rem;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:var(--s-action-neutral-hovered)}.checkbox__box.sc-flip-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-flip-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-flip-checkbox>*.sc-flip-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-flip-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-flip-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-flip-checkbox{display:inline-flex;margin-left:var(--s-space-12);padding-top:var(--s-space-4);align-items:flex-start;flex-direction:column}.checkbox__label.sc-flip-checkbox{font-weight:var(--s-font-weight-medium)}.checkbox__description.sc-flip-checkbox{color:var(--s-text-subdued)}`, x = class {
+  constructor(e) {
+    b(this, e), this.valueChange = a(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.onChange = () => {
+      this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
+    };
+  }
+  render() {
+    const e = this.checked === !1 || this.checked === "false", o = this.checked === !0 || this.checked === "true", i = this.checked === "indeterminate", h = o ? "true" : e ? "false" : "mixed", s = this.invalid === !0 ? "true" : this.invalid === !1 ? "false" : void 0, l = t("checkbox", {
+      "checkbox--checked": o,
+      "checkbox--disabled": this.disabled,
+      "checkbox--indeterminate": i,
+      "checkbox--invalid": this.invalid,
+      "checkbox--unchecked": e
+    });
+    return c(r, null, c("label", { class: l, htmlFor: this.inputId }, c("span", { class: "checkbox__control" }, c("flip-visually-hidden", null, c("input", { "aria-checked": h, "aria-invalid": s, checked: o, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: i, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { "aria-hidden": "true", class: "checkbox__box" }, c("span", { class: "checkbox__icon" }, o && c("flip-icon-check-strong", null), i && c("span", { class: "checkbox__indeterminate-icon" })))), c("span", { class: "checkbox__label-container" }, this.label && c("span", { class: "checkbox__label" }, this.label), this.description && c("span", { class: "checkbox__description" }, this.description))));
+  }
+};
+x.style = n;
+export {
+  x as flip_checkbox
+};

package/dist/flip-chip.entry.e9729ac7.js

@@ -0,0 +1,34 @@
+import { r as s, h as e, H as c } from "./main.7e7363a7.js";
+import { c as n } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const l = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.chip{display:inline-flex;max-width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}.chip--interactive{cursor:pointer}.chip--interactive:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive:hover ::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--intent-critical{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical .chip__icon{color:var(--s-icon-critical)}.chip--intent-success{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success .chip__icon{color:var(--s-icon-success)}.chip__avatar,.chip__icon{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}", h = class {
+  constructor(i) {
+    s(this, i), this.intent = "default", this.interactive = !1;
+  }
+  componentDidLoad() {
+    this.forceAvatarProps(), this.forceIconProps();
+  }
+  forceAvatarProps() {
+    if (!Boolean(this.avatarEl))
+      return;
+    const i = this.avatarEl.querySelector("flip-avatar");
+    i == null || i.removeAttribute("badge"), i == null || i.removeAttribute("interactive"), i == null || i.removeAttribute("show-label"), i == null || i.removeAttribute("variant"), i == null || i.setAttribute("size", "xs");
+  }
+  forceIconProps() {
+    if (!Boolean(this.iconEl))
+      return;
+    const i = this.iconEl.children[0];
+    i == null || i.setAttribute("size", "24");
+  }
+  render() {
+    const i = this.interactive ? "button" : "span", t = Boolean(this.avatar), a = !t && Boolean(this.icon), o = n("chip", `chip--intent-${this.intent}`, {
+      "chip--interactive": this.interactive
+    });
+    return e(c, null, e(i, { class: o, type: this.interactive ? "button" : void 0 }, t && e("span", { class: "chip__avatar", innerHTML: this.avatar, ref: (r) => this.avatarEl = r }), a && e("span", { class: "chip__icon", innerHTML: this.icon, ref: (r) => this.iconEl = r }), e("span", { class: "chip__label" }, this.label)));
+  }
+};
+h.style = l;
+export {
+  h as flip_chip
+};

package/dist/flip-description-list-item.entry.c789511e.js

@@ -0,0 +1,80 @@
+import { r as t, h as i, H as s } from "./main.7e7363a7.js";
+import "react";
+import "react-dom";
+const e = `:host {
+  display: block;
+}
+
+  :host * {
+    box-sizing: border-box;
+  }
+
+.description-list-item {
+  display: block;
+  max-width: 100%;
+  color: var(--s-text-default);
+  line-height: var(--s-line-height-base);
+}
+
+.description-list-item__term {
+  display: block;
+  margin-bottom: var(--s-space-4);
+  font-weight: var(--s-font-weight-semibold);
+}
+
+.description-list-item__description {
+  display: block;
+  max-width: 40rem;
+  margin: 0;
+}
+
+@container description-list (min-width: 480px) {
+  .description-list-item {
+    display: flex;
+  }
+
+  .description-list-item__term {
+    margin-right: var(--s-space-16);
+    margin-bottom: 0;
+    flex-basis: 12rem;
+    flex-grow: 0;
+    flex-shrink: 0;
+  }
+
+  .description-list-item__description {
+    flex-grow: 1;
+  }
+}
+
+/* Fallback styles for browsers without container query support */
+@supports not (container-type: inline-size) {
+  @media (min-width: 768px) {
+    .description-list-item {
+      display: flex;
+    }
+
+    .description-list-item__term {
+      margin-right: var(--s-space-16);
+      margin-bottom: 0;
+      flex-basis: 12rem;
+      flex-grow: 0;
+      flex-shrink: 0;
+    }
+
+    .description-list-item__description {
+      flex-grow: 1;
+    }
+  }
+}
+`, r = class {
+  constructor(n) {
+    t(this, n);
+  }
+  render() {
+    return i(s, null, i("div", { class: "description-list-item" }, i("dt", { class: "description-list-item__term" }, this.term), i("dd", { class: "description-list-item__description" }, i("slot", null))));
+  }
+};
+r.style = e;
+export {
+  r as flip_description_list_item
+};

package/dist/flip-description-list.entry.3b158436.js

@@ -0,0 +1,15 @@
+import { r as i, h as t, H as o } from "./main.7e7363a7.js";
+import "react";
+import "react-dom";
+const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}.description-list ::slotted(*){padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list ::slotted(*:not(:last-child)){margin-bottom:var(--s-space-16)}", e = class {
+  constructor(s) {
+    i(this, s);
+  }
+  render() {
+    return t(o, null, t("dl", { class: "description-list" }, t("slot", null)));
+  }
+};
+e.style = r;
+export {
+  e as flip_description_list
+};

package/dist/flip-dialog.entry.f2be9a9c.js

@@ -0,0 +1,139 @@
+import { r as h, c as d, h as s, H as u } from "./main.7e7363a7.js";
+import { c as f } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+var g = [
+  'a[href]:not([tabindex^="-"])',
+  'area[href]:not([tabindex^="-"])',
+  'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])',
+  'input[type="radio"]:not([disabled]):not([tabindex^="-"])',
+  'select:not([disabled]):not([tabindex^="-"])',
+  'textarea:not([disabled]):not([tabindex^="-"])',
+  'button:not([disabled]):not([tabindex^="-"])',
+  'iframe:not([tabindex^="-"])',
+  'audio[controls]:not([tabindex^="-"])',
+  'video[controls]:not([tabindex^="-"])',
+  '[contenteditable]:not([tabindex^="-"])',
+  '[tabindex]:not([tabindex^="-"])'
+], b = "Tab", m = "Escape";
+function e(i) {
+  this._show = this.show.bind(this), this._hide = this.hide.bind(this), this._maintainFocus = this._maintainFocus.bind(this), this._bindKeypress = this._bindKeypress.bind(this), this.$el = i, this.shown = !1, this._id = this.$el.getAttribute("data-a11y-dialog") || this.$el.id, this._previouslyFocused = null, this._listeners = {}, this.create();
+}
+e.prototype.create = function() {
+  this.$el.setAttribute("aria-hidden", !0), this.$el.setAttribute("aria-modal", !0), this.$el.setAttribute("tabindex", -1), this.$el.hasAttribute("role") || this.$el.setAttribute("role", "dialog"), this._openers = n('[data-a11y-dialog-show="' + this._id + '"]'), this._openers.forEach(
+    function(t) {
+      t.addEventListener("click", this._show);
+    }.bind(this)
+  );
+  const i = this.$el;
+  return this._closers = n("[data-a11y-dialog-hide]", this.$el).filter(function(t) {
+    return t.closest('[aria-modal="true"], [data-a11y-dialog]') === i;
+  }).concat(n('[data-a11y-dialog-hide="' + this._id + '"]')), this._closers.forEach(
+    function(t) {
+      t.addEventListener("click", this._hide);
+    }.bind(this)
+  ), this._fire("create"), this;
+};
+e.prototype.show = function(i) {
+  return this.shown ? this : (this._previouslyFocused = document.activeElement, this.$el.removeAttribute("aria-hidden"), this.shown = !0, l(this.$el), document.body.addEventListener("focus", this._maintainFocus, !0), document.addEventListener("keydown", this._bindKeypress), this._fire("show", i), this);
+};
+e.prototype.hide = function(i) {
+  return this.shown ? (this.shown = !1, this.$el.setAttribute("aria-hidden", "true"), this._previouslyFocused && this._previouslyFocused.focus && this._previouslyFocused.focus(), document.body.removeEventListener("focus", this._maintainFocus, !0), document.removeEventListener("keydown", this._bindKeypress), this._fire("hide", i), this) : this;
+};
+e.prototype.destroy = function() {
+  return this.hide(), this._openers.forEach(
+    function(i) {
+      i.removeEventListener("click", this._show);
+    }.bind(this)
+  ), this._closers.forEach(
+    function(i) {
+      i.removeEventListener("click", this._hide);
+    }.bind(this)
+  ), this._fire("destroy"), this._listeners = {}, this;
+};
+e.prototype.on = function(i, t) {
+  return typeof this._listeners[i] > "u" && (this._listeners[i] = []), this._listeners[i].push(t), this;
+};
+e.prototype.off = function(i, t) {
+  var o = (this._listeners[i] || []).indexOf(t);
+  return o > -1 && this._listeners[i].splice(o, 1), this;
+};
+e.prototype._fire = function(i, t) {
+  var o = this._listeners[i] || [], a = new CustomEvent(i, { detail: t });
+  this.$el.dispatchEvent(a), o.forEach(
+    function(c) {
+      c(this.$el, t);
+    }.bind(this)
+  );
+};
+e.prototype._bindKeypress = function(i) {
+  const t = document.activeElement;
+  t && t.closest('[aria-modal="true"]') !== this.$el || (this.shown && i.key === m && this.$el.getAttribute("role") !== "alertdialog" && (i.preventDefault(), this.hide(i)), this.shown && i.key === b && _(this.$el, i));
+};
+e.prototype._maintainFocus = function(i) {
+  this.shown && !i.target.closest('[aria-modal="true"]') && !i.target.closest("[data-a11y-dialog-ignore-focus-trap]") && l(this.$el);
+};
+function p(i) {
+  return Array.prototype.slice.call(i);
+}
+function n(i, t) {
+  return p((t || document).querySelectorAll(i));
+}
+function l(i) {
+  var t = i.querySelector("[autofocus]") || i;
+  t.focus();
+}
+function y(i) {
+  return n(g.join(","), i).filter(function(t) {
+    return !!(t.offsetWidth || t.offsetHeight || t.getClientRects().length);
+  });
+}
+function _(i, t) {
+  var o = y(i), a = o.indexOf(document.activeElement);
+  t.shiftKey && a === 0 ? (o[o.length - 1].focus(), t.preventDefault()) : !t.shiftKey && a === o.length - 1 && (o[0].focus(), t.preventDefault());
+}
+function r() {
+  n("[data-a11y-dialog]").forEach(function(i) {
+    new e(i);
+  });
+}
+typeof document < "u" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", r) : window.requestAnimationFrame ? window.requestAnimationFrame(r) : window.setTimeout(r, 16));
+const v = ':host{--flip-ghost-button-background-default:var(--s-surface-overlay-default);--flip-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--flip-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.dialog{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:0.15s dialog-backdrop-fade-in;animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:none;animation:none}}.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:0.15s dialog-scale-in;animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:none;animation:none}}.dialog--closing{-webkit-animation:0.15s dialog-fade-out;animation:0.15s dialog-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{-webkit-animation:none;animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@-webkit-keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}', w = class {
+  constructor(i) {
+    h(this, i), this.primaryAction = d(this, "primaryAction", 7), this.secondaryAction = d(this, "secondaryAction", 7), this.intent = "primary", this.closing = !1, this.onKeyDown = (t) => {
+      t.code === "Escape" && this.close();
+    }, this.onBackdropClick = () => {
+      this.close();
+    }, this.onPrimaryAction = (t) => {
+      this.primaryAction.emit(t), this.close();
+    }, this.onSecondaryAction = (t) => {
+      this.secondaryAction.emit(t), this.close();
+    };
+  }
+  componentDidLoad() {
+    this.dialog = new e(this.dialogEl), this.dialog.on("show", () => {
+      var i;
+      (i = this.controlsContainerEl.querySelector("flip-button button")) === null || i === void 0 || i.focus();
+    });
+  }
+  disconnectedCallback() {
+    var i;
+    (i = this.dialog) === null || i === void 0 || i.destroy();
+  }
+  async open() {
+    this.dialog.show();
+  }
+  async close() {
+    this.closing || (this.closing = !0, setTimeout(() => {
+      this.dialog.hide(), this.closing = !1;
+    }, 150));
+  }
+  render() {
+    const i = f("dialog", { "dialog--closing": this.closing });
+    return s(u, null, s("div", { "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? void 0 : "label", "aria-label": this.hideLabel ? this.label : void 0, "aria-modal": "true", class: i, onKeyDown: this.onKeyDown, ref: (t) => this.dialogEl = t, role: "alertdialog" }, s("div", { class: "dialog__backdrop", onClick: this.onBackdropClick }), s("div", { class: "dialog__body", role: "document" }, !this.hideLabel && s("h2", { class: "dialog__heading", id: "label" }, this.label), s("div", { class: "dialog__content", id: "content" }, s("slot", null)), s("flip-button-group", { class: "dialog__controls", ref: (t) => this.controlsContainerEl = t, stretch: !0, wrap: !0 }, this.secondaryActionLabel && s("flip-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && s("flip-button", { intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: this.intent === "critical" ? "ghost" : "flat" })))));
+  }
+};
+w.style = v;
+export {
+  w as flip_dialog
+};

package/dist/flip-icon-add-photo.entry.a1003bdf.js

@@ -0,0 +1,15 @@
+import { r as t, h as C, F as i } from "./main.7e7363a7.js";
+import "react";
+import "react-dom";
+const l = ":host{display:inline-flex}", o = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M1.99999 14.6666C1.63332 14.6666 1.31955 14.5362 1.05866 14.2753C0.797323 14.014 0.666656 13.7 0.666656 13.3333V5.33331C0.666656 4.96665 0.797323 4.65287 1.05866 4.39198C1.31955 4.13065 1.63332 3.99998 1.99999 3.99998H4.09999L4.93332 3.09998C5.05555 2.96665 5.20266 2.86109 5.37466 2.78331C5.5471 2.70554 5.72777 2.66665 5.91666 2.66665H8.66666C8.85555 2.66665 9.01399 2.73042 9.14199 2.85798C9.26955 2.98598 9.33332 3.14442 9.33332 3.33331V4.66665C9.33332 4.85553 9.39732 5.01398 9.52532 5.14198C9.65288 5.26953 9.8111 5.33331 9.99999 5.33331H11.3333V6.66665C11.3333 6.85553 11.3973 7.01376 11.5253 7.14131C11.6529 7.26931 11.8111 7.33331 12 7.33331H13.3333C13.5222 7.33331 13.6804 7.39709 13.808 7.52465C13.936 7.65265 14 7.81109 14 7.99998V13.3333C14 13.7 13.8695 14.014 13.6087 14.2753C13.3473 14.5362 13.0333 14.6666 12.6667 14.6666H1.99999ZM7.33332 12.3333C8.16666 12.3333 8.8751 12.0418 9.45866 11.4586C10.0418 10.8751 10.3333 10.1666 10.3333 9.33331C10.3333 8.49998 10.0418 7.79153 9.45866 7.20798C8.8751 6.62487 8.16666 6.33331 7.33332 6.33331C6.49999 6.33331 5.79155 6.62487 5.20799 7.20798C4.62488 7.79153 4.33332 8.49998 4.33332 9.33331C4.33332 10.1666 4.62488 10.8751 5.20799 11.4586C5.79155 12.0418 6.49999 12.3333 7.33332 12.3333ZM12.6667 3.99998H12C11.8111 3.99998 11.6529 3.9362 11.5253 3.80865C11.3973 3.68065 11.3333 3.5222 11.3333 3.33331C11.3333 3.14442 11.3973 2.98598 11.5253 2.85798C11.6529 2.73042 11.8111 2.66665 12 2.66665H12.6667V1.99998C12.6667 1.81109 12.7307 1.65265 12.8587 1.52465C12.9862 1.39709 13.1444 1.33331 13.3333 1.33331C13.5222 1.33331 13.6804 1.39709 13.808 1.52465C13.936 1.65265 14 1.81109 14 1.99998V2.66665H14.6667C14.8555 2.66665 15.0138 2.73042 15.1413 2.85798C15.2693 2.98598 15.3333 3.14442 15.3333 3.33331C15.3333 3.5222 15.2693 3.68065 15.1413 3.80865C15.0138 3.9362 14.8555 3.99998 14.6667 3.99998H14V4.66665C14 4.85553 13.936 5.01398 13.808 5.14198C13.6804 5.26953 13.5222 5.33331 13.3333 5.33331C13.1444 5.33331 12.9862 5.26953 12.8587 5.14198C12.7307 5.01398 12.6667 4.85553 12.6667 4.66665V3.99998Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M3 22C2.45 22 1.97933 21.8043 1.588 21.413C1.196 21.021 1 20.55 1 20V8C1 7.45 1.196 6.97933 1.588 6.588C1.97933 6.196 2.45 6 3 6H6.15L7.4 4.65C7.58333 4.45 7.804 4.29167 8.062 4.175C8.32067 4.05833 8.59167 4 8.875 4H13C13.2833 4 13.521 4.09567 13.713 4.287C13.9043 4.479 14 4.71667 14 5V7C14 7.28333 14.096 7.521 14.288 7.713C14.4793 7.90433 14.7167 8 15 8H17V10C17 10.2833 17.096 10.5207 17.288 10.712C17.4793 10.904 17.7167 11 18 11H20C20.2833 11 20.5207 11.0957 20.712 11.287C20.904 11.479 21 11.7167 21 12V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H3ZM11 18.5C12.25 18.5 13.3127 18.0627 14.188 17.188C15.0627 16.3127 15.5 15.25 15.5 14C15.5 12.75 15.0627 11.6873 14.188 10.812C13.3127 9.93733 12.25 9.5 11 9.5C9.75 9.5 8.68733 9.93733 7.812 10.812C6.93733 11.6873 6.5 12.75 6.5 14C6.5 15.25 6.93733 16.3127 7.812 17.188C8.68733 18.0627 9.75 18.5 11 18.5ZM19 6H18C17.7167 6 17.4793 5.90433 17.288 5.713C17.096 5.521 17 5.28333 17 5C17 4.71667 17.096 4.479 17.288 4.287C17.4793 4.09567 17.7167 4 18 4H19V3C19 2.71667 19.096 2.479 19.288 2.287C19.4793 2.09567 19.7167 2 20 2C20.2833 2 20.5207 2.09567 20.712 2.287C20.904 2.479 21 2.71667 21 3V4H22C22.2833 4 22.5207 4.09567 22.712 4.287C22.904 4.479 23 4.71667 23 5C23 5.28333 22.904 5.521 22.712 5.713C22.5207 5.90433 22.2833 6 22 6H21V7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8C19.7167 8 19.4793 7.90433 19.288 7.713C19.096 7.521 19 7.28333 19 7V6Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M3.49999 25.6666C2.85832 25.6666 2.30921 25.4384 1.85266 24.9818C1.39532 24.5245 1.16666 23.975 1.16666 23.3333V9.33331C1.16666 8.69165 1.39532 8.14254 1.85266 7.68598C2.30921 7.22865 2.85832 6.99998 3.49999 6.99998H7.17499L8.63332 5.42498C8.84721 5.19165 9.10466 5.00692 9.40566 4.87081C9.70743 4.7347 10.0236 4.66665 10.3542 4.66665H15.1667C15.4972 4.66665 15.7745 4.77826 15.9985 5.00148C16.2217 5.22548 16.3333 5.50276 16.3333 5.83331V8.16665C16.3333 8.4972 16.4453 8.77448 16.6693 8.99848C16.8925 9.2217 17.1694 9.33331 17.5 9.33331H19.8333V11.6666C19.8333 11.9972 19.9453 12.2741 20.1693 12.4973C20.3925 12.7213 20.6694 12.8333 21 12.8333H23.3333C23.6639 12.8333 23.9408 12.9449 24.164 13.1681C24.388 13.3921 24.5 13.6694 24.5 14V23.3333C24.5 23.975 24.2717 24.5245 23.8152 24.9818C23.3578 25.4384 22.8083 25.6666 22.1667 25.6666H3.49999ZM12.8333 21.5833C14.2917 21.5833 15.5314 21.0731 16.5527 20.0526C17.5731 19.0314 18.0833 17.7916 18.0833 16.3333C18.0833 14.875 17.5731 13.6352 16.5527 12.614C15.5314 11.5935 14.2917 11.0833 12.8333 11.0833C11.375 11.0833 10.1352 11.5935 9.11399 12.614C8.09354 13.6352 7.58332 14.875 7.58332 16.3333C7.58332 17.7916 8.09354 19.0314 9.11399 20.0526C10.1352 21.0731 11.375 21.5833 12.8333 21.5833ZM22.1667 6.99998H21C20.6694 6.99998 20.3925 6.88837 20.1693 6.66515C19.9453 6.44115 19.8333 6.16387 19.8333 5.83331C19.8333 5.50276 19.9453 5.22548 20.1693 5.00148C20.3925 4.77826 20.6694 4.66665 21 4.66665H22.1667V3.49998C22.1667 3.16942 22.2787 2.89215 22.5027 2.66815C22.7259 2.44492 23.0028 2.33331 23.3333 2.33331C23.6639 2.33331 23.9408 2.44492 24.164 2.66815C24.388 2.89215 24.5 3.16942 24.5 3.49998V4.66665H25.6667C25.9972 4.66665 26.2741 4.77826 26.4973 5.00148C26.7213 5.22548 26.8333 5.50276 26.8333 5.83331C26.8333 6.16387 26.7213 6.44115 26.4973 6.66515C26.2741 6.88837 25.9972 6.99998 25.6667 6.99998H24.5V8.16665C24.5 8.4972 24.388 8.77448 24.164 8.99848C23.9408 9.2217 23.6639 9.33331 23.3333 9.33331C23.0028 9.33331 22.7259 9.2217 22.5027 8.99848C22.2787 8.77448 22.1667 8.4972 22.1667 8.16665V6.99998Z", fill: "currentColor" })));
+  }
+};
+o.style = l;
+export {
+  o as flip_icon_add_photo
+};