@ultraviolet/ui 1.51.2 → 1.51.4

package/dist/components/SwitchButton/FocusOverlay.cjs

@@ -0,0 +1,40 @@
+"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 _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const FOCUS_OVERLAY_SCALE_RATIO = 6;
+const FOCUS_OVERLAY_PIXEL_RIGHT_OFFSET = 8;
+const StyledDiv = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "etutiin0"
+} : {
+  target: "etutiin0",
+  label: "StyledDiv"
+})("position:absolute;height:calc(100% - ", ({
+  theme
+}) => theme.space["1"], ");border-radius:", ({
+  theme
+}) => theme.radii.default, ";background:", ({
+  theme
+}) => theme.colors.primary.backgroundStrong, ";transform-origin:left center;transition:all 200ms ease-in-out;&[data-focusposition='right']{transform-origin:right center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9Gb2N1c092ZXJsYXkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU00QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vRm9jdXNPdmVybGF5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBGT0NVU19PVkVSTEFZX1NDQUxFX1JBVElPID0gNlxuY29uc3QgRk9DVVNfT1ZFUkxBWV9QSVhFTF9SSUdIVF9PRkZTRVQgPSA4XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgLSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119KTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAyMDBtcyBlYXNlLWluLW91dDtcblxuICAmW2RhdGEtZm9jdXNwb3NpdGlvbj0ncmlnaHQnXSB7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogcmlnaHQgY2VudGVyO1xuICB9XG5gXG5cbnR5cGUgRm9jdXNPdmVybGF5UHJvcHMgPSB7XG4gIGZvY3VzUG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCdcbiAgcmlnaHRDYXJkV2lkdGg6IG51bWJlclxuICBsZWZ0Q2FyZFdpZHRoOiBudW1iZXJcbiAgaGFzTW91c2VEb3duOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBGb2N1c092ZXJsYXkgPSAoe1xuICBmb2N1c1Bvc2l0aW9uLFxuICByaWdodENhcmRXaWR0aCxcbiAgbGVmdENhcmRXaWR0aCxcbiAgaGFzTW91c2VEb3duLFxufTogRm9jdXNPdmVybGF5UHJvcHMpID0+IHtcbiAgY29uc3QgdHJhbnNsYXRlWFZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgZm9jdXNQb3NpdGlvbiA9PT0gJ2xlZnQnXG4gICAgICAgID8gMFxuICAgICAgICA6IGxlZnRDYXJkV2lkdGggKyBGT0NVU19PVkVSTEFZX1BJWEVMX1JJR0hUX09GRlNFVCxcbiAgICBbZm9jdXNQb3NpdGlvbiwgbGVmdENhcmRXaWR0aF0sXG4gIClcblxuICBjb25zdCBnZXRTY2FsZVhWYWx1ZSA9ICgpID0+IHtcbiAgICBpZiAoIWhhc01vdXNlRG93biB8fCAhbGVmdENhcmRXaWR0aCB8fCAhcmlnaHRDYXJkV2lkdGgpIHJldHVybiAxXG4gICAgY29uc3QgY3VycmVudFdpZHRoID1cbiAgICAgIGZvY3VzUG9zaXRpb24gPT09ICdsZWZ0JyA/IGxlZnRDYXJkV2lkdGggOiByaWdodENhcmRXaWR0aFxuXG4gICAgcmV0dXJuIDEgKyBGT0NVU19PVkVSTEFZX1NDQUxFX1JBVElPIC8gY3VycmVudFdpZHRoXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWREaXZcbiAgICAgIGRhdGEtZm9jdXNwb3NpdGlvbj17Zm9jdXNQb3NpdGlvbn1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7dHJhbnNsYXRlWFZhbHVlfXB4LCAwLCAwKSBzY2FsZTNkKCR7Z2V0U2NhbGVYVmFsdWUoKX0sIDEsIDEpYCxcbiAgICAgICAgd2lkdGg6IGAke2ZvY3VzUG9zaXRpb24gPT09ICdsZWZ0JyA/IGxlZnRDYXJkV2lkdGggOiByaWdodENhcmRXaWR0aH1weGAsXG4gICAgICB9fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"));
+const FocusOverlay = ({
+  focusPosition,
+  rightCardWidth,
+  leftCardWidth,
+  hasMouseDown
+}) => {
+  const translateXValue = React.useMemo(() => focusPosition === "left" ? 0 : leftCardWidth + FOCUS_OVERLAY_PIXEL_RIGHT_OFFSET, [focusPosition, leftCardWidth]);
+  const getScaleXValue = () => {
+    if (!hasMouseDown || !leftCardWidth || !rightCardWidth)
+      return 1;
+    const currentWidth = focusPosition === "left" ? leftCardWidth : rightCardWidth;
+    return 1 + FOCUS_OVERLAY_SCALE_RATIO / currentWidth;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledDiv, { "data-focusposition": focusPosition, style: {
+    transform: `translate3d(${translateXValue}px, 0, 0) scale3d(${getScaleXValue()}, 1, 1)`,
+    width: `${focusPosition === "left" ? leftCardWidth : rightCardWidth}px`
+  } });
+};
+exports.FocusOverlay = FocusOverlay;

package/dist/components/SwitchButton/FocusOverlay.js

@@ -1,46 +1,37 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { useMemo } from "react";
 const FOCUS_OVERLAY_SCALE_RATIO = 6;
 const FOCUS_OVERLAY_PIXEL_RIGHT_OFFSET = 8;
