@ultraviolet/ui 2.0.0-beta.8 → 2.0.0

package/dist/components/SwitchButton/SwitchButtonContext.d.ts

@@ -0,0 +1,19 @@
+import type { ChangeEvent, Dispatch, FocusEventHandler, SetStateAction } from 'react';
+export type RefOptionType = {
+    value: string;
+    current: HTMLInputElement;
+};
+type SwitchButtonContextValue = {
+    localValue?: string;
+    name?: string;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    size: 'small' | 'medium';
+    handleOnChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    refOptions: RefOptionType[];
+    setRefOptions: Dispatch<SetStateAction<RefOptionType[]>>;
+    sentiment: 'neutral' | 'primary';
+};
+export declare const SwitchButtonContext: import("react").Context<SwitchButtonContextValue | undefined>;
+export declare const useSwitchButton: () => SwitchButtonContextValue;
+export {};

package/dist/components/SwitchButton/SwitchButtonContext.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+const SwitchButtonContext = createContext(void 0);
+const useSwitchButton = () => {
+  const context = useContext(SwitchButtonContext);
+  if (context === void 0) {
+    throw new Error("SwitchButton.Option should be used inside a SwitchButton");
+  }
+  return context;
+};
+export {
+  SwitchButtonContext,
+  useSwitchButton
+};

package/dist/components/SwitchButton/constant.cjs

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

package/dist/components/SwitchButton/constant.d.ts

@@ -0,0 +1 @@
+export declare const FOCUS_OVERLAY_SCALE_RATIO = 6;

package/dist/components/SwitchButton/constant.js

@@ -0,0 +1,4 @@
+const FOCUS_OVERLAY_SCALE_RATIO = 6;
+export {
+  FOCUS_OVERLAY_SCALE_RATIO
+};

package/dist/components/SwitchButton/index.cjs

@@ -3,10 +3,13 @@
 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$1 = require("../SelectableCard/index.cjs");
+const react = require("react");
+const index$1 = require("../Stack/index.cjs");
 const index = require("../Tooltip/index.cjs");
 const FocusOverlay = require("./FocusOverlay.cjs");
