@getflip/swirl-components-react 0.9.0 → 0.11.0

package/dist/{flip-tree-navigation-item.entry.a16661ed.js → swirl-tree-navigation-item.entry.49118257.js}

@@ -1,5 +1,5 @@
-import { r as i, h as a, H as s, g as r } from "./index.bf386a84.js";
-import { c as o } from "./index-6d2e18c6.289636d4.js";
+import { r as i, h as a, H as s, g as r } from "./index.9489626d.js";
+import { c as o } from "./index-c3028f7d.557956d2.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-44457d8d.ba94af77.js";
@@ -22,5 +22,5 @@ const n = ":host{display:inline-flex;width:100%;height:2.5rem;padding-right:var(
 };
 c.style = n;
 export {
-  c as flip_tree_navigation_item
+  c as swirl_tree_navigation_item
 };

package/dist/{flip-video-thumbnail.entry.d79c4343.js → swirl-video-thumbnail.entry.786a3d11.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as e } from "./index.bf386a84.js";
+import { r as t, h as n, H as e } from "./index.9489626d.js";
 import "react";
 import "react-dom";
 const a = `:host {
@@ -79,10 +79,10 @@ const a = `:host {
     t(this, i), this.durationLabel = "Duration";
   }
   render() {
-    return n(e, null, n("button", { "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { class: "video-thumbnail__duration", id: "duration" }, n("flip-visually-hidden", null, this.durationLabel), this.duration), n("svg", { class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(e, null, n("button", { "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", null, this.durationLabel), this.duration), n("svg", { class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
 o.style = a;
 export {
-  o as flip_video_thumbnail
+  o as swirl_video_thumbnail
 };

package/dist/{flip-visually-hidden.entry.08ca947f.js → swirl-visually-hidden.entry.1da622ab.js}

@@ -1,9 +1,9 @@
-import { r, h as i, H as l } from "./index.bf386a84.js";
+import { r as s, h as i, H as l } from "./index.9489626d.js";
 import "react";
 import "react-dom";
 const t = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", o = class {
-  constructor(s) {
-    r(this, s);
+  constructor(r) {
+    s(this, r);
   }
   render() {
     return i(l, null, i("slot", null));
@@ -11,5 +11,5 @@ const t = ":host{position:absolute;display:inline;overflow:hidden;width:1px;heig
 };
 o.style = t;
 export {
-  o as flip_visually_hidden
+  o as swirl_visually_hidden
 };

package/dist/utils-7efaa1c6.4a9c3721.js

@@ -0,0 +1,42 @@
+const u = () => document.documentElement.classList.contains("disable-desktop-style-tweaks") ? window.matchMedia(null) : window.matchMedia("(min-width: 992px) and (max-width: 1439px) and (hover: hover), (min-width: 1440px)");
+function p(i, l, e = !1) {
+  let s;
+  return async function() {
+    const t = this, a = arguments, n = function() {
+      s = null, e || i.apply(t, a);
+    }, c = e && !Boolean(s);
+    clearTimeout(s), s = setTimeout(n, l), c && i.apply(t, a);
+  };
+}
+function f(i, l) {
+  const e = l.scrollTop, s = e + l.clientHeight, o = l.getBoundingClientRect(), t = i.getBoundingClientRect(), n = {
+    top: t.top - o.top,
+    right: t.right - o.right,
+    bottom: t.bottom - o.bottom,
+    left: t.left - o.left
+  }.top + e, c = n + i.offsetHeight, r = n < e ? e : n;
+  return (c > s ? s : c) - r;
+}
+function w() {
+  return !window.matchMedia("(min-width: 768px)").matches;
+}
+function g(i, l) {
+  function e(o, t) {
+    if (!Boolean(t))
+      return [];
+    const a = Array.from(t.querySelectorAll(o)), n = Boolean(window.HTMLSlotElement) && t instanceof HTMLSlotElement ? t.assignedElements() : [], c = [...Array.from(t.children), ...n], r = t.shadowRoot, d = e(o, r);
+    return [
+      ...a,
+      ...c.map((m) => e(o, m)).flat(),
+      ...d
+    ];
+  }
+  return e(l, i).filter((o, t, a) => !a.some((n, c) => n.isSameNode(o) && c > t));
+}
+export {
+  f as a,
+  p as d,
+  u as g,
+  w as i,
+  g as q
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.10.0",
+    "@getflip/swirl-components": "^0.12.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/file-manager.entry.bede5c37.js

@@ -1,58 +0,0 @@
-import { r as o, h as e, H as n } from "./index.bf386a84.js";
-import "react";
-import "react-dom";
-const a = {
-  directories: [
-    {
-      name: "Development",
-      description: "Updated 2 days ago.",
-      children: [
-        {
-          description: "1.02 MB, updated 2 days ago.",
-          name: "sample.pdf",
-          type: "application/pdf",
-          url: "/sample.pdf"
-        },
-        {
-          description: "124 KB, updated a month ago.",
-          name: "sample.jpg",
-          type: "image/jpeg",
-          url: "/sample.jpg"
-        }
-      ]
-    },
-    {
-      name: "People",
-      description: "Updated just now.",
-      children: []
-    }
-  ]
-}, c = class {
-  constructor(t) {
-    o(this, t), this.selectItem = (i) => {
-      "type" in i ? (this.selectedFile = i, this.layout.changeMobileView("body")) : this.selectedDirectory = i;
-    }, this.resetSelectedDirectory = () => {
-      this.selectedDirectory = void 0;
-    }, this.toggleSidebar = () => {
-      var i;
-      (i = this.layout) === null || i === void 0 || i.toggleSidebar();
-    };
-  }
-  renderNavigation() {
-    const t = Boolean(this.selectedDirectory) ? this.selectedDirectory.children : a.directories;
-    return t.length > 0 ? t.map((i) => e("flip-resource-list-item", {
-      description: i.description,
-      key: i.name,
-      label: i.name,
-      media: "type" in i ? "<flip-icon-file></flip-icon-file>" : "<flip-icon-folder-shared></flip-icon-folder-shared>",
-      onClick: () => this.selectItem(i)
-    })) : e("flip-box", { padding: "16" }, e("flip-text", { color: "subdued", weight: "medium" }, "This directory is empty."));
-  }
-  render() {
-    var t, i;
-    return e(n, null, e("flip-app-layout", { appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<flip-icon-add></flip-icon-add>", ctaLabel: "Upload file", heading: (t = this.selectedFile) === null || t === void 0 ? void 0 : t.name, navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (l) => this.layout = l, sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), subheading: (i = this.selectedFile) === null || i === void 0 ? void 0 : i.description, transitionStyle: "dialog" }, e("flip-resource-list", { label: "Documents", slot: "navigation" }, this.renderNavigation()), e("flip-button", { id: "sort-button", label: "Sort items", slot: "navigation-controls" }), Boolean(this.selectedFile) ? e("flip-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type }) : e("flip-box", { cover: !0, centerBlock: !0, centerInline: !0, padding: "16", slot: "content" }, e("flip-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list.")), e("div", { slot: "app-bar-controls" }, this.selectedFile && e("flip-button", { "hide-label": !0, class: "info-button", icon: "<flip-icon-info></flip-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("flip-box", { padding: "16", slot: "sidebar" }, e("flip-text", { color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("flip-popover", { label: "Sort items", popoverId: "sort-menu", trigger: "sort-button" }, e("flip-option-list", { value: ["ascending"] }, e("flip-option-list-item", { icon: "<flip-icon-expand-less></flip-icon-expand-less>", label: "Ascending", value: "ascending" }), e("flip-option-list-item", { icon: "<flip-icon-expand-more></flip-icon-expand-more>", label: "Descending", value: "descending" }), e("flip-option-list-item", { icon: "<flip-icon-time-outlined></flip-icon-time-outlined>", label: "By date", value: "date" }))));
-  }
-};
-export {
-  c as file_manager
-};

package/dist/flip-action-list-item.entry.41c8d63b.js

@@ -1,18 +0,0 @@
-import { r as e, h as i, H as a } from "./index.bf386a84.js";
-import { c as o } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-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{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.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 ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;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) {
-    e(this, t), this.intent = "default", this.size = "m";
-  }
-  render() {
-    const t = Boolean(this.suffix) && !this.disabled, s = o("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-    return i(a, null, i("button", { class: s, 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.6e34b5f7.js

@@ -1,15 +0,0 @@
-import { r as i, h as t, H as o } from "./index.bf386a84.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-autocomplete.entry.d20013f6.js

@@ -1,70 +0,0 @@
-import { r as n, c, h as o, H as u, g as r } from "./index.bf386a84.js";
-import { a as h, c as p, o as d } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
-import { c as m } from "./index-6d2e18c6.289636d4.js";
-import { d as f } from "./utils-39b2afe8.37b54ba4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const b = ".sc-flip-autocomplete-h{display:block}.sc-flip-autocomplete-h *.sc-flip-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-flip-autocomplete .autocomplete__listbox-container.sc-flip-autocomplete{display:none}.autocomplete__listbox-container.sc-flip-autocomplete{position:fixed;z-index:var(--s-z-40);overflow:hidden;border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.autocomplete__spinner.sc-flip-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}", g = class {
-  constructor(s) {
-    n(this, s), this.valueChange = c(this, "valueChange", 7), this.clearable = !0, this.clearButtonLabel = "Clear input", this.generateSuggestions = async () => [], this.menuLabel = "Suggestions", this.active = !1, this.loading = !1, this.suggestions = [], this.onChange = f(async (t) => {
-      this.value = t.detail, this.valueChange.emit(this.value), this.updateSuggestions(), this.open();
-    }, 250, !1), this.onSelect = (t) => {
-      var i;
-      Boolean(t.detail[0]) && (this.value = t.detail[0], this.valueChange.emit(this.value)), (i = this.inputEl.querySelector("input")) === null || i === void 0 || i.focus(), this.close();
-    }, this.onFocusOut = (t) => {
-      const i = t.relatedTarget;
-      Boolean(i) && !this.el.contains(i) && this.close();
-    }, this.onFocus = () => {
-      this.updateSuggestions(), this.open();
-    }, this.onKeyDown = (t) => {
-      t.code === "Escape" && (t.preventDefault(), this.inputEl.querySelector("input").focus(), this.close());
-    }, this.onInputKeyDown = (t) => {
-      t.code === "ArrowDown" && (t.preventDefault(), this.listboxEl.querySelector('[role="listbox"]').focus());
-    };
-  }
-  componentWillLoad() {
-    const s = document.querySelectorAll("flip-datepicker").length;
-    this.id = `autocomplete-${s}`;
-  }
-  onWindowClick(s) {
-    const t = s.target;
-    this.el.contains(t) || this.close();
-  }
-  async close() {
-    !this.active || (this.disableAutoUpdate && this.disableAutoUpdate(), this.active = !1);
-  }
-  async open() {
-    this.active || (this.active = !0, requestAnimationFrame(async () => {
-      await this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = h(this.inputEl, this.listboxContainerEl, this.reposition.bind(this)), this.listboxContainerEl.scrollTop = 0;
-    }));
-  }
-  async reposition() {
-    !Boolean(this.listboxContainerEl) || (this.position = await p(this.inputEl, this.listboxContainerEl, {
-      middleware: [d({ crossAxis: -16, mainAxis: 16 })],
-      placement: "bottom-start",
-      strategy: "fixed"
-    }));
-  }
-  async updateSuggestions() {
-    this.loading = !0, this.suggestions = [], this.suggestions = await this.generateSuggestions(this.value), this.loading = !1;
-  }
-  render() {
-    var s, t, i;
-    const l = `${this.id}-suggestions`, a = m("autocomplete", {
-      "autocomplete--inactive": !this.active
-    });
-    return o(u, null, o("div", { class: a, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, o("flip-text-input", { autoSelect: this.autoSelect, class: "autocomplete__input", clearable: this.clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, flipAriaAutocomplete: "list", flipAriaControls: l, flipAriaDescribedby: this.flipAriaDescribedby, flipAriaExpanded: String(this.active), flipRole: "combobox", id: this.id, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, ref: (e) => this.inputEl = e, required: this.required, spellCheck: this.spellCheck, value: this.value }), o("div", { class: "autocomplete__listbox-container", ref: (e) => this.listboxContainerEl = e, style: {
-      top: Boolean(this.position) ? `${(s = this.position) === null || s === void 0 ? void 0 : s.y}px` : "",
-      left: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.x}px` : "",
-      width: `${((i = this.inputEl) === null || i === void 0 ? void 0 : i.getBoundingClientRect().width) + 32}px`
-    } }, this.loading && o("div", { class: "autocomplete__spinner" }, o("flip-spinner", null)), o("flip-option-list", { label: this.menuLabel, onValueChange: this.onSelect, optionListId: l, ref: (e) => this.listboxEl = e, value: [this.value] }, this.suggestions.map((e) => o("flip-option-list-item", { selected: this.value === e.label, key: e.id, disabled: e.disabled, label: e.label, value: e.label }))))));
-  }
-  get el() {
-    return r(this);
-  }
-};
-g.style = b;
-export {
-  g as flip_autocomplete
-};

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

@@ -1,20 +0,0 @@
-import { r as t, h as e, H as i } from "./index.bf386a84.js";
-import { c as r } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const s = ":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(--flip-badge-border-color);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{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.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 = r("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 = s;
-export {
-  n as flip_badge
-};

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

@@ -1,33 +0,0 @@
-import { r, c as a, h as n, H as o, g as c } from "./index.bf386a84.js";
-import { c as l } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-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:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@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;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@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>"
-}, u = 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);
-  }
-};
-u.style = b;
-export {
-  u as flip_banner
-};

package/dist/flip-button-group.entry.3d29e0ac.js

@@ -1,20 +0,0 @@
-import { r as i, h as o, H as e } from "./index.bf386a84.js";
-import { c as s } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--flip-button-border-top-right-radius:0;--flip-button-border-top-left-radius:0;--flip-button-border-bottom-right-radius:0;--flip-button-border-bottom-left-radius:0;--flip-icon-button-border-top-right-radius:0;--flip-icon-button-border-top-left-radius:0;--flip-icon-button-border-bottom-right-radius:0;--flip-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--flip-button-border-top-right-radius:0;--flip-button-border-bottom-right-radius:0;--flip-icon-button-border-top-right-radius:0;--flip-icon-button-border-bottom-right-radius:0;--flip-icon-button-border-top-left-radius:var(--s-border-radius-base);--flip-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--flip-button-border-top-left-radius:0;--flip-button-border-bottom-left-radius:0;--flip-icon-button-border-top-right-radius:var(--s-border-radius-base);--flip-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--flip-icon-button-border-top-left-radius:0;--flip-icon-button-border-bottom-left-radius:0}', a = class {
-  constructor(t) {
-    i(this, t), this.orientation = "horizontal";
-  }
-  render() {
-    const t = this.segmented ? "0" : "8", r = s("button-group", {
-      "button-group--segmented": this.segmented
-    });
-    return o(e, null, o("flip-stack", { align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: r, justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: t, wrap: this.wrap }, o("slot", null)));
-  }
-};
-a.style = n;
-export {
-  a as flip_button_group
-};

package/dist/flip-button.entry.33e2201f.js

@@ -1,41 +0,0 @@
-import { r as e, h as n, H as l } from "./index.bf386a84.js";
-import { c as s } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const c = `.sc-flip-button-h{display:inline-block;max-width:100%;flex-shrink:0}.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-top-left-radius:var(--flip-button-border-top-left-radius);border-top-right-radius:var(--flip-button-border-top-right-radius);border-bottom-right-radius:var(--flip-button-border-bottom-right-radius);border-bottom-left-radius:var(--flip-button-border-bottom-left-radius);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__icon.sc-flip-button{color:var(--s-icon-disabled)}.button.sc-flip-button:focus:not(:focus-visible){outline:none}.button.sc-flip-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.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__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__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__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-flip-button .button__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__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__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__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__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__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__icon.sc-flip-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-flip-button .button__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__icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-flip-button .button__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:var(--s-shadow-level-1)}.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-12)}.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__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-flip-button .button__icon.sc-flip-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--icon-only.sc-flip-button{padding:var(--s-space-8);border-top-left-radius:var(--flip-icon-button-border-top-left-radius);border-top-right-radius:var(--flip-icon-button-border-top-right-radius);border-bottom-right-radius:var(
-    --flip-icon-button-border-bottom-right-radius
-  );border-bottom-left-radius:var(--flip-icon-button-border-bottom-left-radius)}.button--icon-only.sc-flip-button .button__icon.sc-flip-button{margin-right:0;margin-left:0}.button__icon.sc-flip-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-flip-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, b = class {
-  constructor(t) {
-    e(this, t), this.iconPosition = "start", 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");
-  }
-  getAriaLabel(t) {
-    if (Boolean(this.flipAriaLabel))
-      return this.flipAriaLabel;
-    if (t)
-      return this.label;
-  }
-  render() {
-    const t = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", o = Boolean(this.href), i = this.getAriaLabel(t), a = s("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
-      "button--icon-only": t
-    });
-    return n(l, null, n(o ? "a" : "button", { "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled && !o ? "true" : void 0, "aria-expanded": this.flipAriaExpanded, "aria-label": i, class: a, disabled: o ? void 0 : this.disabled, download: o ? void 0 : this.download, form: o ? void 0 : this.form, href: this.href, name: o ? void 0 : this.name, target: o ? this.target : void 0, type: o ? void 0 : this.type, value: o ? void 0 : this.value }, this.icon && n("span", { class: "button__icon", innerHTML: this.icon, ref: (r) => this.iconEl = r }), !t && n("span", { class: "button__label" }, this.label)));
-  }
-};
-b.style = c;
-export {
-  b as flip_button
-};

package/dist/flip-checkbox.entry.ddf308bf.js

@@ -1,30 +0,0 @@
-import { r, c as a, h as c, H as t } from "./index.bf386a84.js";
-import { c as n } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const k = `.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-8);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) {
-    r(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);
-    };
-  }
-  getAriaCheckedLabel(e, o) {
-    return e ? "true" : o ? "false" : "mixed";
-  }
-  render() {
-    const e = this.checked === !1 || this.checked === "false", o = this.checked === !0 || this.checked === "true", i = this.checked === "indeterminate", h = Boolean(this.label) || Boolean(this.description), s = this.getAriaCheckedLabel(o, e), l = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, b = n("checkbox", {
-      "checkbox--checked": o,
-      "checkbox--disabled": this.disabled,
-      "checkbox--indeterminate": i,
-      "checkbox--invalid": this.invalid,
-      "checkbox--unchecked": e
-    });
-    return c(t, null, c("label", { class: b, htmlFor: this.inputId }, c("span", { class: "checkbox__control" }, c("flip-visually-hidden", null, c("input", { "aria-checked": s, "aria-describedby": this.flipAriaDescribedby, "aria-invalid": l, 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" })))), h && 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 = k;
-export {
-  x as flip_checkbox
-};

package/dist/flip-dialog.entry.7f4c27e9.js

@@ -1,45 +0,0 @@
-import { r as e, c as t, h as o, H as n } from "./index.bf386a84.js";
-import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
-import { c as l } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const r = ':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-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}.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}}', d = class {
-  constructor(i) {
-    e(this, i), this.primaryAction = t(this, "primaryAction", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.intent = "primary", this.closing = !1, this.onKeyDown = (a) => {
-      a.code === "Escape" && this.close();
-    }, this.onBackdropClick = () => {
-      this.close();
-    }, this.onPrimaryAction = (a) => {
-      this.primaryAction.emit(a), this.close();
-    }, this.onSecondaryAction = (a) => {
-      this.secondaryAction.emit(a), this.close();
-    };
-  }
-  componentDidLoad() {
-    this.dialog = new s(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 = l("dialog", { "dialog--closing": this.closing });
-    return o(n, null, o("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: (a) => this.dialogEl = a, role: "alertdialog" }, o("div", { class: "dialog__backdrop", onClick: this.onBackdropClick }), o("div", { class: "dialog__body", role: "document" }, !this.hideLabel && o("h2", { class: "dialog__heading", id: "label" }, this.label), o("div", { class: "dialog__content", id: "content" }, o("slot", null)), o("flip-button-group", { class: "dialog__controls", ref: (a) => this.controlsContainerEl = a, stretch: !0, wrap: !0 }, this.secondaryActionLabel && o("flip-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && o("flip-button", { intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: this.intent === "critical" ? "ghost" : "flat" })))));
-  }
-};
-d.style = r;
-export {
-  d as flip_dialog
-};

package/dist/flip-file-uploader.entry.e8da0073.js

@@ -1,32 +0,0 @@
-import { r as s, c as r, h as e, H as d } from "./index.bf386a84.js";
-import { c as p } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const t = ".sc-flip-file-uploader-h{display:block;width:100%}.sc-flip-file-uploader-h *.sc-flip-file-uploader{box-sizing:border-box}.file-uploader.sc-flip-file-uploader{width:100%}.file-uploader--show-dropzone.sc-flip-file-uploader .file-uploader__dropzone.sc-flip-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-16);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-flip-file-uploader .file-uploader__dropzone.sc-flip-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-flip-file-uploader .file-uploader__input.sc-flip-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-flip-file-uploader .file-uploader__input.sc-flip-file-uploader{cursor:default}.file-uploader--disabled.sc-flip-file-uploader .file-uploader__dropzone-cta.sc-flip-file-uploader,.file-uploader--disabled.sc-flip-file-uploader .file-uploader__drag-drop-label.sc-flip-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-flip-file-uploader .file-uploader__dropzone-icon.sc-flip-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-flip-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}.file-uploader__description.sc-flip-file-uploader{display:block;margin-top:var(--s-space-4);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.file-uploader__dropzone-icon.sc-flip-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-flip-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}.file-uploader__dropzone-cta.sc-flip-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-flip-file-uploader{margin-top:var(--s-space-16)}.file-uploader__input.sc-flip-file-uploader{display:none}", n = class {
-  constructor(l) {
-    s(this, l), this.valueChange = r(this, "valueChange", 7), this.ctaLabel = "Click to upload", this.dragDropLabel = "or drag and drop.", this.showDropzone = !0, this.uploadButtonLabel = "Select file", this.onChange = (i) => {
-      const o = i.target.files;
-      this.valueChange.emit(o);
-    }, this.onUploadButtonClick = () => {
-      this.inputEl.click();
-    };
-  }
-  async reset() {
-    this.inputEl.value = "";
-  }
-  render() {
-    const l = Boolean(this.description) ? `${this.inputId}-description ${this.inputId}-additional-label` : `${this.inputId}-additional-label`, i = this.showDropzone ? 0 : -1, o = p("file-uploader", {
-      "file-uploader--disabled": this.disabled,
-      "file-uploader--show-dropzone": this.showDropzone
-    });
-    return e(d, null, e("div", { class: o }, e("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputEl}-label` }, this.label), this.description && e("span", { class: "file-uploader__description", id: `${this.inputId}-description` }, this.description), e("div", { class: "file-uploader__dropzone" }, this.showDropzone ? [
-      e("flip-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
-      e("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, e("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", e("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel))
-    ] : e("flip-button", { class: "file-uploader__upload-button", disabled: this.disabled, flipAriaDescribedby: l, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, variant: "flat" }), e("input", { accept: this.accept, "aria-describedby": l, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (a) => this.inputEl = a, tabIndex: i, type: "file" }))));
-  }
-};
-n.style = t;
-export {
-  n as flip_file_uploader
-};