-const StyledDiv = styled.div`
-  position: absolute;
-  height: calc(100% - ${({ theme }) => theme.space["1"]});
-  border-radius: ${({ theme }) => theme.radii.default};
-  background: ${({ theme }) => theme.colors.primary.backgroundStrong};
-  transform-origin: left center;
-  transition: all 200ms ease-in-out;
-
-  &[data-focusposition='right'] {
-    transform-origin: right center;
-  }
-`;
+const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "etutiin0"
+} : {
+  target: "etutiin0",
+  label: "StyledDiv"
+})("position:absolute;height:calc(100% - ", ({
+  theme
+}) => theme.space["1"], ");border-radius:", ({
+  theme
+}) => theme.radii.default, ";background:", ({
+  theme
+}) => theme.colors.primary.backgroundStrong, ";transform-origin:left center;transition:all 200ms ease-in-out;&[data-focusposition='right']{transform-origin:right center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9Gb2N1c092ZXJsYXkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU00QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vRm9jdXNPdmVybGF5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBGT0NVU19PVkVSTEFZX1NDQUxFX1JBVElPID0gNlxuY29uc3QgRk9DVVNfT1ZFUkxBWV9QSVhFTF9SSUdIVF9PRkZTRVQgPSA4XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgLSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119KTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAyMDBtcyBlYXNlLWluLW91dDtcblxuICAmW2RhdGEtZm9jdXNwb3NpdGlvbj0ncmlnaHQnXSB7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogcmlnaHQgY2VudGVyO1xuICB9XG5gXG5cbnR5cGUgRm9jdXNPdmVybGF5UHJvcHMgPSB7XG4gIGZvY3VzUG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCdcbiAgcmlnaHRDYXJkV2lkdGg6IG51bWJlclxuICBsZWZ0Q2FyZFdpZHRoOiBudW1iZXJcbiAgaGFzTW91c2VEb3duOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBGb2N1c092ZXJsYXkgPSAoe1xuICBmb2N1c1Bvc2l0aW9uLFxuICByaWdodENhcmRXaWR0aCxcbiAgbGVmdENhcmRXaWR0aCxcbiAgaGFzTW91c2VEb3duLFxufTogRm9jdXNPdmVybGF5UHJvcHMpID0+IHtcbiAgY29uc3QgdHJhbnNsYXRlWFZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgZm9jdXNQb3NpdGlvbiA9PT0gJ2xlZnQnXG4gICAgICAgID8gMFxuICAgICAgICA6IGxlZnRDYXJkV2lkdGggKyBGT0NVU19PVkVSTEFZX1BJWEVMX1JJR0hUX09GRlNFVCxcbiAgICBbZm9jdXNQb3NpdGlvbiwgbGVmdENhcmRXaWR0aF0sXG4gIClcblxuICBjb25zdCBnZXRTY2FsZVhWYWx1ZSA9ICgpID0+IHtcbiAgICBpZiAoIWhhc01vdXNlRG93biB8fCAhbGVmdENhcmRXaWR0aCB8fCAhcmlnaHRDYXJkV2lkdGgpIHJldHVybiAxXG4gICAgY29uc3QgY3VycmVudFdpZHRoID1cbiAgICAgIGZvY3VzUG9zaXRpb24gPT09ICdsZWZ0JyA/IGxlZnRDYXJkV2lkdGggOiByaWdodENhcmRXaWR0aFxuXG4gICAgcmV0dXJuIDEgKyBGT0NVU19PVkVSTEFZX1NDQUxFX1JBVElPIC8gY3VycmVudFdpZHRoXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWREaXZcbiAgICAgIGRhdGEtZm9jdXNwb3NpdGlvbj17Zm9jdXNQb3NpdGlvbn1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7dHJhbnNsYXRlWFZhbHVlfXB4LCAwLCAwKSBzY2FsZTNkKCR7Z2V0U2NhbGVYVmFsdWUoKX0sIDEsIDEpYCxcbiAgICAgICAgd2lkdGg6IGAke2ZvY3VzUG9zaXRpb24gPT09ICdsZWZ0JyA/IGxlZnRDYXJkV2lkdGggOiByaWdodENhcmRXaWR0aH1weGAsXG4gICAgICB9fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"));
 const FocusOverlay = ({
   focusPosition,
   rightCardWidth,
   leftCardWidth,
   hasMouseDown
 }) => {
-  const translateXValue = useMemo(
-    () => focusPosition === "left" ? 0 : leftCardWidth + FOCUS_OVERLAY_PIXEL_RIGHT_OFFSET,
-    [focusPosition, leftCardWidth]
-  );
+  const translateXValue = useMemo(() => focusPosition === "left" ? 0 : leftCardWidth + FOCUS_OVERLAY_PIXEL_RIGHT_OFFSET, [focusPosition, leftCardWidth]);
   const getScaleXValue = () => {
     if (!hasMouseDown || !leftCardWidth || !rightCardWidth)
       return 1;
     const currentWidth = focusPosition === "left" ? leftCardWidth : rightCardWidth;
     return 1 + FOCUS_OVERLAY_SCALE_RATIO / currentWidth;
   };
-  return /* @__PURE__ */ jsx(
-    StyledDiv,
-    {
-      "data-focusposition": focusPosition,
-      style: {
-        transform: `translate3d(${translateXValue}px, 0, 0) scale3d(${getScaleXValue()}, 1, 1)`,
-        width: `${focusPosition === "left" ? leftCardWidth : rightCardWidth}px`
-      }
-    }
-  );
+  return /* @__PURE__ */ jsx(StyledDiv, { "data-focusposition": focusPosition, style: {
+    transform: `translate3d(${translateXValue}px, 0, 0) scale3d(${getScaleXValue()}, 1, 1)`,
+    width: `${focusPosition === "left" ? leftCardWidth : rightCardWidth}px`
+  } });
 };
 export {
   FocusOverlay

package/dist/components/SwitchButton/index.cjs

@@ -0,0 +1,78 @@
+"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 index = require("../SelectableCard/index.cjs");
+const index$1 = require("../Tooltip/index.cjs");
+const FocusOverlay = require("./FocusOverlay.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledBorderedBox = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e4ryteh1"
+} : {
+  target: "e4ryteh1",
+  label: "StyledBorderedBox"
+})("border:1px solid ", ({
+  theme
+}) => theme.colors.neutral.border, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";padding:", ({
+  theme
+}) => theme.space["0.5"], ";display:flex;gap:", ({
+  theme
+}) => theme.space["1"], ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ2hhbmdlRXZlbnQsIENoYW5nZUV2ZW50SGFuZGxlciwgRm9jdXNFdmVudEhhbmRsZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0YWJsZUNhcmQgfSBmcm9tICcuLi9TZWxlY3RhYmxlQ2FyZCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgRm9jdXNPdmVybGF5IH0gZnJvbSAnLi9Gb2N1c092ZXJsYXknXG5cbmNvbnN0IFN0eWxlZEJvcmRlcmVkQm94ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBTdHlsZWRTZWxlY3RhYmxlQ2FyZCA9IHN0eWxlZChTZWxlY3RhYmxlQ2FyZClgXG4gIGJvcmRlcjogbm9uZTtcbiAgaGVpZ2h0OiA0MHB4O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVN0cm9uZy53ZWlnaHR9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDIwMG1zIGVhc2UtaW4tb3V0O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluLFxuICAmOmFjdGl2ZSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgJjpub3QoW2RhdGEtZXJyb3I9J3RydWUnXVtkYXRhLWRpc2FibGVkPSd0cnVlJ10pIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIGxhYmVsIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0U3Ryb25nfTtcbiAgfVxuXG4gICY6bm90KFtkYXRhLWNoZWNrZWQ9J3RydWUnXSkgbGFiZWwge1xuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gICAgfVxuICB9XG5gXG5cbnR5cGUgU3dpdGNoQnV0dG9uUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZ1xuICBvbkJsdXI/OiBGb2N1c0V2ZW50SGFuZGxlclxuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyXG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlclxuICB0b29sdGlwPzogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyXG4gIGxlZnRCdXR0b246IHtcbiAgICBsYWJlbDogc3RyaW5nXG4gICAgdmFsdWU6IHN0cmluZ1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICB9XG4gIHJpZ2h0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIFN3aXRjaEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB0aGF0IGFsbG93cyB0aGUgdXNlciB0byBzZWxlY3QgYmV0d2VlbiB0d28gb3B0aW9ucy5cbiAqL1xuZXhwb3J0IGNvbnN0IFN3aXRjaEJ1dHRvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBuYW1lLFxuICBsZWZ0QnV0dG9uLFxuICByaWdodEJ1dHRvbixcbiAgdG9vbHRpcCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3dpdGNoQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgbGVmdEJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgY29uc3QgcmlnaHRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtsZWZ0Q2FyZFdpZHRoLCBzZXRMZWZ0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbcmlnaHRDYXJkV2lkdGgsIHNldFJpZ2h0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbaGFzTW91c2VEb3duLCBzZXRIYXNNb3VzZURvd25dID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgW2xvY2FsVmFsdWUsIHNldExvY2FsVmFsdWVdID0gdXNlU3RhdGUoXG4gICAgdmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWUgPyBsZWZ0QnV0dG9uLnZhbHVlIDogcmlnaHRCdXR0b24udmFsdWUsXG4gIClcbiAgY29uc3QgaGFuZGxlT25DaGFuZ2UgPSAoZXZlbnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudClcbiAgICBzZXRMb2NhbFZhbHVlKGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgfVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFsZWZ0QnV0dG9uUmVmLmN1cnJlbnQgfHwgIXJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQpIHJldHVyblxuICAgIHNldExlZnRDYXJkV2lkdGgobGVmdEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICAgIHNldFJpZ2h0Q2FyZFdpZHRoKHJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgpXG4gIH0sIFtsZWZ0QnV0dG9uLnZhbHVlLCBsZWZ0QnV0dG9uUmVmLCBsb2NhbFZhbHVlLCByaWdodEJ1dHRvblJlZl0pXG5cbiAgY29uc3Qgc2V0TW91c2VEb3duID0gKGlzTW91c2VEb3duOiBib29sZWFuKSA9PiAoKSA9PlxuICAgIHNldEhhc01vdXNlRG93bihpc01vdXNlRG93bilcblxuICByZXR1cm4gKFxuICAgIDxUb29sdGlwIHRleHQ9e3Rvb2x0aXB9PlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17eyBkaXNwbGF5OiAnaW5saW5lLWZsZXgnIH19XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEJvcmRlcmVkQm94XG4gICAgICAgICAgb25Nb3VzZURvd249e3NldE1vdXNlRG93bih0cnVlKX1cbiAgICAgICAgICBvbk1vdXNlVXA9e3NldE1vdXNlRG93bihmYWxzZSl9XG4gICAgICAgICAgb25Nb3VzZUxlYXZlPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICA+XG4gICAgICAgICAge3JpZ2h0Q2FyZFdpZHRoICYmIGxlZnRDYXJkV2lkdGggPyAoXG4gICAgICAgICAgICA8Rm9jdXNPdmVybGF5XG4gICAgICAgICAgICAgIGZvY3VzUG9zaXRpb249e2xvY2FsVmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWUgPyAnbGVmdCcgOiAncmlnaHQnfVxuICAgICAgICAgICAgICByaWdodENhcmRXaWR0aD17cmlnaHRDYXJkV2lkdGh9XG4gICAgICAgICAgICAgIGxlZnRDYXJkV2lkdGg9e2xlZnRDYXJkV2lkdGh9XG4gICAgICAgICAgICAgIGhhc01vdXNlRG93bj17aGFzTW91c2VEb3dufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8U3R5bGVkU2VsZWN0YWJsZUNhcmRcbiAgICAgICAgICAgIHJlZj17bGVmdEJ1dHRvblJlZn1cbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17bGVmdEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlT25DaGFuZ2V9XG4gICAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgICBkYXRhLWNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBsYWJlbD17bGVmdEJ1dHRvbi5sYWJlbH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tbGVmdGAgOiB1bmRlZmluZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8U3R5bGVkU2VsZWN0YWJsZUNhcmRcbiAgICAgICAgICAgIHJlZj17cmlnaHRCdXR0b25SZWZ9XG4gICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgdmFsdWU9e3JpZ2h0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gcmlnaHRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlT25DaGFuZ2V9XG4gICAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgICBkYXRhLWNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHJpZ2h0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgbGFiZWw9e3JpZ2h0QnV0dG9uLmxhYmVsfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPyBgJHtkYXRhVGVzdElkfS1yaWdodGAgOiB1bmRlZmluZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRCb3JkZXJlZEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvVG9vbHRpcD5cbiAgKVxufVxuIl19 */"));
+const StyledSelectableCard = /* @__PURE__ */ _styled__default.default(index.SelectableCard, process.env.NODE_ENV === "production" ? {
+  target: "e4ryteh0"
+} : {
+  target: "e4ryteh0",
+  label: "StyledSelectableCard"
+})("border:none;height:40px;padding:", ({
+  theme
+}) => theme.space["1"], " ", ({
+  theme
+}) => theme.space["2"], ";font-weight:", ({
+  theme
+}) => theme.typography.bodyStrong.weight, ";justify-content:center;align-items:center;transition:all 200ms ease-in-out;white-space:nowrap;&:hover,&:focus-within,&:active{box-shadow:none;border:none;&:not([data-error='true'][data-disabled='true']){border:none;}}&[data-checked='true']{border:none;}&[data-checked='true'] label{color:", ({
+  theme
+}) => theme.colors.primary.textStrong, ";}&:not([data-checked='true']) label{&:hover{color:", ({
+  theme
+}) => theme.colors.primary.text, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JtRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENoYW5nZUV2ZW50LCBDaGFuZ2VFdmVudEhhbmRsZXIsIEZvY3VzRXZlbnRIYW5kbGVyIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFNlbGVjdGFibGVDYXJkIH0gZnJvbSAnLi4vU2VsZWN0YWJsZUNhcmQnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IEZvY3VzT3ZlcmxheSB9IGZyb20gJy4vRm9jdXNPdmVybGF5J1xuXG5jb25zdCBTdHlsZWRCb3JkZXJlZEJveCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuY29uc3QgU3R5bGVkU2VsZWN0YWJsZUNhcmQgPSBzdHlsZWQoU2VsZWN0YWJsZUNhcmQpYFxuICBib3JkZXI6IG5vbmU7XG4gIGhlaWdodDogNDBweDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTdHJvbmcud2VpZ2h0fTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAyMDBtcyBlYXNlLWluLW91dDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbixcbiAgJjphY3RpdmUge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgICY6bm90KFtkYXRhLWVycm9yPSd0cnVlJ11bZGF0YS1kaXNhYmxlZD0ndHJ1ZSddKSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSBsYWJlbCB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dFN0cm9uZ307XG4gIH1cblxuICAmOm5vdChbZGF0YS1jaGVja2VkPSd0cnVlJ10pIGxhYmVsIHtcbiAgICAmOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LnRleHR9O1xuICAgIH1cbiAgfVxuYFxuXG50eXBlIFN3aXRjaEJ1dHRvblByb3BzID0ge1xuICBuYW1lOiBzdHJpbmdcbiAgb25CbHVyPzogRm9jdXNFdmVudEhhbmRsZXJcbiAgb25DaGFuZ2U6IENoYW5nZUV2ZW50SGFuZGxlclxuICBvbkZvY3VzPzogRm9jdXNFdmVudEhhbmRsZXJcbiAgdG9vbHRpcD86IHN0cmluZ1xuICB2YWx1ZT86IHN0cmluZyB8IG51bWJlclxuICBsZWZ0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICByaWdodEJ1dHRvbjoge1xuICAgIGxhYmVsOiBzdHJpbmdcbiAgICB2YWx1ZTogc3RyaW5nXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIH1cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBTd2l0Y2hCdXR0b24gaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgdGhlIHVzZXIgdG8gc2VsZWN0IGJldHdlZW4gdHdvIG9wdGlvbnMuXG4gKi9cbmV4cG9ydCBjb25zdCBTd2l0Y2hCdXR0b24gPSAoe1xuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgbmFtZSxcbiAgbGVmdEJ1dHRvbixcbiAgcmlnaHRCdXR0b24sXG4gIHRvb2x0aXAsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFN3aXRjaEJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IGxlZnRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHJpZ2h0QnV0dG9uUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbbGVmdENhcmRXaWR0aCwgc2V0TGVmdENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW3JpZ2h0Q2FyZFdpZHRoLCBzZXRSaWdodENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW2hhc01vdXNlRG93biwgc2V0SGFzTW91c2VEb3duXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IFtsb2NhbFZhbHVlLCBzZXRMb2NhbFZhbHVlXSA9IHVzZVN0YXRlKFxuICAgIHZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlID8gbGVmdEJ1dHRvbi52YWx1ZSA6IHJpZ2h0QnV0dG9uLnZhbHVlLFxuICApXG4gIGNvbnN0IGhhbmRsZU9uQ2hhbmdlID0gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgIG9uQ2hhbmdlPy4oZXZlbnQpXG4gICAgc2V0TG9jYWxWYWx1ZShldmVudC50YXJnZXQudmFsdWUpXG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbGVmdEJ1dHRvblJlZi5jdXJyZW50IHx8ICFyaWdodEJ1dHRvblJlZi5jdXJyZW50KSByZXR1cm5cbiAgICBzZXRMZWZ0Q2FyZFdpZHRoKGxlZnRCdXR0b25SZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICBzZXRSaWdodENhcmRXaWR0aChyaWdodEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICB9LCBbbGVmdEJ1dHRvbi52YWx1ZSwgbGVmdEJ1dHRvblJlZiwgbG9jYWxWYWx1ZSwgcmlnaHRCdXR0b25SZWZdKVxuXG4gIGNvbnN0IHNldE1vdXNlRG93biA9IChpc01vdXNlRG93bjogYm9vbGVhbikgPT4gKCkgPT5cbiAgICBzZXRIYXNNb3VzZURvd24oaXNNb3VzZURvd24pXG5cbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcCB0ZXh0PXt0b29sdGlwfT5cbiAgICAgIDxkaXZcbiAgICAgICAgc3R5bGU9e3sgZGlzcGxheTogJ2lubGluZS1mbGV4JyB9fVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRCb3JkZXJlZEJveFxuICAgICAgICAgIG9uTW91c2VEb3duPXtzZXRNb3VzZURvd24odHJ1ZSl9XG4gICAgICAgICAgb25Nb3VzZVVwPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17c2V0TW91c2VEb3duKGZhbHNlKX1cbiAgICAgICAgPlxuICAgICAgICAgIHtyaWdodENhcmRXaWR0aCAmJiBsZWZ0Q2FyZFdpZHRoID8gKFxuICAgICAgICAgICAgPEZvY3VzT3ZlcmxheVxuICAgICAgICAgICAgICBmb2N1c1Bvc2l0aW9uPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlID8gJ2xlZnQnIDogJ3JpZ2h0J31cbiAgICAgICAgICAgICAgcmlnaHRDYXJkV2lkdGg9e3JpZ2h0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBsZWZ0Q2FyZFdpZHRoPXtsZWZ0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBoYXNNb3VzZURvd249e2hhc01vdXNlRG93bn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e2xlZnRCdXR0b25SZWZ9XG4gICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgdmFsdWU9e2xlZnRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgbGFiZWw9e2xlZnRCdXR0b24ubGFiZWx9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWxlZnRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e3JpZ2h0QnV0dG9uUmVmfVxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXtyaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHJpZ2h0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSByaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGxhYmVsPXtyaWdodEJ1dHRvbi5sYWJlbH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tcmlnaHRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkQm9yZGVyZWRCb3g+XG4gICAgICA8L2Rpdj5cbiAgICA8L1Rvb2x0aXA+XG4gIClcbn1cbiJdfQ== */"));
+const SwitchButton = ({
+  value,
+  onChange,
+  onFocus,
+  onBlur,
+  name,
+  leftButton,
+  rightButton,
+  tooltip,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const leftButtonRef = React.useRef(null);
+  const rightButtonRef = React.useRef(null);
+  const [leftCardWidth, setLeftCardWidth] = React.useState();
+  const [rightCardWidth, setRightCardWidth] = React.useState();
+  const [hasMouseDown, setHasMouseDown] = React.useState(false);
+  const [localValue, setLocalValue] = React.useState(value === leftButton.value ? leftButton.value : rightButton.value);
+  const handleOnChange = (event) => {
+    onChange?.(event);
+    setLocalValue(event.target.value);
+  };
+  React.useEffect(() => {
+    if (!leftButtonRef.current || !rightButtonRef.current)
+      return;
+    setLeftCardWidth(leftButtonRef.current.getBoundingClientRect().width);
+    setRightCardWidth(rightButtonRef.current.getBoundingClientRect().width);
+  }, [leftButton.value, leftButtonRef, localValue, rightButtonRef]);
+  const setMouseDown = (isMouseDown) => () => setHasMouseDown(isMouseDown);
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+    display: "inline-flex"
+  }, className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsxs(StyledBorderedBox, { onMouseDown: setMouseDown(true), onMouseUp: setMouseDown(false), onMouseLeave: setMouseDown(false), children: [
+    rightCardWidth && leftCardWidth ? /* @__PURE__ */ jsxRuntime.jsx(FocusOverlay.FocusOverlay, { focusPosition: localValue === leftButton.value ? "left" : "right", rightCardWidth, leftCardWidth, hasMouseDown }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(StyledSelectableCard, { ref: leftButtonRef, name, value: leftButton.value, checked: localValue === leftButton.value, onChange: handleOnChange, onBlur, onFocus, "data-checked": localValue === leftButton.value, label: leftButton.label, "data-testid": dataTestId ? `${dataTestId}-left` : void 0 }),
+    /* @__PURE__ */ jsxRuntime.jsx(StyledSelectableCard, { ref: rightButtonRef, name, value: rightButton.value, checked: localValue === rightButton.value, onChange: handleOnChange, onBlur, onFocus, "data-checked": localValue === rightButton.value, label: rightButton.label, "data-testid": dataTestId ? `${dataTestId}-right` : void 0 })
+  ] }) }) });
+};
+exports.SwitchButton = SwitchButton;