+const Option = require("./Option.cjs");
+const SwitchButtonContext = require("./SwitchButtonContext.cjs");
+const constant = require("./constant.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
 const SIZES = {
@@ -14,22 +17,6 @@ const SIZES = {
   // sizing token from theme
   medium: "600"
 };
-const StyledSelectableCard = /* @__PURE__ */ _styled__default.default(index$1.SelectableCard, process.env.NODE_ENV === "production" ? {
-  target: "e4ryteh1"
-} : {
-  target: "e4ryteh1",
-  label: "StyledSelectableCard"
-})("border:none;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;background:transparent;&:hover,&: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY21EIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENoYW5nZUV2ZW50LCBDaGFuZ2VFdmVudEhhbmRsZXIsIEZvY3VzRXZlbnRIYW5kbGVyIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTZWxlY3RhYmxlQ2FyZCB9IGZyb20gJy4uL1NlbGVjdGFibGVDYXJkJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5pbXBvcnQgeyBGb2N1c092ZXJsYXkgfSBmcm9tICcuL0ZvY3VzT3ZlcmxheSdcblxuY29uc3QgU0laRVMgPSB7XG4gIHNtYWxsOiAnNTAwJywgLy8gc2l6aW5nIHRva2VuIGZyb20gdGhlbWVcbiAgbWVkaXVtOiAnNjAwJyxcbn0gYXMgY29uc3RcblxuY29uc3QgU3R5bGVkU2VsZWN0YWJsZUNhcmQgPSBzdHlsZWQoU2VsZWN0YWJsZUNhcmQpYFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U3Ryb25nLndlaWdodH07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIsXG4gICY6YWN0aXZlIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICAmOm5vdChbZGF0YS1lcnJvcj0ndHJ1ZSddW2RhdGEtZGlzYWJsZWQ9J3RydWUnXSkge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1jaGVja2VkPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICZbZGF0YS1jaGVja2VkPSd0cnVlJ10gbGFiZWwge1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LnRleHRTdHJvbmd9O1xuICB9XG5cbiAgJjpub3QoW2RhdGEtY2hlY2tlZD0ndHJ1ZSddKSBsYWJlbCB7XG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0fTtcbiAgICB9XG4gIH1cbmBcbmNvbnN0IFN0eWxlZEJvcmRlcmVkQm94ID0gc3R5bGVkLmRpdjx7ICdkYXRhLXNpemUnOiAnc21hbGwnIHwgJ21lZGl1bScgfT5gXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmW2RhdGEtc2l6ZT0nc21hbGwnXSB7XG4gICAgJiA+ICR7U3R5bGVkU2VsZWN0YWJsZUNhcmR9IHtcbiAgICAgIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbU0laRVMuc21hbGxdfTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtc2l6ZT0nbWVkaXVtJ10ge1xuICAgICYgPiAke1N0eWxlZFNlbGVjdGFibGVDYXJkfSB7XG4gICAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nW1NJWkVTLm1lZGl1bV19O1xuICAgIH1cbiAgfVxuYFxudHlwZSBTd2l0Y2hCdXR0b25Qcm9wcyA9IHtcbiAgbmFtZT86IHN0cmluZ1xuICBvbkJsdXI/OiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PlxuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+XG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PlxuICB0b29sdGlwPzogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyXG4gIGxlZnRCdXR0b246IHtcbiAgICBsYWJlbDogc3RyaW5nXG4gICAgdmFsdWU6IHN0cmluZ1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICB9XG4gIHJpZ2h0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nXG59XG5cbi8qKlxuICogU3dpdGNoQnV0dG9uIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHRoZSB1c2VyIHRvIHNlbGVjdCBiZXR3ZWVuIHR3byBvcHRpb25zLlxuICovXG5leHBvcnQgY29uc3QgU3dpdGNoQnV0dG9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIG5hbWUsXG4gIGxlZnRCdXR0b24sXG4gIHJpZ2h0QnV0dG9uLFxuICBzaXplID0gJ3NtYWxsJyxcbiAgdG9vbHRpcCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3dpdGNoQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgbGVmdEJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgY29uc3QgcmlnaHRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtsZWZ0Q2FyZFdpZHRoLCBzZXRMZWZ0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbcmlnaHRDYXJkV2lkdGgsIHNldFJpZ2h0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbaGFzTW91c2VEb3duLCBzZXRIYXNNb3VzZURvd25dID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgZ2V0VmFsdWVUb1VzZSA9IHVzZUNhbGxiYWNrKFxuICAgICgpID0+ICh2YWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZSA/IGxlZnRCdXR0b24udmFsdWUgOiByaWdodEJ1dHRvbi52YWx1ZSksXG4gICAgW2xlZnRCdXR0b24udmFsdWUsIHJpZ2h0QnV0dG9uLnZhbHVlLCB2YWx1ZV0sXG4gIClcblxuICBjb25zdCBbbG9jYWxWYWx1ZSwgc2V0TG9jYWxWYWx1ZV0gPSB1c2VTdGF0ZShnZXRWYWx1ZVRvVXNlKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0TG9jYWxWYWx1ZShnZXRWYWx1ZVRvVXNlKCkpXG4gIH0sIFtnZXRWYWx1ZVRvVXNlLCB2YWx1ZV0pXG5cbiAgY29uc3QgaGFuZGxlT25DaGFuZ2UgPSAoZXZlbnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudClcbiAgICBzZXRMb2NhbFZhbHVlKGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgfVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFsZWZ0QnV0dG9uUmVmLmN1cnJlbnQgfHwgIXJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQpIHJldHVyblxuICAgIHNldExlZnRDYXJkV2lkdGgobGVmdEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICAgIHNldFJpZ2h0Q2FyZFdpZHRoKHJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgpXG4gIH0sIFtsZWZ0QnV0dG9uLnZhbHVlLCBsZWZ0QnV0dG9uUmVmLCBsb2NhbFZhbHVlLCByaWdodEJ1dHRvblJlZl0pXG5cbiAgY29uc3Qgc2V0TW91c2VEb3duID0gKGlzTW91c2VEb3duOiBib29sZWFuKSA9PiAoKSA9PlxuICAgIHNldEhhc01vdXNlRG93bihpc01vdXNlRG93bilcblxuICByZXR1cm4gKFxuICAgIDxUb29sdGlwIHRleHQ9e3Rvb2x0aXB9PlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17eyBkaXNwbGF5OiAnaW5saW5lLWZsZXgnIH19XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEJvcmRlcmVkQm94XG4gICAgICAgICAgb25Nb3VzZURvd249e3NldE1vdXNlRG93bih0cnVlKX1cbiAgICAgICAgICBvbk1vdXNlVXA9e3NldE1vdXNlRG93bihmYWxzZSl9XG4gICAgICAgICAgb25Nb3VzZUxlYXZlPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtyaWdodENhcmRXaWR0aCAmJiBsZWZ0Q2FyZFdpZHRoID8gKFxuICAgICAgICAgICAgPEZvY3VzT3ZlcmxheVxuICAgICAgICAgICAgICBmb2N1c1Bvc2l0aW9uPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlID8gJ2xlZnQnIDogJ3JpZ2h0J31cbiAgICAgICAgICAgICAgcmlnaHRDYXJkV2lkdGg9e3JpZ2h0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBsZWZ0Q2FyZFdpZHRoPXtsZWZ0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBoYXNNb3VzZURvd249e2hhc01vdXNlRG93bn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e2xlZnRCdXR0b25SZWZ9XG4gICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgdmFsdWU9e2xlZnRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgbGFiZWw9e2xlZnRCdXR0b24ubGFiZWx9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWxlZnRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e3JpZ2h0QnV0dG9uUmVmfVxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXtyaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHJpZ2h0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSByaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGxhYmVsPXtyaWdodEJ1dHRvbi5sYWJlbH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tcmlnaHRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkQm9yZGVyZWRCb3g+XG4gICAgICA8L2Rpdj5cbiAgICA8L1Rvb2x0aXA+XG4gIClcbn1cbiJdfQ== */"));
 const StyledBorderedBox = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e4ryteh0"
 } : {
@@ -43,50 +30,97 @@ const StyledBorderedBox = /* @__PURE__ */ _styled__default.default("div", proces
   theme
 }) => theme.space["0.5"], ";display:flex;gap:", ({
   theme
-}) => theme.space["1"], ";position:relative;&[data-size='small']{&>", StyledSelectableCard, "{height:", ({
+}) => theme.space["1"], ";position:relative;&[data-size='small']{height:", ({
   theme
-}) => theme.sizing[SIZES.small], ";}}&[data-size='medium']{&>", StyledSelectableCard, "{height:", ({
+}) => theme.sizing[SIZES.small], ";}&[data-size='medium']{height:", ({
   theme
-}) => theme.sizing[SIZES.medium], ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0N5RSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDaGFuZ2VFdmVudCwgQ2hhbmdlRXZlbnRIYW5kbGVyLCBGb2N1c0V2ZW50SGFuZGxlciB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0YWJsZUNhcmQgfSBmcm9tICcuLi9TZWxlY3RhYmxlQ2FyZCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgRm9jdXNPdmVybGF5IH0gZnJvbSAnLi9Gb2N1c092ZXJsYXknXG5cbmNvbnN0IFNJWkVTID0ge1xuICBzbWFsbDogJzUwMCcsIC8vIHNpemluZyB0b2tlbiBmcm9tIHRoZW1lXG4gIG1lZGl1bTogJzYwMCcsXG59IGFzIGNvbnN0XG5cbmNvbnN0IFN0eWxlZFNlbGVjdGFibGVDYXJkID0gc3R5bGVkKFNlbGVjdGFibGVDYXJkKWBcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVN0cm9uZy53ZWlnaHR9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDIwMG1zIGVhc2UtaW4tb3V0O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyLFxuICAmOmFjdGl2ZSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgJjpub3QoW2RhdGEtZXJyb3I9J3RydWUnXVtkYXRhLWRpc2FibGVkPSd0cnVlJ10pIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIGxhYmVsIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0U3Ryb25nfTtcbiAgfVxuXG4gICY6bm90KFtkYXRhLWNoZWNrZWQ9J3RydWUnXSkgbGFiZWwge1xuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gICAgfVxuICB9XG5gXG5jb25zdCBTdHlsZWRCb3JkZXJlZEJveCA9IHN0eWxlZC5kaXY8eyAnZGF0YS1zaXplJzogJ3NtYWxsJyB8ICdtZWRpdW0nIH0+YFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJltkYXRhLXNpemU9J3NtYWxsJ10ge1xuICAgICYgPiAke1N0eWxlZFNlbGVjdGFibGVDYXJkfSB7XG4gICAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nW1NJWkVTLnNtYWxsXX07XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLXNpemU9J21lZGl1bSddIHtcbiAgICAmID4gJHtTdHlsZWRTZWxlY3RhYmxlQ2FyZH0ge1xuICAgICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1tTSVpFUy5tZWRpdW1dfTtcbiAgICB9XG4gIH1cbmBcbnR5cGUgU3dpdGNoQnV0dG9uUHJvcHMgPSB7XG4gIG5hbWU/OiBzdHJpbmdcbiAgb25CbHVyPzogRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD5cbiAgb25DaGFuZ2U6IENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PlxuICBvbkZvY3VzPzogRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD5cbiAgdG9vbHRpcD86IHN0cmluZ1xuICB2YWx1ZT86IHN0cmluZyB8IG51bWJlclxuICBsZWZ0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICByaWdodEJ1dHRvbjoge1xuICAgIGxhYmVsOiBzdHJpbmdcbiAgICB2YWx1ZTogc3RyaW5nXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIH1cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xufVxuXG4vKipcbiAqIFN3aXRjaEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB0aGF0IGFsbG93cyB0aGUgdXNlciB0byBzZWxlY3QgYmV0d2VlbiB0d28gb3B0aW9ucy5cbiAqL1xuZXhwb3J0IGNvbnN0IFN3aXRjaEJ1dHRvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBuYW1lLFxuICBsZWZ0QnV0dG9uLFxuICByaWdodEJ1dHRvbixcbiAgc2l6ZSA9ICdzbWFsbCcsXG4gIHRvb2x0aXAsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFN3aXRjaEJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IGxlZnRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHJpZ2h0QnV0dG9uUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbbGVmdENhcmRXaWR0aCwgc2V0TGVmdENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW3JpZ2h0Q2FyZFdpZHRoLCBzZXRSaWdodENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW2hhc01vdXNlRG93biwgc2V0SGFzTW91c2VEb3duXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IGdldFZhbHVlVG9Vc2UgPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PiAodmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWUgPyBsZWZ0QnV0dG9uLnZhbHVlIDogcmlnaHRCdXR0b24udmFsdWUpLFxuICAgIFtsZWZ0QnV0dG9uLnZhbHVlLCByaWdodEJ1dHRvbi52YWx1ZSwgdmFsdWVdLFxuICApXG5cbiAgY29uc3QgW2xvY2FsVmFsdWUsIHNldExvY2FsVmFsdWVdID0gdXNlU3RhdGUoZ2V0VmFsdWVUb1VzZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldExvY2FsVmFsdWUoZ2V0VmFsdWVUb1VzZSgpKVxuICB9LCBbZ2V0VmFsdWVUb1VzZSwgdmFsdWVdKVxuXG4gIGNvbnN0IGhhbmRsZU9uQ2hhbmdlID0gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgIG9uQ2hhbmdlPy4oZXZlbnQpXG4gICAgc2V0TG9jYWxWYWx1ZShldmVudC50YXJnZXQudmFsdWUpXG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbGVmdEJ1dHRvblJlZi5jdXJyZW50IHx8ICFyaWdodEJ1dHRvblJlZi5jdXJyZW50KSByZXR1cm5cbiAgICBzZXRMZWZ0Q2FyZFdpZHRoKGxlZnRCdXR0b25SZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICBzZXRSaWdodENhcmRXaWR0aChyaWdodEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICB9LCBbbGVmdEJ1dHRvbi52YWx1ZSwgbGVmdEJ1dHRvblJlZiwgbG9jYWxWYWx1ZSwgcmlnaHRCdXR0b25SZWZdKVxuXG4gIGNvbnN0IHNldE1vdXNlRG93biA9IChpc01vdXNlRG93bjogYm9vbGVhbikgPT4gKCkgPT5cbiAgICBzZXRIYXNNb3VzZURvd24oaXNNb3VzZURvd24pXG5cbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcCB0ZXh0PXt0b29sdGlwfT5cbiAgICAgIDxkaXZcbiAgICAgICAgc3R5bGU9e3sgZGlzcGxheTogJ2lubGluZS1mbGV4JyB9fVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRCb3JkZXJlZEJveFxuICAgICAgICAgIG9uTW91c2VEb3duPXtzZXRNb3VzZURvd24odHJ1ZSl9XG4gICAgICAgICAgb25Nb3VzZVVwPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17c2V0TW91c2VEb3duKGZhbHNlKX1cbiAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgID5cbiAgICAgICAgICB7cmlnaHRDYXJkV2lkdGggJiYgbGVmdENhcmRXaWR0aCA/IChcbiAgICAgICAgICAgIDxGb2N1c092ZXJsYXlcbiAgICAgICAgICAgICAgZm9jdXNQb3NpdGlvbj17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZSA/ICdsZWZ0JyA6ICdyaWdodCd9XG4gICAgICAgICAgICAgIHJpZ2h0Q2FyZFdpZHRoPXtyaWdodENhcmRXaWR0aH1cbiAgICAgICAgICAgICAgbGVmdENhcmRXaWR0aD17bGVmdENhcmRXaWR0aH1cbiAgICAgICAgICAgICAgaGFzTW91c2VEb3duPXtoYXNNb3VzZURvd259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDxTdHlsZWRTZWxlY3RhYmxlQ2FyZFxuICAgICAgICAgICAgcmVmPXtsZWZ0QnV0dG9uUmVmfVxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXtsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVPbkNoYW5nZX1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGRhdGEtY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGxhYmVsPXtsZWZ0QnV0dG9uLmxhYmVsfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPyBgJHtkYXRhVGVzdElkfS1sZWZ0YCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxTdHlsZWRTZWxlY3RhYmxlQ2FyZFxuICAgICAgICAgICAgcmVmPXtyaWdodEJ1dHRvblJlZn1cbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17cmlnaHRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtsb2NhbFZhbHVlID09PSByaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVPbkNoYW5nZX1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGRhdGEtY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gcmlnaHRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBsYWJlbD17cmlnaHRCdXR0b24ubGFiZWx9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LXJpZ2h0YCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZEJvcmRlcmVkQm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Ub29sdGlwPlxuICApXG59XG4iXX0= */"));
+}) => theme.sizing[SIZES.medium], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ5RSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUge1xuICBDaGFuZ2VFdmVudCxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgUmVhY3ROb2RlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IEZvY3VzT3ZlcmxheSB9IGZyb20gJy4vRm9jdXNPdmVybGF5J1xuaW1wb3J0IHsgT3B0aW9uIH0gZnJvbSAnLi9PcHRpb24nXG5pbXBvcnQgdHlwZSB7IFJlZk9wdGlvblR5cGUgfSBmcm9tICcuL1N3aXRjaEJ1dHRvbkNvbnRleHQnXG5pbXBvcnQgeyBTd2l0Y2hCdXR0b25Db250ZXh0IH0gZnJvbSAnLi9Td2l0Y2hCdXR0b25Db250ZXh0J1xuaW1wb3J0IHsgRk9DVVNfT1ZFUkxBWV9TQ0FMRV9SQVRJTyB9IGZyb20gJy4vY29uc3RhbnQnXG5cbmNvbnN0IFNJWkVTID0ge1xuICBzbWFsbDogJzUwMCcsIC8vIHNpemluZyB0b2tlbiBmcm9tIHRoZW1lXG4gIG1lZGl1bTogJzYwMCcsXG59IGFzIGNvbnN0XG5cbmNvbnN0IFN0eWxlZEJvcmRlcmVkQm94ID0gc3R5bGVkLmRpdjx7ICdkYXRhLXNpemUnOiAnc21hbGwnIHwgJ21lZGl1bScgfT5gXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmW2RhdGEtc2l6ZT0nc21hbGwnXSB7XG4gICAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nW1NJWkVTLnNtYWxsXX07XG4gIH1cblxuICAmW2RhdGEtc2l6ZT0nbWVkaXVtJ10ge1xuICAgICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1tTSVpFUy5tZWRpdW1dfTtcbiAgfVxuYFxudHlwZSBTd2l0Y2hCdXR0b25Qcm9wcyA9IHtcbiAgbmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+XG4gIG9uQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD5cbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+XG4gIHRvb2x0aXA/OiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHNlbnRpbWVudD86ICdwcmltYXJ5JyB8ICduZXV0cmFsJ1xufVxuXG4vKipcbiAqIFN3aXRjaEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB0aGF0IGFsbG93cyB0aGUgdXNlciB0byBzZWxlY3QgYmV0d2VlbiB0d28gb3B0aW9ucy5cbiAqL1xuZXhwb3J0IGNvbnN0IFN3aXRjaEJ1dHRvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBuYW1lLFxuICBzaXplID0gJ3NtYWxsJyxcbiAgc2VudGltZW50ID0gJ3ByaW1hcnknLFxuICB0b29sdGlwLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3dpdGNoQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gIGNvbnN0IFtsb2NhbFZhbHVlLCBzZXRMb2NhbFZhbHVlXSA9IHVzZVN0YXRlPHN0cmluZz4odmFsdWUpXG4gIGNvbnN0IFtyZWZPcHRpb25zLCBzZXRSZWZPcHRpb25zXSA9IHVzZVN0YXRlPFJlZk9wdGlvblR5cGVbXT4oW10pXG4gIGNvbnN0IFtwb3NpdGlvbiwgc2V0UG9zaXRpb25dID0gdXNlU3RhdGUoMClcbiAgY29uc3QgW3dpZHRoLCBzZXRXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBbbW91c2VEb3duU2lkZSwgc2V0TW91c2VEb3duU2lkZV0gPSB1c2VTdGF0ZTwnbGVmdCcgfCAncmlnaHQnIHwgbnVsbD4oXG4gICAgbnVsbCxcbiAgKVxuXG4gIGNvbnN0IGdldEVsZW1lbnQgPSB1c2VDYWxsYmFjayhcbiAgICAocmVmZXJlbmNlVmFsdWU6IHN0cmluZykgPT5cbiAgICAgIHJlZk9wdGlvbnMuZmluZChcbiAgICAgICAgZWxlbWVudCA9PiBlbGVtZW50LmN1cnJlbnQgJiYgZWxlbWVudC52YWx1ZSA9PT0gcmVmZXJlbmNlVmFsdWUsXG4gICAgICApPy5jdXJyZW50LFxuICAgIFtyZWZPcHRpb25zXSxcbiAgKVxuXG4gIGNvbnN0IGdldFBvc2l0aW9uID0gKGN1cmVudEVsZW1lbnQ/OiBIVE1MSW5wdXRFbGVtZW50KSA9PiB7XG4gICAgaWYgKCFjdXJlbnRFbGVtZW50KSByZXR1cm4gMFxuICAgIGNvbnN0IGN1cnJlbnRQb3NpdGlvbiA9IGN1cmVudEVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkubGVmdFxuICAgIGNvbnN0IGNvbnRhaW5lclBvc2l0aW9uID1cbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50Py5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5sZWZ0ID8/IDBcblxuICAgIHJldHVybiBjdXJyZW50UG9zaXRpb24gLSBjb250YWluZXJQb3NpdGlvblxuICB9XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRMb2NhbFZhbHVlKHZhbHVlKVxuICAgIHNldFdpZHRoKGdldEVsZW1lbnQodmFsdWUpPy5vZmZzZXRXaWR0aCA/PyAwKVxuICAgIHNldFBvc2l0aW9uKGdldFBvc2l0aW9uKGdldEVsZW1lbnQodmFsdWUpKSlcbiAgfSwgW3JlZk9wdGlvbnMsIHZhbHVlLCBnZXRFbGVtZW50XSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVsZW1lbnQgPSBnZXRFbGVtZW50KGxvY2FsVmFsdWUpXG4gICAgaWYgKCFlbGVtZW50KSByZXR1cm4gdW5kZWZpbmVkXG5cbiAgICBjb25zdCByZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIGVsZW1lbnQub2Zmc2V0V2lkdGggJiZcbiAgICAgICAgKCFbXG4gICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgd2lkdGggKyBGT0NVU19PVkVSTEFZX1NDQUxFX1JBVElPLFxuICAgICAgICAgIHdpZHRoIC0gRk9DVVNfT1ZFUkxBWV9TQ0FMRV9SQVRJTyxcbiAgICAgICAgXS5pbmNsdWRlcyhlbGVtZW50Lm9mZnNldFdpZHRoKSB8fFxuICAgICAgICAgIGdldFBvc2l0aW9uKGVsZW1lbnQpICE9PSBwb3NpdGlvbilcbiAgICAgICkge1xuICAgICAgICBzZXRXaWR0aChlbGVtZW50Lm9mZnNldFdpZHRoID8/IDApXG4gICAgICAgIHNldFBvc2l0aW9uKGdldFBvc2l0aW9uKGVsZW1lbnQpKVxuICAgICAgfVxuICAgIH0pXG5cbiAgICByZXNpemVPYnNlcnZlci5vYnNlcnZlKGVsZW1lbnQpXG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgcmVzaXplT2JzZXJ2ZXIuZGlzY29ubmVjdCgpXG4gICAgfVxuICB9LCBbZ2V0RWxlbWVudCwgd2lkdGgsIHBvc2l0aW9uLCBsb2NhbFZhbHVlLCBjaGlsZHJlbl0pXG5cbiAgY29uc3QgaGFuZGxlT25DaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBvbkNoYW5nZT8uKGV2ZW50KVxuICAgICAgc2V0TG9jYWxWYWx1ZShldmVudC50YXJnZXQudmFsdWUpXG5cbiAgICAgIGNvbnN0IGN1cnJlbnRFbGVtZW50ID0gZ2V0RWxlbWVudChldmVudC50YXJnZXQudmFsdWUpXG5cbiAgICAgIGlmIChjdXJyZW50RWxlbWVudCAmJiBjb250YWluZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjb25zdCBjdXJyZW50V2lkdGggPSBjdXJyZW50RWxlbWVudC5vZmZzZXRXaWR0aCA/PyAwXG4gICAgICAgIHNldFdpZHRoKGN1cnJlbnRXaWR0aClcbiAgICAgICAgc2V0UG9zaXRpb24oZ2V0UG9zaXRpb24oY3VycmVudEVsZW1lbnQpKVxuICAgICAgfVxuICAgIH0sXG4gICAgW2dldEVsZW1lbnQsIG9uQ2hhbmdlXSxcbiAgKVxuXG4gIGNvbnN0IHZhbHVlQ29udGV4dCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGxvY2FsVmFsdWUsXG4gICAgICBuYW1lLFxuICAgICAgb25CbHVyLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIHNpemUsXG4gICAgICBoYW5kbGVPbkNoYW5nZSxcbiAgICAgIHJlZk9wdGlvbnMsXG4gICAgICBzZXRSZWZPcHRpb25zLFxuICAgICAgc2VudGltZW50LFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGhhbmRsZU9uQ2hhbmdlLFxuICAgICAgbG9jYWxWYWx1ZSxcbiAgICAgIG5hbWUsXG4gICAgICBvbkJsdXIsXG4gICAgICBvbkZvY3VzLFxuICAgICAgcmVmT3B0aW9ucyxcbiAgICAgIHNpemUsXG4gICAgICBzZW50aW1lbnQsXG4gICAgXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFN3aXRjaEJ1dHRvbkNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlQ29udGV4dH0+XG4gICAgICA8VG9vbHRpcCB0ZXh0PXt0b29sdGlwfT5cbiAgICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cInJvd1wiIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH0+XG4gICAgICAgICAgPFN0eWxlZEJvcmRlcmVkQm94XG4gICAgICAgICAgICBvbk1vdXNlRG93bj17ZXZlbnQgPT4ge1xuICAgICAgICAgICAgICBjb25zdCByZWN0ID0gZXZlbnQuY3VycmVudFRhcmdldC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgICAgICAgICAgICBjb25zdCBjbGlja1ggPSBldmVudC5jbGllbnRYIC0gcmVjdC5sZWZ0XG4gICAgICAgICAgICAgIGNvbnN0IGNsaWNrSW5DdXJyZW50RWxlbWVudCA9XG4gICAgICAgICAgICAgICAgY2xpY2tYID4gcG9zaXRpb24gJiYgY2xpY2tYIDwgcG9zaXRpb24gKyB3aWR0aFxuICAgICAgICAgICAgICBpZiAoIWNsaWNrSW5DdXJyZW50RWxlbWVudCkge1xuICAgICAgICAgICAgICAgIHNldE1vdXNlRG93blNpZGUoXG4gICAgICAgICAgICAgICAgICBjbGlja1ggPCBnZXRQb3NpdGlvbihnZXRFbGVtZW50KGxvY2FsVmFsdWUpKVxuICAgICAgICAgICAgICAgICAgICA/ICdsZWZ0J1xuICAgICAgICAgICAgICAgICAgICA6ICdyaWdodCcsXG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgIHNldFdpZHRoKHdpZHRoICsgRk9DVVNfT1ZFUkxBWV9TQ0FMRV9SQVRJTylcbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBzZXRNb3VzZURvd25TaWRlKG51bGwpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbk1vdXNlVXA9eygpID0+IHtcbiAgICAgICAgICAgICAgc2V0TW91c2VEb3duU2lkZShudWxsKVxuICAgICAgICAgICAgICBpZiAobW91c2VEb3duU2lkZSkgc2V0V2lkdGgod2lkdGggLSBGT0NVU19PVkVSTEFZX1NDQUxFX1JBVElPKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRNb3VzZURvd25TaWRlKG51bGwpXG4gICAgICAgICAgICAgIGlmIChtb3VzZURvd25TaWRlKSBzZXRXaWR0aCh3aWR0aCAtIEZPQ1VTX09WRVJMQVlfU0NBTEVfUkFUSU8pXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgZGF0YS1zaXplPXtzaXplfVxuICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3dpZHRoID8gKFxuICAgICAgICAgICAgICA8Rm9jdXNPdmVybGF5XG4gICAgICAgICAgICAgICAgY2FyZFdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgICBwb3NpdGlvbj17cG9zaXRpb259XG4gICAgICAgICAgICAgICAgbW91c2VEb3duU2lkZT17bW91c2VEb3duU2lkZX1cbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvU3R5bGVkQm9yZGVyZWRCb3g+XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgPC9Td2l0Y2hCdXR0b25Db250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblN3aXRjaEJ1dHRvbi5PcHRpb24gPSBPcHRpb25cbiJdfQ== */"));
 const SwitchButton = ({
   value,
   onChange,
   onFocus,
   onBlur,
   name,
-  leftButton,
-  rightButton,
   size = "small",
+  sentiment = "primary",
   tooltip,
   className,
+  children,
   "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 getValueToUse = React.useCallback(() => value === leftButton.value ? leftButton.value : rightButton.value, [leftButton.value, rightButton.value, value]);
-  const [localValue, setLocalValue] = React.useState(getValueToUse);
-  React.useEffect(() => {
-    setLocalValue(getValueToUse());
-  }, [getValueToUse, value]);
-  const handleOnChange = (event) => {
+  const containerRef = react.useRef(null);
+  const [localValue, setLocalValue] = react.useState(value);
+  const [refOptions, setRefOptions] = react.useState([]);
+  const [position, setPosition] = react.useState(0);
+  const [width, setWidth] = react.useState(0);
+  const [mouseDownSide, setMouseDownSide] = react.useState(null);
+  const getElement = react.useCallback((referenceValue) => refOptions.find((element) => element.current && element.value === referenceValue)?.current, [refOptions]);
+  const getPosition = (curentElement) => {
+    if (!curentElement) return 0;
+    const currentPosition = curentElement.getBoundingClientRect().left;
+    const containerPosition = containerRef.current?.getBoundingClientRect().left ?? 0;
+    return currentPosition - containerPosition;
+  };
+  react.useEffect(() => {
+    setLocalValue(value);
+    setWidth(getElement(value)?.offsetWidth ?? 0);
+    setPosition(getPosition(getElement(value)));
+  }, [refOptions, value, getElement]);
+  react.useEffect(() => {
+    const element = getElement(localValue);
+    if (!element) return void 0;
+    const resizeObserver = new ResizeObserver(() => {
+      if (element.offsetWidth && (![width, width + constant.FOCUS_OVERLAY_SCALE_RATIO, width - constant.FOCUS_OVERLAY_SCALE_RATIO].includes(element.offsetWidth) || getPosition(element) !== position)) {
+        setWidth(element.offsetWidth ?? 0);
+        setPosition(getPosition(element));
+      }
+    });
+    resizeObserver.observe(element);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [getElement, width, position, localValue, children]);
+  const handleOnChange = react.useCallback((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.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), "data-size": size, 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 })
-  ] }) }) });
+    const currentElement = getElement(event.target.value);
+    if (currentElement && containerRef.current) {
+      const currentWidth = currentElement.offsetWidth ?? 0;
+      setWidth(currentWidth);
+      setPosition(getPosition(currentElement));
+    }
+  }, [getElement, onChange]);
+  const valueContext = react.useMemo(() => ({
+    localValue,
+    name,
+    onBlur,
+    onFocus,
+    size,
+    handleOnChange,
+    refOptions,
+    setRefOptions,
+    sentiment
+  }), [handleOnChange, localValue, name, onBlur, onFocus, refOptions, size, sentiment]);
+  return /* @__PURE__ */ jsxRuntime.jsx(SwitchButtonContext.SwitchButtonContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Stack, { direction: "row", className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsxs(StyledBorderedBox, { onMouseDown: (event) => {
+    const rect = event.currentTarget.getBoundingClientRect();
+    const clickX = event.clientX - rect.left;
+    const clickInCurrentElement = clickX > position && clickX < position + width;
+    if (!clickInCurrentElement) {
+      setMouseDownSide(clickX < getPosition(getElement(localValue)) ? "left" : "right");
+      setWidth(width + constant.FOCUS_OVERLAY_SCALE_RATIO);
+    } else {
+      setMouseDownSide(null);
+    }
+  }, onMouseUp: () => {
+    setMouseDownSide(null);
+    if (mouseDownSide) setWidth(width - constant.FOCUS_OVERLAY_SCALE_RATIO);
+  }, onMouseLeave: () => {
+    setMouseDownSide(null);
+    if (mouseDownSide) setWidth(width - constant.FOCUS_OVERLAY_SCALE_RATIO);
+  }, "data-size": size, ref: containerRef, children: [
+    width ? /* @__PURE__ */ jsxRuntime.jsx(FocusOverlay.FocusOverlay, { cardWidth: width, position, mouseDownSide, sentiment }) : null,
+    children
+  ] }) }) }) });
 };
