@ultraviolet/ui 1.51.2 → 1.51.4

package/dist/components/List/SkeletonRows.js

@@ -1,35 +1,54 @@
 import { jsx, Fragment, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Skeleton } from "../Skeleton/index.js";
 import { Cell } from "./Cell.js";
 import { StyledRow } from "./Row.js";
-const StyledLoadingRow = styled(StyledRow)`
-  cursor: progress;
-`;
-const StyledSkeleton = styled(Skeleton)`
-  width: 80%;
-  max-width: 100%;
-`;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledLoadingRow = /* @__PURE__ */ _styled(StyledRow, process.env.NODE_ENV === "production" ? {
+  target: "efawmbb1"
+} : {
+  target: "efawmbb1",
+  label: "StyledLoadingRow"
+})(process.env.NODE_ENV === "production" ? {
+  name: "g8zzui",
+  styles: "cursor:progress"
+} : {
+  name: "g8zzui",
+  styles: "cursor:progress",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9Ta2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTa2VsZXRvbiB9IGZyb20gJy4uL1NrZWxldG9uJ1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IFN0eWxlZFJvdyB9IGZyb20gJy4vUm93J1xuXG5jb25zdCBTdHlsZWRMb2FkaW5nUm93ID0gc3R5bGVkKFN0eWxlZFJvdylgXG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG5gXG5cbmNvbnN0IFN0eWxlZFNrZWxldG9uID0gc3R5bGVkKFNrZWxldG9uKWBcbiAgd2lkdGg6IDgwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuYFxuXG50eXBlIExpc3RMb2FkaW5nU2tlbGV0b25Qcm9wcyA9IHtcbiAgc2VsZWN0YWJsZTogYm9vbGVhblxuICByb3dzOiBudW1iZXJcbiAgY29sczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvblJvd3MgPSAoe1xuICBzZWxlY3RhYmxlLFxuICByb3dzLFxuICBjb2xzLFxufTogTGlzdExvYWRpbmdTa2VsZXRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHJvd0FycmF5ID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogcm93cyB9LCAoXywgaW5kZXgpID0+IGluZGV4KVxuICBjb25zdCBjb2xBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGNvbHMgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7cm93QXJyYXkubWFwKGluZGV4ID0+IChcbiAgICAgICAgPFN0eWxlZExvYWRpbmdSb3dcbiAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICByb2xlPVwicm93XCJcbiAgICAgICAgICBpZD17YHNrZWxldG9uLSR7aW5kZXh9YH1cbiAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICA+XG4gICAgICAgICAge3NlbGVjdGFibGUgPyA8ZGl2IC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSkeleton = /* @__PURE__ */ _styled(Skeleton, process.env.NODE_ENV === "production" ? {
+  target: "efawmbb0"
+} : {
+  target: "efawmbb0",
+  label: "StyledSkeleton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bet25o",
+  styles: "width:80%;max-width:100%"
+} : {
+  name: "bet25o",
+  styles: "width:80%;max-width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9Ta2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTa2VsZXRvbiB9IGZyb20gJy4uL1NrZWxldG9uJ1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IFN0eWxlZFJvdyB9IGZyb20gJy4vUm93J1xuXG5jb25zdCBTdHlsZWRMb2FkaW5nUm93ID0gc3R5bGVkKFN0eWxlZFJvdylgXG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG5gXG5cbmNvbnN0IFN0eWxlZFNrZWxldG9uID0gc3R5bGVkKFNrZWxldG9uKWBcbiAgd2lkdGg6IDgwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuYFxuXG50eXBlIExpc3RMb2FkaW5nU2tlbGV0b25Qcm9wcyA9IHtcbiAgc2VsZWN0YWJsZTogYm9vbGVhblxuICByb3dzOiBudW1iZXJcbiAgY29sczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvblJvd3MgPSAoe1xuICBzZWxlY3RhYmxlLFxuICByb3dzLFxuICBjb2xzLFxufTogTGlzdExvYWRpbmdTa2VsZXRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHJvd0FycmF5ID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogcm93cyB9LCAoXywgaW5kZXgpID0+IGluZGV4KVxuICBjb25zdCBjb2xBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGNvbHMgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7cm93QXJyYXkubWFwKGluZGV4ID0+IChcbiAgICAgICAgPFN0eWxlZExvYWRpbmdSb3dcbiAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICByb2xlPVwicm93XCJcbiAgICAgICAgICBpZD17YHNrZWxldG9uLSR7aW5kZXh9YH1cbiAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICA+XG4gICAgICAgICAge3NlbGVjdGFibGUgPyA8ZGl2IC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const SkeletonRows = ({
   selectable,
   rows,
   cols
 }) => {
-  const rowArray = Array.from({ length: rows }, (_, index) => index);
-  const colArray = Array.from({ length: cols }, (_, index) => index);
-  return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs(
-    StyledLoadingRow,
-    {
-      sentiment: "neutral",
-      role: "row",
-      id: `skeleton-${index}`,
-      children: [
-        selectable ? /* @__PURE__ */ jsx("div", {}) : null,
-        colArray.map((columnIndex) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(StyledSkeleton, { variant: "line" }) }, columnIndex))
-      ]
-    },
-    index
-  )) });
+  const rowArray = Array.from({
+    length: rows
+  }, (_, index) => index);
+  const colArray = Array.from({
+    length: cols
+  }, (_, index) => index);
+  return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs(StyledLoadingRow, { sentiment: "neutral", role: "row", id: `skeleton-${index}`, children: [
+    selectable ? /* @__PURE__ */ jsx("div", {}) : null,
+    colArray.map((columnIndex) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(StyledSkeleton, { variant: "line" }) }, columnIndex))
+  ] }, index)) });
 };
 export {
   SkeletonRows

package/dist/components/List/constants.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const SELECTABLE_CHECKBOX_SIZE = 24;
+const EXPANDABLE_COLUMN_SIZE = 24;
+exports.EXPANDABLE_COLUMN_SIZE = EXPANDABLE_COLUMN_SIZE;
+exports.SELECTABLE_CHECKBOX_SIZE = SELECTABLE_CHECKBOX_SIZE;

package/dist/components/List/index.cjs

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const Body = require("./Body.cjs");
+const Cell = require("./Cell.cjs");
+const HeaderCell = require("./HeaderCell.cjs");
+const HeaderRow = require("./HeaderRow.cjs");
+const ListContext = require("./ListContext.cjs");
+const Row = require("./Row.cjs");
+const SelectBar = require("./SelectBar.cjs");
+const SkeletonRows = require("./SkeletonRows.cjs");
+const constants = require("./constants.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledList = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["template"].includes(prop),
+  target: "ef5qi0"
+} : {
+  shouldForwardProp: (prop) => !["template"].includes(prop),
+  target: "ef5qi0",
+  label: "StyledList"
+})("display:flex;flex-flow:column nowrap;width:100%;gap:", ({
+  theme
+}) => theme.space["1"], ";[role='row'],[role='button row']{display:grid;width:100%;grid-template-columns:", ({
+  template
+}) => template, ";align-items:center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCd0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHtcbiAgQ29tcG9uZW50UHJvcHMsXG4gIERpc3BhdGNoLFxuICBGb3J3YXJkZWRSZWYsXG4gIFJlYWN0Tm9kZSxcbiAgU2V0U3RhdGVBY3Rpb24sXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQm9keSB9IGZyb20gJy4vQm9keSdcbmltcG9ydCB7IENlbGwgfSBmcm9tICcuL0NlbGwnXG5pbXBvcnQgeyBIZWFkZXJDZWxsIH0gZnJvbSAnLi9IZWFkZXJDZWxsJ1xuaW1wb3J0IHsgSGVhZGVyUm93IH0gZnJvbSAnLi9IZWFkZXJSb3cnXG5pbXBvcnQgeyBMaXN0UHJvdmlkZXIsIHVzZUxpc3RDb250ZXh0IH0gZnJvbSAnLi9MaXN0Q29udGV4dCdcbmltcG9ydCB7IFJvdyB9IGZyb20gJy4vUm93J1xuaW1wb3J0IHsgU2VsZWN0QmFyIH0gZnJvbSAnLi9TZWxlY3RCYXInXG5pbXBvcnQgeyBTa2VsZXRvblJvd3MgfSBmcm9tICcuL1NrZWxldG9uUm93cydcbmltcG9ydCB7IEVYUEFOREFCTEVfQ09MVU1OX1NJWkUsIFNFTEVDVEFCTEVfQ0hFQ0tCT1hfU0laRSB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3RlbXBsYXRlJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHRlbXBsYXRlOiBzdHJpbmcgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZmxvdzogY29sdW1uIG5vd3JhcDtcbiAgd2lkdGg6IDEwMCU7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcblxuICBbcm9sZT0ncm93J10sXG4gIFtyb2xlPSdidXR0b24gcm93J10ge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAkeyh7IHRlbXBsYXRlIH0pID0+IHRlbXBsYXRlfTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gXG5cbnR5cGUgQ29sdW1uUHJvcHMgPSBQaWNrPFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgSGVhZGVyQ2VsbD4sXG4gICdpc09yZGVyZWQnIHwgJ29uT3JkZXInIHwgJ29yZGVyRGlyZWN0aW9uJ1xuPiAmIHtcbiAgbGFiZWw/OiBzdHJpbmdcbiAgd2lkdGg/OiBzdHJpbmdcbiAgaW5mbz86IHN0cmluZ1xufVxuXG50eXBlIExpc3RQcm9wcyA9IHtcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW5cbiAgc2VsZWN0YWJsZT86IGJvb2xlYW5cbiAgY29sdW1uczogQ29sdW1uUHJvcHNbXVxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBTZXQgaXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0byBkaXNwbGF5IGEgcGxhY2Vob2xkZXIgZHVyaW5nIGxvYWRpbmdcbiAgICogKi9cbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEF1dG8gY29sbGFwc2UgaXMgY29sbGFwc2luZyBleHBhbmRhYmxlIHJvdyB3aGVuIGFub3RoZXIgaXMgZXhwYW5kaW5nXG4gICAqICovXG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFjdGlvbiB3aGVuIHNlbGVjdGlvbiBjaGFuZ2VzIChnZXQgdGhlIGxpc3Qgb2Ygc2VsZWN0ZWQgcm93cylcbiAgICovXG4gIG9uU2VsZWN0ZWRDaGFuZ2U/OiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxzdHJpbmdbXT4+XG59XG5cbmNvbnN0IEJhc2VMaXN0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGV4cGFuZGFibGUgPSBmYWxzZSxcbiAgICAgIHNlbGVjdGFibGUgPSBmYWxzZSxcbiAgICAgIGNvbHVtbnMsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGxvYWRpbmcsXG4gICAgICBhdXRvQ29sbGFwc2UgPSBmYWxzZSxcbiAgICAgIG9uU2VsZWN0ZWRDaGFuZ2UsXG4gICAgfTogTGlzdFByb3BzLFxuICAgIHJlZjogRm9yd2FyZGVkUmVmPEhUTUxEaXZFbGVtZW50PixcbiAgKSA9PiB7XG4gICAgY29uc3QgY29tcHV0ZVRlbXBsYXRlID0gYCR7XG4gICAgICBzZWxlY3RhYmxlID8gYCR7U0VMRUNUQUJMRV9DSEVDS0JPWF9TSVpFfXB4IGAgOiAnJ1xuICAgIH0ke1xuICAgICAgZXhwYW5kYWJsZSA/IGAke0VYUEFOREFCTEVfQ09MVU1OX1NJWkV9cHggYCA6ICcnXG4gICAgfSR7Y29sdW1ucy5tYXAoKHsgd2lkdGggfSkgPT4gd2lkdGggPz8gJ21pbm1heCgwLCAxZnIpJykuam9pbignICcpfWBcblxuICAgIHJldHVybiAoXG4gICAgICA8TGlzdFByb3ZpZGVyXG4gICAgICAgIHNlbGVjdGFibGU9e3NlbGVjdGFibGV9XG4gICAgICAgIGV4cGFuZEJ1dHRvbj17ZXhwYW5kYWJsZX1cbiAgICAgICAgYXV0b0NvbGxhcHNlPXthdXRvQ29sbGFwc2V9XG4gICAgICAgIG9uU2VsZWN0ZWRDaGFuZ2U9e29uU2VsZWN0ZWRDaGFuZ2V9XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRMaXN0IHJlZj17cmVmfSByb2xlPVwiZ3JpZFwiIHRlbXBsYXRlPXtjb21wdXRlVGVtcGxhdGV9PlxuICAgICAgICAgIDxIZWFkZXJSb3cgaGFzU2VsZWN0QWxsQ29sdW1uPXtzZWxlY3RhYmxlfT5cbiAgICAgICAgICAgIHtjb2x1bW5zLm1hcCgoY29sdW1uLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8SGVhZGVyQ2VsbFxuICAgICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXlcbiAgICAgICAgICAgICAgICBrZXk9e2BoZWFkZXItY29sdW1uLSR7aW5kZXh9YH1cbiAgICAgICAgICAgICAgICBpc09yZGVyZWQ9e2NvbHVtbi5pc09yZGVyZWR9XG4gICAgICAgICAgICAgICAgb3JkZXJEaXJlY3Rpb249e2NvbHVtbi5vcmRlckRpcmVjdGlvbn1cbiAgICAgICAgICAgICAgICBvbk9yZGVyPXtjb2x1bW4ub25PcmRlcn1cbiAgICAgICAgICAgICAgICBpbmZvPXtjb2x1bW4uaW5mb31cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjb2x1bW4ubGFiZWx9XG4gICAgICAgICAgICAgIDwvSGVhZGVyQ2VsbD5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvSGVhZGVyUm93PlxuICAgICAgICAgIDxCb2R5PlxuICAgICAgICAgICAge2xvYWRpbmcgPyAoXG4gICAgICAgICAgICAgIDxTa2VsZXRvblJvd3NcbiAgICAgICAgICAgICAgICBzZWxlY3RhYmxlPXtzZWxlY3RhYmxlfVxuICAgICAgICAgICAgICAgIHJvd3M9ezV9XG4gICAgICAgICAgICAgICAgY29scz17Y29sdW1ucy5sZW5ndGh9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JvZHk+XG4gICAgICAgIDwvU3R5bGVkTGlzdD5cbiAgICAgIDwvTGlzdFByb3ZpZGVyPlxuICAgIClcbiAgfSxcbilcblxuLyoqXG4gKiBMaXN0IGlzIGEgY29tcG9uZW50IHRoYXQgZGlzcGxheXMgYSBsaXN0IG9mIGl0ZW1zIGJhc2VkIG9uIHRoZSBjb2x1bW5zIHlvdSBwcm92aWRlIGFuZCB0aGUgZGF0YSB5b3UgcGFzcy5cbiAqL1xuZXhwb3J0IGNvbnN0IExpc3QgPSBPYmplY3QuYXNzaWduKEJhc2VMaXN0LCB7XG4gIFJvdyxcbiAgQ2VsbCxcbiAgU2VsZWN0QmFyLFxuICB1c2VMaXN0Q29udGV4dCxcbn0pXG4iXX0= */"));
+const BaseList = React.forwardRef(({
+  expandable = false,
+  selectable = false,
+  columns,
+  children,
+  loading,
+  autoCollapse = false,
+  onSelectedChange
+}, ref) => {
+  const computeTemplate = `${selectable ? `${constants.SELECTABLE_CHECKBOX_SIZE}px ` : ""}${expandable ? `${constants.EXPANDABLE_COLUMN_SIZE}px ` : ""}${columns.map(({
+    width
+  }) => width ?? "minmax(0, 1fr)").join(" ")}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(ListContext.ListProvider, { selectable, expandButton: expandable, autoCollapse, onSelectedChange, children: /* @__PURE__ */ jsxRuntime.jsxs(StyledList, { ref, role: "grid", template: computeTemplate, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(HeaderRow.HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      HeaderCell.HeaderCell,
+      {
+        isOrdered: column.isOrdered,
+        orderDirection: column.orderDirection,
+        onOrder: column.onOrder,
+        info: column.info,
+        children: column.label
+      },
+      `header-column-${index}`
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Body.Body, { children: loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonRows.SkeletonRows, { selectable, rows: 5, cols: columns.length }) : children })
+  ] }) });
+});
+const List = Object.assign(BaseList, {
+  Row: Row.Row,
+  Cell: Cell.Cell,
+  SelectBar: SelectBar.SelectBar,
+  useListContext: ListContext.useListContext
+});
+exports.List = List;

package/dist/components/List/index.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { forwardRef } from "react";
 import { Body } from "./Body.js";
 import { Cell } from "./Cell.js";
@@ -10,65 +10,45 @@ import { Row } from "./Row.js";
 import { SelectBar } from "./SelectBar.js";
 import { SkeletonRows } from "./SkeletonRows.js";
 import { SELECTABLE_CHECKBOX_SIZE, EXPANDABLE_COLUMN_SIZE } from "./constants.js";
-const StyledList = styled("div", {
-  shouldForwardProp: (prop) => !["template"].includes(prop)
-})`
-  display: flex;
-  flex-flow: column nowrap;
-  width: 100%;
-  gap: ${({ theme }) => theme.space["1"]};
-
-  [role='row'],
-  [role='button row'] {
-    display: grid;
-    width: 100%;
-    grid-template-columns: ${({ template }) => template};
-    align-items: center;
-  }
-`;
-const BaseList = forwardRef(
-  ({
-    expandable = false,
-    selectable = false,
-    columns,
-    children,
-    loading,
-    autoCollapse = false,
-    onSelectedChange
-  }, ref) => {
-    const computeTemplate = `${selectable ? `${SELECTABLE_CHECKBOX_SIZE}px ` : ""}${expandable ? `${EXPANDABLE_COLUMN_SIZE}px ` : ""}${columns.map(({ width }) => width ?? "minmax(0, 1fr)").join(" ")}`;
-    return /* @__PURE__ */ jsx(
-      ListProvider,
+const StyledList = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["template"].includes(prop),
+  target: "ef5qi0"
+} : {
+  shouldForwardProp: (prop) => !["template"].includes(prop),
+  target: "ef5qi0",
+  label: "StyledList"
+})("display:flex;flex-flow:column nowrap;width:100%;gap:", ({
+  theme
+}) => theme.space["1"], ";[role='row'],[role='button row']{display:grid;width:100%;grid-template-columns:", ({
+  template
+}) => template, ";align-items:center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCd0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHtcbiAgQ29tcG9uZW50UHJvcHMsXG4gIERpc3BhdGNoLFxuICBGb3J3YXJkZWRSZWYsXG4gIFJlYWN0Tm9kZSxcbiAgU2V0U3RhdGVBY3Rpb24sXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQm9keSB9IGZyb20gJy4vQm9keSdcbmltcG9ydCB7IENlbGwgfSBmcm9tICcuL0NlbGwnXG5pbXBvcnQgeyBIZWFkZXJDZWxsIH0gZnJvbSAnLi9IZWFkZXJDZWxsJ1xuaW1wb3J0IHsgSGVhZGVyUm93IH0gZnJvbSAnLi9IZWFkZXJSb3cnXG5pbXBvcnQgeyBMaXN0UHJvdmlkZXIsIHVzZUxpc3RDb250ZXh0IH0gZnJvbSAnLi9MaXN0Q29udGV4dCdcbmltcG9ydCB7IFJvdyB9IGZyb20gJy4vUm93J1xuaW1wb3J0IHsgU2VsZWN0QmFyIH0gZnJvbSAnLi9TZWxlY3RCYXInXG5pbXBvcnQgeyBTa2VsZXRvblJvd3MgfSBmcm9tICcuL1NrZWxldG9uUm93cydcbmltcG9ydCB7IEVYUEFOREFCTEVfQ09MVU1OX1NJWkUsIFNFTEVDVEFCTEVfQ0hFQ0tCT1hfU0laRSB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3RlbXBsYXRlJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHRlbXBsYXRlOiBzdHJpbmcgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZmxvdzogY29sdW1uIG5vd3JhcDtcbiAgd2lkdGg6IDEwMCU7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcblxuICBbcm9sZT0ncm93J10sXG4gIFtyb2xlPSdidXR0b24gcm93J10ge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAkeyh7IHRlbXBsYXRlIH0pID0+IHRlbXBsYXRlfTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gXG5cbnR5cGUgQ29sdW1uUHJvcHMgPSBQaWNrPFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgSGVhZGVyQ2VsbD4sXG4gICdpc09yZGVyZWQnIHwgJ29uT3JkZXInIHwgJ29yZGVyRGlyZWN0aW9uJ1xuPiAmIHtcbiAgbGFiZWw/OiBzdHJpbmdcbiAgd2lkdGg/OiBzdHJpbmdcbiAgaW5mbz86IHN0cmluZ1xufVxuXG50eXBlIExpc3RQcm9wcyA9IHtcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW5cbiAgc2VsZWN0YWJsZT86IGJvb2xlYW5cbiAgY29sdW1uczogQ29sdW1uUHJvcHNbXVxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBTZXQgaXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0byBkaXNwbGF5IGEgcGxhY2Vob2xkZXIgZHVyaW5nIGxvYWRpbmdcbiAgICogKi9cbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEF1dG8gY29sbGFwc2UgaXMgY29sbGFwc2luZyBleHBhbmRhYmxlIHJvdyB3aGVuIGFub3RoZXIgaXMgZXhwYW5kaW5nXG4gICAqICovXG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFjdGlvbiB3aGVuIHNlbGVjdGlvbiBjaGFuZ2VzIChnZXQgdGhlIGxpc3Qgb2Ygc2VsZWN0ZWQgcm93cylcbiAgICovXG4gIG9uU2VsZWN0ZWRDaGFuZ2U/OiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxzdHJpbmdbXT4+XG59XG5cbmNvbnN0IEJhc2VMaXN0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGV4cGFuZGFibGUgPSBmYWxzZSxcbiAgICAgIHNlbGVjdGFibGUgPSBmYWxzZSxcbiAgICAgIGNvbHVtbnMsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGxvYWRpbmcsXG4gICAgICBhdXRvQ29sbGFwc2UgPSBmYWxzZSxcbiAgICAgIG9uU2VsZWN0ZWRDaGFuZ2UsXG4gICAgfTogTGlzdFByb3BzLFxuICAgIHJlZjogRm9yd2FyZGVkUmVmPEhUTUxEaXZFbGVtZW50PixcbiAgKSA9PiB7XG4gICAgY29uc3QgY29tcHV0ZVRlbXBsYXRlID0gYCR7XG4gICAgICBzZWxlY3RhYmxlID8gYCR7U0VMRUNUQUJMRV9DSEVDS0JPWF9TSVpFfXB4IGAgOiAnJ1xuICAgIH0ke1xuICAgICAgZXhwYW5kYWJsZSA/IGAke0VYUEFOREFCTEVfQ09MVU1OX1NJWkV9cHggYCA6ICcnXG4gICAgfSR7Y29sdW1ucy5tYXAoKHsgd2lkdGggfSkgPT4gd2lkdGggPz8gJ21pbm1heCgwLCAxZnIpJykuam9pbignICcpfWBcblxuICAgIHJldHVybiAoXG4gICAgICA8TGlzdFByb3ZpZGVyXG4gICAgICAgIHNlbGVjdGFibGU9e3NlbGVjdGFibGV9XG4gICAgICAgIGV4cGFuZEJ1dHRvbj17ZXhwYW5kYWJsZX1cbiAgICAgICAgYXV0b0NvbGxhcHNlPXthdXRvQ29sbGFwc2V9XG4gICAgICAgIG9uU2VsZWN0ZWRDaGFuZ2U9e29uU2VsZWN0ZWRDaGFuZ2V9XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRMaXN0IHJlZj17cmVmfSByb2xlPVwiZ3JpZFwiIHRlbXBsYXRlPXtjb21wdXRlVGVtcGxhdGV9PlxuICAgICAgICAgIDxIZWFkZXJSb3cgaGFzU2VsZWN0QWxsQ29sdW1uPXtzZWxlY3RhYmxlfT5cbiAgICAgICAgICAgIHtjb2x1bW5zLm1hcCgoY29sdW1uLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8SGVhZGVyQ2VsbFxuICAgICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXlcbiAgICAgICAgICAgICAgICBrZXk9e2BoZWFkZXItY29sdW1uLSR7aW5kZXh9YH1cbiAgICAgICAgICAgICAgICBpc09yZGVyZWQ9e2NvbHVtbi5pc09yZGVyZWR9XG4gICAgICAgICAgICAgICAgb3JkZXJEaXJlY3Rpb249e2NvbHVtbi5vcmRlckRpcmVjdGlvbn1cbiAgICAgICAgICAgICAgICBvbk9yZGVyPXtjb2x1bW4ub25PcmRlcn1cbiAgICAgICAgICAgICAgICBpbmZvPXtjb2x1bW4uaW5mb31cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjb2x1bW4ubGFiZWx9XG4gICAgICAgICAgICAgIDwvSGVhZGVyQ2VsbD5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvSGVhZGVyUm93PlxuICAgICAgICAgIDxCb2R5PlxuICAgICAgICAgICAge2xvYWRpbmcgPyAoXG4gICAgICAgICAgICAgIDxTa2VsZXRvblJvd3NcbiAgICAgICAgICAgICAgICBzZWxlY3RhYmxlPXtzZWxlY3RhYmxlfVxuICAgICAgICAgICAgICAgIHJvd3M9ezV9XG4gICAgICAgICAgICAgICAgY29scz17Y29sdW1ucy5sZW5ndGh9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JvZHk+XG4gICAgICAgIDwvU3R5bGVkTGlzdD5cbiAgICAgIDwvTGlzdFByb3ZpZGVyPlxuICAgIClcbiAgfSxcbilcblxuLyoqXG4gKiBMaXN0IGlzIGEgY29tcG9uZW50IHRoYXQgZGlzcGxheXMgYSBsaXN0IG9mIGl0ZW1zIGJhc2VkIG9uIHRoZSBjb2x1bW5zIHlvdSBwcm92aWRlIGFuZCB0aGUgZGF0YSB5b3UgcGFzcy5cbiAqL1xuZXhwb3J0IGNvbnN0IExpc3QgPSBPYmplY3QuYXNzaWduKEJhc2VMaXN0LCB7XG4gIFJvdyxcbiAgQ2VsbCxcbiAgU2VsZWN0QmFyLFxuICB1c2VMaXN0Q29udGV4dCxcbn0pXG4iXX0= */"));
+const BaseList = forwardRef(({
+  expandable = false,
+  selectable = false,
+  columns,
+  children,
+  loading,
+  autoCollapse = false,
+  onSelectedChange
+}, ref) => {
+  const computeTemplate = `${selectable ? `${SELECTABLE_CHECKBOX_SIZE}px ` : ""}${expandable ? `${EXPANDABLE_COLUMN_SIZE}px ` : ""}${columns.map(({
+    width
+  }) => width ?? "minmax(0, 1fr)").join(" ")}`;
+  return /* @__PURE__ */ jsx(ListProvider, { selectable, expandButton: expandable, autoCollapse, onSelectedChange, children: /* @__PURE__ */ jsxs(StyledList, { ref, role: "grid", template: computeTemplate, children: [
+    /* @__PURE__ */ jsx(HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsx(
+      HeaderCell,
       {
-        selectable,
-        expandButton: expandable,
-        autoCollapse,
-        onSelectedChange,
-        children: /* @__PURE__ */ jsxs(StyledList, { ref, role: "grid", template: computeTemplate, children: [
-          /* @__PURE__ */ jsx(HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsx(
-            HeaderCell,
-            {
-              isOrdered: column.isOrdered,
-              orderDirection: column.orderDirection,
-              onOrder: column.onOrder,
-              info: column.info,
-              children: column.label
-            },
-            `header-column-${index}`
-          )) }),
-          /* @__PURE__ */ jsx(Body, { children: loading ? /* @__PURE__ */ jsx(
-            SkeletonRows,
-            {
-              selectable,
-              rows: 5,
-              cols: columns.length
-            }
-          ) : children })
-        ] })
-      }
-    );
-  }
-);
+        isOrdered: column.isOrdered,
+        orderDirection: column.orderDirection,
+        onOrder: column.onOrder,
+        info: column.info,
+        children: column.label
+      },
+      `header-column-${index}`
+    )) }),
+    /* @__PURE__ */ jsx(Body, { children: loading ? /* @__PURE__ */ jsx(SkeletonRows, { selectable, rows: 5, cols: columns.length }) : children })
+  ] }) });
+});
 const List = Object.assign(BaseList, {
   Row,
   Cell,

package/dist/components/Loader/index.cjs

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const react = require("@emotion/react");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const VIEWBOX_WIDTH = 100;
+const VIEWBOX_HEIGHT = 100;
+const HALF_VIEWBOX_WIDTH = VIEWBOX_WIDTH / 2;
+const HALF_VIEWBOX_HEIGHT = VIEWBOX_HEIGHT / 2;
+const StyledSvg = /* @__PURE__ */ _styled__default.default("svg", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["active"].includes(prop),
+  target: "e1y1n78x1"
+} : {
+  shouldForwardProp: (prop) => !["active"].includes(prop),
+  target: "e1y1n78x1",
+  label: "StyledSvg"
+})(({
+  active
+}) => active ? `
+        animation: spin 0.75s linear infinite;
+
+        @keyframes spin {
+          from {
+            transform: rotate(0deg);
+          }
+          to {
+            transform: rotate(360deg);
+          }
+        }
+      ` : "", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3VCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29sb3IgfSBmcm9tICcuLi8uLi90aGVtZSdcblxuY29uc3QgVklFV0JPWF9XSURUSCA9IDEwMFxuY29uc3QgVklFV0JPWF9IRUlHSFQgPSAxMDBcbmNvbnN0IEhBTEZfVklFV0JPWF9XSURUSCA9IFZJRVdCT1hfV0lEVEggLyAyXG5jb25zdCBIQUxGX1ZJRVdCT1hfSEVJR0hUID0gVklFV0JPWF9IRUlHSFQgLyAyXG5cbmNvbnN0IFN0eWxlZFN2ZyA9IHN0eWxlZCgnc3ZnJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydhY3RpdmUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWN0aXZlOiBib29sZWFuIH0+YFxuICAkeyh7IGFjdGl2ZSB9KSA9PlxuICAgIGFjdGl2ZVxuICAgICAgPyBgXG4gICAgICAgIGFuaW1hdGlvbjogc3BpbiAwLjc1cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgQGtleWZyYW1lcyBzcGluIHtcbiAgICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYFxuICAgICAgOiAnJ31cbmBcblxudHlwZSBMb2FkZXJQcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhblxuICBjb2xvcj86IENvbG9yIHwgc3RyaW5nXG4gIHBlcmNlbnRhZ2U/OiBudW1iZXJcbiAgc2l6ZT86IG51bWJlciB8IHN0cmluZ1xuICBzdHJva2VXaWR0aD86IG51bWJlclxuICAvKipcbiAgICogVGV4dCBpcyBwbGFjZWQgaW4gY2VudGVyIG9mIFByb2dyZXNzQ2lyY2xlLlxuICAgKi9cbiAgdGV4dD86IHN0cmluZ1xuICB0cmFpbENvbG9yPzogQ29sb3IgfCBzdHJpbmdcbiAgLyoqXG4gICAqIExhYmVsIHNob3VsZCBiZSBkZWZpbmVkIGZvciBhY2Nlc3NpYmlsaXR5LCB0byBpbmRpY2F0ZSB3aGF0IGlzIGxvYWRpbmdcbiAgICovXG4gIGxhYmVsPzogc3RyaW5nXG59XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQoJ3RleHQnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2NvbG9yJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGNvbG9yOiBDb2xvciB8IHN0cmluZyB9PmBcbiAgZmlsbDogJHsoeyB0aGVtZSwgY29sb3IgfSkgPT5cbiAgICB0aGVtZS5jb2xvcnNbY29sb3IgYXMgQ29sb3JdPy5iYWNrZ3JvdW5kU3Ryb25nIHx8IGNvbG9yfTtcblxuICBmb250LXNpemU6IDI2cHg7XG4gIGRvbWluYW50LWJhc2VsaW5lOiBtaWRkbGU7XG4gIHRleHQtYW5jaG9yOiBtaWRkbGU7XG5gXG5cbi8qKlxuICogTG9hZGVyIGlzIGEgY2lyY3VsYXIgcHJvZ3Jlc3MgaW5kaWNhdG9yIHRoYXQgY2FuIGJlIHVzZWQgdG8gaW5kaWNhdGUgdGhhdCBhbiBhY3Rpb24gaXMgYmVpbmcgcGVyZm9ybWVkLlxuICovXG5leHBvcnQgY29uc3QgTG9hZGVyID0gKHtcbiAgcGVyY2VudGFnZSA9IDIwLFxuICB0ZXh0LFxuICBzaXplID0gNDAsXG4gIHN0cm9rZVdpZHRoID0gMTYsXG4gIGNvbG9yID0gJ3ByaW1hcnknLFxuICB0cmFpbENvbG9yID0gJ25ldXRyYWwnLFxuICBhY3RpdmUgPSBmYWxzZSxcbiAgbGFiZWwgPSAnTG9hZGluZycsXG59OiBMb2FkZXJQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBjaXJjbGVSYWRpdXMgPSBIQUxGX1ZJRVdCT1hfSEVJR0hUIC0gc3Ryb2tlV2lkdGggLyAyXG4gIGNvbnN0IGJvdW5kZWRQZXJjZW50YWdlID0gTWF0aC5taW4oTWF0aC5tYXgocGVyY2VudGFnZSwgMCksIDEwMCkgLyAxMDBcbiAgY29uc3QgY2lyY2xlRGlhbWV0ZXIgPSBNYXRoLlBJICogMiAqIGNpcmNsZVJhZGl1c1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFN2Z1xuICAgICAgYWN0aXZlPXthY3RpdmV9XG4gICAgICByb2xlPVwicHJvZ3Jlc3NiYXJcIlxuICAgICAgYXJpYS1sYWJlbD17bGFiZWx9XG4gICAgICBhcmlhLXZhbHVlbWluPXswfVxuICAgICAgYXJpYS12YWx1ZW1heD17MTAwfVxuICAgICAgYXJpYS12YWx1ZW5vdz17cGVyY2VudGFnZX1cbiAgICAgIGFyaWEtdmFsdWV0ZXh0PXtgJHtwZXJjZW50YWdlfSVgfVxuICAgICAgdmlld0JveD17YDAgMCAke1ZJRVdCT1hfV0lEVEh9ICR7VklFV0JPWF9IRUlHSFR9YH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGhlaWdodDogdHlwZW9mIHNpemUgPT09ICdzdHJpbmcnID8gc2l6ZSA6IGAke3NpemV9cHhgLFxuICAgICAgICB3aWR0aDogdHlwZW9mIHNpemUgPT09ICdzdHJpbmcnID8gc2l6ZSA6IGAke3NpemV9cHhgLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8Y2lyY2xlXG4gICAgICAgIGN4PXtIQUxGX1ZJRVdCT1hfV0lEVEh9XG4gICAgICAgIGN5PXtIQUxGX1ZJRVdCT1hfSEVJR0hUfVxuICAgICAgICByPXtjaXJjbGVSYWRpdXN9XG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9e3N0cm9rZVdpZHRofVxuICAgICAgICBzdHJva2U9e3RoZW1lLmNvbG9yc1t0cmFpbENvbG9yIGFzIENvbG9yXT8uYm9yZGVyIHx8IHRyYWlsQ29sb3J9XG4gICAgICAvPlxuICAgICAgPGNpcmNsZVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB0cmFuc2l0aW9uOiBzdHJva2UtZGFzaG9mZnNldCAwLjVzIGVhc2UgMHM7XG4gICAgICAgIGB9XG4gICAgICAgIGN4PXtIQUxGX1ZJRVdCT1hfV0lEVEh9XG4gICAgICAgIGN5PXtIQUxGX1ZJRVdCT1hfSEVJR0hUfVxuICAgICAgICByPXtjaXJjbGVSYWRpdXN9XG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9e3N0cm9rZVdpZHRofVxuICAgICAgICBzdHJva2VEYXNoYXJyYXk9e2NpcmNsZURpYW1ldGVyfVxuICAgICAgICBzdHJva2VEYXNob2Zmc2V0PXsoMSAtIGJvdW5kZWRQZXJjZW50YWdlKSAqIGNpcmNsZURpYW1ldGVyfVxuICAgICAgICBzdHJva2U9e3RoZW1lLmNvbG9yc1tjb2xvciBhcyBDb2xvcl0/LmJhY2tncm91bmRTdHJvbmcgfHwgY29sb3J9XG4gICAgICAgIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAvPlxuICAgICAge3RleHQgPyAoXG4gICAgICAgIDxUZXh0IGNvbG9yPXtjb2xvcn0geD17SEFMRl9WSUVXQk9YX1dJRFRIfSB5PXtIQUxGX1ZJRVdCT1hfSEVJR0hUfT5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9TdHlsZWRTdmc+XG4gIClcbn1cbiJdfQ== */"));
+const Text = /* @__PURE__ */ _styled__default.default("text", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["color"].includes(prop),
+  target: "e1y1n78x0"
+} : {
+  shouldForwardProp: (prop) => !["color"].includes(prop),
+  target: "e1y1n78x0",
+  label: "Text"
+})("fill:", ({
+  theme,
+  color
+}) => theme.colors[color]?.backgroundStrong || color, ";font-size:26px;dominant-baseline:middle;text-anchor:middle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Q2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Mb2FkZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbmNvbnN0IFZJRVdCT1hfV0lEVEggPSAxMDBcbmNvbnN0IFZJRVdCT1hfSEVJR0hUID0gMTAwXG5jb25zdCBIQUxGX1ZJRVdCT1hfV0lEVEggPSBWSUVXQk9YX1dJRFRIIC8gMlxuY29uc3QgSEFMRl9WSUVXQk9YX0hFSUdIVCA9IFZJRVdCT1hfSEVJR0hUIC8gMlxuXG5jb25zdCBTdHlsZWRTdmcgPSBzdHlsZWQoJ3N2ZycsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWN0aXZlJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGFjdGl2ZTogYm9vbGVhbiB9PmBcbiAgJHsoeyBhY3RpdmUgfSkgPT5cbiAgICBhY3RpdmVcbiAgICAgID8gYFxuICAgICAgICBhbmltYXRpb246IHNwaW4gMC43NXMgbGluZWFyIGluZmluaXRlO1xuXG4gICAgICAgIEBrZXlmcmFtZXMgc3BpbiB7XG4gICAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICAgIDogJyd9XG5gXG5cbnR5cGUgTG9hZGVyUHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgY29sb3I/OiBDb2xvciB8IHN0cmluZ1xuICBwZXJjZW50YWdlPzogbnVtYmVyXG4gIHNpemU/OiBudW1iZXIgfCBzdHJpbmdcbiAgc3Ryb2tlV2lkdGg/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRleHQgaXMgcGxhY2VkIGluIGNlbnRlciBvZiBQcm9ncmVzc0NpcmNsZS5cbiAgICovXG4gIHRleHQ/OiBzdHJpbmdcbiAgdHJhaWxDb2xvcj86IENvbG9yIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBMYWJlbCBzaG91bGQgYmUgZGVmaW5lZCBmb3IgYWNjZXNzaWJpbGl0eSwgdG8gaW5kaWNhdGUgd2hhdCBpcyBsb2FkaW5nXG4gICAqL1xuICBsYWJlbD86IHN0cmluZ1xufVxuXG5jb25zdCBUZXh0ID0gc3R5bGVkKCd0ZXh0Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydjb2xvciddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBjb2xvcjogQ29sb3IgfCBzdHJpbmcgfT5gXG4gIGZpbGw6ICR7KHsgdGhlbWUsIGNvbG9yIH0pID0+XG4gICAgdGhlbWUuY29sb3JzW2NvbG9yIGFzIENvbG9yXT8uYmFja2dyb3VuZFN0cm9uZyB8fCBjb2xvcn07XG5cbiAgZm9udC1zaXplOiAyNnB4O1xuICBkb21pbmFudC1iYXNlbGluZTogbWlkZGxlO1xuICB0ZXh0LWFuY2hvcjogbWlkZGxlO1xuYFxuXG4vKipcbiAqIExvYWRlciBpcyBhIGNpcmN1bGFyIHByb2dyZXNzIGluZGljYXRvciB0aGF0IGNhbiBiZSB1c2VkIHRvIGluZGljYXRlIHRoYXQgYW4gYWN0aW9uIGlzIGJlaW5nIHBlcmZvcm1lZC5cbiAqL1xuZXhwb3J0IGNvbnN0IExvYWRlciA9ICh7XG4gIHBlcmNlbnRhZ2UgPSAyMCxcbiAgdGV4dCxcbiAgc2l6ZSA9IDQwLFxuICBzdHJva2VXaWR0aCA9IDE2LFxuICBjb2xvciA9ICdwcmltYXJ5JyxcbiAgdHJhaWxDb2xvciA9ICduZXV0cmFsJyxcbiAgYWN0aXZlID0gZmFsc2UsXG4gIGxhYmVsID0gJ0xvYWRpbmcnLFxufTogTG9hZGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3QgY2lyY2xlUmFkaXVzID0gSEFMRl9WSUVXQk9YX0hFSUdIVCAtIHN0cm9rZVdpZHRoIC8gMlxuICBjb25zdCBib3VuZGVkUGVyY2VudGFnZSA9IE1hdGgubWluKE1hdGgubWF4KHBlcmNlbnRhZ2UsIDApLCAxMDApIC8gMTAwXG4gIGNvbnN0IGNpcmNsZURpYW1ldGVyID0gTWF0aC5QSSAqIDIgKiBjaXJjbGVSYWRpdXNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTdmdcbiAgICAgIGFjdGl2ZT17YWN0aXZlfVxuICAgICAgcm9sZT1cInByb2dyZXNzYmFyXCJcbiAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgYXJpYS12YWx1ZW1pbj17MH1cbiAgICAgIGFyaWEtdmFsdWVtYXg9ezEwMH1cbiAgICAgIGFyaWEtdmFsdWVub3c9e3BlcmNlbnRhZ2V9XG4gICAgICBhcmlhLXZhbHVldGV4dD17YCR7cGVyY2VudGFnZX0lYH1cbiAgICAgIHZpZXdCb3g9e2AwIDAgJHtWSUVXQk9YX1dJRFRIfSAke1ZJRVdCT1hfSEVJR0hUfWB9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBoZWlnaHQ6IHR5cGVvZiBzaXplID09PSAnc3RyaW5nJyA/IHNpemUgOiBgJHtzaXplfXB4YCxcbiAgICAgICAgd2lkdGg6IHR5cGVvZiBzaXplID09PSAnc3RyaW5nJyA/IHNpemUgOiBgJHtzaXplfXB4YCxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGNpcmNsZVxuICAgICAgICBjeD17SEFMRl9WSUVXQk9YX1dJRFRIfVxuICAgICAgICBjeT17SEFMRl9WSUVXQk9YX0hFSUdIVH1cbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXtzdHJva2VXaWR0aH1cbiAgICAgICAgc3Ryb2tlPXt0aGVtZS5jb2xvcnNbdHJhaWxDb2xvciBhcyBDb2xvcl0/LmJvcmRlciB8fCB0cmFpbENvbG9yfVxuICAgICAgLz5cbiAgICAgIDxjaXJjbGVcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC41cyBlYXNlIDBzO1xuICAgICAgICBgfVxuICAgICAgICBjeD17SEFMRl9WSUVXQk9YX1dJRFRIfVxuICAgICAgICBjeT17SEFMRl9WSUVXQk9YX0hFSUdIVH1cbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXtzdHJva2VXaWR0aH1cbiAgICAgICAgc3Ryb2tlRGFzaGFycmF5PXtjaXJjbGVEaWFtZXRlcn1cbiAgICAgICAgc3Ryb2tlRGFzaG9mZnNldD17KDEgLSBib3VuZGVkUGVyY2VudGFnZSkgKiBjaXJjbGVEaWFtZXRlcn1cbiAgICAgICAgc3Ryb2tlPXt0aGVtZS5jb2xvcnNbY29sb3IgYXMgQ29sb3JdPy5iYWNrZ3JvdW5kU3Ryb25nIHx8IGNvbG9yfVxuICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgLz5cbiAgICAgIHt0ZXh0ID8gKFxuICAgICAgICA8VGV4dCBjb2xvcj17Y29sb3J9IHg9e0hBTEZfVklFV0JPWF9XSURUSH0geT17SEFMRl9WSUVXQk9YX0hFSUdIVH0+XG4gICAgICAgICAge3RleHR9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvU3R5bGVkU3ZnPlxuICApXG59XG4iXX0= */"));
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "si0mpz",
+  styles: "transition:stroke-dashoffset 0.5s ease 0s"
+} : {
+  name: "11f05l0-Loader",
+  styles: "transition:stroke-dashoffset 0.5s ease 0s;label:Loader;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0dnQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Mb2FkZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbmNvbnN0IFZJRVdCT1hfV0lEVEggPSAxMDBcbmNvbnN0IFZJRVdCT1hfSEVJR0hUID0gMTAwXG5jb25zdCBIQUxGX1ZJRVdCT1hfV0lEVEggPSBWSUVXQk9YX1dJRFRIIC8gMlxuY29uc3QgSEFMRl9WSUVXQk9YX0hFSUdIVCA9IFZJRVdCT1hfSEVJR0hUIC8gMlxuXG5jb25zdCBTdHlsZWRTdmcgPSBzdHlsZWQoJ3N2ZycsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWN0aXZlJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGFjdGl2ZTogYm9vbGVhbiB9PmBcbiAgJHsoeyBhY3RpdmUgfSkgPT5cbiAgICBhY3RpdmVcbiAgICAgID8gYFxuICAgICAgICBhbmltYXRpb246IHNwaW4gMC43NXMgbGluZWFyIGluZmluaXRlO1xuXG4gICAgICAgIEBrZXlmcmFtZXMgc3BpbiB7XG4gICAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICAgIDogJyd9XG5gXG5cbnR5cGUgTG9hZGVyUHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgY29sb3I/OiBDb2xvciB8IHN0cmluZ1xuICBwZXJjZW50YWdlPzogbnVtYmVyXG4gIHNpemU/OiBudW1iZXIgfCBzdHJpbmdcbiAgc3Ryb2tlV2lkdGg/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRleHQgaXMgcGxhY2VkIGluIGNlbnRlciBvZiBQcm9ncmVzc0NpcmNsZS5cbiAgICovXG4gIHRleHQ/OiBzdHJpbmdcbiAgdHJhaWxDb2xvcj86IENvbG9yIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBMYWJlbCBzaG91bGQgYmUgZGVmaW5lZCBmb3IgYWNjZXNzaWJpbGl0eSwgdG8gaW5kaWNhdGUgd2hhdCBpcyBsb2FkaW5nXG4gICAqL1xuICBsYWJlbD86IHN0cmluZ1xufVxuXG5jb25zdCBUZXh0ID0gc3R5bGVkKCd0ZXh0Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydjb2xvciddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBjb2xvcjogQ29sb3IgfCBzdHJpbmcgfT5gXG4gIGZpbGw6ICR7KHsgdGhlbWUsIGNvbG9yIH0pID0+XG4gICAgdGhlbWUuY29sb3JzW2NvbG9yIGFzIENvbG9yXT8uYmFja2dyb3VuZFN0cm9uZyB8fCBjb2xvcn07XG5cbiAgZm9udC1zaXplOiAyNnB4O1xuICBkb21pbmFudC1iYXNlbGluZTogbWlkZGxlO1xuICB0ZXh0LWFuY2hvcjogbWlkZGxlO1xuYFxuXG4vKipcbiAqIExvYWRlciBpcyBhIGNpcmN1bGFyIHByb2dyZXNzIGluZGljYXRvciB0aGF0IGNhbiBiZSB1c2VkIHRvIGluZGljYXRlIHRoYXQgYW4gYWN0aW9uIGlzIGJlaW5nIHBlcmZvcm1lZC5cbiAqL1xuZXhwb3J0IGNvbnN0IExvYWRlciA9ICh7XG4gIHBlcmNlbnRhZ2UgPSAyMCxcbiAgdGV4dCxcbiAgc2l6ZSA9IDQwLFxuICBzdHJva2VXaWR0aCA9IDE2LFxuICBjb2xvciA9ICdwcmltYXJ5JyxcbiAgdHJhaWxDb2xvciA9ICduZXV0cmFsJyxcbiAgYWN0aXZlID0gZmFsc2UsXG4gIGxhYmVsID0gJ0xvYWRpbmcnLFxufTogTG9hZGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3QgY2lyY2xlUmFkaXVzID0gSEFMRl9WSUVXQk9YX0hFSUdIVCAtIHN0cm9rZVdpZHRoIC8gMlxuICBjb25zdCBib3VuZGVkUGVyY2VudGFnZSA9IE1hdGgubWluKE1hdGgubWF4KHBlcmNlbnRhZ2UsIDApLCAxMDApIC8gMTAwXG4gIGNvbnN0IGNpcmNsZURpYW1ldGVyID0gTWF0aC5QSSAqIDIgKiBjaXJjbGVSYWRpdXNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTdmdcbiAgICAgIGFjdGl2ZT17YWN0aXZlfVxuICAgICAgcm9sZT1cInByb2dyZXNzYmFyXCJcbiAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgYXJpYS12YWx1ZW1pbj17MH1cbiAgICAgIGFyaWEtdmFsdWVtYXg9ezEwMH1cbiAgICAgIGFyaWEtdmFsdWVub3c9e3BlcmNlbnRhZ2V9XG4gICAgICBhcmlhLXZhbHVldGV4dD17YCR7cGVyY2VudGFnZX0lYH1cbiAgICAgIHZpZXdCb3g9e2AwIDAgJHtWSUVXQk9YX1dJRFRIfSAke1ZJRVdCT1hfSEVJR0hUfWB9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBoZWlnaHQ6IHR5cGVvZiBzaXplID09PSAnc3RyaW5nJyA/IHNpemUgOiBgJHtzaXplfXB4YCxcbiAgICAgICAgd2lkdGg6IHR5cGVvZiBzaXplID09PSAnc3RyaW5nJyA/IHNpemUgOiBgJHtzaXplfXB4YCxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGNpcmNsZVxuICAgICAgICBjeD17SEFMRl9WSUVXQk9YX1dJRFRIfVxuICAgICAgICBjeT17SEFMRl9WSUVXQk9YX0hFSUdIVH1cbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXtzdHJva2VXaWR0aH1cbiAgICAgICAgc3Ryb2tlPXt0aGVtZS5jb2xvcnNbdHJhaWxDb2xvciBhcyBDb2xvcl0/LmJvcmRlciB8fCB0cmFpbENvbG9yfVxuICAgICAgLz5cbiAgICAgIDxjaXJjbGVcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC41cyBlYXNlIDBzO1xuICAgICAgICBgfVxuICAgICAgICBjeD17SEFMRl9WSUVXQk9YX1dJRFRIfVxuICAgICAgICBjeT17SEFMRl9WSUVXQk9YX0hFSUdIVH1cbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXtzdHJva2VXaWR0aH1cbiAgICAgICAgc3Ryb2tlRGFzaGFycmF5PXtjaXJjbGVEaWFtZXRlcn1cbiAgICAgICAgc3Ryb2tlRGFzaG9mZnNldD17KDEgLSBib3VuZGVkUGVyY2VudGFnZSkgKiBjaXJjbGVEaWFtZXRlcn1cbiAgICAgICAgc3Ryb2tlPXt0aGVtZS5jb2xvcnNbY29sb3IgYXMgQ29sb3JdPy5iYWNrZ3JvdW5kU3Ryb25nIHx8IGNvbG9yfVxuICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgLz5cbiAgICAgIHt0ZXh0ID8gKFxuICAgICAgICA8VGV4dCBjb2xvcj17Y29sb3J9IHg9e0hBTEZfVklFV0JPWF9XSURUSH0geT17SEFMRl9WSUVXQk9YX0hFSUdIVH0+XG4gICAgICAgICAge3RleHR9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvU3R5bGVkU3ZnPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const Loader = ({
+  percentage = 20,
+  text,
+  size = 40,
+  strokeWidth = 16,
+  color = "primary",
+  trailColor = "neutral",
+  active = false,
+  label = "Loading"
+}) => {
+  const theme = react.useTheme();
+  const circleRadius = HALF_VIEWBOX_HEIGHT - strokeWidth / 2;
+  const boundedPercentage = Math.min(Math.max(percentage, 0), 100) / 100;
+  const circleDiameter = Math.PI * 2 * circleRadius;
+  return /* @__PURE__ */ jsxRuntime.jsxs(StyledSvg, { active, role: "progressbar", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percentage, "aria-valuetext": `${percentage}%`, viewBox: `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`, style: {
+    height: typeof size === "string" ? size : `${size}px`,
+    width: typeof size === "string" ? size : `${size}px`
+  }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: HALF_VIEWBOX_WIDTH, cy: HALF_VIEWBOX_HEIGHT, r: circleRadius, fill: "none", strokeWidth, stroke: theme.colors[trailColor]?.border || trailColor }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { css: _ref, cx: HALF_VIEWBOX_WIDTH, cy: HALF_VIEWBOX_HEIGHT, r: circleRadius, fill: "none", strokeWidth, strokeDasharray: circleDiameter, strokeDashoffset: (1 - boundedPercentage) * circleDiameter, stroke: theme.colors[color]?.backgroundStrong || color, strokeLinecap: "round" }),
+    text ? /* @__PURE__ */ jsxRuntime.jsx(Text, { color, x: HALF_VIEWBOX_WIDTH, y: HALF_VIEWBOX_HEIGHT, children: text }) : null
+  ] });
+};
+exports.Loader = Loader;

package/dist/components/Loader/index.js

@@ -1,14 +1,23 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { useTheme, css } from "@emotion/react";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
+import { useTheme } from "@emotion/react";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 const VIEWBOX_WIDTH = 100;
 const VIEWBOX_HEIGHT = 100;
 const HALF_VIEWBOX_WIDTH = VIEWBOX_WIDTH / 2;
 const HALF_VIEWBOX_HEIGHT = VIEWBOX_HEIGHT / 2;
-const StyledSvg = styled("svg", {
-  shouldForwardProp: (prop) => !["active"].includes(prop)
-})`
-  ${({ active }) => active ? `
+const StyledSvg = /* @__PURE__ */ _styled("svg", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["active"].includes(prop),
+  target: "e1y1n78x1"
+} : {
+  shouldForwardProp: (prop) => !["active"].includes(prop),
+  target: "e1y1n78x1",
+  label: "StyledSvg"
+})(({
+  active
+}) => active ? `
         animation: spin 0.75s linear infinite;
 
         @keyframes spin {
@@ -19,17 +28,27 @@ const StyledSvg = styled("svg", {
             transform: rotate(360deg);
           }
         }
-      ` : ""}
-`;
-const Text = styled("text", {
-  shouldForwardProp: (prop) => !["color"].includes(prop)
-})`
-  fill: ${({ theme, color }) => theme.colors[color]?.backgroundStrong || color};
-
-  font-size: 26px;
-  dominant-baseline: middle;
-  text-anchor: middle;
-`;
+      ` : "", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3VCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29sb3IgfSBmcm9tICcuLi8uLi90aGVtZSdcblxuY29uc3QgVklFV0JPWF9XSURUSCA9IDEwMFxuY29uc3QgVklFV0JPWF9IRUlHSFQgPSAxMDBcbmNvbnN0IEhBTEZfVklFV0JPWF9XSURUSCA9IFZJRVdCT1hfV0lEVEggLyAyXG5jb25zdCBIQUxGX1ZJRVdCT1hfSEVJR0hUID0gVklFV0JPWF9IRUlHSFQgLyAyXG5cbmNvbnN0IFN0eWxlZFN2ZyA9IHN0eWxlZCgnc3ZnJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydhY3RpdmUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWN0aXZlOiBib29sZWFuIH0+YFxuICAkeyh7IGFjdGl2ZSB9KSA9PlxuICAgIGFjdGl2ZVxuICAgICAgPyBgXG4gICAgICAgIGFuaW1hdGlvbjogc3BpbiAwLjc1cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgQGtleWZyYW1lcyBzcGluIHtcbiAgICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYFxuICAgICAgOiAnJ31cbmBcblxudHlwZSBMb2FkZXJQcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhblxuICBjb2xvcj86IENvbG9yIHwgc3RyaW5nXG4gIHBlcmNlbnRhZ2U/OiBudW1iZXJcbiAgc2l6ZT86IG51bWJlciB8IHN0cmluZ1xuICBzdHJva2VXaWR0aD86IG51bWJlclxuICAvKipcbiAgICogVGV4dCBpcyBwbGFjZWQgaW4gY2VudGVyIG9mIFByb2dyZXNzQ2lyY2xlLlxuICAgKi9cbiAgdGV4dD86IHN0cmluZ1xuICB0cmFpbENvbG9yPzogQ29sb3IgfCBzdHJpbmdcbiAgLyoqXG4gICAqIExhYmVsIHNob3VsZCBiZSBkZWZpbmVkIGZvciBhY2Nlc3NpYmlsaXR5LCB0byBpbmRpY2F0ZSB3aGF0IGlzIGxvYWRpbmdcbiAgICovXG4gIGxhYmVsPzogc3RyaW5nXG59XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQoJ3RleHQnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2NvbG9yJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGNvbG9yOiBDb2xvciB8IHN0cmluZyB9PmBcbiAgZmlsbDogJHsoeyB0aGVtZSwgY29sb3IgfSkgPT5cbiAgICB0aGVtZS5jb2xvcnNbY29sb3IgYXMgQ29sb3JdPy5iYWNrZ3JvdW5kU3Ryb25nIHx8IGNvbG9yfTtcblxuICBmb250LXNpemU6IDI2cHg7XG4gIGRvbWluYW50LWJhc2VsaW5lOiBtaWRkbGU7XG4gIHRleHQtYW5jaG9yOiBtaWRkbGU7XG5gXG5cbi8qKlxuICogTG9hZGVyIGlzIGEgY2lyY3VsYXIgcHJvZ3Jlc3MgaW5kaWNhdG9yIHRoYXQgY2FuIGJlIHVzZWQgdG8gaW5kaWNhdGUgdGhhdCBhbiBhY3Rpb24gaXMgYmVpbmcgcGVyZm9ybWVkLlxuICovXG5leHBvcnQgY29uc3QgTG9hZGVyID0gKHtcbiAgcGVyY2VudGFnZSA9IDIwLFxuICB0ZXh0LFxuICBzaXplID0gNDAsXG4gIHN0cm9rZVdpZHRoID0gMTYsXG4gIGNvbG9yID0gJ3ByaW1hcnknLFxuICB0cmFpbENvbG9yID0gJ25ldXRyYWwnLFxuICBhY3RpdmUgPSBmYWxzZSxcbiAgbGFiZWwgPSAnTG9hZGluZycsXG59OiBMb2FkZXJQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBjaXJjbGVSYWRpdXMgPSBIQUxGX1ZJRVdCT1hfSEVJR0hUIC0gc3Ryb2tlV2lkdGggLyAyXG4gIGNvbnN0IGJvdW5kZWRQZXJjZW50YWdlID0gTWF0aC5taW4oTWF0aC5tYXgocGVyY2VudGFnZSwgMCksIDEwMCkgLyAxMDBcbiAgY29uc3QgY2lyY2xlRGlhbWV0ZXIgPSBNYXRoLlBJICogMiAqIGNpcmNsZVJhZGl1c1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFN2Z1xuICAgICAgYWN0aXZlPXthY3RpdmV9XG4gICAgICByb2xlPVwicHJvZ3Jlc3NiYXJcIlxuICAgICAgYXJpYS1sYWJlbD17bGFiZWx9XG4gICAgICBhcmlhLXZhbHVlbWluPXswfVxuICAgICAgYXJpYS12YWx1ZW1heD17MTAwfVxuICAgICAgYXJpYS12YWx1ZW5vdz17cGVyY2VudGFnZX1cbiAgICAgIGFyaWEtdmFsdWV0ZXh0PXtgJHtwZXJjZW50YWdlfSVgfVxuICAgICAgdmlld0JveD17YDAgMCAke1ZJRVdCT1hfV0lEVEh9ICR7VklFV0JPWF9IRUlHSFR9YH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGhlaWdodDogdHlwZW9mIHNpemUgPT09ICdzdHJpbmcnID8gc2l6ZSA6IGAke3NpemV9cHhgLFxuICAgICAgICB3aWR0aDogdHlwZW9mIHNpemUgPT09ICdzdHJpbmcnID8gc2l6ZSA6IGAke3NpemV9cHhgLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8Y2lyY2xlXG4gICAgICAgIGN4PXtIQUxGX1ZJRVdCT1hfV0lEVEh9XG4gICAgICAgIGN5PXtIQUxGX1ZJRVdCT1hfSEVJR0hUfVxuICAgICAgICByPXtjaXJjbGVSYWRpdXN9XG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9e3N0cm9rZVdpZHRofVxuICAgICAgICBzdHJva2U9e3RoZW1lLmNvbG9yc1t0cmFpbENvbG9yIGFzIENvbG9yXT8uYm9yZGVyIHx8IHRyYWlsQ29sb3J9XG4gICAgICAvPlxuICAgICAgPGNpcmNsZVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB0cmFuc2l0aW9uOiBzdHJva2UtZGFzaG9mZnNldCAwLjVzIGVhc2UgMHM7XG4gICAgICAgIGB9XG4gICAgICAgIGN4PXtIQUxGX1ZJRVdCT1hfV0lEVEh9XG4gICAgICAgIGN5PXtIQUxGX1ZJRVdCT1hfSEVJR0hUfVxuICAgICAgICByPXtjaXJjbGVSYWRpdXN9XG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9e3N0cm9rZVdpZHRofVxuICAgICAgICBzdHJva2VEYXNoYXJyYXk9e2NpcmNsZURpYW1ldGVyfVxuICAgICAgICBzdHJva2VEYXNob2Zmc2V0PXsoMSAtIGJvdW5kZWRQZXJjZW50YWdlKSAqIGNpcmNsZURpYW1ldGVyfVxuICAgICAgICBzdHJva2U9e3RoZW1lLmNvbG9yc1tjb2xvciBhcyBDb2xvcl0/LmJhY2tncm91bmRTdHJvbmcgfHwgY29sb3J9XG4gICAgICAgIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAvPlxuICAgICAge3RleHQgPyAoXG4gICAgICAgIDxUZXh0IGNvbG9yPXtjb2xvcn0geD17SEFMRl9WSUVXQk9YX1dJRFRIfSB5PXtIQUxGX1ZJRVdCT1hfSEVJR0hUfT5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9TdHlsZWRTdmc+XG4gIClcbn1cbiJdfQ== */"));
+const Text = /* @__PURE__ */ _styled("text", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["color"].includes(prop),
+  target: "e1y1n78x0"
+} : {
+  shouldForwardProp: (prop) => !["color"].includes(prop),
+  target: "e1y1n78x0",
+  label: "Text"
+})("fill:", ({
+  theme,
+  color
+}) => theme.colors[color]?.backgroundStrong || color, ";font-size:26px;dominant-baseline:middle;text-anchor:middle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Q2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Mb2FkZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbmNvbnN0IFZJRVdCT1hfV0lEVEggPSAxMDBcbmNvbnN0IFZJRVdCT1hfSEVJR0hUID0gMTAwXG5jb25zdCBIQUxGX1ZJRVdCT1hfV0lEVEggPSBWSUVXQk9YX1dJRFRIIC8gMlxuY29uc3QgSEFMRl9WSUVXQk9YX0hFSUdIVCA9IFZJRVdCT1hfSEVJR0hUIC8gMlxuXG5jb25zdCBTdHlsZWRTdmcgPSBzdHlsZWQoJ3N2ZycsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWN0aXZlJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGFjdGl2ZTogYm9vbGVhbiB9PmBcbiAgJHsoeyBhY3RpdmUgfSkgPT5cbiAgICBhY3RpdmVcbiAgICAgID8gYFxuICAgICAgICBhbmltYXRpb246IHNwaW4gMC43NXMgbGluZWFyIGluZmluaXRlO1xuXG4gICAgICAgIEBrZXlmcmFtZXMgc3BpbiB7XG4gICAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICAgIDogJyd9XG5gXG5cbnR5cGUgTG9hZGVyUHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgY29sb3I/OiBDb2xvciB8IHN0cmluZ1xuICBwZXJjZW50YWdlPzogbnVtYmVyXG4gIHNpemU/OiBudW1iZXIgfCBzdHJpbmdcbiAgc3Ryb2tlV2lkdGg/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRleHQgaXMgcGxhY2VkIGluIGNlbnRlciBvZiBQcm9ncmVzc0NpcmNsZS5cbiAgICovXG4gIHRleHQ/OiBzdHJpbmdcbiAgdHJhaWxDb2xvcj86IENvbG9yIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBMYWJlbCBzaG91bGQgYmUgZGVmaW5lZCBmb3IgYWNjZXNzaWJpbGl0eSwgdG8gaW5kaWNhdGUgd2hhdCBpcyBsb2FkaW5nXG4gICAqL1xuICBsYWJlbD86IHN0cmluZ1xufVxuXG5jb25zdCBUZXh0ID0gc3R5bGVkKCd0ZXh0Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydjb2xvciddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBjb2xvcjogQ29sb3IgfCBzdHJpbmcgfT5gXG4gIGZpbGw6ICR7KHsgdGhlbWUsIGNvbG9yIH0pID0+XG4gICAgdGhlbWUuY29sb3JzW2NvbG9yIGFzIENvbG9yXT8uYmFja2dyb3VuZFN0cm9uZyB8fCBjb2xvcn07XG5cbiAgZm9udC1zaXplOiAyNnB4O1xuICBkb21pbmFudC1iYXNlbGluZTogbWlkZGxlO1xuICB0ZXh0LWFuY2hvcjogbWlkZGxlO1xuYFxuXG4vKipcbiAqIExvYWRlciBpcyBhIGNpcmN1bGFyIHByb2dyZXNzIGluZGljYXRvciB0aGF0IGNhbiBiZSB1c2VkIHRvIGluZGljYXRlIHRoYXQgYW4gYWN0aW9uIGlzIGJlaW5nIHBlcmZvcm1lZC5cbiAqL1xuZXhwb3J0IGNvbnN0IExvYWRlciA9ICh7XG4gIHBlcmNlbnRhZ2UgPSAyMCxcbiAgdGV4dCxcbiAgc2l6ZSA9IDQwLFxuICBzdHJva2VXaWR0aCA9IDE2LFxuICBjb2xvciA9ICdwcmltYXJ5JyxcbiAgdHJhaWxDb2xvciA9ICduZXV0cmFsJyxcbiAgYWN0aXZlID0gZmFsc2UsXG4gIGxhYmVsID0gJ0xvYWRpbmcnLFxufTogTG9hZGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3QgY2lyY2xlUmFkaXVzID0gSEFMRl9WSUVXQk9YX0hFSUdIVCAtIHN0cm9rZVdpZHRoIC8gMlxuICBjb25zdCBib3VuZGVkUGVyY2VudGFnZSA9IE1hdGgubWluKE1hdGgubWF4KHBlcmNlbnRhZ2UsIDApLCAxMDApIC8gMTAwXG4gIGNvbnN0IGNpcmNsZURpYW1ldGVyID0gTWF0aC5QSSAqIDIgKiBjaXJjbGVSYWRpdXNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTdmdcbiAgICAgIGFjdGl2ZT17YWN0aXZlfVxuICAgICAgcm9sZT1cInByb2dyZXNzYmFyXCJcbiAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgYXJpYS12YWx1ZW1pbj17MH1cbiAgICAgIGFyaWEtdmFsdWVtYXg9ezEwMH1cbiAgICAgIGFyaWEtdmFsdWVub3c9e3BlcmNlbnRhZ2V9XG4gICAgICBhcmlhLXZhbHVldGV4dD17YCR7cGVyY2VudGFnZX0lYH1cbiAgICAgIHZpZXdCb3g9e2AwIDAgJHtWSUVXQk9YX1dJRFRIfSAke1ZJRVdCT1hfSEVJR0hUfWB9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBoZWlnaHQ6IHR5cGVvZiBzaXplID09PSAnc3RyaW5nJyA/IHNpemUgOiBgJHtzaXplfXB4YCxcbiAgICAgICAgd2lkdGg6IHR5cGVvZiBzaXplID09PSAnc3RyaW5nJyA/IHNpemUgOiBgJHtzaXplfXB4YCxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGNpcmNsZVxuICAgICAgICBjeD17SEFMRl9WSUVXQk9YX1dJRFRIfVxuICAgICAgICBjeT17SEFMRl9WSUVXQk9YX0hFSUdIVH1cbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXtzdHJva2VXaWR0aH1cbiAgICAgICAgc3Ryb2tlPXt0aGVtZS5jb2xvcnNbdHJhaWxDb2xvciBhcyBDb2xvcl0/LmJvcmRlciB8fCB0cmFpbENvbG9yfVxuICAgICAgLz5cbiAgICAgIDxjaXJjbGVcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC41cyBlYXNlIDBzO1xuICAgICAgICBgfVxuICAgICAgICBjeD17SEFMRl9WSUVXQk9YX1dJRFRIfVxuICAgICAgICBjeT17SEFMRl9WSUVXQk9YX0hFSUdIVH1cbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXtzdHJva2VXaWR0aH1cbiAgICAgICAgc3Ryb2tlRGFzaGFycmF5PXtjaXJjbGVEaWFtZXRlcn1cbiAgICAgICAgc3Ryb2tlRGFzaG9mZnNldD17KDEgLSBib3VuZGVkUGVyY2VudGFnZSkgKiBjaXJjbGVEaWFtZXRlcn1cbiAgICAgICAgc3Ryb2tlPXt0aGVtZS5jb2xvcnNbY29sb3IgYXMgQ29sb3JdPy5iYWNrZ3JvdW5kU3Ryb25nIHx8IGNvbG9yfVxuICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgLz5cbiAgICAgIHt0ZXh0ID8gKFxuICAgICAgICA8VGV4dCBjb2xvcj17Y29sb3J9IHg9e0hBTEZfVklFV0JPWF9XSURUSH0geT17SEFMRl9WSUVXQk9YX0hFSUdIVH0+XG4gICAgICAgICAge3RleHR9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvU3R5bGVkU3ZnPlxuICApXG59XG4iXX0= */"));
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "si0mpz",
+  styles: "transition:stroke-dashoffset 0.5s ease 0s"
+} : {
+  name: "11f05l0-Loader",
+  styles: "transition:stroke-dashoffset 0.5s ease 0s;label:Loader;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0dnQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Mb2FkZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbmNvbnN0IFZJRVdCT1hfV0lEVEggPSAxMDBcbmNvbnN0IFZJRVdCT1hfSEVJR0hUID0gMTAwXG5jb25zdCBIQUxGX1ZJRVdCT1hfV0lEVEggPSBWSUVXQk9YX1dJRFRIIC8gMlxuY29uc3QgSEFMRl9WSUVXQk9YX0hFSUdIVCA9IFZJRVdCT1hfSEVJR0hUIC8gMlxuXG5jb25zdCBTdHlsZWRTdmcgPSBzdHlsZWQoJ3N2ZycsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWN0aXZlJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGFjdGl2ZTogYm9vbGVhbiB9PmBcbiAgJHsoeyBhY3RpdmUgfSkgPT5cbiAgICBhY3RpdmVcbiAgICAgID8gYFxuICAgICAgICBhbmltYXRpb246IHNwaW4gMC43NXMgbGluZWFyIGluZmluaXRlO1xuXG4gICAgICAgIEBrZXlmcmFtZXMgc3BpbiB7XG4gICAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgdG8ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICAgIDogJyd9XG5gXG5cbnR5cGUgTG9hZGVyUHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgY29sb3I/OiBDb2xvciB8IHN0cmluZ1xuICBwZXJjZW50YWdlPzogbnVtYmVyXG4gIHNpemU/OiBudW1iZXIgfCBzdHJpbmdcbiAgc3Ryb2tlV2lkdGg/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRleHQgaXMgcGxhY2VkIGluIGNlbnRlciBvZiBQcm9ncmVzc0NpcmNsZS5cbiAgICovXG4gIHRleHQ/OiBzdHJpbmdcbiAgdHJhaWxDb2xvcj86IENvbG9yIHwgc3RyaW5nXG4gIC8qKlxuICAgKiBMYWJlbCBzaG91bGQgYmUgZGVmaW5lZCBmb3IgYWNjZXNzaWJpbGl0eSwgdG8gaW5kaWNhdGUgd2hhdCBpcyBsb2FkaW5nXG4gICAqL1xuICBsYWJlbD86IHN0cmluZ1xufVxuXG5jb25zdCBUZXh0ID0gc3R5bGVkKCd0ZXh0Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydjb2xvciddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBjb2xvcjogQ29sb3IgfCBzdHJpbmcgfT5gXG4gIGZpbGw6ICR7KHsgdGhlbWUsIGNvbG9yIH0pID0+XG4gICAgdGhlbWUuY29sb3JzW2NvbG9yIGFzIENvbG9yXT8uYmFja2dyb3VuZFN0cm9uZyB8fCBjb2xvcn07XG5cbiAgZm9udC1zaXplOiAyNnB4O1xuICBkb21pbmFudC1iYXNlbGluZTogbWlkZGxlO1xuICB0ZXh0LWFuY2hvcjogbWlkZGxlO1xuYFxuXG4vKipcbiAqIExvYWRlciBpcyBhIGNpcmN1bGFyIHByb2dyZXNzIGluZGljYXRvciB0aGF0IGNhbiBiZSB1c2VkIHRvIGluZGljYXRlIHRoYXQgYW4gYWN0aW9uIGlzIGJlaW5nIHBlcmZvcm1lZC5cbiAqL1xuZXhwb3J0IGNvbnN0IExvYWRlciA9ICh7XG4gIHBlcmNlbnRhZ2UgPSAyMCxcbiAgdGV4dCxcbiAgc2l6ZSA9IDQwLFxuICBzdHJva2VXaWR0aCA9IDE2LFxuICBjb2xvciA9ICdwcmltYXJ5JyxcbiAgdHJhaWxDb2xvciA9ICduZXV0cmFsJyxcbiAgYWN0aXZlID0gZmFsc2UsXG4gIGxhYmVsID0gJ0xvYWRpbmcnLFxufTogTG9hZGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3QgY2lyY2xlUmFkaXVzID0gSEFMRl9WSUVXQk9YX0hFSUdIVCAtIHN0cm9rZVdpZHRoIC8gMlxuICBjb25zdCBib3VuZGVkUGVyY2VudGFnZSA9IE1hdGgubWluKE1hdGgubWF4KHBlcmNlbnRhZ2UsIDApLCAxMDApIC8gMTAwXG4gIGNvbnN0IGNpcmNsZURpYW1ldGVyID0gTWF0aC5QSSAqIDIgKiBjaXJjbGVSYWRpdXNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTdmdcbiAgICAgIGFjdGl2ZT17YWN0aXZlfVxuICAgICAgcm9sZT1cInByb2dyZXNzYmFyXCJcbiAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgYXJpYS12YWx1ZW1pbj17MH1cbiAgICAgIGFyaWEtdmFsdWVtYXg9ezEwMH1cbiAgICAgIGFyaWEtdmFsdWVub3c9e3BlcmNlbnRhZ2V9XG4gICAgICBhcmlhLXZhbHVldGV4dD17YCR7cGVyY2VudGFnZX0lYH1cbiAgICAgIHZpZXdCb3g9e2AwIDAgJHtWSUVXQk9YX1dJRFRIfSAke1ZJRVdCT1hfSEVJR0hUfWB9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBoZWlnaHQ6IHR5cGVvZiBzaXplID09PSAnc3RyaW5nJyA/IHNpemUgOiBgJHtzaXplfXB4YCxcbiAgICAgICAgd2lkdGg6IHR5cGVvZiBzaXplID09PSAnc3RyaW5nJyA/IHNpemUgOiBgJHtzaXplfXB4YCxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGNpcmNsZVxuICAgICAgICBjeD17SEFMRl9WSUVXQk9YX1dJRFRIfVxuICAgICAgICBjeT17SEFMRl9WSUVXQk9YX0hFSUdIVH1cbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXtzdHJva2VXaWR0aH1cbiAgICAgICAgc3Ryb2tlPXt0aGVtZS5jb2xvcnNbdHJhaWxDb2xvciBhcyBDb2xvcl0/LmJvcmRlciB8fCB0cmFpbENvbG9yfVxuICAgICAgLz5cbiAgICAgIDxjaXJjbGVcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC41cyBlYXNlIDBzO1xuICAgICAgICBgfVxuICAgICAgICBjeD17SEFMRl9WSUVXQk9YX1dJRFRIfVxuICAgICAgICBjeT17SEFMRl9WSUVXQk9YX0hFSUdIVH1cbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXtzdHJva2VXaWR0aH1cbiAgICAgICAgc3Ryb2tlRGFzaGFycmF5PXtjaXJjbGVEaWFtZXRlcn1cbiAgICAgICAgc3Ryb2tlRGFzaG9mZnNldD17KDEgLSBib3VuZGVkUGVyY2VudGFnZSkgKiBjaXJjbGVEaWFtZXRlcn1cbiAgICAgICAgc3Ryb2tlPXt0aGVtZS5jb2xvcnNbY29sb3IgYXMgQ29sb3JdPy5iYWNrZ3JvdW5kU3Ryb25nIHx8IGNvbG9yfVxuICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgLz5cbiAgICAgIHt0ZXh0ID8gKFxuICAgICAgICA8VGV4dCBjb2xvcj17Y29sb3J9IHg9e0hBTEZfVklFV0JPWF9XSURUSH0geT17SEFMRl9WSUVXQk9YX0hFSUdIVH0+XG4gICAgICAgICAge3RleHR9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvU3R5bGVkU3ZnPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 const Loader = ({
   percentage = 20,
   text,
@@ -44,54 +63,14 @@ const Loader = ({
   const circleRadius = HALF_VIEWBOX_HEIGHT - strokeWidth / 2;
   const boundedPercentage = Math.min(Math.max(percentage, 0), 100) / 100;
   const circleDiameter = Math.PI * 2 * circleRadius;
-  return /* @__PURE__ */ jsxs(
-    StyledSvg,
-    {
-      active,
-      role: "progressbar",
-      "aria-label": label,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": percentage,
-      "aria-valuetext": `${percentage}%`,
-      viewBox: `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`,
-      style: {
-        height: typeof size === "string" ? size : `${size}px`,
-        width: typeof size === "string" ? size : `${size}px`
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            cx: HALF_VIEWBOX_WIDTH,
-            cy: HALF_VIEWBOX_HEIGHT,
-            r: circleRadius,
-            fill: "none",
-            strokeWidth,
-            stroke: theme.colors[trailColor]?.border || trailColor
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            css: css`
-          transition: stroke-dashoffset 0.5s ease 0s;
-        `,
-            cx: HALF_VIEWBOX_WIDTH,
-            cy: HALF_VIEWBOX_HEIGHT,
-            r: circleRadius,
-            fill: "none",
-            strokeWidth,
-            strokeDasharray: circleDiameter,
-            strokeDashoffset: (1 - boundedPercentage) * circleDiameter,
-            stroke: theme.colors[color]?.backgroundStrong || color,
-            strokeLinecap: "round"
-          }
-        ),
-        text ? /* @__PURE__ */ jsx(Text, { color, x: HALF_VIEWBOX_WIDTH, y: HALF_VIEWBOX_HEIGHT, children: text }) : null
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(StyledSvg, { active, role: "progressbar", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percentage, "aria-valuetext": `${percentage}%`, viewBox: `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`, style: {
+    height: typeof size === "string" ? size : `${size}px`,
+    width: typeof size === "string" ? size : `${size}px`
+  }, children: [
+    /* @__PURE__ */ jsx("circle", { cx: HALF_VIEWBOX_WIDTH, cy: HALF_VIEWBOX_HEIGHT, r: circleRadius, fill: "none", strokeWidth, stroke: theme.colors[trailColor]?.border || trailColor }),
+    /* @__PURE__ */ jsx("circle", { css: _ref, cx: HALF_VIEWBOX_WIDTH, cy: HALF_VIEWBOX_HEIGHT, r: circleRadius, fill: "none", strokeWidth, strokeDasharray: circleDiameter, strokeDashoffset: (1 - boundedPercentage) * circleDiameter, stroke: theme.colors[color]?.backgroundStrong || color, strokeLinecap: "round" }),
+    text ? /* @__PURE__ */ jsx(Text, { color, x: HALF_VIEWBOX_WIDTH, y: HALF_VIEWBOX_HEIGHT, children: text }) : null
+  ] });
 };
 export {
   Loader