package/dist/components/SwitchButton/index.js

@@ -1,51 +1,39 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { useRef, useState, useEffect } from "react";
 import { SelectableCard } from "../SelectableCard/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { FocusOverlay } from "./FocusOverlay.js";
-const StyledBorderedBox = styled.div`
-  border: 1px solid ${({ theme }) => theme.colors.neutral.border};
-  border-radius: ${({ theme }) => theme.radii.default};
-  padding: ${({ theme }) => theme.space["0.5"]};
-  display: flex;
-  gap: ${({ theme }) => theme.space["1"]};
-  position: relative;
-`;
-const StyledSelectableCard = styled(SelectableCard)`
-  border: none;
-  height: 40px;
-  padding: ${({ theme }) => theme.space["1"]} ${({ theme }) => theme.space["2"]};
-  font-weight: ${({ theme }) => theme.typography.bodyStrong.weight};
-  justify-content: center;
-  align-items: center;
-  transition: all 200ms ease-in-out;
-  white-space: nowrap;
-
-  &:hover,
-  &:focus-within,
-  &:active {
-    box-shadow: none;
-    border: none;
-    &:not([data-error='true'][data-disabled='true']) {
-      border: none;
-    }
-  }
-
-  &[data-checked='true'] {
-    border: none;
-  }
-
-  &[data-checked='true'] label {
-    color: ${({ theme }) => theme.colors.primary.textStrong};
-  }
-
-  &:not([data-checked='true']) label {
-    &:hover {
-      color: ${({ theme }) => theme.colors.primary.text};
-    }
-  }
-`;
+const StyledBorderedBox = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e4ryteh1"
+} : {
+  target: "e4ryteh1",
+  label: "StyledBorderedBox"
+})("border:1px solid ", ({
+  theme
+}) => theme.colors.neutral.border, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";padding:", ({
+  theme
+}) => theme.space["0.5"], ";display:flex;gap:", ({
+  theme
+}) => theme.space["1"], ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ2hhbmdlRXZlbnQsIENoYW5nZUV2ZW50SGFuZGxlciwgRm9jdXNFdmVudEhhbmRsZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0YWJsZUNhcmQgfSBmcm9tICcuLi9TZWxlY3RhYmxlQ2FyZCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgRm9jdXNPdmVybGF5IH0gZnJvbSAnLi9Gb2N1c092ZXJsYXknXG5cbmNvbnN0IFN0eWxlZEJvcmRlcmVkQm94ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBTdHlsZWRTZWxlY3RhYmxlQ2FyZCA9IHN0eWxlZChTZWxlY3RhYmxlQ2FyZClgXG4gIGJvcmRlcjogbm9uZTtcbiAgaGVpZ2h0OiA0MHB4O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVN0cm9uZy53ZWlnaHR9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDIwMG1zIGVhc2UtaW4tb3V0O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluLFxuICAmOmFjdGl2ZSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgJjpub3QoW2RhdGEtZXJyb3I9J3RydWUnXVtkYXRhLWRpc2FibGVkPSd0cnVlJ10pIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIGxhYmVsIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0U3Ryb25nfTtcbiAgfVxuXG4gICY6bm90KFtkYXRhLWNoZWNrZWQ9J3RydWUnXSkgbGFiZWwge1xuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gICAgfVxuICB9XG5gXG5cbnR5cGUgU3dpdGNoQnV0dG9uUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZ1xuICBvbkJsdXI/OiBGb2N1c0V2ZW50SGFuZGxlclxuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyXG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlclxuICB0b29sdGlwPzogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyXG4gIGxlZnRCdXR0b246IHtcbiAgICBsYWJlbDogc3RyaW5nXG4gICAgdmFsdWU6IHN0cmluZ1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICB9XG4gIHJpZ2h0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIFN3aXRjaEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB0aGF0IGFsbG93cyB0aGUgdXNlciB0byBzZWxlY3QgYmV0d2VlbiB0d28gb3B0aW9ucy5cbiAqL1xuZXhwb3J0IGNvbnN0IFN3aXRjaEJ1dHRvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBuYW1lLFxuICBsZWZ0QnV0dG9uLFxuICByaWdodEJ1dHRvbixcbiAgdG9vbHRpcCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3dpdGNoQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgbGVmdEJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgY29uc3QgcmlnaHRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtsZWZ0Q2FyZFdpZHRoLCBzZXRMZWZ0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbcmlnaHRDYXJkV2lkdGgsIHNldFJpZ2h0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbaGFzTW91c2VEb3duLCBzZXRIYXNNb3VzZURvd25dID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgW2xvY2FsVmFsdWUsIHNldExvY2FsVmFsdWVdID0gdXNlU3RhdGUoXG4gICAgdmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWUgPyBsZWZ0QnV0dG9uLnZhbHVlIDogcmlnaHRCdXR0b24udmFsdWUsXG4gIClcbiAgY29uc3QgaGFuZGxlT25DaGFuZ2UgPSAoZXZlbnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudClcbiAgICBzZXRMb2NhbFZhbHVlKGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgfVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFsZWZ0QnV0dG9uUmVmLmN1cnJlbnQgfHwgIXJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQpIHJldHVyblxuICAgIHNldExlZnRDYXJkV2lkdGgobGVmdEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICAgIHNldFJpZ2h0Q2FyZFdpZHRoKHJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgpXG4gIH0sIFtsZWZ0QnV0dG9uLnZhbHVlLCBsZWZ0QnV0dG9uUmVmLCBsb2NhbFZhbHVlLCByaWdodEJ1dHRvblJlZl0pXG5cbiAgY29uc3Qgc2V0TW91c2VEb3duID0gKGlzTW91c2VEb3duOiBib29sZWFuKSA9PiAoKSA9PlxuICAgIHNldEhhc01vdXNlRG93bihpc01vdXNlRG93bilcblxuICByZXR1cm4gKFxuICAgIDxUb29sdGlwIHRleHQ9e3Rvb2x0aXB9PlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17eyBkaXNwbGF5OiAnaW5saW5lLWZsZXgnIH19XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEJvcmRlcmVkQm94XG4gICAgICAgICAgb25Nb3VzZURvd249e3NldE1vdXNlRG93bih0cnVlKX1cbiAgICAgICAgICBvbk1vdXNlVXA9e3NldE1vdXNlRG93bihmYWxzZSl9XG4gICAgICAgICAgb25Nb3VzZUxlYXZlPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICA+XG4gICAgICAgICAge3JpZ2h0Q2FyZFdpZHRoICYmIGxlZnRDYXJkV2lkdGggPyAoXG4gICAgICAgICAgICA8Rm9jdXNPdmVybGF5XG4gICAgICAgICAgICAgIGZvY3VzUG9zaXRpb249e2xvY2FsVmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWUgPyAnbGVmdCcgOiAncmlnaHQnfVxuICAgICAgICAgICAgICByaWdodENhcmRXaWR0aD17cmlnaHRDYXJkV2lkdGh9XG4gICAgICAgICAgICAgIGxlZnRDYXJkV2lkdGg9e2xlZnRDYXJkV2lkdGh9XG4gICAgICAgICAgICAgIGhhc01vdXNlRG93bj17aGFzTW91c2VEb3dufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8U3R5bGVkU2VsZWN0YWJsZUNhcmRcbiAgICAgICAgICAgIHJlZj17bGVmdEJ1dHRvblJlZn1cbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17bGVmdEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlT25DaGFuZ2V9XG4gICAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgICBkYXRhLWNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBsYWJlbD17bGVmdEJ1dHRvbi5sYWJlbH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tbGVmdGAgOiB1bmRlZmluZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8U3R5bGVkU2VsZWN0YWJsZUNhcmRcbiAgICAgICAgICAgIHJlZj17cmlnaHRCdXR0b25SZWZ9XG4gICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgdmFsdWU9e3JpZ2h0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gcmlnaHRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlT25DaGFuZ2V9XG4gICAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgICBkYXRhLWNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHJpZ2h0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgbGFiZWw9e3JpZ2h0QnV0dG9uLmxhYmVsfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPyBgJHtkYXRhVGVzdElkfS1yaWdodGAgOiB1bmRlZmluZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRCb3JkZXJlZEJveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvVG9vbHRpcD5cbiAgKVxufVxuIl19 */"));
+const StyledSelectableCard = /* @__PURE__ */ _styled(SelectableCard, process.env.NODE_ENV === "production" ? {
+  target: "e4ryteh0"
+} : {
+  target: "e4ryteh0",
+  label: "StyledSelectableCard"
+})("border:none;height:40px;padding:", ({
+  theme
+}) => theme.space["1"], " ", ({
+  theme
+}) => theme.space["2"], ";font-weight:", ({
+  theme
+}) => theme.typography.bodyStrong.weight, ";justify-content:center;align-items:center;transition:all 200ms ease-in-out;white-space:nowrap;&:hover,&:focus-within,&:active{box-shadow:none;border:none;&:not([data-error='true'][data-disabled='true']){border:none;}}&[data-checked='true']{border:none;}&[data-checked='true'] label{color:", ({
+  theme
+}) => theme.colors.primary.textStrong, ";}&:not([data-checked='true']) label{&:hover{color:", ({
+  theme
+}) => theme.colors.primary.text, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JtRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENoYW5nZUV2ZW50LCBDaGFuZ2VFdmVudEhhbmRsZXIsIEZvY3VzRXZlbnRIYW5kbGVyIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFNlbGVjdGFibGVDYXJkIH0gZnJvbSAnLi4vU2VsZWN0YWJsZUNhcmQnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IEZvY3VzT3ZlcmxheSB9IGZyb20gJy4vRm9jdXNPdmVybGF5J1xuXG5jb25zdCBTdHlsZWRCb3JkZXJlZEJveCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuY29uc3QgU3R5bGVkU2VsZWN0YWJsZUNhcmQgPSBzdHlsZWQoU2VsZWN0YWJsZUNhcmQpYFxuICBib3JkZXI6IG5vbmU7XG4gIGhlaWdodDogNDBweDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTdHJvbmcud2VpZ2h0fTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAyMDBtcyBlYXNlLWluLW91dDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbixcbiAgJjphY3RpdmUge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgICY6bm90KFtkYXRhLWVycm9yPSd0cnVlJ11bZGF0YS1kaXNhYmxlZD0ndHJ1ZSddKSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSBsYWJlbCB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dFN0cm9uZ307XG4gIH1cblxuICAmOm5vdChbZGF0YS1jaGVja2VkPSd0cnVlJ10pIGxhYmVsIHtcbiAgICAmOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LnRleHR9O1xuICAgIH1cbiAgfVxuYFxuXG50eXBlIFN3aXRjaEJ1dHRvblByb3BzID0ge1xuICBuYW1lOiBzdHJpbmdcbiAgb25CbHVyPzogRm9jdXNFdmVudEhhbmRsZXJcbiAgb25DaGFuZ2U6IENoYW5nZUV2ZW50SGFuZGxlclxuICBvbkZvY3VzPzogRm9jdXNFdmVudEhhbmRsZXJcbiAgdG9vbHRpcD86IHN0cmluZ1xuICB2YWx1ZT86IHN0cmluZyB8IG51bWJlclxuICBsZWZ0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICByaWdodEJ1dHRvbjoge1xuICAgIGxhYmVsOiBzdHJpbmdcbiAgICB2YWx1ZTogc3RyaW5nXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIH1cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBTd2l0Y2hCdXR0b24gaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgdGhlIHVzZXIgdG8gc2VsZWN0IGJldHdlZW4gdHdvIG9wdGlvbnMuXG4gKi9cbmV4cG9ydCBjb25zdCBTd2l0Y2hCdXR0b24gPSAoe1xuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgbmFtZSxcbiAgbGVmdEJ1dHRvbixcbiAgcmlnaHRCdXR0b24sXG4gIHRvb2x0aXAsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFN3aXRjaEJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IGxlZnRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHJpZ2h0QnV0dG9uUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbbGVmdENhcmRXaWR0aCwgc2V0TGVmdENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW3JpZ2h0Q2FyZFdpZHRoLCBzZXRSaWdodENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW2hhc01vdXNlRG93biwgc2V0SGFzTW91c2VEb3duXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IFtsb2NhbFZhbHVlLCBzZXRMb2NhbFZhbHVlXSA9IHVzZVN0YXRlKFxuICAgIHZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlID8gbGVmdEJ1dHRvbi52YWx1ZSA6IHJpZ2h0QnV0dG9uLnZhbHVlLFxuICApXG4gIGNvbnN0IGhhbmRsZU9uQ2hhbmdlID0gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgIG9uQ2hhbmdlPy4oZXZlbnQpXG4gICAgc2V0TG9jYWxWYWx1ZShldmVudC50YXJnZXQudmFsdWUpXG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbGVmdEJ1dHRvblJlZi5jdXJyZW50IHx8ICFyaWdodEJ1dHRvblJlZi5jdXJyZW50KSByZXR1cm5cbiAgICBzZXRMZWZ0Q2FyZFdpZHRoKGxlZnRCdXR0b25SZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICBzZXRSaWdodENhcmRXaWR0aChyaWdodEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICB9LCBbbGVmdEJ1dHRvbi52YWx1ZSwgbGVmdEJ1dHRvblJlZiwgbG9jYWxWYWx1ZSwgcmlnaHRCdXR0b25SZWZdKVxuXG4gIGNvbnN0IHNldE1vdXNlRG93biA9IChpc01vdXNlRG93bjogYm9vbGVhbikgPT4gKCkgPT5cbiAgICBzZXRIYXNNb3VzZURvd24oaXNNb3VzZURvd24pXG5cbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcCB0ZXh0PXt0b29sdGlwfT5cbiAgICAgIDxkaXZcbiAgICAgICAgc3R5bGU9e3sgZGlzcGxheTogJ2lubGluZS1mbGV4JyB9fVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRCb3JkZXJlZEJveFxuICAgICAgICAgIG9uTW91c2VEb3duPXtzZXRNb3VzZURvd24odHJ1ZSl9XG4gICAgICAgICAgb25Nb3VzZVVwPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17c2V0TW91c2VEb3duKGZhbHNlKX1cbiAgICAgICAgPlxuICAgICAgICAgIHtyaWdodENhcmRXaWR0aCAmJiBsZWZ0Q2FyZFdpZHRoID8gKFxuICAgICAgICAgICAgPEZvY3VzT3ZlcmxheVxuICAgICAgICAgICAgICBmb2N1c1Bvc2l0aW9uPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlID8gJ2xlZnQnIDogJ3JpZ2h0J31cbiAgICAgICAgICAgICAgcmlnaHRDYXJkV2lkdGg9e3JpZ2h0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBsZWZ0Q2FyZFdpZHRoPXtsZWZ0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBoYXNNb3VzZURvd249e2hhc01vdXNlRG93bn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e2xlZnRCdXR0b25SZWZ9XG4gICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgdmFsdWU9e2xlZnRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgbGFiZWw9e2xlZnRCdXR0b24ubGFiZWx9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWxlZnRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e3JpZ2h0QnV0dG9uUmVmfVxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXtyaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHJpZ2h0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSByaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGxhYmVsPXtyaWdodEJ1dHRvbi5sYWJlbH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tcmlnaHRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkQm9yZGVyZWRCb3g+XG4gICAgICA8L2Rpdj5cbiAgICA8L1Rvb2x0aXA+XG4gIClcbn1cbiJdfQ== */"));
 const SwitchButton = ({
   value,
   onChange,
@@ -63,9 +51,7 @@ const SwitchButton = ({
   const [leftCardWidth, setLeftCardWidth] = useState();
   const [rightCardWidth, setRightCardWidth] = useState();
   const [hasMouseDown, setHasMouseDown] = useState(false);
-  const [localValue, setLocalValue] = useState(
-    value === leftButton.value ? leftButton.value : rightButton.value
-  );
+  const [localValue, setLocalValue] = useState(value === leftButton.value ? leftButton.value : rightButton.value);
   const handleOnChange = (event) => {
     onChange?.(event);
     setLocalValue(event.target.value);
@@ -77,63 +63,13 @@ const SwitchButton = ({
     setRightCardWidth(rightButtonRef.current.getBoundingClientRect().width);
   }, [leftButton.value, leftButtonRef, localValue, rightButtonRef]);
   const setMouseDown = (isMouseDown) => () => setHasMouseDown(isMouseDown);
-  return /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: { display: "inline-flex" },
-      className,
-      "data-testid": dataTestId,
-      children: /* @__PURE__ */ jsxs(
-        StyledBorderedBox,
-        {
-          onMouseDown: setMouseDown(true),
-          onMouseUp: setMouseDown(false),
-          onMouseLeave: setMouseDown(false),
-          children: [
-            rightCardWidth && leftCardWidth ? /* @__PURE__ */ jsx(
-              FocusOverlay,
-              {
-                focusPosition: localValue === leftButton.value ? "left" : "right",
-                rightCardWidth,
-                leftCardWidth,
-                hasMouseDown
-              }
-            ) : null,
-            /* @__PURE__ */ jsx(
-              StyledSelectableCard,
-              {
-                ref: leftButtonRef,
-                name,
-                value: leftButton.value,
-                checked: localValue === leftButton.value,
-                onChange: handleOnChange,
-                onBlur,
-                onFocus,
-                "data-checked": localValue === leftButton.value,
-                label: leftButton.label,
-                "data-testid": dataTestId ? `${dataTestId}-left` : void 0
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              StyledSelectableCard,
-              {
-                ref: rightButtonRef,
-                name,
-                value: rightButton.value,
-                checked: localValue === rightButton.value,
-                onChange: handleOnChange,
-                onBlur,
-                onFocus,
-                "data-checked": localValue === rightButton.value,
-                label: rightButton.label,
-                "data-testid": dataTestId ? `${dataTestId}-right` : void 0
-              }
-            )
-          ]
-        }
-      )
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsx("div", { style: {
+    display: "inline-flex"
+  }, className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxs(StyledBorderedBox, { onMouseDown: setMouseDown(true), onMouseUp: setMouseDown(false), onMouseLeave: setMouseDown(false), children: [
+    rightCardWidth && leftCardWidth ? /* @__PURE__ */ jsx(FocusOverlay, { focusPosition: localValue === leftButton.value ? "left" : "right", rightCardWidth, leftCardWidth, hasMouseDown }) : null,
+    /* @__PURE__ */ jsx(StyledSelectableCard, { ref: leftButtonRef, name, value: leftButton.value, checked: localValue === leftButton.value, onChange: handleOnChange, onBlur, onFocus, "data-checked": localValue === leftButton.value, label: leftButton.label, "data-testid": dataTestId ? `${dataTestId}-left` : void 0 }),
+    /* @__PURE__ */ jsx(StyledSelectableCard, { ref: rightButtonRef, name, value: rightButton.value, checked: localValue === rightButton.value, onChange: handleOnChange, onBlur, onFocus, "data-checked": localValue === rightButton.value, label: rightButton.label, "data-testid": dataTestId ? `${dataTestId}-right` : void 0 })
+  ] }) }) });
 };
 export {
   SwitchButton

package/dist/components/Table/Body.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Body = ({
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { children });
+exports.Body = Body;

package/dist/components/Table/Body.js

@@ -1,5 +1,7 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-const Body = ({ children }) => /* @__PURE__ */ jsx("tbody", { children });
+const Body = ({
+  children
+}) => /* @__PURE__ */ jsx("tbody", { children });
 export {
   Body
 };

package/dist/components/Table/Cell.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledCell = /* @__PURE__ */ _styled__default.default("td", process.env.NODE_ENV === "production" ? {
+  target: "e78o8ww0"
+} : {
+  target: "e78o8ww0",
+  label: "StyledCell"
+})("padding:", ({
+  theme
+}) => theme.space["1"], ";font-size:14px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0NlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJsZS9DZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgU3R5bGVkQ2VsbCA9IHN0eWxlZCgndGQnKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgZm9udC1zaXplOiAxNHB4O1xuYFxuXG50eXBlIENlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNvbFNwYW4/OiBudW1iZXJcbiAgcm93U3Bhbj86IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgQ2VsbCA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGNvbFNwYW4sIHJvd1NwYW4gfTogQ2VsbFByb3BzKSA9PiAoXG4gIDxTdHlsZWRDZWxsIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBjb2xTcGFuPXtjb2xTcGFufSByb3dTcGFuPXtyb3dTcGFufT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkQ2VsbD5cbilcbiJdfQ== */"));
+const Cell = ({
+  children,
+  className,
+  colSpan,
+  rowSpan
+}) => /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { className, colSpan, rowSpan, children });
+exports.Cell = Cell;

package/dist/components/Table/Cell.js

@@ -1,10 +1,19 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
-const StyledCell = styled("td")`
-  padding: ${({ theme }) => theme.space["1"]};
-  font-size: 14px;
-`;
-const Cell = ({ children, className, colSpan, rowSpan }) => /* @__PURE__ */ jsx(StyledCell, { className, colSpan, rowSpan, children });
+import _styled from "@emotion/styled/base";
+const StyledCell = /* @__PURE__ */ _styled("td", process.env.NODE_ENV === "production" ? {
+  target: "e78o8ww0"
+} : {
+  target: "e78o8ww0",
+  label: "StyledCell"
+})("padding:", ({
+  theme
+}) => theme.space["1"], ";font-size:14px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0NlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJsZS9DZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgU3R5bGVkQ2VsbCA9IHN0eWxlZCgndGQnKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgZm9udC1zaXplOiAxNHB4O1xuYFxuXG50eXBlIENlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNvbFNwYW4/OiBudW1iZXJcbiAgcm93U3Bhbj86IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgQ2VsbCA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGNvbFNwYW4sIHJvd1NwYW4gfTogQ2VsbFByb3BzKSA9PiAoXG4gIDxTdHlsZWRDZWxsIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBjb2xTcGFuPXtjb2xTcGFufSByb3dTcGFuPXtyb3dTcGFufT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkQ2VsbD5cbilcbiJdfQ== */"));
+const Cell = ({
+  children,
+  className,
+  colSpan,
+  rowSpan
+}) => /* @__PURE__ */ jsx(StyledCell, { className, colSpan, rowSpan, children });
 export {
   Cell
 };

package/dist/components/Table/Header.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledHeader = /* @__PURE__ */ _styled__default.default("thead", process.env.NODE_ENV === "production" ? {
+  target: "ekxedod0"
+} : {
+  target: "ekxedod0",
+  label: "StyledHeader"
+})("border-bottom:1px solid ", ({
+  theme
+}) => theme.colors.neutral.border, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZCgndGhlYWQnKWBcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbmBcblxudHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gKHsgY2hpbGRyZW4gfTogSGVhZGVyUHJvcHMpID0+IChcbiAgPFN0eWxlZEhlYWRlcj57Y2hpbGRyZW59PC9TdHlsZWRIZWFkZXI+XG4pXG4iXX0= */"));
+const Header = ({
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(StyledHeader, { children });
+exports.Header = Header;

package/dist/components/Table/Header.js

@@ -1,9 +1,16 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
-const StyledHeader = styled("thead")`
-  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral.border};
-`;
-const Header = ({ children }) => /* @__PURE__ */ jsx(StyledHeader, { children });
+import _styled from "@emotion/styled/base";
+const StyledHeader = /* @__PURE__ */ _styled("thead", process.env.NODE_ENV === "production" ? {
+  target: "ekxedod0"
+} : {
+  target: "ekxedod0",
+  label: "StyledHeader"
+})("border-bottom:1px solid ", ({
+  theme
+}) => theme.colors.neutral.border, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZCgndGhlYWQnKWBcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbmBcblxudHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gKHsgY2hpbGRyZW4gfTogSGVhZGVyUHJvcHMpID0+IChcbiAgPFN0eWxlZEhlYWRlcj57Y2hpbGRyZW59PC9TdHlsZWRIZWFkZXI+XG4pXG4iXX0= */"));
+const Header = ({
+  children
+}) => /* @__PURE__ */ jsx(StyledHeader, { children });
 export {
   Header
 };