+SwitchButton.Option = Option.Option;
 exports.SwitchButton = SwitchButton;

package/dist/components/SwitchButton/index.d.ts

@@ -1,27 +1,28 @@
-import type { ChangeEventHandler, FocusEventHandler } from 'react';
+import type { ChangeEventHandler, FocusEventHandler, ReactNode } from 'react';
 type SwitchButtonProps = {
     name?: string;
+    children: ReactNode;
     onBlur?: FocusEventHandler<HTMLInputElement>;
     onChange: ChangeEventHandler<HTMLInputElement>;
     onFocus?: FocusEventHandler<HTMLInputElement>;
     tooltip?: string;
-    value?: string | number;
-    leftButton: {
-        label: string;
-        value: string;
-        disabled?: boolean;
-    };
-    rightButton: {
-        label: string;
-        value: string;
-        disabled?: boolean;
-    };
+    value: string;
     className?: string;
     'data-testid'?: string;
     size?: 'small' | 'medium';
+    sentiment?: 'primary' | 'neutral';
 };
 /**
  * SwitchButton is a component that allows the user to select between two options.
  */
-export declare const SwitchButton: ({ value, onChange, onFocus, onBlur, name, leftButton, rightButton, size, tooltip, className, "data-testid": dataTestId, }: SwitchButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SwitchButton: {
+    ({ value, onChange, onFocus, onBlur, name, size, sentiment, tooltip, className, children, "data-testid": dataTestId, }: SwitchButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    Option: ({ value, children, "data-testid": dataTestId, disabled, tooltip, }: {
+        value: string;
+        children: ReactNode;
+        'data-testid'?: string;
+        disabled?: boolean;
+        tooltip?: string;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
 export {};

package/dist/components/SwitchButton/index.js

@@ -1,31 +1,18 @@
 "use client";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
-import { useRef, useState, useCallback, useEffect } from "react";
-import { SelectableCard } from "../SelectableCard/index.js";
+import { useRef, useState, useCallback, useEffect, useMemo } from "react";
+import { Stack } from "../Stack/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { FocusOverlay } from "./FocusOverlay.js";
+import { Option } from "./Option.js";
+import { SwitchButtonContext } from "./SwitchButtonContext.js";
+import { FOCUS_OVERLAY_SCALE_RATIO } from "./constant.js";
 const SIZES = {
   small: "500",
   // sizing token from theme
   medium: "600"
 };
-const StyledSelectableCard = /* @__PURE__ */ _styled(SelectableCard, process.env.NODE_ENV === "production" ? {
-  target: "e4ryteh1"
-} : {
-  target: "e4ryteh1",
-  label: "StyledSelectableCard"
-})("border:none;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;background:transparent;&:hover,&: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY21EIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENoYW5nZUV2ZW50LCBDaGFuZ2VFdmVudEhhbmRsZXIsIEZvY3VzRXZlbnRIYW5kbGVyIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTZWxlY3RhYmxlQ2FyZCB9IGZyb20gJy4uL1NlbGVjdGFibGVDYXJkJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5pbXBvcnQgeyBGb2N1c092ZXJsYXkgfSBmcm9tICcuL0ZvY3VzT3ZlcmxheSdcblxuY29uc3QgU0laRVMgPSB7XG4gIHNtYWxsOiAnNTAwJywgLy8gc2l6aW5nIHRva2VuIGZyb20gdGhlbWVcbiAgbWVkaXVtOiAnNjAwJyxcbn0gYXMgY29uc3RcblxuY29uc3QgU3R5bGVkU2VsZWN0YWJsZUNhcmQgPSBzdHlsZWQoU2VsZWN0YWJsZUNhcmQpYFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U3Ryb25nLndlaWdodH07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIsXG4gICY6YWN0aXZlIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICAmOm5vdChbZGF0YS1lcnJvcj0ndHJ1ZSddW2RhdGEtZGlzYWJsZWQ9J3RydWUnXSkge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1jaGVja2VkPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICZbZGF0YS1jaGVja2VkPSd0cnVlJ10gbGFiZWwge1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LnRleHRTdHJvbmd9O1xuICB9XG5cbiAgJjpub3QoW2RhdGEtY2hlY2tlZD0ndHJ1ZSddKSBsYWJlbCB7XG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0fTtcbiAgICB9XG4gIH1cbmBcbmNvbnN0IFN0eWxlZEJvcmRlcmVkQm94ID0gc3R5bGVkLmRpdjx7ICdkYXRhLXNpemUnOiAnc21hbGwnIHwgJ21lZGl1bScgfT5gXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmW2RhdGEtc2l6ZT0nc21hbGwnXSB7XG4gICAgJiA+ICR7U3R5bGVkU2VsZWN0YWJsZUNhcmR9IHtcbiAgICAgIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbU0laRVMuc21hbGxdfTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtc2l6ZT0nbWVkaXVtJ10ge1xuICAgICYgPiAke1N0eWxlZFNlbGVjdGFibGVDYXJkfSB7XG4gICAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nW1NJWkVTLm1lZGl1bV19O1xuICAgIH1cbiAgfVxuYFxudHlwZSBTd2l0Y2hCdXR0b25Qcm9wcyA9IHtcbiAgbmFtZT86IHN0cmluZ1xuICBvbkJsdXI/OiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PlxuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+XG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PlxuICB0b29sdGlwPzogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyXG4gIGxlZnRCdXR0b246IHtcbiAgICBsYWJlbDogc3RyaW5nXG4gICAgdmFsdWU6IHN0cmluZ1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICB9XG4gIHJpZ2h0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nXG59XG5cbi8qKlxuICogU3dpdGNoQnV0dG9uIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHRoZSB1c2VyIHRvIHNlbGVjdCBiZXR3ZWVuIHR3byBvcHRpb25zLlxuICovXG5leHBvcnQgY29uc3QgU3dpdGNoQnV0dG9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIG5hbWUsXG4gIGxlZnRCdXR0b24sXG4gIHJpZ2h0QnV0dG9uLFxuICBzaXplID0gJ3NtYWxsJyxcbiAgdG9vbHRpcCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3dpdGNoQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgbGVmdEJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgY29uc3QgcmlnaHRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtsZWZ0Q2FyZFdpZHRoLCBzZXRMZWZ0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbcmlnaHRDYXJkV2lkdGgsIHNldFJpZ2h0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbaGFzTW91c2VEb3duLCBzZXRIYXNNb3VzZURvd25dID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgZ2V0VmFsdWVUb1VzZSA9IHVzZUNhbGxiYWNrKFxuICAgICgpID0+ICh2YWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZSA/IGxlZnRCdXR0b24udmFsdWUgOiByaWdodEJ1dHRvbi52YWx1ZSksXG4gICAgW2xlZnRCdXR0b24udmFsdWUsIHJpZ2h0QnV0dG9uLnZhbHVlLCB2YWx1ZV0sXG4gIClcblxuICBjb25zdCBbbG9jYWxWYWx1ZSwgc2V0TG9jYWxWYWx1ZV0gPSB1c2VTdGF0ZShnZXRWYWx1ZVRvVXNlKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0TG9jYWxWYWx1ZShnZXRWYWx1ZVRvVXNlKCkpXG4gIH0sIFtnZXRWYWx1ZVRvVXNlLCB2YWx1ZV0pXG5cbiAgY29uc3QgaGFuZGxlT25DaGFuZ2UgPSAoZXZlbnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudClcbiAgICBzZXRMb2NhbFZhbHVlKGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgfVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFsZWZ0QnV0dG9uUmVmLmN1cnJlbnQgfHwgIXJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQpIHJldHVyblxuICAgIHNldExlZnRDYXJkV2lkdGgobGVmdEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICAgIHNldFJpZ2h0Q2FyZFdpZHRoKHJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgpXG4gIH0sIFtsZWZ0QnV0dG9uLnZhbHVlLCBsZWZ0QnV0dG9uUmVmLCBsb2NhbFZhbHVlLCByaWdodEJ1dHRvblJlZl0pXG5cbiAgY29uc3Qgc2V0TW91c2VEb3duID0gKGlzTW91c2VEb3duOiBib29sZWFuKSA9PiAoKSA9PlxuICAgIHNldEhhc01vdXNlRG93bihpc01vdXNlRG93bilcblxuICByZXR1cm4gKFxuICAgIDxUb29sdGlwIHRleHQ9e3Rvb2x0aXB9PlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17eyBkaXNwbGF5OiAnaW5saW5lLWZsZXgnIH19XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEJvcmRlcmVkQm94XG4gICAgICAgICAgb25Nb3VzZURvd249e3NldE1vdXNlRG93bih0cnVlKX1cbiAgICAgICAgICBvbk1vdXNlVXA9e3NldE1vdXNlRG93bihmYWxzZSl9XG4gICAgICAgICAgb25Nb3VzZUxlYXZlPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtyaWdodENhcmRXaWR0aCAmJiBsZWZ0Q2FyZFdpZHRoID8gKFxuICAgICAgICAgICAgPEZvY3VzT3ZlcmxheVxuICAgICAgICAgICAgICBmb2N1c1Bvc2l0aW9uPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlID8gJ2xlZnQnIDogJ3JpZ2h0J31cbiAgICAgICAgICAgICAgcmlnaHRDYXJkV2lkdGg9e3JpZ2h0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBsZWZ0Q2FyZFdpZHRoPXtsZWZ0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBoYXNNb3VzZURvd249e2hhc01vdXNlRG93bn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e2xlZnRCdXR0b25SZWZ9XG4gICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgdmFsdWU9e2xlZnRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgbGFiZWw9e2xlZnRCdXR0b24ubGFiZWx9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWxlZnRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e3JpZ2h0QnV0dG9uUmVmfVxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXtyaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHJpZ2h0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSByaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGxhYmVsPXtyaWdodEJ1dHRvbi5sYWJlbH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tcmlnaHRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkQm9yZGVyZWRCb3g+XG4gICAgICA8L2Rpdj5cbiAgICA8L1Rvb2x0aXA+XG4gIClcbn1cbiJdfQ== */"));
 const StyledBorderedBox = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e4ryteh0"
 } : {
@@ -39,52 +26,99 @@ const StyledBorderedBox = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ==
   theme
 }) => theme.space["0.5"], ";display:flex;gap:", ({
   theme
-}) => theme.space["1"], ";position:relative;&[data-size='small']{&>", StyledSelectableCard, "{height:", ({
+}) => theme.space["1"], ";position:relative;&[data-size='small']{height:", ({
   theme
-}) => theme.sizing[SIZES.small], ";}}&[data-size='medium']{&>", StyledSelectableCard, "{height:", ({
+}) => theme.sizing[SIZES.small], ";}&[data-size='medium']{height:", ({
   theme
-}) => theme.sizing[SIZES.medium], ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0N5RSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDaGFuZ2VFdmVudCwgQ2hhbmdlRXZlbnRIYW5kbGVyLCBGb2N1c0V2ZW50SGFuZGxlciB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0YWJsZUNhcmQgfSBmcm9tICcuLi9TZWxlY3RhYmxlQ2FyZCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgRm9jdXNPdmVybGF5IH0gZnJvbSAnLi9Gb2N1c092ZXJsYXknXG5cbmNvbnN0IFNJWkVTID0ge1xuICBzbWFsbDogJzUwMCcsIC8vIHNpemluZyB0b2tlbiBmcm9tIHRoZW1lXG4gIG1lZGl1bTogJzYwMCcsXG59IGFzIGNvbnN0XG5cbmNvbnN0IFN0eWxlZFNlbGVjdGFibGVDYXJkID0gc3R5bGVkKFNlbGVjdGFibGVDYXJkKWBcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVN0cm9uZy53ZWlnaHR9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDIwMG1zIGVhc2UtaW4tb3V0O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyLFxuICAmOmFjdGl2ZSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgJjpub3QoW2RhdGEtZXJyb3I9J3RydWUnXVtkYXRhLWRpc2FibGVkPSd0cnVlJ10pIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIGxhYmVsIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0U3Ryb25nfTtcbiAgfVxuXG4gICY6bm90KFtkYXRhLWNoZWNrZWQ9J3RydWUnXSkgbGFiZWwge1xuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gICAgfVxuICB9XG5gXG5jb25zdCBTdHlsZWRCb3JkZXJlZEJveCA9IHN0eWxlZC5kaXY8eyAnZGF0YS1zaXplJzogJ3NtYWxsJyB8ICdtZWRpdW0nIH0+YFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJltkYXRhLXNpemU9J3NtYWxsJ10ge1xuICAgICYgPiAke1N0eWxlZFNlbGVjdGFibGVDYXJkfSB7XG4gICAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nW1NJWkVTLnNtYWxsXX07XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLXNpemU9J21lZGl1bSddIHtcbiAgICAmID4gJHtTdHlsZWRTZWxlY3RhYmxlQ2FyZH0ge1xuICAgICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1tTSVpFUy5tZWRpdW1dfTtcbiAgICB9XG4gIH1cbmBcbnR5cGUgU3dpdGNoQnV0dG9uUHJvcHMgPSB7XG4gIG5hbWU/OiBzdHJpbmdcbiAgb25CbHVyPzogRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD5cbiAgb25DaGFuZ2U6IENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PlxuICBvbkZvY3VzPzogRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD5cbiAgdG9vbHRpcD86IHN0cmluZ1xuICB2YWx1ZT86IHN0cmluZyB8IG51bWJlclxuICBsZWZ0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICByaWdodEJ1dHRvbjoge1xuICAgIGxhYmVsOiBzdHJpbmdcbiAgICB2YWx1ZTogc3RyaW5nXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIH1cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xufVxuXG4vKipcbiAqIFN3aXRjaEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB0aGF0IGFsbG93cyB0aGUgdXNlciB0byBzZWxlY3QgYmV0d2VlbiB0d28gb3B0aW9ucy5cbiAqL1xuZXhwb3J0IGNvbnN0IFN3aXRjaEJ1dHRvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBuYW1lLFxuICBsZWZ0QnV0dG9uLFxuICByaWdodEJ1dHRvbixcbiAgc2l6ZSA9ICdzbWFsbCcsXG4gIHRvb2x0aXAsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFN3aXRjaEJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IGxlZnRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHJpZ2h0QnV0dG9uUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbbGVmdENhcmRXaWR0aCwgc2V0TGVmdENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW3JpZ2h0Q2FyZFdpZHRoLCBzZXRSaWdodENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW2hhc01vdXNlRG93biwgc2V0SGFzTW91c2VEb3duXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IGdldFZhbHVlVG9Vc2UgPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PiAodmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWUgPyBsZWZ0QnV0dG9uLnZhbHVlIDogcmlnaHRCdXR0b24udmFsdWUpLFxuICAgIFtsZWZ0QnV0dG9uLnZhbHVlLCByaWdodEJ1dHRvbi52YWx1ZSwgdmFsdWVdLFxuICApXG5cbiAgY29uc3QgW2xvY2FsVmFsdWUsIHNldExvY2FsVmFsdWVdID0gdXNlU3RhdGUoZ2V0VmFsdWVUb1VzZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldExvY2FsVmFsdWUoZ2V0VmFsdWVUb1VzZSgpKVxuICB9LCBbZ2V0VmFsdWVUb1VzZSwgdmFsdWVdKVxuXG4gIGNvbnN0IGhhbmRsZU9uQ2hhbmdlID0gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgIG9uQ2hhbmdlPy4oZXZlbnQpXG4gICAgc2V0TG9jYWxWYWx1ZShldmVudC50YXJnZXQudmFsdWUpXG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbGVmdEJ1dHRvblJlZi5jdXJyZW50IHx8ICFyaWdodEJ1dHRvblJlZi5jdXJyZW50KSByZXR1cm5cbiAgICBzZXRMZWZ0Q2FyZFdpZHRoKGxlZnRCdXR0b25SZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICBzZXRSaWdodENhcmRXaWR0aChyaWdodEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICB9LCBbbGVmdEJ1dHRvbi52YWx1ZSwgbGVmdEJ1dHRvblJlZiwgbG9jYWxWYWx1ZSwgcmlnaHRCdXR0b25SZWZdKVxuXG4gIGNvbnN0IHNldE1vdXNlRG93biA9IChpc01vdXNlRG93bjogYm9vbGVhbikgPT4gKCkgPT5cbiAgICBzZXRIYXNNb3VzZURvd24oaXNNb3VzZURvd24pXG5cbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcCB0ZXh0PXt0b29sdGlwfT5cbiAgICAgIDxkaXZcbiAgICAgICAgc3R5bGU9e3sgZGlzcGxheTogJ2lubGluZS1mbGV4JyB9fVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRCb3JkZXJlZEJveFxuICAgICAgICAgIG9uTW91c2VEb3duPXtzZXRNb3VzZURvd24odHJ1ZSl9XG4gICAgICAgICAgb25Nb3VzZVVwPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17c2V0TW91c2VEb3duKGZhbHNlKX1cbiAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgID5cbiAgICAgICAgICB7cmlnaHRDYXJkV2lkdGggJiYgbGVmdENhcmRXaWR0aCA/IChcbiAgICAgICAgICAgIDxGb2N1c092ZXJsYXlcbiAgICAgICAgICAgICAgZm9jdXNQb3NpdGlvbj17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZSA/ICdsZWZ0JyA6ICdyaWdodCd9XG4gICAgICAgICAgICAgIHJpZ2h0Q2FyZFdpZHRoPXtyaWdodENhcmRXaWR0aH1cbiAgICAgICAgICAgICAgbGVmdENhcmRXaWR0aD17bGVmdENhcmRXaWR0aH1cbiAgICAgICAgICAgICAgaGFzTW91c2VEb3duPXtoYXNNb3VzZURvd259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDxTdHlsZWRTZWxlY3RhYmxlQ2FyZFxuICAgICAgICAgICAgcmVmPXtsZWZ0QnV0dG9uUmVmfVxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXtsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVPbkNoYW5nZX1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGRhdGEtY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGxhYmVsPXtsZWZ0QnV0dG9uLmxhYmVsfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPyBgJHtkYXRhVGVzdElkfS1sZWZ0YCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxTdHlsZWRTZWxlY3RhYmxlQ2FyZFxuICAgICAgICAgICAgcmVmPXtyaWdodEJ1dHRvblJlZn1cbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17cmlnaHRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtsb2NhbFZhbHVlID09PSByaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVPbkNoYW5nZX1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGRhdGEtY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gcmlnaHRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBsYWJlbD17cmlnaHRCdXR0b24ubGFiZWx9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LXJpZ2h0YCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZEJvcmRlcmVkQm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Ub29sdGlwPlxuICApXG59XG4iXX0= */"));
+}) => theme.sizing[SIZES.medium], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ5RSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUge1xuICBDaGFuZ2VFdmVudCxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgUmVhY3ROb2RlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IEZvY3VzT3ZlcmxheSB9IGZyb20gJy4vRm9jdXNPdmVybGF5J1xuaW1wb3J0IHsgT3B0aW9uIH0gZnJvbSAnLi9PcHRpb24nXG5pbXBvcnQgdHlwZSB7IFJlZk9wdGlvblR5cGUgfSBmcm9tICcuL1N3aXRjaEJ1dHRvbkNvbnRleHQnXG5pbXBvcnQgeyBTd2l0Y2hCdXR0b25Db250ZXh0IH0gZnJvbSAnLi9Td2l0Y2hCdXR0b25Db250ZXh0J1xuaW1wb3J0IHsgRk9DVVNfT1ZFUkxBWV9TQ0FMRV9SQVRJTyB9IGZyb20gJy4vY29uc3RhbnQnXG5cbmNvbnN0IFNJWkVTID0ge1xuICBzbWFsbDogJzUwMCcsIC8vIHNpemluZyB0b2tlbiBmcm9tIHRoZW1lXG4gIG1lZGl1bTogJzYwMCcsXG59IGFzIGNvbnN0XG5cbmNvbnN0IFN0eWxlZEJvcmRlcmVkQm94ID0gc3R5bGVkLmRpdjx7ICdkYXRhLXNpemUnOiAnc21hbGwnIHwgJ21lZGl1bScgfT5gXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmW2RhdGEtc2l6ZT0nc21hbGwnXSB7XG4gICAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nW1NJWkVTLnNtYWxsXX07XG4gIH1cblxuICAmW2RhdGEtc2l6ZT0nbWVkaXVtJ10ge1xuICAgICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1tTSVpFUy5tZWRpdW1dfTtcbiAgfVxuYFxudHlwZSBTd2l0Y2hCdXR0b25Qcm9wcyA9IHtcbiAgbmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+XG4gIG9uQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD5cbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+XG4gIHRvb2x0aXA/OiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHNlbnRpbWVudD86ICdwcmltYXJ5JyB8ICduZXV0cmFsJ1xufVxuXG4vKipcbiAqIFN3aXRjaEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB0aGF0IGFsbG93cyB0aGUgdXNlciB0byBzZWxlY3QgYmV0d2VlbiB0d28gb3B0aW9ucy5cbiAqL1xuZXhwb3J0IGNvbnN0IFN3aXRjaEJ1dHRvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBuYW1lLFxuICBzaXplID0gJ3NtYWxsJyxcbiAgc2VudGltZW50ID0gJ3ByaW1hcnknLFxuICB0b29sdGlwLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3dpdGNoQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gIGNvbnN0IFtsb2NhbFZhbHVlLCBzZXRMb2NhbFZhbHVlXSA9IHVzZVN0YXRlPHN0cmluZz4odmFsdWUpXG4gIGNvbnN0IFtyZWZPcHRpb25zLCBzZXRSZWZPcHRpb25zXSA9IHVzZVN0YXRlPFJlZk9wdGlvblR5cGVbXT4oW10pXG4gIGNvbnN0IFtwb3NpdGlvbiwgc2V0UG9zaXRpb25dID0gdXNlU3RhdGUoMClcbiAgY29uc3QgW3dpZHRoLCBzZXRXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBbbW91c2VEb3duU2lkZSwgc2V0TW91c2VEb3duU2lkZV0gPSB1c2VTdGF0ZTwnbGVmdCcgfCAncmlnaHQnIHwgbnVsbD4oXG4gICAgbnVsbCxcbiAgKVxuXG4gIGNvbnN0IGdldEVsZW1lbnQgPSB1c2VDYWxsYmFjayhcbiAgICAocmVmZXJlbmNlVmFsdWU6IHN0cmluZykgPT5cbiAgICAgIHJlZk9wdGlvbnMuZmluZChcbiAgICAgICAgZWxlbWVudCA9PiBlbGVtZW50LmN1cnJlbnQgJiYgZWxlbWVudC52YWx1ZSA9PT0gcmVmZXJlbmNlVmFsdWUsXG4gICAgICApPy5jdXJyZW50LFxuICAgIFtyZWZPcHRpb25zXSxcbiAgKVxuXG4gIGNvbnN0IGdldFBvc2l0aW9uID0gKGN1cmVudEVsZW1lbnQ/OiBIVE1MSW5wdXRFbGVtZW50KSA9PiB7XG4gICAgaWYgKCFjdXJlbnRFbGVtZW50KSByZXR1cm4gMFxuICAgIGNvbnN0IGN1cnJlbnRQb3NpdGlvbiA9IGN1cmVudEVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkubGVmdFxuICAgIGNvbnN0IGNvbnRhaW5lclBvc2l0aW9uID1cbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50Py5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5sZWZ0ID8/IDBcblxuICAgIHJldHVybiBjdXJyZW50UG9zaXRpb24gLSBjb250YWluZXJQb3NpdGlvblxuICB9XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRMb2NhbFZhbHVlKHZhbHVlKVxuICAgIHNldFdpZHRoKGdldEVsZW1lbnQodmFsdWUpPy5vZmZzZXRXaWR0aCA/PyAwKVxuICAgIHNldFBvc2l0aW9uKGdldFBvc2l0aW9uKGdldEVsZW1lbnQodmFsdWUpKSlcbiAgfSwgW3JlZk9wdGlvbnMsIHZhbHVlLCBnZXRFbGVtZW50XSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVsZW1lbnQgPSBnZXRFbGVtZW50KGxvY2FsVmFsdWUpXG4gICAgaWYgKCFlbGVtZW50KSByZXR1cm4gdW5kZWZpbmVkXG5cbiAgICBjb25zdCByZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIGVsZW1lbnQub2Zmc2V0V2lkdGggJiZcbiAgICAgICAgKCFbXG4gICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgd2lkdGggKyBGT0NVU19PVkVSTEFZX1NDQUxFX1JBVElPLFxuICAgICAgICAgIHdpZHRoIC0gRk9DVVNfT1ZFUkxBWV9TQ0FMRV9SQVRJTyxcbiAgICAgICAgXS5pbmNsdWRlcyhlbGVtZW50Lm9mZnNldFdpZHRoKSB8fFxuICAgICAgICAgIGdldFBvc2l0aW9uKGVsZW1lbnQpICE9PSBwb3NpdGlvbilcbiAgICAgICkge1xuICAgICAgICBzZXRXaWR0aChlbGVtZW50Lm9mZnNldFdpZHRoID8/IDApXG4gICAgICAgIHNldFBvc2l0aW9uKGdldFBvc2l0aW9uKGVsZW1lbnQpKVxuICAgICAgfVxuICAgIH0pXG5cbiAgICByZXNpemVPYnNlcnZlci5vYnNlcnZlKGVsZW1lbnQpXG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgcmVzaXplT2JzZXJ2ZXIuZGlzY29ubmVjdCgpXG4gICAgfVxuICB9LCBbZ2V0RWxlbWVudCwgd2lkdGgsIHBvc2l0aW9uLCBsb2NhbFZhbHVlLCBjaGlsZHJlbl0pXG5cbiAgY29uc3QgaGFuZGxlT25DaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBvbkNoYW5nZT8uKGV2ZW50KVxuICAgICAgc2V0TG9jYWxWYWx1ZShldmVudC50YXJnZXQudmFsdWUpXG5cbiAgICAgIGNvbnN0IGN1cnJlbnRFbGVtZW50ID0gZ2V0RWxlbWVudChldmVudC50YXJnZXQudmFsdWUpXG5cbiAgICAgIGlmIChjdXJyZW50RWxlbWVudCAmJiBjb250YWluZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjb25zdCBjdXJyZW50V2lkdGggPSBjdXJyZW50RWxlbWVudC5vZmZzZXRXaWR0aCA/PyAwXG4gICAgICAgIHNldFdpZHRoKGN1cnJlbnRXaWR0aClcbiAgICAgICAgc2V0UG9zaXRpb24oZ2V0UG9zaXRpb24oY3VycmVudEVsZW1lbnQpKVxuICAgICAgfVxuICAgIH0sXG4gICAgW2dldEVsZW1lbnQsIG9uQ2hhbmdlXSxcbiAgKVxuXG4gIGNvbnN0IHZhbHVlQ29udGV4dCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGxvY2FsVmFsdWUsXG4gICAgICBuYW1lLFxuICAgICAgb25CbHVyLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIHNpemUsXG4gICAgICBoYW5kbGVPbkNoYW5nZSxcbiAgICAgIHJlZk9wdGlvbnMsXG4gICAgICBzZXRSZWZPcHRpb25zLFxuICAgICAgc2VudGltZW50LFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGhhbmRsZU9uQ2hhbmdlLFxuICAgICAgbG9jYWxWYWx1ZSxcbiAgICAgIG5hbWUsXG4gICAgICBvbkJsdXIsXG4gICAgICBvbkZvY3VzLFxuICAgICAgcmVmT3B0aW9ucyxcbiAgICAgIHNpemUsXG4gICAgICBzZW50aW1lbnQsXG4gICAgXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFN3aXRjaEJ1dHRvbkNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlQ29udGV4dH0+XG4gICAgICA8VG9vbHRpcCB0ZXh0PXt0b29sdGlwfT5cbiAgICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cInJvd1wiIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH0+XG4gICAgICAgICAgPFN0eWxlZEJvcmRlcmVkQm94XG4gICAgICAgICAgICBvbk1vdXNlRG93bj17ZXZlbnQgPT4ge1xuICAgICAgICAgICAgICBjb25zdCByZWN0ID0gZXZlbnQuY3VycmVudFRhcmdldC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgICAgICAgICAgICBjb25zdCBjbGlja1ggPSBldmVudC5jbGllbnRYIC0gcmVjdC5sZWZ0XG4gICAgICAgICAgICAgIGNvbnN0IGNsaWNrSW5DdXJyZW50RWxlbWVudCA9XG4gICAgICAgICAgICAgICAgY2xpY2tYID4gcG9zaXRpb24gJiYgY2xpY2tYIDwgcG9zaXRpb24gKyB3aWR0aFxuICAgICAgICAgICAgICBpZiAoIWNsaWNrSW5DdXJyZW50RWxlbWVudCkge1xuICAgICAgICAgICAgICAgIHNldE1vdXNlRG93blNpZGUoXG4gICAgICAgICAgICAgICAgICBjbGlja1ggPCBnZXRQb3NpdGlvbihnZXRFbGVtZW50KGxvY2FsVmFsdWUpKVxuICAgICAgICAgICAgICAgICAgICA/ICdsZWZ0J1xuICAgICAgICAgICAgICAgICAgICA6ICdyaWdodCcsXG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgIHNldFdpZHRoKHdpZHRoICsgRk9DVVNfT1ZFUkxBWV9TQ0FMRV9SQVRJTylcbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBzZXRNb3VzZURvd25TaWRlKG51bGwpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbk1vdXNlVXA9eygpID0+IHtcbiAgICAgICAgICAgICAgc2V0TW91c2VEb3duU2lkZShudWxsKVxuICAgICAgICAgICAgICBpZiAobW91c2VEb3duU2lkZSkgc2V0V2lkdGgod2lkdGggLSBGT0NVU19PVkVSTEFZX1NDQUxFX1JBVElPKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRNb3VzZURvd25TaWRlKG51bGwpXG4gICAgICAgICAgICAgIGlmIChtb3VzZURvd25TaWRlKSBzZXRXaWR0aCh3aWR0aCAtIEZPQ1VTX09WRVJMQVlfU0NBTEVfUkFUSU8pXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgZGF0YS1zaXplPXtzaXplfVxuICAgICAgICAgICAgcmVmPXtjb250YWluZXJSZWZ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3dpZHRoID8gKFxuICAgICAgICAgICAgICA8Rm9jdXNPdmVybGF5XG4gICAgICAgICAgICAgICAgY2FyZFdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgICBwb3NpdGlvbj17cG9zaXRpb259XG4gICAgICAgICAgICAgICAgbW91c2VEb3duU2lkZT17bW91c2VEb3duU2lkZX1cbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvU3R5bGVkQm9yZGVyZWRCb3g+XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgPC9Td2l0Y2hCdXR0b25Db250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblN3aXRjaEJ1dHRvbi5PcHRpb24gPSBPcHRpb25cbiJdfQ== */"));
 const SwitchButton = ({
   value,
   onChange,
   onFocus,
   onBlur,
   name,
-  leftButton,
-  rightButton,
   size = "small",
+  sentiment = "primary",
   tooltip,
   className,
+  children,
   "data-testid": dataTestId
 }) => {
-  const leftButtonRef = useRef(null);
-  const rightButtonRef = useRef(null);
-  const [leftCardWidth, setLeftCardWidth] = useState();
-  const [rightCardWidth, setRightCardWidth] = useState();
-  const [hasMouseDown, setHasMouseDown] = useState(false);
-  const getValueToUse = useCallback(() => value === leftButton.value ? leftButton.value : rightButton.value, [leftButton.value, rightButton.value, value]);
-  const [localValue, setLocalValue] = useState(getValueToUse);
+  const containerRef = useRef(null);
+  const [localValue, setLocalValue] = useState(value);
+  const [refOptions, setRefOptions] = useState([]);
+  const [position, setPosition] = useState(0);
+  const [width, setWidth] = useState(0);
+  const [mouseDownSide, setMouseDownSide] = useState(null);
+  const getElement = useCallback((referenceValue) => refOptions.find((element) => element.current && element.value === referenceValue)?.current, [refOptions]);
+  const getPosition = (curentElement) => {
+    if (!curentElement) return 0;
+    const currentPosition = curentElement.getBoundingClientRect().left;
+    const containerPosition = containerRef.current?.getBoundingClientRect().left ?? 0;
+    return currentPosition - containerPosition;
+  };
+  useEffect(() => {
+    setLocalValue(value);
+    setWidth(getElement(value)?.offsetWidth ?? 0);
+    setPosition(getPosition(getElement(value)));
+  }, [refOptions, value, getElement]);
   useEffect(() => {
-    setLocalValue(getValueToUse());
-  }, [getValueToUse, value]);
-  const handleOnChange = (event) => {
+    const element = getElement(localValue);
+    if (!element) return void 0;
+    const resizeObserver = new ResizeObserver(() => {
+      if (element.offsetWidth && (![width, width + FOCUS_OVERLAY_SCALE_RATIO, width - FOCUS_OVERLAY_SCALE_RATIO].includes(element.offsetWidth) || getPosition(element) !== position)) {
+        setWidth(element.offsetWidth ?? 0);
+        setPosition(getPosition(element));
+      }
+    });
+    resizeObserver.observe(element);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [getElement, width, position, localValue, children]);
+  const handleOnChange = useCallback((event) => {
     onChange?.(event);
     setLocalValue(event.target.value);
-  };
-  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__ */ 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), "data-size": size, 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 })
-  ] }) }) });
+    const currentElement = getElement(event.target.value);
+    if (currentElement && containerRef.current) {
+      const currentWidth = currentElement.offsetWidth ?? 0;
+      setWidth(currentWidth);
+      setPosition(getPosition(currentElement));
+    }
+  }, [getElement, onChange]);
+  const valueContext = useMemo(() => ({
+    localValue,
+    name,
+    onBlur,
+    onFocus,
+    size,
+    handleOnChange,
+    refOptions,
+    setRefOptions,
+    sentiment
+  }), [handleOnChange, localValue, name, onBlur, onFocus, refOptions, size, sentiment]);
+  return /* @__PURE__ */ jsx(SwitchButtonContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsx(Stack, { direction: "row", className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxs(StyledBorderedBox, { onMouseDown: (event) => {
+    const rect = event.currentTarget.getBoundingClientRect();
+    const clickX = event.clientX - rect.left;
+    const clickInCurrentElement = clickX > position && clickX < position + width;
+    if (!clickInCurrentElement) {
+      setMouseDownSide(clickX < getPosition(getElement(localValue)) ? "left" : "right");
+      setWidth(width + FOCUS_OVERLAY_SCALE_RATIO);
+    } else {
+      setMouseDownSide(null);
+    }
+  }, onMouseUp: () => {
+    setMouseDownSide(null);
+    if (mouseDownSide) setWidth(width - FOCUS_OVERLAY_SCALE_RATIO);
+  }, onMouseLeave: () => {
+    setMouseDownSide(null);
+    if (mouseDownSide) setWidth(width - FOCUS_OVERLAY_SCALE_RATIO);
+  }, "data-size": size, ref: containerRef, children: [
+    width ? /* @__PURE__ */ jsx(FocusOverlay, { cardWidth: width, position, mouseDownSide, sentiment }) : null,
+    children
+  ] }) }) }) });
 };
+SwitchButton.Option = Option;
 export {
   SwitchButton
 };