@getflip/swirl-components-react 0.9.0 → 0.11.0

package/dist/flip-search.entry.365ec7f8.js

@@ -1,31 +0,0 @@
-import { r as c, c as r, h as a, H as i } from "./index.bf386a84.js";
-import { c as t } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const l = ".sc-flip-search-h{display:flex;width:100%}.sc-flip-search-h *.sc-flip-search{box-sizing:border-box}.search.sc-flip-search{position:relative;display:flex;width:100%}.search--disabled.sc-flip-search .search__icon.sc-flip-search{color:var(--s-icon-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search{color:var(--s-text-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-flip-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-flip-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-flip-search:focus:not(:focus-visible){outline:none}.search__input.sc-flip-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-flip-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-flip-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-flip-search::-webkit-search-decoration,.search__input.sc-flip-search::-webkit-search-cancel-button,.search__input.sc-flip-search::-webkit-search-results-button,.search__input.sc-flip-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-flip-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-flip-search{display:inline-flex}.search__input.sc-flip-search:not(:placeholder-shown)+.search__clear-button.sc-flip-search{display:inline-flex}.search__clear-button.sc-flip-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", o = class {
-  constructor(s) {
-    c(this, s), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.valueChange = r(this, "valueChange", 7), this.clearButtonLabel = "Clear search term", this.placeholder = "Search \u2026", this.clear = () => {
-      this.input.value = "", this.input.focus();
-    }, this.onBlur = (e) => {
-      this.inputBlur.emit(e);
-    }, this.onChange = (e) => {
-      this.valueChange.emit(e.target.value);
-    }, this.onFocus = (e) => {
-      this.inputFocus.emit(e);
-    };
-  }
-  onKeyDown(s) {
-    (s.code === "KeyK" || s.code === "Slash") && (s.ctrlKey || s.metaKey) && this.input.focus();
-  }
-  render() {
-    const s = t("search", {
-      "search--disabled": this.disabled
-    });
-    return a(i, null, a("span", { class: s }, a("flip-icon-search", { class: "search__icon" }), a("input", { "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.input = e, type: "search", value: this.value }), !this.disabled && a("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("flip-icon-cancel", null))));
-  }
-};
-o.style = l;
-export {
-  o as flip_search
-};

package/dist/flip-select.entry.0f48829d.js

@@ -1,48 +0,0 @@
-import { r as n, c, h as e, H as r, g as p } from "./index.bf386a84.js";
-import { c as d } from "./index-6d2e18c6.289636d4.js";
-import { q as h } from "./utils-39b2afe8.37b54ba4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const u = ".sc-flip-select-h{display:block;width:100%}.sc-flip-select-h *.sc-flip-select{box-sizing:border-box}.select.sc-flip-select{position:relative;display:flex;width:100%}.select--disabled.sc-flip-select .select__label.sc-flip-select{color:var(--s-text-disabled)}.select--disabled.sc-flip-select .select__indicator.sc-flip-select{color:var(--s-icon-disabled)}.select__label.sc-flip-select{display:block;overflow:hidden;width:100%;height:1.375rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__label.sc-flip-select:focus{outline:none}.select__indicator.sc-flip-select{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;color:var(--s-icon-default)}", f = class {
-  constructor(t) {
-    n(this, t), this.valueChange = c(this, "valueChange", 7), this.options = [], this.select = (i) => {
-      this.value = i.detail, this.valueChange.emit(this.value), this.multiSelect || this.popover.close();
-    }, this.onSlotChange = () => {
-      this.updateOptions();
-    }, this.onOpen = () => {
-      this.open = !0;
-    }, this.onClose = () => {
-      this.open = !1;
-    }, this.onKeyDown = (i) => {
-      (i.code === "Space" || i.code === "Enter") && (i.preventDefault(), this.popover.open());
-    };
-  }
-  componentWillLoad() {
-    queueMicrotask(() => {
-      this.updateOptions();
-    });
-  }
-  onWindowFocusIn(t) {
-    t.target === this.el.querySelector("input") && t.stopImmediatePropagation();
-  }
-  updateOptions() {
-    this.options = h(this.el, "flip-option-list-item");
-  }
-  render() {
-    const t = Boolean(this.value) ? this.value.map((s) => {
-      var l;
-      return (l = this.options.find((a) => a.value === s)) === null || l === void 0 ? void 0 : l.label;
-    }).join(", ") : "", i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, o = d("select", {
-      "select--disabled": this.disabled
-    });
-    return e(r, { onKeyDown: this.onKeyDown }, e("div", { class: o }, e("input", { "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, class: "select__label", disabled: this.disabled, id: "trigger", readOnly: !0, type: "text", value: t }), e("span", { class: "select__indicator" }, this.open ? e("flip-icon-expand-less", null) : e("flip-icon-expand-more", null)), e("flip-popover", { animation: "scale-in-y", class: "select__popover", enableFlip: !1, label: this.label, offset: [16, -16], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, popoverId: "select-options", ref: (s) => this.popover = s, trigger: "trigger", useContainerWidth: "flip-form-control" }, e("flip-option-list", { onValueChange: this.select, multiSelect: this.multiSelect, value: this.value }, e("slot", { onSlotchange: this.onSlotChange })))));
-  }
-  get el() {
-    return p(this);
-  }
-};
-f.style = u;
-export {
-  f as flip_select
-};

package/dist/flip-switch.entry.3d9906ae.js

@@ -1,56 +0,0 @@
-import { r as n, c as r, h as e, H as a, g as o } from "./index.bf386a84.js";
-import { c as l } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const d = `.sc-flip-switch-h{display:inline-flex}.sc-flip-switch-h *.sc-flip-switch{box-sizing:border-box}.switch.sc-flip-switch{display:inline-flex;align-items:center;touch-action:none}.switch.sc-flip-switch:focus-within .switch__control.sc-flip-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),
-      0 0 0 0.1875rem var(--s-focus-default)}.switch--size-m.sc-flip-switch .switch__control.sc-flip-switch{width:2.75rem;height:1.5rem;border-radius:calc(1.5rem / 2)}.switch--size-m.sc-flip-switch .switch__thumb.sc-flip-switch{width:1.25rem;height:1.25rem}.switch--on.switch--size-m.sc-flip-switch .switch__thumb.sc-flip-switch{left:calc(100% - 1.25rem - var(--s-space-2))}.switch--on.sc-flip-switch .switch__control.sc-flip-switch{background-color:var(--s-interactive-primary-default)}.switch--on.sc-flip-switch .switch__thumb.sc-flip-switch{left:calc(100% - 0.875rem - var(--s-space-2))}.switch--disabled.sc-flip-switch .switch__control.sc-flip-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-flip-switch .switch__thumb.sc-flip-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-flip-switch .switch__label.sc-flip-switch{color:var(--s-text-disabled)}.switch__control.sc-flip-switch{position:relative;width:1.875rem;height:1.125rem;flex-shrink:0;border-radius:calc(1.125rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-flip-switch{transition:none}}.switch__thumb.sc-flip-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:0.875rem;height:0.875rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-flip-switch{transition:none}}.switch__label.sc-flip-switch{position:relative;z-index:1;margin-left:var(--s-space-12);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base)}`, f = class {
-  constructor(h) {
-    n(this, h), this.valueChange = r(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.size = "m", this.dragging = !1, this.recentlyDragged = !1, this.onChange = () => {
-      if (!this.dragging) {
-        if (this.recentlyDragged) {
-          this.recentlyDragged = !1;
-          return;
-        }
-        this.checked = !this.checked, this.valueChange.emit(this.checked);
-      }
-    }, this.onStartDrag = () => {
-      this.disabled || (this.dragging = !0, this.thumb.style.transition = "none");
-    }, this.onEndDrag = () => {
-      if (!this.disabled) {
-        if (this.recentlyDragged) {
-          const s = this.control.getBoundingClientRect(), c = this.thumb.getBoundingClientRect(), t = this.thumb.offsetLeft + c.width / 2 > s.width / 2;
-          this.checked !== t && (this.checked = t, this.valueChange.emit(t));
-        }
-        this.thumb.style.left = "", this.thumb.style.transition = "", this.dragging = !1, setTimeout(() => {
-          this.recentlyDragged = !1;
-        });
-      }
-    }, this.onDrag = (s) => {
-      if (!this.dragging)
-        return;
-      this.recentlyDragged = !0;
-      const c = this.control.getBoundingClientRect(), t = this.thumb.getBoundingClientRect();
-      let i = Math.round(s.offsetX - t.width / 2);
-      i < 0 && (i = 0), i > Math.round(c.width - t.width) && (i = Math.round(c.width - t.width)), this.thumb.style.left = `${i}px`;
-    };
-  }
-  onWindowPointerUp() {
-    this.onEndDrag();
-  }
-  render() {
-    const h = !this.checked, s = this.checked, c = s ? "true" : "false", t = l("switch", `switch--size-${this.size}`, {
-      "switch--off": h,
-      "switch--on": s,
-      "switch--disabled": this.disabled
-    });
-    return e(a, null, e("label", { class: t, htmlFor: this.inputId }, e("span", { class: "switch__control", onPointerDown: this.onStartDrag, onPointerMove: this.onDrag, onPointerUp: this.onEndDrag, ref: (i) => this.control = i }, e("flip-visually-hidden", null, e("input", { "aria-checked": c, checked: s, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), e("span", { "aria-hidden": "true", class: "switch__thumb", ref: (i) => this.thumb = i })), this.label && e("span", { class: "switch__label" }, this.label)));
-  }
-  get el() {
-    return o(this);
-  }
-};
-f.style = d;
-export {
-  f as flip_switch
-};

package/dist/flip-tab.entry.42e1241c.js

@@ -1,18 +0,0 @@
-import { r as s, h as a, H as i } from "./index.bf386a84.js";
-import { c as o } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.tab{display:none;width:100%;padding:var(--s-space-8)}.tab--active{display:block}", r = class {
-  constructor(t) {
-    s(this, t);
-  }
-  render() {
-    const t = o("tab", { "tab--active": this.active });
-    return a(i, { "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1 }, a("div", { class: t }, a("slot", null)));
-  }
-};
-r.style = e;
-export {
-  r as flip_tab
-};

package/dist/flip-tag.entry.ae1b5da7.js

@@ -1,21 +0,0 @@
-import { r as e, c as s, h as t, H as n } from "./index.bf386a84.js";
-import { c as i } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.tag{display:inline-flex;padding:var(--s-space-2) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", l = class {
-  constructor(o) {
-    e(this, o), this.remove = s(this, "remove", 7), this.intent = "default", this.removalButtonLabel = "Remove", this.onRemove = (r) => {
-      var a;
-      (a = this.remove) === null || a === void 0 || a.emit(r);
-    };
-  }
-  render() {
-    const o = i("tag", `tag--intent-${this.intent}`);
-    return t(n, null, t("span", { class: o }, this.label, this.removable && t("button", { "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, type: "button" }, t("flip-icon-close", { size: 16 }))));
-  }
-};
-l.style = c;
-export {
-  l as flip_tag
-};

package/dist/flip-text-input.entry.50675c4c.js

@@ -1,60 +0,0 @@
-import { r as h, c as n, h as i, H as c } from "./index.bf386a84.js";
-import { c as d } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const x = '.sc-flip-text-input-h{display:block;width:100%}.sc-flip-text-input-h *.sc-flip-text-input{box-sizing:border-box}.text-input.sc-flip-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm)}.text-input--clearable.sc-flip-text-input,.text-input--type-number.sc-flip-text-input,.text-input--type-password.sc-flip-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-flip-text-input .text-input__input.sc-flip-text-input{width:100%}.text-input--disabled.sc-flip-text-input .text-input__character-counter.sc-flip-text-input{color:var(--s-text-disabled)}.text-input__input.sc-flip-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-flip-text-input:focus{outline:none}.text-input__input.sc-flip-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-flip-text-input::-webkit-outer-spin-button,.text-input__input.sc-flip-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-flip-text-input{-moz-appearance:textfield}input.text-input__input.sc-flip-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--disable-dynamic-width.sc-flip-text-input input.text-input__input.sc-flip-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-flip-text-input,.text-input__password-toggle.sc-flip-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__clear-button.sc-flip-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-flip-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-flip-text-input:focus-visible,.text-input__password-toggle.sc-flip-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__stepper.sc-flip-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}.text-input__step-button.sc-flip-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-flip-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-flip-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-flip-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}.text-input__prefix.sc-flip-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-flip-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', f = class {
-  constructor(s) {
-    h(this, s), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.autoComplete = "on", this.clearButtonLabel = "Clear input", this.rows = 1, this.passwordToggleLabel = "Toggle password display", this.type = "text", this.showPassword = !1, this.clear = () => {
-      this.inputEl.value = "", this.value = "", this.valueChange.emit(""), this.inputEl.focus();
-    }, this.onChange = (t) => {
-      const e = t.target;
-      this.value = e.value, this.valueChange.emit(e.value);
-    }, this.onBlur = (t) => {
-      this.inputBlur.emit(t);
-    }, this.onFocus = (t) => {
-      this.inputFocus.emit(t), this.handleAutoSelect(t);
-    }, this.onInput = (t) => {
-      this.onChange(t);
-    }, this.onKeyPress = (t) => {
-      this.type === "number" && ["+", "-", "e"].includes(t.key) && t.preventDefault();
-    }, this.decreaseValue = () => {
-      if (this.type !== "number")
-        return;
-      const t = this.step || 1;
-      let e = this.inputEl.valueAsNumber;
-      isNaN(this.inputEl.valueAsNumber) && (e = this.min !== void 0 ? this.min + 1 : 1), this.value = String(Math.max(this.min || -1 / 0, e - t)), this.valueChange.emit(this.value);
-    }, this.increaseValue = () => {
-      if (this.type !== "number")
-        return;
-      const t = this.step || 1;
-      let e = this.inputEl.valueAsNumber;
-      isNaN(this.inputEl.valueAsNumber) && (e = this.min !== void 0 ? this.min - 1 : -1), this.value = String(Math.min(this.max || 1 / 0, e + t)), this.valueChange.emit(this.value);
-    }, this.togglePassword = () => {
-      this.type === "password" && (this.showPassword = !this.showPassword);
-    };
-  }
-  componentDidRender() {
-    this.adjustInputSize();
-  }
-  adjustInputSize() {
-    this.rows > 1 && (this.inputEl.style.width = "", this.inputEl.style.height = "", this.inputEl.style.height = this.inputEl.scrollHeight / 16 + "rem"), this.rows === 1 && (this.inputEl.style.height = "", this.inputEl.style.width = "", this.type !== "password" && !this.disableDynamicWidth && (this.inputEl.style.width = this.inputEl.scrollWidth / 16 + "rem"));
-  }
-  handleAutoSelect(s) {
-    !this.autoSelect || s.target.select();
-  }
-  render() {
-    var s;
-    const t = this.rows === 1 ? "input" : "textarea", e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = this.type === "number" && !this.disabled, l = this.type === "password" && !this.disabled, u = this.clearable && !this.disabled && Boolean(this.value) && !l && !a && !this.showCharacterCounter, p = this.type === "password" && this.showPassword ? "text" : this.type, o = d("text-input", `text-input--type-${this.type}`, {
-      "text-input--clearable": this.clearable,
-      "text-input--disabled": this.disabled,
-      "text-input--disable-dynamic-width": this.disableDynamicWidth,
-      "text-input--show-password": this.type === "password" && this.showPassword
-    });
-    return i(c, null, i("div", { class: o }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(t, { "aria-autocomplete": this.flipAriaAutocomplete, "aria-controls": this.flipAriaControls, "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.flipAriaExpanded, "aria-invalid": e, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, ref: (r) => this.inputEl = r, required: this.required, role: this.flipRole, rows: this.rows > 1 ? this.rows : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: p, value: this.rows === 1 ? this.value : void 0 }, this.rows > 1 && this.value), this.suffixLabel && i("span", { class: "text-input__suffix" }, this.suffixLabel), u && i("button", { "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, type: "button" }, i("flip-icon-cancel", null)), l && i("button", { "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("flip-icon-visibility-off", null) : i("flip-icon-visibility", null)), a && i("span", { class: "text-input__stepper" }, i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("flip-icon-expand-less", null)), i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("flip-icon-expand-more", null))), this.showCharacterCounter && i("span", { class: "text-input__character-counter" }, ((s = this.value) === null || s === void 0 ? void 0 : s.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
-  }
-};
-f.style = x;
-export {
-  f as flip_text_input
-};

package/dist/flip-thumbnail.entry.d4e5fe61.js

@@ -1,18 +0,0 @@
-import { r as t, h as a, H as s } from "./index.bf386a84.js";
-import { c as l } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const m = ":host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail--size-s{--flip-thumbnail-size:2.5rem}.thumbnail--size-m{--flip-thumbnail-size:3rem}.thumbnail--size-l{--flip-thumbnail-size:4rem}.thumbnail--format-landscape{width:var(--flip-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-landscape .thumbnail__image{width:100%}.thumbnail--format-portrait{height:var(--flip-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-portrait .thumbnail__image{height:100%}.thumbnail--format-square{width:var(--flip-thumbnail-size);height:var(--flip-thumbnail-size)}.thumbnail--format-square .thumbnail__image{width:100%}.thumbnail__image{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}", r = class {
-  constructor(i) {
-    t(this, i), this.format = "landscape", this.size = "m";
-  }
-  render() {
-    const i = l("thumbnail", `thumbnail--format-${this.format}`, `thumbnail--size-${this.size}`);
-    return a(s, null, a("span", { class: i }, a("img", { alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
-  }
-};
-r.style = m;
-export {
-  r as flip_thumbnail
-};

package/dist/flip-toast.entry.f193091c.js

@@ -1,39 +0,0 @@
-import { r as i, c as a, h as t, H as e } from "./index.bf386a84.js";
-import { c as o } from "./index-6d2e18c6.289636d4.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const r = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}", n = class {
-  constructor(s) {
-    i(this, s), this.dismiss = a(this, "dismiss", 7), this.accessibleDismissLabel = "Dismiss", this.intent = "default", this.onDismiss = () => {
-      this.dismiss.emit(this.toastId);
-    };
-  }
-  watchDuration() {
-    this.startTimer();
-  }
-  componentDidLoad() {
-    this.startTimer();
-  }
-  startTimer() {
-    this.clearTimer(), this.duration !== void 0 && (this.timeout = setTimeout(() => {
-      this.dismiss.emit(this.toastId);
-    }, this.duration));
-  }
-  clearTimer() {
-    !Boolean(this.timeout) || (clearTimeout(this.timeout), this.timeout = void 0);
-  }
-  render() {
-    const s = o("toast", `toast--intent-${this.intent}`);
-    return t(e, null, t("div", { class: s }, this.icon && t("span", { class: "toast__icon", innerHTML: this.icon }), t("span", { class: "toast__content" }, this.content), t("button", { "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && t("flip-icon-close", null))));
-  }
-  static get watchers() {
-    return {
-      duration: ["watchDuration"]
-    };
-  }
-};
-n.style = r;
-export {
-  n as flip_toast
-};