@ultraviolet/ui 1.51.2 → 1.51.3

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.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.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.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.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
 };

package/dist/components/Table/HeaderCell.js

@@ -1,62 +1,49 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Icon } from "@ultraviolet/icons";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-const StyledIconContainer = styled(Stack)`
-  color: ${({ theme }) => theme.colors.neutral.textWeak};
-
-  &[aria-disabled='true'] {
-    cursor: not-allowed;
-  }
-
-  &[role*='button'] {
-    cursor: pointer;
-    user-select: none;
-  }
-`;
-const SortIcon = ({ order }) => /* @__PURE__ */ jsxs(StyledIconContainer, { children: [
-  /* @__PURE__ */ jsx(
-    Icon,
-    {
-      name: "arrow-up",
-      size: 10,
-      color: order === "ascending" ? "primary" : "neutral",
-      prominence: "weak"
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    Icon,
-    {
-      name: "arrow-down",
-      size: 10,
-      color: order === "descending" ? "primary" : "neutral",
-      prominence: "weak"
-    }
-  )
+const StyledIconContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "ev6jkq82"
+} : {
+  target: "ev6jkq82",
+  label: "StyledIconContainer"
+})("color:", ({
+  theme
+}) => theme.colors.neutral.textWeak, ";&[aria-disabled='true']{cursor:not-allowed;}&[role*='button']{cursor:pointer;user-select:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU95QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJsZS9IZWFkZXJDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZChTdGFjaylgXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRXZWFrfTtcblxuICAmW2FyaWEtZGlzYWJsZWQ9J3RydWUnXSB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgU29ydEljb24gPSAoeyBvcmRlciB9OiB7IG9yZGVyPzogJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZycgfSkgPT4gKFxuICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImFycm93LXVwXCJcbiAgICAgIHNpemU9ezEwfVxuICAgICAgY29sb3I9e29yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAvPlxuICAgIDxJY29uXG4gICAgICBuYW1lPVwiYXJyb3ctZG93blwiXG4gICAgICBzaXplPXsxMH1cbiAgICAgIGNvbG9yPXtvcmRlciA9PT0gJ2Rlc2NlbmRpbmcnID8gJ3ByaW1hcnknIDogJ25ldXRyYWwnfVxuICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgIC8+XG4gIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbilcblxudHlwZSBTdHlsZWRIZWFkZXJDZWxsUHJvcHMgPSBQaWNrPFxuICBIZWFkZXJDZWxsUHJvcHMsXG4gICd3aWR0aCcgfCAnbWF4V2lkdGgnIHwgJ21pbldpZHRoJ1xuPlxuY29uc3QgU3R5bGVkSGVhZGVyQ2VsbCA9IHN0eWxlZCgndGgnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3dpZHRoJywgJ21heFdpZHRoJywgJ21pbldpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTxTdHlsZWRIZWFkZXJDZWxsUHJvcHM+YFxuICAkeyh7IHdpZHRoLCBtYXhXaWR0aCwgbWluV2lkdGggfSkgPT4gYFxuICAgICR7d2lkdGggPyBgd2lkdGg6ICR7d2lkdGh9O2AgOiAnJ31cbiAgICAke21heFdpZHRoID8gYG1heC13aWR0aDogJHttYXhXaWR0aH07YCA6ICcnfVxuICAgICR7bWluV2lkdGggPyBgbWluLXdpZHRoOiAke21pbldpZHRofTtgIDogJyd9XG4gIGB9XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5cbiAgJltyb2xlKj0nYnV0dG9uJ10ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbnR5cGUgSGVhZGVyQ2VsbFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBpc09yZGVyZWQ/OiBib29sZWFuXG4gIG9yZGVyRGlyZWN0aW9uPzogJ2FzYycgfCAnZGVzYycgfCAnbm9uZSdcbiAgb25PcmRlcj86IChuZXdPcmRlcjogJ2FzYycgfCAnZGVzYycpID0+IHZvaWRcbiAgd2lkdGg/OiBzdHJpbmdcbiAgbWluV2lkdGg/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgaW5mbz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGlzT3JkZXJlZCxcbiAgb25PcmRlcixcbiAgb3JkZXJEaXJlY3Rpb24sXG4gIHdpZHRoLFxuICBtYXhXaWR0aCxcbiAgbWluV2lkdGgsXG4gIGluZm8sXG59OiBIZWFkZXJDZWxsUHJvcHMpID0+IHtcbiAgbGV0IG9yZGVyOiB1bmRlZmluZWQgfCAnYXNjZW5kaW5nJyB8ICdkZXNjZW5kaW5nJ1xuICBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnYXNjJykge1xuICAgIG9yZGVyID0gJ2FzY2VuZGluZydcbiAgfSBlbHNlIGlmIChpc09yZGVyZWQgJiYgb3JkZXJEaXJlY3Rpb24gPT09ICdkZXNjJykge1xuICAgIG9yZGVyID0gJ2Rlc2NlbmRpbmcnXG4gIH1cblxuICBjb25zdCBoYW5kbGVPcmRlciA9IG9uT3JkZXJcbiAgICA/ICgpID0+IG9uT3JkZXIob3JkZXIgPT09ICdhc2NlbmRpbmcnID8gJ2Rlc2MnIDogJ2FzYycpXG4gICAgOiB1bmRlZmluZWRcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRIZWFkZXJDZWxsXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZU9yZGVyfVxuICAgICAgb25LZXlEb3duPXtcbiAgICAgICAgaGFuZGxlT3JkZXJcbiAgICAgICAgICA/IGV2ZW50ID0+IHtcbiAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgIGhhbmRsZU9yZGVyKClcbiAgICAgICAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnICcpIHtcbiAgICAgICAgICAgICAgICAgIC8vIEBub3RlOiBpdCBhdm9pZCBzY3JvbGwgd2hlbiBwcmVzc2luZyBTcGFjZVxuICAgICAgICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICB9XG4gICAgICByb2xlPXtvbk9yZGVyID8gJ2J1dHRvbiBjb2x1bW5oZWFkZXInIDogdW5kZWZpbmVkfVxuICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgbWluV2lkdGg9e21pbldpZHRofVxuICAgICAgdGFiSW5kZXg9e2hhbmRsZU9yZGVyID8gMCA6IC0xfVxuICAgICAgYXJpYS1zb3J0PXtvcmRlcn1cbiAgICA+XG4gICAgICA8U3R5bGVkVGV4dFxuICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICBjb2xvcj17b3JkZXIgIT09IHVuZGVmaW5lZCA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7aW5mbyA/IChcbiAgICAgICAgICA8VG9vbHRpcCB0ZXh0PXtpbmZvfT5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9XCJpbmZvcm1hdGlvbi1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgc2l6ZT17MjB9XG4gICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgY29sb3I9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge29yZGVyRGlyZWN0aW9uICE9PSB1bmRlZmluZWQgJiYgaXNPcmRlcmVkICE9PSB1bmRlZmluZWQgPyAoXG4gICAgICAgICAgPFNvcnRJY29uIGFyaWEtZGlzYWJsZWQ9eyFvbk9yZGVyfSBvcmRlcj17b3JkZXJ9IC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgIDwvU3R5bGVkSGVhZGVyQ2VsbD5cbiAgKVxufVxuIl19 */"));
+const SortIcon = ({
+  order
+}) => /* @__PURE__ */ jsxs(StyledIconContainer, { children: [
+  /* @__PURE__ */ jsx(Icon, { name: "arrow-up", size: 10, color: order === "ascending" ? "primary" : "neutral", prominence: "weak" }),
+  /* @__PURE__ */ jsx(Icon, { name: "arrow-down", size: 10, color: order === "descending" ? "primary" : "neutral", prominence: "weak" })
 ] });
-const StyledHeaderCell = styled("th", {
-  shouldForwardProp: (prop) => !["width", "maxWidth", "minWidth"].includes(prop)
-})`
-  ${({ width, maxWidth, minWidth }) => `
+const StyledHeaderCell = /* @__PURE__ */ _styled("th", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["width", "maxWidth", "minWidth"].includes(prop),
+  target: "ev6jkq81"
+} : {
+  shouldForwardProp: (prop) => !["width", "maxWidth", "minWidth"].includes(prop),
+  target: "ev6jkq81",
+  label: "StyledHeaderCell"
+})(({
+  width,
+  maxWidth,
+  minWidth
+}) => `
     ${width ? `width: ${width};` : ""}
     ${maxWidth ? `max-width: ${maxWidth};` : ""}
     ${minWidth ? `min-width: ${minWidth};` : ""}
-  `}
-  padding: ${({ theme }) => theme.space["1"]};
-
-  &[role*='button'] {
-    cursor: pointer;
-    user-select: none;
-  }
-`;
-const StyledText = styled(Text)`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${({ theme }) => theme.space["1"]};
-`;
+  `, " padding:", ({
+  theme
+}) => theme.space["1"], ";&[role*='button']{cursor:pointer;user-select:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGFibGUvSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha307XG5cbiAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAmW3JvbGUqPSdidXR0b24nXSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IFNvcnRJY29uID0gKHsgb3JkZXIgfTogeyBvcmRlcj86ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnIH0pID0+IChcbiAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgPEljb25cbiAgICAgIG5hbWU9XCJhcnJvdy11cFwiXG4gICAgICBzaXplPXsxMH1cbiAgICAgIGNvbG9yPXtvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgLz5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImFycm93LWRvd25cIlxuICAgICAgc2l6ZT17MTB9XG4gICAgICBjb2xvcj17b3JkZXIgPT09ICdkZXNjZW5kaW5nJyA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAvPlxuICA8L1N0eWxlZEljb25Db250YWluZXI+XG4pXG5cbnR5cGUgU3R5bGVkSGVhZGVyQ2VsbFByb3BzID0gUGljazxcbiAgSGVhZGVyQ2VsbFByb3BzLFxuICAnd2lkdGgnIHwgJ21heFdpZHRoJyB8ICdtaW5XaWR0aCdcbj5cbmNvbnN0IFN0eWxlZEhlYWRlckNlbGwgPSBzdHlsZWQoJ3RoJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd3aWR0aCcsICdtYXhXaWR0aCcsICdtaW5XaWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkSGVhZGVyQ2VsbFByb3BzPmBcbiAgJHsoeyB3aWR0aCwgbWF4V2lkdGgsIG1pbldpZHRoIH0pID0+IGBcbiAgICAke3dpZHRoID8gYHdpZHRoOiAke3dpZHRofTtgIDogJyd9XG4gICAgJHttYXhXaWR0aCA/IGBtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O2AgOiAnJ31cbiAgICAke21pbldpZHRoID8gYG1pbi13aWR0aDogJHttaW5XaWR0aH07YCA6ICcnfVxuICBgfVxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG50eXBlIEhlYWRlckNlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaXNPcmRlcmVkPzogYm9vbGVhblxuICBvcmRlckRpcmVjdGlvbj86ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnXG4gIG9uT3JkZXI/OiAobmV3T3JkZXI6ICdhc2MnIHwgJ2Rlc2MnKSA9PiB2b2lkXG4gIHdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIGluZm8/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBpc09yZGVyZWQsXG4gIG9uT3JkZXIsXG4gIG9yZGVyRGlyZWN0aW9uLFxuICB3aWR0aCxcbiAgbWF4V2lkdGgsXG4gIG1pbldpZHRoLFxuICBpbmZvLFxufTogSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIGxldCBvcmRlcjogdW5kZWZpbmVkIHwgJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZydcbiAgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2FzYycpIHtcbiAgICBvcmRlciA9ICdhc2NlbmRpbmcnXG4gIH0gZWxzZSBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnZGVzYycpIHtcbiAgICBvcmRlciA9ICdkZXNjZW5kaW5nJ1xuICB9XG5cbiAgY29uc3QgaGFuZGxlT3JkZXIgPSBvbk9yZGVyXG4gICAgPyAoKSA9PiBvbk9yZGVyKG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdkZXNjJyA6ICdhc2MnKVxuICAgIDogdW5kZWZpbmVkXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyQ2VsbFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVPcmRlcn1cbiAgICAgIG9uS2V5RG93bj17XG4gICAgICAgIGhhbmRsZU9yZGVyXG4gICAgICAgICAgPyBldmVudCA9PiB7XG4gICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJyB8fCBldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICBoYW5kbGVPcmRlcigpXG4gICAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnKSB7XG4gICAgICAgICAgICAgICAgICAvLyBAbm90ZTogaXQgYXZvaWQgc2Nyb2xsIHdoZW4gcHJlc3NpbmcgU3BhY2VcbiAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgfVxuICAgICAgcm9sZT17b25PcmRlciA/ICdidXR0b24gY29sdW1uaGVhZGVyJyA6IHVuZGVmaW5lZH1cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgIG1pbldpZHRoPXttaW5XaWR0aH1cbiAgICAgIHRhYkluZGV4PXtoYW5kbGVPcmRlciA/IDAgOiAtMX1cbiAgICAgIGFyaWEtc29ydD17b3JkZXJ9XG4gICAgPlxuICAgICAgPFN0eWxlZFRleHRcbiAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgY29sb3I9e29yZGVyICE9PSB1bmRlZmluZWQgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2luZm8gPyAoXG4gICAgICAgICAgPFRvb2x0aXAgdGV4dD17aW5mb30+XG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBuYW1lPVwiaW5mb3JtYXRpb24tb3V0bGluZVwiXG4gICAgICAgICAgICAgIHNpemU9ezIwfVxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwibmV1dHJhbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtvcmRlckRpcmVjdGlvbiAhPT0gdW5kZWZpbmVkICYmIGlzT3JkZXJlZCAhPT0gdW5kZWZpbmVkID8gKFxuICAgICAgICAgIDxTb3J0SWNvbiBhcmlhLWRpc2FibGVkPXshb25PcmRlcn0gb3JkZXI9e29yZGVyfSAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICA8L1N0eWxlZEhlYWRlckNlbGw+XG4gIClcbn1cbiJdfQ== */"));
+const StyledText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "ev6jkq80"
+} : {
+  target: "ev6jkq80",
+  label: "StyledText"
+})("display:flex;flex-direction:row;align-items:center;gap:", ({
+  theme
+}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGFibGUvSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha307XG5cbiAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAmW3JvbGUqPSdidXR0b24nXSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IFNvcnRJY29uID0gKHsgb3JkZXIgfTogeyBvcmRlcj86ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnIH0pID0+IChcbiAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgPEljb25cbiAgICAgIG5hbWU9XCJhcnJvdy11cFwiXG4gICAgICBzaXplPXsxMH1cbiAgICAgIGNvbG9yPXtvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgLz5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImFycm93LWRvd25cIlxuICAgICAgc2l6ZT17MTB9XG4gICAgICBjb2xvcj17b3JkZXIgPT09ICdkZXNjZW5kaW5nJyA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAvPlxuICA8L1N0eWxlZEljb25Db250YWluZXI+XG4pXG5cbnR5cGUgU3R5bGVkSGVhZGVyQ2VsbFByb3BzID0gUGljazxcbiAgSGVhZGVyQ2VsbFByb3BzLFxuICAnd2lkdGgnIHwgJ21heFdpZHRoJyB8ICdtaW5XaWR0aCdcbj5cbmNvbnN0IFN0eWxlZEhlYWRlckNlbGwgPSBzdHlsZWQoJ3RoJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd3aWR0aCcsICdtYXhXaWR0aCcsICdtaW5XaWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkSGVhZGVyQ2VsbFByb3BzPmBcbiAgJHsoeyB3aWR0aCwgbWF4V2lkdGgsIG1pbldpZHRoIH0pID0+IGBcbiAgICAke3dpZHRoID8gYHdpZHRoOiAke3dpZHRofTtgIDogJyd9XG4gICAgJHttYXhXaWR0aCA/IGBtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O2AgOiAnJ31cbiAgICAke21pbldpZHRoID8gYG1pbi13aWR0aDogJHttaW5XaWR0aH07YCA6ICcnfVxuICBgfVxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG50eXBlIEhlYWRlckNlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaXNPcmRlcmVkPzogYm9vbGVhblxuICBvcmRlckRpcmVjdGlvbj86ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnXG4gIG9uT3JkZXI/OiAobmV3T3JkZXI6ICdhc2MnIHwgJ2Rlc2MnKSA9PiB2b2lkXG4gIHdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIGluZm8/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBpc09yZGVyZWQsXG4gIG9uT3JkZXIsXG4gIG9yZGVyRGlyZWN0aW9uLFxuICB3aWR0aCxcbiAgbWF4V2lkdGgsXG4gIG1pbldpZHRoLFxuICBpbmZvLFxufTogSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIGxldCBvcmRlcjogdW5kZWZpbmVkIHwgJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZydcbiAgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2FzYycpIHtcbiAgICBvcmRlciA9ICdhc2NlbmRpbmcnXG4gIH0gZWxzZSBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnZGVzYycpIHtcbiAgICBvcmRlciA9ICdkZXNjZW5kaW5nJ1xuICB9XG5cbiAgY29uc3QgaGFuZGxlT3JkZXIgPSBvbk9yZGVyXG4gICAgPyAoKSA9PiBvbk9yZGVyKG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdkZXNjJyA6ICdhc2MnKVxuICAgIDogdW5kZWZpbmVkXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyQ2VsbFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVPcmRlcn1cbiAgICAgIG9uS2V5RG93bj17XG4gICAgICAgIGhhbmRsZU9yZGVyXG4gICAgICAgICAgPyBldmVudCA9PiB7XG4gICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJyB8fCBldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICBoYW5kbGVPcmRlcigpXG4gICAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnKSB7XG4gICAgICAgICAgICAgICAgICAvLyBAbm90ZTogaXQgYXZvaWQgc2Nyb2xsIHdoZW4gcHJlc3NpbmcgU3BhY2VcbiAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgfVxuICAgICAgcm9sZT17b25PcmRlciA/ICdidXR0b24gY29sdW1uaGVhZGVyJyA6IHVuZGVmaW5lZH1cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgIG1pbldpZHRoPXttaW5XaWR0aH1cbiAgICAgIHRhYkluZGV4PXtoYW5kbGVPcmRlciA/IDAgOiAtMX1cbiAgICAgIGFyaWEtc29ydD17b3JkZXJ9XG4gICAgPlxuICAgICAgPFN0eWxlZFRleHRcbiAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgY29sb3I9e29yZGVyICE9PSB1bmRlZmluZWQgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2luZm8gPyAoXG4gICAgICAgICAgPFRvb2x0aXAgdGV4dD17aW5mb30+XG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBuYW1lPVwiaW5mb3JtYXRpb24tb3V0bGluZVwiXG4gICAgICAgICAgICAgIHNpemU9ezIwfVxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwibmV1dHJhbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtvcmRlckRpcmVjdGlvbiAhPT0gdW5kZWZpbmVkICYmIGlzT3JkZXJlZCAhPT0gdW5kZWZpbmVkID8gKFxuICAgICAgICAgIDxTb3J0SWNvbiBhcmlhLWRpc2FibGVkPXshb25PcmRlcn0gb3JkZXI9e29yZGVyfSAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICA8L1N0eWxlZEhlYWRlckNlbGw+XG4gIClcbn1cbiJdfQ== */"));
 const HeaderCell = ({
   children,
   className,
@@ -75,48 +62,18 @@ const HeaderCell = ({
     order = "descending";
   }
   const handleOrder = onOrder ? () => onOrder(order === "ascending" ? "desc" : "asc") : void 0;
-  return /* @__PURE__ */ jsx(
-    StyledHeaderCell,
-    {
-      className,
-      onClick: handleOrder,
-      onKeyDown: handleOrder ? (event) => {
-        if (event.key === " " || event.key === "Enter") {
-          handleOrder();
-          if (event.key === " ") {
-            event.preventDefault();
-          }
-        }
-      } : void 0,
-      role: onOrder ? "button columnheader" : void 0,
-      width,
-      maxWidth,
-      minWidth,
-      tabIndex: handleOrder ? 0 : -1,
-      "aria-sort": order,
-      children: /* @__PURE__ */ jsxs(
-        StyledText,
-        {
-          as: "div",
-          variant: "bodySmall",
-          color: order !== void 0 ? "primary" : "neutral",
-          children: [
-            children,
-            info ? /* @__PURE__ */ jsx(Tooltip, { text: info, children: /* @__PURE__ */ jsx(
-              Icon,
-              {
-                name: "information-outline",
-                size: 20,
-                prominence: "weak",
-                color: "neutral"
-              }
-            ) }) : null,
-            orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, { "aria-disabled": !onOrder, order }) : null
-          ]
-        }
-      )
+  return /* @__PURE__ */ jsx(StyledHeaderCell, { className, onClick: handleOrder, onKeyDown: handleOrder ? (event) => {
+    if (event.key === " " || event.key === "Enter") {
+      handleOrder();
+      if (event.key === " ") {
+        event.preventDefault();
+      }
     }
-  );
+  } : void 0, role: onOrder ? "button columnheader" : void 0, width, maxWidth, minWidth, tabIndex: handleOrder ? 0 : -1, "aria-sort": order, children: /* @__PURE__ */ jsxs(StyledText, { as: "div", variant: "bodySmall", color: order !== void 0 ? "primary" : "neutral", children: [
+    children,
+    info ? /* @__PURE__ */ jsx(Tooltip, { text: info, children: /* @__PURE__ */ jsx(Icon, { name: "information-outline", size: 20, prominence: "weak", color: "neutral" }) }) : null,
+    orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, { "aria-disabled": !onOrder, order }) : null
+  ] }) });
 };
 export {
   HeaderCell

package/dist/components/Table/HeaderRow.js

@@ -2,21 +2,19 @@ import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { Checkbox } from "../Checkbox/index.js";
 import { HeaderCell } from "./HeaderCell.js";
 import { useTableContext } from "./TableContext.js";
-const HeaderRow = ({ children, hasSelectAllColumn }) => {
-  const { allRowSelectValue, selectAll, unselectAll, selectedRowIds } = useTableContext();
+const HeaderRow = ({
+  children,
+  hasSelectAllColumn
+}) => {
+  const {
+    allRowSelectValue,
+    selectAll,
+    unselectAll,
+    selectedRowIds
+  } = useTableContext();
   const selectableRowCount = Object.keys(selectedRowIds).length;
   return /* @__PURE__ */ jsxs("tr", { children: [
-    hasSelectAllColumn ? /* @__PURE__ */ jsx(HeaderCell, { width: "24px", children: /* @__PURE__ */ jsx(
-      Checkbox,
-      {
-        name: "table-select-all-checkbox",
-        value: "all",
-        "aria-label": "select all",
-        checked: allRowSelectValue,
-        onChange: allRowSelectValue === false ? selectAll : unselectAll,
-        disabled: selectableRowCount === 0
-      }
-    ) }) : null,
+    hasSelectAllColumn ? /* @__PURE__ */ jsx(HeaderCell, { width: "24px", children: /* @__PURE__ */ jsx(Checkbox, { name: "table-select-all-checkbox", value: "all", "aria-label": "select all", checked: allRowSelectValue, onChange: allRowSelectValue === false ? selectAll : unselectAll, disabled: selectableRowCount === 0 }) }) : null,
     children
   ] });
 };