import { r as i, h as e, F as c } from "./index.e6beb8d9.js";
import { c as d } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const t = () => ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}", l = class {
  constructor(r) {
    i(this, r), this.size = 24;
  }
  render() {
    const r = this.size === 20 ? 24 : this.size, a = {
      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
    }, o = d("swirl-icon", `swirl-icon--size-${this.size}`);
    return e("svg", { key: "3611b0b1054ab5be023f9ed109ceaa67584e2614", "aria-hidden": "true", class: o, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${r} ${r}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(c, { key: "444b8d52a87818d4a6e421a8925323d61cef4f4a" }, e("path", { key: "3f70a7fa40feded66a0d1e7686cdfd7cb1a70c56", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(c, { key: "03c0e85a731a6f154a58f6ac1d27f2d3f223a745" }, e("path", { key: "d49b75d51187b69ef42e5b3f285605072d46cdca", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" })), this.size === 28 && e(c, { key: "815b6a9d5a116237907b29380a95b52f6ea924d7" }, e("path", { key: "ced9eb2e6e0339cd86457e30ab82ae3837ddf01b", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })));
  }
};
l.style = t();
const s = () => ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}", n = class {
  constructor(r) {
    i(this, r), this.size = 24;
  }
  render() {
    const r = this.size === 20 ? 24 : this.size, a = {
      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
    }, o = d("swirl-icon", `swirl-icon--size-${this.size}`);
    return e("svg", { key: "ac3df16495462f28c4407db4ad875a3bec956281", "aria-hidden": "true", class: o, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${r} ${r}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(c, { key: "f94e99d6407f929a884b8ece1c314632b7531500" }, e("rect", { key: "d7793ac34de9166f03ed712e8477b4812c10c7dd", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "92582198beaa95901ad792065c39991337bdf894", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "4c0a1d968c779118150d73bf2ce2093cd246ca49", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "4ea56f67b4f3c06dc1ea257d485f7fd657ee3300", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "fee2a4756ca009b91431f1aa46ab936612e3e2b3", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "0b5ea29ca9b18f67858f82d4145134cb1d2fac4d", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(c, { key: "998170f0fe1a644549af84bf589423779bb6be74" }, e("rect", { key: "30422c5a04a414cf6756cde00c26f207498989a8", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "cfc3e670f24d9da16c793a0cc8b0bc47eb7d88b3", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "1f952c99fc2c87259a10d8f26ea2b51bbfcca2f0", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "f5bb37f16fbfca51209b236ae2107b7607ad9004", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "0c3bd6cf051c20485858dec861d3270f451ea400", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "a63645035a505b21ec341ac71b7a664d18cdb7b0", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(c, { key: "071b8fe6cf630dd9be42113ee433ea6b5bbd7892" }, e("rect", { key: "9c74b63a697427550a843e4c00f4e57dd19483cf", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "c476d8241bf95afaf133f07161c60be75f6a4b53", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "a36ed2c1875c2dde109753b61bb7aa99ea9ee5fb", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "98043438b3bf95d4f0e0aa3f10257f8e0d60522e", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "4f04d831c8d78530a7c861b7de0214eaab3ec0ad", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "31c4c2257fca0fef8e350e45108a61ad75e6785b", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
  }
};
n.style = s();
export {
  l as swirl_icon_check_strong,
  n as swirl_icon_drag_handle
};
