@ultraviolet/ui 1.51.2 → 1.51.4

package/dist/components/SelectableCardGroup/index.js

@@ -1,11 +1,14 @@
 import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Icon } from "@ultraviolet/icons";
 import { createContext, useMemo, useContext } from "react";
 import { Row } from "../Row/index.js";
 import { SelectableCard } from "../SelectableCard/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 const SelectableCardGroupContext = createContext(void 0);
 const CardSelectableCard = ({
   value,
@@ -22,41 +25,45 @@ const CardSelectableCard = ({
 }) => {
   const context = useContext(SelectableCardGroupContext);
   if (!context) {
-    throw new Error(
-      "SelectableCardGroup.Card can only be used inside a SelectableCardGroup"
-    );
+    throw new Error("SelectableCardGroup.Card can only be used inside a SelectableCardGroup");
   }
-  const { groupName, onChange, groupValue, type, showTick } = context;
-  return /* @__PURE__ */ jsx(
-    SelectableCard,
-    {
-      name: groupName,
-      value,
-      showTick,
-      type,
-      disabled,
-      className,
-      isError,
-      onFocus,
-      onBlur,
-      tooltip,
-      id,
-      label,
-      onChange,
-      checked: typeof groupValue === "object" ? groupValue.includes(value) : groupValue === value,
-      "data-testid": dataTestId,
-      children
-    }
-  );
+  const {
+    groupName,
+    onChange,
+    groupValue,
+    type,
+    showTick
+  } = context;
+  return /* @__PURE__ */ jsx(SelectableCard, { name: groupName, value, showTick, type, disabled, className, isError, onFocus, onBlur, tooltip, id, label, onChange, checked: typeof groupValue === "object" ? groupValue.includes(value) : groupValue === value, "data-testid": dataTestId, children });
 };
-const FieldSet = styled.fieldset`
-  border: none;
-  padding: 0;
-  margin: 0;
-`;
-const StyledRequiredIcon = styled(Icon)`
-  vertical-align: super;
-`;
+const FieldSet = /* @__PURE__ */ _styled("fieldset", process.env.NODE_ENV === "production" ? {
+  target: "e1cxe6lb1"
+} : {
+  target: "e1cxe6lb1",
+  label: "FieldSet"
+})(process.env.NODE_ENV === "production" ? {
+  name: "7o2an9",
+  styles: "border:none;padding:0;margin:0"
+} : {
+  name: "7o2an9",
+  styles: "border:none;padding:0;margin:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdGFibGVDYXJkR3JvdXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VsZWN0YWJsZUNhcmRHcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQge1xuICB0eXBlIENvbXBvbmVudFByb3BzLFxuICB0eXBlIElucHV0SFRNTEF0dHJpYnV0ZXMsXG4gIHR5cGUgUmVhY3ROb2RlLFxuICBjcmVhdGVDb250ZXh0LFxuICB1c2VDb250ZXh0LFxuICB1c2VNZW1vLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFJvdyB9IGZyb20gJy4uL1JvdydcbmltcG9ydCB7IFNlbGVjdGFibGVDYXJkIH0gZnJvbSAnLi4vU2VsZWN0YWJsZUNhcmQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgU2VsZWN0YWJsZUNhcmRHcm91cENvbnRleHRUeXBlID0ge1xuICBncm91cE5hbWU6IHN0cmluZ1xuICBncm91cFZhbHVlOiBzdHJpbmcgfCBudW1iZXIgfCAoc3RyaW5nIHwgbnVtYmVyKVtdXG4gIHR5cGU6ICdyYWRpbycgfCAnY2hlY2tib3gnXG4gIHNob3dUaWNrOiBib29sZWFuXG59ICYgUmVxdWlyZWQ8UGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnb25DaGFuZ2UnPj4gJlxuICBQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdyZXF1aXJlZCc+XG5cbmNvbnN0IFNlbGVjdGFibGVDYXJkR3JvdXBDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxcbiAgU2VsZWN0YWJsZUNhcmRHcm91cENvbnRleHRUeXBlIHwgdW5kZWZpbmVkXG4+KHVuZGVmaW5lZClcblxudHlwZSBDYXJkU2VsZWN0YWJsZUNhcmRQcm9wcyA9IE9taXQ8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBTZWxlY3RhYmxlQ2FyZD4sXG4gICdvbkNoYW5nZScgfCAnY2hlY2tlZCcgfCAndHlwZScgfCAnc2hvd1RpY2snXG4+XG5cbmNvbnN0IENhcmRTZWxlY3RhYmxlQ2FyZCA9ICh7XG4gIHZhbHVlLFxuICBkaXNhYmxlZCxcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgaXNFcnJvcixcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICB0b29sdGlwLFxuICBpZCxcbiAgbGFiZWwsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBDYXJkU2VsZWN0YWJsZUNhcmRQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChTZWxlY3RhYmxlQ2FyZEdyb3VwQ29udGV4dClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnU2VsZWN0YWJsZUNhcmRHcm91cC5DYXJkIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgU2VsZWN0YWJsZUNhcmRHcm91cCcsXG4gICAgKVxuICB9XG5cbiAgY29uc3QgeyBncm91cE5hbWUsIG9uQ2hhbmdlLCBncm91cFZhbHVlLCB0eXBlLCBzaG93VGljayB9ID0gY29udGV4dFxuXG4gIHJldHVybiAoXG4gICAgPFNlbGVjdGFibGVDYXJkXG4gICAgICBuYW1lPXtncm91cE5hbWV9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBzaG93VGljaz17c2hvd1RpY2t9XG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBpc0Vycm9yPXtpc0Vycm9yfVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgdG9vbHRpcD17dG9vbHRpcH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIGNoZWNrZWQ9e1xuICAgICAgICB0eXBlb2YgZ3JvdXBWYWx1ZSA9PT0gJ29iamVjdCdcbiAgICAgICAgICA/IGdyb3VwVmFsdWUuaW5jbHVkZXModmFsdWUpXG4gICAgICAgICAgOiBncm91cFZhbHVlID09PSB2YWx1ZVxuICAgICAgfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU2VsZWN0YWJsZUNhcmQ+XG4gIClcbn1cblxuY29uc3QgRmllbGRTZXQgPSBzdHlsZWQuZmllbGRzZXRgXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuYFxuXG5jb25zdCBTdHlsZWRSZXF1aXJlZEljb24gPSBzdHlsZWQoSWNvbilgXG4gIHZlcnRpY2FsLWFsaWduOiBzdXBlcjtcbmBcblxudHlwZSBTZWxlY3RhYmxlQ2FyZEdyb3VwUHJvcHMgPSB7XG4gIGxlZ2VuZD86IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nIHwgbnVtYmVyIHwgKHN0cmluZyB8IG51bWJlcilbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIGVycm9yPzogUmVhY3ROb2RlXG4gIGNvbHVtbnM/OiBudW1iZXJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICB0eXBlOiAncmFkaW8nIHwgJ2NoZWNrYm94J1xuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgc2hvd1RpY2s/OiBib29sZWFuXG59ICYgUmVxdWlyZWQ8UGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnb25DaGFuZ2UnIHwgJ25hbWUnPj5cblxuLyoqXG4gKiBTZWxlY3RhYmxlQ2FyZEdyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHVzZXJzIHRvIHNlbGVjdCBjYXJkcyBmcm9tIGEgbGlzdCBvZiBjYXJkcyB1c2luZyBTZWxlY3RhYmxlQ2FyZC5cbiAqL1xuZXhwb3J0IGNvbnN0IFNlbGVjdGFibGVDYXJkR3JvdXAgPSAoe1xuICBsZWdlbmQsXG4gIHZhbHVlLFxuICBjbGFzc05hbWUsXG4gIGhlbHBlcixcbiAgZXJyb3IsXG4gIGNvbHVtbnMgPSAxLFxuICBjaGlsZHJlbixcbiAgb25DaGFuZ2UsXG4gIG5hbWUsXG4gIHJlcXVpcmVkID0gZmFsc2UsXG4gIHR5cGUsXG4gIHNob3dUaWNrID0gZmFsc2UsXG59OiBTZWxlY3RhYmxlQ2FyZEdyb3VwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dFZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgZ3JvdXBOYW1lOiBuYW1lLFxuICAgICAgZ3JvdXBWYWx1ZTogdmFsdWUsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIHJlcXVpcmVkLFxuICAgICAgdHlwZSxcbiAgICAgIHNob3dUaWNrLFxuICAgIH0pLFxuICAgIFtuYW1lLCB2YWx1ZSwgb25DaGFuZ2UsIHJlcXVpcmVkLCB0eXBlLCBzaG93VGlja10sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTZWxlY3RhYmxlQ2FyZEdyb3VwQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8RmllbGRTZXQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICAgIDxTdGFjayBnYXA9ezEuNX0+XG4gICAgICAgICAgICB7bGVnZW5kID8gKFxuICAgICAgICAgICAgICA8VGV4dCBhcz1cImxlZ2VuZFwiIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCI+XG4gICAgICAgICAgICAgICAge2xlZ2VuZCAmJiA8PntsZWdlbmR9ICZuYnNwOzwvPn1cbiAgICAgICAgICAgICAgICB7cmVxdWlyZWQgPyAoXG4gICAgICAgICAgICAgICAgICA8U3R5bGVkUmVxdWlyZWRJY29uIG5hbWU9XCJhc3Rlcmlza1wiIGNvbG9yPVwiZGFuZ2VyXCIgc2l6ZT17OH0gLz5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8Um93IGdhcD17Mn0gdGVtcGxhdGVDb2x1bW5zPXtgcmVwZWF0KCR7Y29sdW1uc30sIG1pbm1heCgwLCAxZnIpKWB9PlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1Jvdz5cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICA8L0ZpZWxkU2V0PlxuICAgICAgICB7aGVscGVyID8gKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2hlbHBlcn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7ZXJyb3IgPyAoXG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImNhcHRpb25cIiBzZW50aW1lbnQ9XCJkYW5nZXJcIj5cbiAgICAgICAgICAgIHtlcnJvcn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L1NlbGVjdGFibGVDYXJkR3JvdXBDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblNlbGVjdGFibGVDYXJkR3JvdXAuQ2FyZCA9IENhcmRTZWxlY3RhYmxlQ2FyZFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledRequiredIcon = /* @__PURE__ */ _styled(Icon, process.env.NODE_ENV === "production" ? {
+  target: "e1cxe6lb0"
+} : {
+  target: "e1cxe6lb0",
+  label: "StyledRequiredIcon"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1nglpc5",
+  styles: "vertical-align:super"
+} : {
+  name: "1nglpc5",
+  styles: "vertical-align:super",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdGFibGVDYXJkR3JvdXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdGdUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VsZWN0YWJsZUNhcmRHcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQge1xuICB0eXBlIENvbXBvbmVudFByb3BzLFxuICB0eXBlIElucHV0SFRNTEF0dHJpYnV0ZXMsXG4gIHR5cGUgUmVhY3ROb2RlLFxuICBjcmVhdGVDb250ZXh0LFxuICB1c2VDb250ZXh0LFxuICB1c2VNZW1vLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFJvdyB9IGZyb20gJy4uL1JvdydcbmltcG9ydCB7IFNlbGVjdGFibGVDYXJkIH0gZnJvbSAnLi4vU2VsZWN0YWJsZUNhcmQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgU2VsZWN0YWJsZUNhcmRHcm91cENvbnRleHRUeXBlID0ge1xuICBncm91cE5hbWU6IHN0cmluZ1xuICBncm91cFZhbHVlOiBzdHJpbmcgfCBudW1iZXIgfCAoc3RyaW5nIHwgbnVtYmVyKVtdXG4gIHR5cGU6ICdyYWRpbycgfCAnY2hlY2tib3gnXG4gIHNob3dUaWNrOiBib29sZWFuXG59ICYgUmVxdWlyZWQ8UGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnb25DaGFuZ2UnPj4gJlxuICBQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdyZXF1aXJlZCc+XG5cbmNvbnN0IFNlbGVjdGFibGVDYXJkR3JvdXBDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxcbiAgU2VsZWN0YWJsZUNhcmRHcm91cENvbnRleHRUeXBlIHwgdW5kZWZpbmVkXG4+KHVuZGVmaW5lZClcblxudHlwZSBDYXJkU2VsZWN0YWJsZUNhcmRQcm9wcyA9IE9taXQ8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBTZWxlY3RhYmxlQ2FyZD4sXG4gICdvbkNoYW5nZScgfCAnY2hlY2tlZCcgfCAndHlwZScgfCAnc2hvd1RpY2snXG4+XG5cbmNvbnN0IENhcmRTZWxlY3RhYmxlQ2FyZCA9ICh7XG4gIHZhbHVlLFxuICBkaXNhYmxlZCxcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgaXNFcnJvcixcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICB0b29sdGlwLFxuICBpZCxcbiAgbGFiZWwsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBDYXJkU2VsZWN0YWJsZUNhcmRQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChTZWxlY3RhYmxlQ2FyZEdyb3VwQ29udGV4dClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnU2VsZWN0YWJsZUNhcmRHcm91cC5DYXJkIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgU2VsZWN0YWJsZUNhcmRHcm91cCcsXG4gICAgKVxuICB9XG5cbiAgY29uc3QgeyBncm91cE5hbWUsIG9uQ2hhbmdlLCBncm91cFZhbHVlLCB0eXBlLCBzaG93VGljayB9ID0gY29udGV4dFxuXG4gIHJldHVybiAoXG4gICAgPFNlbGVjdGFibGVDYXJkXG4gICAgICBuYW1lPXtncm91cE5hbWV9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBzaG93VGljaz17c2hvd1RpY2t9XG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBpc0Vycm9yPXtpc0Vycm9yfVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgdG9vbHRpcD17dG9vbHRpcH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIGNoZWNrZWQ9e1xuICAgICAgICB0eXBlb2YgZ3JvdXBWYWx1ZSA9PT0gJ29iamVjdCdcbiAgICAgICAgICA/IGdyb3VwVmFsdWUuaW5jbHVkZXModmFsdWUpXG4gICAgICAgICAgOiBncm91cFZhbHVlID09PSB2YWx1ZVxuICAgICAgfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU2VsZWN0YWJsZUNhcmQ+XG4gIClcbn1cblxuY29uc3QgRmllbGRTZXQgPSBzdHlsZWQuZmllbGRzZXRgXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuYFxuXG5jb25zdCBTdHlsZWRSZXF1aXJlZEljb24gPSBzdHlsZWQoSWNvbilgXG4gIHZlcnRpY2FsLWFsaWduOiBzdXBlcjtcbmBcblxudHlwZSBTZWxlY3RhYmxlQ2FyZEdyb3VwUHJvcHMgPSB7XG4gIGxlZ2VuZD86IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nIHwgbnVtYmVyIHwgKHN0cmluZyB8IG51bWJlcilbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIGVycm9yPzogUmVhY3ROb2RlXG4gIGNvbHVtbnM/OiBudW1iZXJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICB0eXBlOiAncmFkaW8nIHwgJ2NoZWNrYm94J1xuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgc2hvd1RpY2s/OiBib29sZWFuXG59ICYgUmVxdWlyZWQ8UGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnb25DaGFuZ2UnIHwgJ25hbWUnPj5cblxuLyoqXG4gKiBTZWxlY3RhYmxlQ2FyZEdyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHVzZXJzIHRvIHNlbGVjdCBjYXJkcyBmcm9tIGEgbGlzdCBvZiBjYXJkcyB1c2luZyBTZWxlY3RhYmxlQ2FyZC5cbiAqL1xuZXhwb3J0IGNvbnN0IFNlbGVjdGFibGVDYXJkR3JvdXAgPSAoe1xuICBsZWdlbmQsXG4gIHZhbHVlLFxuICBjbGFzc05hbWUsXG4gIGhlbHBlcixcbiAgZXJyb3IsXG4gIGNvbHVtbnMgPSAxLFxuICBjaGlsZHJlbixcbiAgb25DaGFuZ2UsXG4gIG5hbWUsXG4gIHJlcXVpcmVkID0gZmFsc2UsXG4gIHR5cGUsXG4gIHNob3dUaWNrID0gZmFsc2UsXG59OiBTZWxlY3RhYmxlQ2FyZEdyb3VwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dFZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgZ3JvdXBOYW1lOiBuYW1lLFxuICAgICAgZ3JvdXBWYWx1ZTogdmFsdWUsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIHJlcXVpcmVkLFxuICAgICAgdHlwZSxcbiAgICAgIHNob3dUaWNrLFxuICAgIH0pLFxuICAgIFtuYW1lLCB2YWx1ZSwgb25DaGFuZ2UsIHJlcXVpcmVkLCB0eXBlLCBzaG93VGlja10sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTZWxlY3RhYmxlQ2FyZEdyb3VwQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8RmllbGRTZXQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICAgIDxTdGFjayBnYXA9ezEuNX0+XG4gICAgICAgICAgICB7bGVnZW5kID8gKFxuICAgICAgICAgICAgICA8VGV4dCBhcz1cImxlZ2VuZFwiIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCI+XG4gICAgICAgICAgICAgICAge2xlZ2VuZCAmJiA8PntsZWdlbmR9ICZuYnNwOzwvPn1cbiAgICAgICAgICAgICAgICB7cmVxdWlyZWQgPyAoXG4gICAgICAgICAgICAgICAgICA8U3R5bGVkUmVxdWlyZWRJY29uIG5hbWU9XCJhc3Rlcmlza1wiIGNvbG9yPVwiZGFuZ2VyXCIgc2l6ZT17OH0gLz5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8Um93IGdhcD17Mn0gdGVtcGxhdGVDb2x1bW5zPXtgcmVwZWF0KCR7Y29sdW1uc30sIG1pbm1heCgwLCAxZnIpKWB9PlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1Jvdz5cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICA8L0ZpZWxkU2V0PlxuICAgICAgICB7aGVscGVyID8gKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2hlbHBlcn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7ZXJyb3IgPyAoXG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImNhcHRpb25cIiBzZW50aW1lbnQ9XCJkYW5nZXJcIj5cbiAgICAgICAgICAgIHtlcnJvcn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L1NlbGVjdGFibGVDYXJkR3JvdXBDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblNlbGVjdGFibGVDYXJkR3JvdXAuQ2FyZCA9IENhcmRTZWxlY3RhYmxlQ2FyZFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const SelectableCardGroup = ({
   legend,
   value,
@@ -71,17 +78,14 @@ const SelectableCardGroup = ({
   type,
   showTick = false
 }) => {
-  const contextValue = useMemo(
-    () => ({
-      groupName: name,
-      groupValue: value,
-      onChange,
-      required,
-      type,
-      showTick
-    }),
-    [name, value, onChange, required, type, showTick]
-  );
+  const contextValue = useMemo(() => ({
+    groupName: name,
+    groupValue: value,
+    onChange,
+    required,
+    type,
+    showTick
+  }), [name, value, onChange, required, type, showTick]);
   return /* @__PURE__ */ jsx(SelectableCardGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
     /* @__PURE__ */ jsx(FieldSet, { className, children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
       legend ? /* @__PURE__ */ jsxs(Text, { as: "legend", variant: "bodyStrong", children: [
@@ -93,16 +97,7 @@ const SelectableCardGroup = ({
       ] }) : null,
       /* @__PURE__ */ jsx(Row, { gap: 2, templateColumns: `repeat(${columns}, minmax(0, 1fr))`, children })
     ] }) }),
-    helper ? /* @__PURE__ */ jsx(
-      Text,
-      {
-        as: "span",
-        variant: "caption",
-        prominence: "weak",
-        sentiment: "neutral",
-        children: helper
-      }
-    ) : null,
+    helper ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "caption", prominence: "weak", sentiment: "neutral", children: helper }) : null,
     error ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "caption", sentiment: "danger", children: error }) : null
   ] }) });
 };

package/dist/components/Separator/index.cjs

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const icons = require("@ultraviolet/icons");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledIconWrapper = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["direction"].includes(prop),
+  target: "e1d1zom92"
+} : {
+  shouldForwardProp: (prop) => !["direction"].includes(prop),
+  target: "e1d1zom92",
+  label: "StyledIconWrapper"
+})("display:flex;flex-direction:", ({
+  direction
+}) => direction === "vertical" ? "column" : "row", ";align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlcGFyYXRvci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlcGFyYXRvci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbnR5cGUgRGlyZWN0aW9uID0gJ2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJ1xuXG50eXBlIFN0eWxlZEljb25Qcm9wcyA9IHtcbiAgZGlyZWN0aW9uOiBEaXJlY3Rpb25cbn1cblxuY29uc3QgU3R5bGVkSWNvbldyYXBwZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnZGlyZWN0aW9uJ10uaW5jbHVkZXMocHJvcCksXG59KTxTdHlsZWRJY29uUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogJHsoeyBkaXJlY3Rpb24gfSkgPT5cbiAgICBkaXJlY3Rpb24gPT09ICd2ZXJ0aWNhbCcgPyAnY29sdW1uJyA6ICdyb3cnfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZChJY29uKTx7IGNvbG9yOiBDb2xvciB9PmBcbiAgZmlsbDogJHsoeyBjb2xvciwgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzW2NvbG9yXS5ib3JkZXJXZWFrfTtcbmBcblxudHlwZSBIb3Jpem9udGFsU2VwYXJhdG9yUHJvcHMgPSBTZXBhcmF0b3JQcm9wcyAmIHtcbiAgaGFzSWNvbj86IGJvb2xlYW5cbn1cblxuY29uc3QgU3R5bGVkSHIgPSBzdHlsZWQoJ2hyJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PlxuICAgICFbJ2RpcmVjdGlvbicsICd0aGlja25lc3MnLCAnY29sb3InLCAnaGFzSWNvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8SG9yaXpvbnRhbFNlcGFyYXRvclByb3BzPmBcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIHdpZHRoOiAkeyh7IGRpcmVjdGlvbiwgdGhpY2tuZXNzID0gMSB9KSA9PlxuICAgIGRpcmVjdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IGAke3RoaWNrbmVzc31weGAgOiAnYXV0byd9O1xuICBoZWlnaHQ6ICR7KHsgZGlyZWN0aW9uLCB0aGlja25lc3MgPSAxIH0pID0+XG4gICAgZGlyZWN0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBgJHt0aGlja25lc3N9cHhgIDogJ2F1dG8nfTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGNvbG9yIH0pID0+XG4gICAgdGhlbWUuY29sb3JzW2NvbG9yIGFzIENvbG9yXS5ib3JkZXJXZWFrfTtcbiAgJHsoeyBoYXNJY29uIH0pID0+IGhhc0ljb24gJiYgYGZsZXg6IDE7YH1cbmBcblxudHlwZSBTZXBhcmF0b3JQcm9wcyA9IHtcbiAgaWNvbj86IENvbXBvbmVudFByb3BzPHR5cGVvZiBJY29uPlsnbmFtZSddXG4gIGRpcmVjdGlvbj86IERpcmVjdGlvblxuICB0aGlja25lc3M/OiBudW1iZXJcbiAgY29sb3I/OiBDb2xvclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNlcGFyYXRvciBjb21wb25lbnQgdXNlZCB0byBzZXBhcmF0ZSBjb250ZW50IHdpdGggYSBob3Jpem9udGFsIG9yIHZlcnRpY2FsIGxpbmUuXG4gKi9cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSAoe1xuICBkaXJlY3Rpb24gPSAnaG9yaXpvbnRhbCcsXG4gIHRoaWNrbmVzcyA9IDEsXG4gIGNvbG9yID0gJ25ldXRyYWwnLFxuICBpY29uLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBTZXBhcmF0b3JQcm9wcykgPT5cbiAgaWNvbiA/IChcbiAgICA8U3R5bGVkSWNvbldyYXBwZXJcbiAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgYXJpYS1vcmllbnRhdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgID5cbiAgICAgIDxTdHlsZWRIclxuICAgICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgdGhpY2tuZXNzPXt0aGlja25lc3N9XG4gICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgaGFzSWNvblxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRJY29uIG5hbWU9e2ljb259IHNpemU9ezI0fSBjb2xvcj17Y29sb3J9IC8+XG4gICAgICA8U3R5bGVkSHJcbiAgICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICAgIHRoaWNrbmVzcz17dGhpY2tuZXNzfVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGhhc0ljb25cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRJY29uV3JhcHBlcj5cbiAgKSA6IChcbiAgICA8U3R5bGVkSHJcbiAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgYXJpYS1vcmllbnRhdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICB0aGlja25lc3M9e3RoaWNrbmVzc31cbiAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgLz5cbiAgKVxuIl19 */"));
+const StyledIcon = /* @__PURE__ */ _styled__default.default(icons.Icon, process.env.NODE_ENV === "production" ? {
+  target: "e1d1zom91"
+} : {
+  target: "e1d1zom91",
+  label: "StyledIcon"
+})("fill:", ({
+  color,
+  theme
+}) => theme.colors[color].borderWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlcGFyYXRvci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JpRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TZXBhcmF0b3IvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuXG50eXBlIERpcmVjdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcblxudHlwZSBTdHlsZWRJY29uUHJvcHMgPSB7XG4gIGRpcmVjdGlvbjogRGlyZWN0aW9uXG59XG5cbmNvbnN0IFN0eWxlZEljb25XcmFwcGVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2RpcmVjdGlvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkSWNvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246ICR7KHsgZGlyZWN0aW9uIH0pID0+XG4gICAgZGlyZWN0aW9uID09PSAndmVydGljYWwnID8gJ2NvbHVtbicgOiAncm93J307XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoSWNvbik8eyBjb2xvcjogQ29sb3IgfT5gXG4gIGZpbGw6ICR7KHsgY29sb3IsIHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1tjb2xvcl0uYm9yZGVyV2Vha307XG5gXG5cbnR5cGUgSG9yaXpvbnRhbFNlcGFyYXRvclByb3BzID0gU2VwYXJhdG9yUHJvcHMgJiB7XG4gIGhhc0ljb24/OiBib29sZWFuXG59XG5cbmNvbnN0IFN0eWxlZEhyID0gc3R5bGVkKCdocicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT5cbiAgICAhWydkaXJlY3Rpb24nLCAndGhpY2tuZXNzJywgJ2NvbG9yJywgJ2hhc0ljb24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPEhvcml6b250YWxTZXBhcmF0b3JQcm9wcz5gXG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICB3aWR0aDogJHsoeyBkaXJlY3Rpb24sIHRoaWNrbmVzcyA9IDEgfSkgPT5cbiAgICBkaXJlY3Rpb24gPT09ICd2ZXJ0aWNhbCcgPyBgJHt0aGlja25lc3N9cHhgIDogJ2F1dG8nfTtcbiAgaGVpZ2h0OiAkeyh7IGRpcmVjdGlvbiwgdGhpY2tuZXNzID0gMSB9KSA9PlxuICAgIGRpcmVjdGlvbiA9PT0gJ2hvcml6b250YWwnID8gYCR7dGhpY2tuZXNzfXB4YCA6ICdhdXRvJ307XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBjb2xvciB9KSA9PlxuICAgIHRoZW1lLmNvbG9yc1tjb2xvciBhcyBDb2xvcl0uYm9yZGVyV2Vha307XG4gICR7KHsgaGFzSWNvbiB9KSA9PiBoYXNJY29uICYmIGBmbGV4OiAxO2B9XG5gXG5cbnR5cGUgU2VwYXJhdG9yUHJvcHMgPSB7XG4gIGljb24/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgSWNvbj5bJ25hbWUnXVxuICBkaXJlY3Rpb24/OiBEaXJlY3Rpb25cbiAgdGhpY2tuZXNzPzogbnVtYmVyXG4gIGNvbG9yPzogQ29sb3JcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBTZXBhcmF0b3IgY29tcG9uZW50IHVzZWQgdG8gc2VwYXJhdGUgY29udGVudCB3aXRoIGEgaG9yaXpvbnRhbCBvciB2ZXJ0aWNhbCBsaW5lLlxuICovXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gKHtcbiAgZGlyZWN0aW9uID0gJ2hvcml6b250YWwnLFxuICB0aGlja25lc3MgPSAxLFxuICBjb2xvciA9ICduZXV0cmFsJyxcbiAgaWNvbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU2VwYXJhdG9yUHJvcHMpID0+XG4gIGljb24gPyAoXG4gICAgPFN0eWxlZEljb25XcmFwcGVyXG4gICAgICByb2xlPVwic2VwYXJhdG9yXCJcbiAgICAgIGFyaWEtb3JpZW50YXRpb249e2RpcmVjdGlvbn1cbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8U3R5bGVkSHJcbiAgICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICAgIHRoaWNrbmVzcz17dGhpY2tuZXNzfVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGhhc0ljb25cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkSWNvbiBuYW1lPXtpY29ufSBzaXplPXsyNH0gY29sb3I9e2NvbG9yfSAvPlxuICAgICAgPFN0eWxlZEhyXG4gICAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgICB0aGlja25lc3M9e3RoaWNrbmVzc31cbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICBoYXNJY29uXG4gICAgICAvPlxuICAgIDwvU3R5bGVkSWNvbldyYXBwZXI+XG4gICkgOiAoXG4gICAgPFN0eWxlZEhyXG4gICAgICByb2xlPVwic2VwYXJhdG9yXCJcbiAgICAgIGFyaWEtb3JpZW50YXRpb249e2RpcmVjdGlvbn1cbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgdGhpY2tuZXNzPXt0aGlja25lc3N9XG4gICAgICBjb2xvcj17Y29sb3J9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgIC8+XG4gIClcbiJdfQ== */"));
+const StyledHr = /* @__PURE__ */ _styled__default.default("hr", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["direction", "thickness", "color", "hasIcon"].includes(prop),
+  target: "e1d1zom90"
+} : {
+  shouldForwardProp: (prop) => !["direction", "thickness", "color", "hasIcon"].includes(prop),
+  target: "e1d1zom90",
+  label: "StyledHr"
+})("margin:0;border:0;width:", ({
+  direction,
+  thickness = 1
+}) => direction === "vertical" ? `${thickness}px` : "auto", ";height:", ({
+  direction,
+  thickness = 1
+}) => direction === "horizontal" ? `${thickness}px` : "auto", ";flex-shrink:0;background-color:", ({
+  theme,
+  color
+}) => theme.colors[color].borderWeak, ";", ({
+  hasIcon
+}) => hasIcon && `flex: 1;`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlcGFyYXRvci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0I0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TZXBhcmF0b3IvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuXG50eXBlIERpcmVjdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcblxudHlwZSBTdHlsZWRJY29uUHJvcHMgPSB7XG4gIGRpcmVjdGlvbjogRGlyZWN0aW9uXG59XG5cbmNvbnN0IFN0eWxlZEljb25XcmFwcGVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2RpcmVjdGlvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkSWNvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246ICR7KHsgZGlyZWN0aW9uIH0pID0+XG4gICAgZGlyZWN0aW9uID09PSAndmVydGljYWwnID8gJ2NvbHVtbicgOiAncm93J307XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoSWNvbik8eyBjb2xvcjogQ29sb3IgfT5gXG4gIGZpbGw6ICR7KHsgY29sb3IsIHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1tjb2xvcl0uYm9yZGVyV2Vha307XG5gXG5cbnR5cGUgSG9yaXpvbnRhbFNlcGFyYXRvclByb3BzID0gU2VwYXJhdG9yUHJvcHMgJiB7XG4gIGhhc0ljb24/OiBib29sZWFuXG59XG5cbmNvbnN0IFN0eWxlZEhyID0gc3R5bGVkKCdocicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT5cbiAgICAhWydkaXJlY3Rpb24nLCAndGhpY2tuZXNzJywgJ2NvbG9yJywgJ2hhc0ljb24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPEhvcml6b250YWxTZXBhcmF0b3JQcm9wcz5gXG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICB3aWR0aDogJHsoeyBkaXJlY3Rpb24sIHRoaWNrbmVzcyA9IDEgfSkgPT5cbiAgICBkaXJlY3Rpb24gPT09ICd2ZXJ0aWNhbCcgPyBgJHt0aGlja25lc3N9cHhgIDogJ2F1dG8nfTtcbiAgaGVpZ2h0OiAkeyh7IGRpcmVjdGlvbiwgdGhpY2tuZXNzID0gMSB9KSA9PlxuICAgIGRpcmVjdGlvbiA9PT0gJ2hvcml6b250YWwnID8gYCR7dGhpY2tuZXNzfXB4YCA6ICdhdXRvJ307XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBjb2xvciB9KSA9PlxuICAgIHRoZW1lLmNvbG9yc1tjb2xvciBhcyBDb2xvcl0uYm9yZGVyV2Vha307XG4gICR7KHsgaGFzSWNvbiB9KSA9PiBoYXNJY29uICYmIGBmbGV4OiAxO2B9XG5gXG5cbnR5cGUgU2VwYXJhdG9yUHJvcHMgPSB7XG4gIGljb24/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgSWNvbj5bJ25hbWUnXVxuICBkaXJlY3Rpb24/OiBEaXJlY3Rpb25cbiAgdGhpY2tuZXNzPzogbnVtYmVyXG4gIGNvbG9yPzogQ29sb3JcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBTZXBhcmF0b3IgY29tcG9uZW50IHVzZWQgdG8gc2VwYXJhdGUgY29udGVudCB3aXRoIGEgaG9yaXpvbnRhbCBvciB2ZXJ0aWNhbCBsaW5lLlxuICovXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gKHtcbiAgZGlyZWN0aW9uID0gJ2hvcml6b250YWwnLFxuICB0aGlja25lc3MgPSAxLFxuICBjb2xvciA9ICduZXV0cmFsJyxcbiAgaWNvbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU2VwYXJhdG9yUHJvcHMpID0+XG4gIGljb24gPyAoXG4gICAgPFN0eWxlZEljb25XcmFwcGVyXG4gICAgICByb2xlPVwic2VwYXJhdG9yXCJcbiAgICAgIGFyaWEtb3JpZW50YXRpb249e2RpcmVjdGlvbn1cbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8U3R5bGVkSHJcbiAgICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICAgIHRoaWNrbmVzcz17dGhpY2tuZXNzfVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGhhc0ljb25cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkSWNvbiBuYW1lPXtpY29ufSBzaXplPXsyNH0gY29sb3I9e2NvbG9yfSAvPlxuICAgICAgPFN0eWxlZEhyXG4gICAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgICB0aGlja25lc3M9e3RoaWNrbmVzc31cbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICBoYXNJY29uXG4gICAgICAvPlxuICAgIDwvU3R5bGVkSWNvbldyYXBwZXI+XG4gICkgOiAoXG4gICAgPFN0eWxlZEhyXG4gICAgICByb2xlPVwic2VwYXJhdG9yXCJcbiAgICAgIGFyaWEtb3JpZW50YXRpb249e2RpcmVjdGlvbn1cbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgdGhpY2tuZXNzPXt0aGlja25lc3N9XG4gICAgICBjb2xvcj17Y29sb3J9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgIC8+XG4gIClcbiJdfQ== */"));
+const Separator = ({
+  direction = "horizontal",
+  thickness = 1,
+  color = "neutral",
+  icon,
+  className,
+  "data-testid": dataTestId
+}) => icon ? /* @__PURE__ */ jsxRuntime.jsxs(StyledIconWrapper, { role: "separator", "aria-orientation": direction, direction, className, "data-testid": dataTestId, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(StyledHr, { direction, thickness, color, hasIcon: true }),
+  /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, { name: icon, size: 24, color }),
+  /* @__PURE__ */ jsxRuntime.jsx(StyledHr, { direction, thickness, color, hasIcon: true })
+] }) : /* @__PURE__ */ jsxRuntime.jsx(StyledHr, { role: "separator", "aria-orientation": direction, direction, thickness, color, className, "data-testid": dataTestId });
+exports.Separator = Separator;

package/dist/components/Separator/index.js

@@ -1,27 +1,44 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Icon } from "@ultraviolet/icons";
-const StyledIconWrapper = styled("div", {
-  shouldForwardProp: (prop) => !["direction"].includes(prop)
-})`
-  display: flex;
-  flex-direction: ${({ direction }) => direction === "vertical" ? "column" : "row"};
-  align-items: center;
-`;
-const StyledIcon = styled(Icon)`
-  fill: ${({ color, theme }) => theme.colors[color].borderWeak};
-`;
-const StyledHr = styled("hr", {
-  shouldForwardProp: (prop) => !["direction", "thickness", "color", "hasIcon"].includes(prop)
-})`
-  margin: 0;
-  border: 0;
-  width: ${({ direction, thickness = 1 }) => direction === "vertical" ? `${thickness}px` : "auto"};
-  height: ${({ direction, thickness = 1 }) => direction === "horizontal" ? `${thickness}px` : "auto"};
-  flex-shrink: 0;
-  background-color: ${({ theme, color }) => theme.colors[color].borderWeak};
-  ${({ hasIcon }) => hasIcon && `flex: 1;`}
-`;
+const StyledIconWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["direction"].includes(prop),
+  target: "e1d1zom92"
+} : {
+  shouldForwardProp: (prop) => !["direction"].includes(prop),
+  target: "e1d1zom92",
+  label: "StyledIconWrapper"
+})("display:flex;flex-direction:", ({
+  direction
+}) => direction === "vertical" ? "column" : "row", ";align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlcGFyYXRvci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlcGFyYXRvci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbnR5cGUgRGlyZWN0aW9uID0gJ2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJ1xuXG50eXBlIFN0eWxlZEljb25Qcm9wcyA9IHtcbiAgZGlyZWN0aW9uOiBEaXJlY3Rpb25cbn1cblxuY29uc3QgU3R5bGVkSWNvbldyYXBwZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnZGlyZWN0aW9uJ10uaW5jbHVkZXMocHJvcCksXG59KTxTdHlsZWRJY29uUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogJHsoeyBkaXJlY3Rpb24gfSkgPT5cbiAgICBkaXJlY3Rpb24gPT09ICd2ZXJ0aWNhbCcgPyAnY29sdW1uJyA6ICdyb3cnfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZChJY29uKTx7IGNvbG9yOiBDb2xvciB9PmBcbiAgZmlsbDogJHsoeyBjb2xvciwgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzW2NvbG9yXS5ib3JkZXJXZWFrfTtcbmBcblxudHlwZSBIb3Jpem9udGFsU2VwYXJhdG9yUHJvcHMgPSBTZXBhcmF0b3JQcm9wcyAmIHtcbiAgaGFzSWNvbj86IGJvb2xlYW5cbn1cblxuY29uc3QgU3R5bGVkSHIgPSBzdHlsZWQoJ2hyJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PlxuICAgICFbJ2RpcmVjdGlvbicsICd0aGlja25lc3MnLCAnY29sb3InLCAnaGFzSWNvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8SG9yaXpvbnRhbFNlcGFyYXRvclByb3BzPmBcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIHdpZHRoOiAkeyh7IGRpcmVjdGlvbiwgdGhpY2tuZXNzID0gMSB9KSA9PlxuICAgIGRpcmVjdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IGAke3RoaWNrbmVzc31weGAgOiAnYXV0byd9O1xuICBoZWlnaHQ6ICR7KHsgZGlyZWN0aW9uLCB0aGlja25lc3MgPSAxIH0pID0+XG4gICAgZGlyZWN0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBgJHt0aGlja25lc3N9cHhgIDogJ2F1dG8nfTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGNvbG9yIH0pID0+XG4gICAgdGhlbWUuY29sb3JzW2NvbG9yIGFzIENvbG9yXS5ib3JkZXJXZWFrfTtcbiAgJHsoeyBoYXNJY29uIH0pID0+IGhhc0ljb24gJiYgYGZsZXg6IDE7YH1cbmBcblxudHlwZSBTZXBhcmF0b3JQcm9wcyA9IHtcbiAgaWNvbj86IENvbXBvbmVudFByb3BzPHR5cGVvZiBJY29uPlsnbmFtZSddXG4gIGRpcmVjdGlvbj86IERpcmVjdGlvblxuICB0aGlja25lc3M/OiBudW1iZXJcbiAgY29sb3I/OiBDb2xvclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNlcGFyYXRvciBjb21wb25lbnQgdXNlZCB0byBzZXBhcmF0ZSBjb250ZW50IHdpdGggYSBob3Jpem9udGFsIG9yIHZlcnRpY2FsIGxpbmUuXG4gKi9cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSAoe1xuICBkaXJlY3Rpb24gPSAnaG9yaXpvbnRhbCcsXG4gIHRoaWNrbmVzcyA9IDEsXG4gIGNvbG9yID0gJ25ldXRyYWwnLFxuICBpY29uLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBTZXBhcmF0b3JQcm9wcykgPT5cbiAgaWNvbiA/IChcbiAgICA8U3R5bGVkSWNvbldyYXBwZXJcbiAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgYXJpYS1vcmllbnRhdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgID5cbiAgICAgIDxTdHlsZWRIclxuICAgICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgdGhpY2tuZXNzPXt0aGlja25lc3N9XG4gICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgaGFzSWNvblxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRJY29uIG5hbWU9e2ljb259IHNpemU9ezI0fSBjb2xvcj17Y29sb3J9IC8+XG4gICAgICA8U3R5bGVkSHJcbiAgICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICAgIHRoaWNrbmVzcz17dGhpY2tuZXNzfVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGhhc0ljb25cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRJY29uV3JhcHBlcj5cbiAgKSA6IChcbiAgICA8U3R5bGVkSHJcbiAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgYXJpYS1vcmllbnRhdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICB0aGlja25lc3M9e3RoaWNrbmVzc31cbiAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgLz5cbiAgKVxuIl19 */"));
+const StyledIcon = /* @__PURE__ */ _styled(Icon, process.env.NODE_ENV === "production" ? {
+  target: "e1d1zom91"
+} : {
+  target: "e1d1zom91",
+  label: "StyledIcon"
+})("fill:", ({
+  color,
+  theme
+}) => theme.colors[color].borderWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlcGFyYXRvci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JpRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TZXBhcmF0b3IvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuXG50eXBlIERpcmVjdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcblxudHlwZSBTdHlsZWRJY29uUHJvcHMgPSB7XG4gIGRpcmVjdGlvbjogRGlyZWN0aW9uXG59XG5cbmNvbnN0IFN0eWxlZEljb25XcmFwcGVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2RpcmVjdGlvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkSWNvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246ICR7KHsgZGlyZWN0aW9uIH0pID0+XG4gICAgZGlyZWN0aW9uID09PSAndmVydGljYWwnID8gJ2NvbHVtbicgOiAncm93J307XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoSWNvbik8eyBjb2xvcjogQ29sb3IgfT5gXG4gIGZpbGw6ICR7KHsgY29sb3IsIHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1tjb2xvcl0uYm9yZGVyV2Vha307XG5gXG5cbnR5cGUgSG9yaXpvbnRhbFNlcGFyYXRvclByb3BzID0gU2VwYXJhdG9yUHJvcHMgJiB7XG4gIGhhc0ljb24/OiBib29sZWFuXG59XG5cbmNvbnN0IFN0eWxlZEhyID0gc3R5bGVkKCdocicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT5cbiAgICAhWydkaXJlY3Rpb24nLCAndGhpY2tuZXNzJywgJ2NvbG9yJywgJ2hhc0ljb24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPEhvcml6b250YWxTZXBhcmF0b3JQcm9wcz5gXG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICB3aWR0aDogJHsoeyBkaXJlY3Rpb24sIHRoaWNrbmVzcyA9IDEgfSkgPT5cbiAgICBkaXJlY3Rpb24gPT09ICd2ZXJ0aWNhbCcgPyBgJHt0aGlja25lc3N9cHhgIDogJ2F1dG8nfTtcbiAgaGVpZ2h0OiAkeyh7IGRpcmVjdGlvbiwgdGhpY2tuZXNzID0gMSB9KSA9PlxuICAgIGRpcmVjdGlvbiA9PT0gJ2hvcml6b250YWwnID8gYCR7dGhpY2tuZXNzfXB4YCA6ICdhdXRvJ307XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBjb2xvciB9KSA9PlxuICAgIHRoZW1lLmNvbG9yc1tjb2xvciBhcyBDb2xvcl0uYm9yZGVyV2Vha307XG4gICR7KHsgaGFzSWNvbiB9KSA9PiBoYXNJY29uICYmIGBmbGV4OiAxO2B9XG5gXG5cbnR5cGUgU2VwYXJhdG9yUHJvcHMgPSB7XG4gIGljb24/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgSWNvbj5bJ25hbWUnXVxuICBkaXJlY3Rpb24/OiBEaXJlY3Rpb25cbiAgdGhpY2tuZXNzPzogbnVtYmVyXG4gIGNvbG9yPzogQ29sb3JcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBTZXBhcmF0b3IgY29tcG9uZW50IHVzZWQgdG8gc2VwYXJhdGUgY29udGVudCB3aXRoIGEgaG9yaXpvbnRhbCBvciB2ZXJ0aWNhbCBsaW5lLlxuICovXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gKHtcbiAgZGlyZWN0aW9uID0gJ2hvcml6b250YWwnLFxuICB0aGlja25lc3MgPSAxLFxuICBjb2xvciA9ICduZXV0cmFsJyxcbiAgaWNvbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU2VwYXJhdG9yUHJvcHMpID0+XG4gIGljb24gPyAoXG4gICAgPFN0eWxlZEljb25XcmFwcGVyXG4gICAgICByb2xlPVwic2VwYXJhdG9yXCJcbiAgICAgIGFyaWEtb3JpZW50YXRpb249e2RpcmVjdGlvbn1cbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8U3R5bGVkSHJcbiAgICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICAgIHRoaWNrbmVzcz17dGhpY2tuZXNzfVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGhhc0ljb25cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkSWNvbiBuYW1lPXtpY29ufSBzaXplPXsyNH0gY29sb3I9e2NvbG9yfSAvPlxuICAgICAgPFN0eWxlZEhyXG4gICAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgICB0aGlja25lc3M9e3RoaWNrbmVzc31cbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICBoYXNJY29uXG4gICAgICAvPlxuICAgIDwvU3R5bGVkSWNvbldyYXBwZXI+XG4gICkgOiAoXG4gICAgPFN0eWxlZEhyXG4gICAgICByb2xlPVwic2VwYXJhdG9yXCJcbiAgICAgIGFyaWEtb3JpZW50YXRpb249e2RpcmVjdGlvbn1cbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgdGhpY2tuZXNzPXt0aGlja25lc3N9XG4gICAgICBjb2xvcj17Y29sb3J9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgIC8+XG4gIClcbiJdfQ== */"));
+const StyledHr = /* @__PURE__ */ _styled("hr", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["direction", "thickness", "color", "hasIcon"].includes(prop),
+  target: "e1d1zom90"
+} : {
+  shouldForwardProp: (prop) => !["direction", "thickness", "color", "hasIcon"].includes(prop),
+  target: "e1d1zom90",
+  label: "StyledHr"
+})("margin:0;border:0;width:", ({
+  direction,
+  thickness = 1
+}) => direction === "vertical" ? `${thickness}px` : "auto", ";height:", ({
+  direction,
+  thickness = 1
+}) => direction === "horizontal" ? `${thickness}px` : "auto", ";flex-shrink:0;background-color:", ({
+  theme,
+  color
+}) => theme.colors[color].borderWeak, ";", ({
+  hasIcon
+}) => hasIcon && `flex: 1;`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlcGFyYXRvci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0I0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TZXBhcmF0b3IvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuXG50eXBlIERpcmVjdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcblxudHlwZSBTdHlsZWRJY29uUHJvcHMgPSB7XG4gIGRpcmVjdGlvbjogRGlyZWN0aW9uXG59XG5cbmNvbnN0IFN0eWxlZEljb25XcmFwcGVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2RpcmVjdGlvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkSWNvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246ICR7KHsgZGlyZWN0aW9uIH0pID0+XG4gICAgZGlyZWN0aW9uID09PSAndmVydGljYWwnID8gJ2NvbHVtbicgOiAncm93J307XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoSWNvbik8eyBjb2xvcjogQ29sb3IgfT5gXG4gIGZpbGw6ICR7KHsgY29sb3IsIHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1tjb2xvcl0uYm9yZGVyV2Vha307XG5gXG5cbnR5cGUgSG9yaXpvbnRhbFNlcGFyYXRvclByb3BzID0gU2VwYXJhdG9yUHJvcHMgJiB7XG4gIGhhc0ljb24/OiBib29sZWFuXG59XG5cbmNvbnN0IFN0eWxlZEhyID0gc3R5bGVkKCdocicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT5cbiAgICAhWydkaXJlY3Rpb24nLCAndGhpY2tuZXNzJywgJ2NvbG9yJywgJ2hhc0ljb24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPEhvcml6b250YWxTZXBhcmF0b3JQcm9wcz5gXG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICB3aWR0aDogJHsoeyBkaXJlY3Rpb24sIHRoaWNrbmVzcyA9IDEgfSkgPT5cbiAgICBkaXJlY3Rpb24gPT09ICd2ZXJ0aWNhbCcgPyBgJHt0aGlja25lc3N9cHhgIDogJ2F1dG8nfTtcbiAgaGVpZ2h0OiAkeyh7IGRpcmVjdGlvbiwgdGhpY2tuZXNzID0gMSB9KSA9PlxuICAgIGRpcmVjdGlvbiA9PT0gJ2hvcml6b250YWwnID8gYCR7dGhpY2tuZXNzfXB4YCA6ICdhdXRvJ307XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBjb2xvciB9KSA9PlxuICAgIHRoZW1lLmNvbG9yc1tjb2xvciBhcyBDb2xvcl0uYm9yZGVyV2Vha307XG4gICR7KHsgaGFzSWNvbiB9KSA9PiBoYXNJY29uICYmIGBmbGV4OiAxO2B9XG5gXG5cbnR5cGUgU2VwYXJhdG9yUHJvcHMgPSB7XG4gIGljb24/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgSWNvbj5bJ25hbWUnXVxuICBkaXJlY3Rpb24/OiBEaXJlY3Rpb25cbiAgdGhpY2tuZXNzPzogbnVtYmVyXG4gIGNvbG9yPzogQ29sb3JcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBTZXBhcmF0b3IgY29tcG9uZW50IHVzZWQgdG8gc2VwYXJhdGUgY29udGVudCB3aXRoIGEgaG9yaXpvbnRhbCBvciB2ZXJ0aWNhbCBsaW5lLlxuICovXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gKHtcbiAgZGlyZWN0aW9uID0gJ2hvcml6b250YWwnLFxuICB0aGlja25lc3MgPSAxLFxuICBjb2xvciA9ICduZXV0cmFsJyxcbiAgaWNvbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU2VwYXJhdG9yUHJvcHMpID0+XG4gIGljb24gPyAoXG4gICAgPFN0eWxlZEljb25XcmFwcGVyXG4gICAgICByb2xlPVwic2VwYXJhdG9yXCJcbiAgICAgIGFyaWEtb3JpZW50YXRpb249e2RpcmVjdGlvbn1cbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8U3R5bGVkSHJcbiAgICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICAgIHRoaWNrbmVzcz17dGhpY2tuZXNzfVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGhhc0ljb25cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkSWNvbiBuYW1lPXtpY29ufSBzaXplPXsyNH0gY29sb3I9e2NvbG9yfSAvPlxuICAgICAgPFN0eWxlZEhyXG4gICAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgICB0aGlja25lc3M9e3RoaWNrbmVzc31cbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICBoYXNJY29uXG4gICAgICAvPlxuICAgIDwvU3R5bGVkSWNvbldyYXBwZXI+XG4gICkgOiAoXG4gICAgPFN0eWxlZEhyXG4gICAgICByb2xlPVwic2VwYXJhdG9yXCJcbiAgICAgIGFyaWEtb3JpZW50YXRpb249e2RpcmVjdGlvbn1cbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgdGhpY2tuZXNzPXt0aGlja25lc3N9XG4gICAgICBjb2xvcj17Y29sb3J9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgIC8+XG4gIClcbiJdfQ== */"));
 const Separator = ({
   direction = "horizontal",
   thickness = 1,
@@ -29,48 +46,11 @@ const Separator = ({
   icon,
   className,
   "data-testid": dataTestId
-}) => icon ? /* @__PURE__ */ jsxs(
-  StyledIconWrapper,
-  {
-    role: "separator",
-    "aria-orientation": direction,
-    direction,
-    className,
-    "data-testid": dataTestId,
-    children: [
-      /* @__PURE__ */ jsx(
-        StyledHr,
-        {
-          direction,
-          thickness,
-          color,
-          hasIcon: true
-        }
-      ),
-      /* @__PURE__ */ jsx(StyledIcon, { name: icon, size: 24, color }),
-      /* @__PURE__ */ jsx(
-        StyledHr,
-        {
-          direction,
-          thickness,
-          color,
-          hasIcon: true
-        }
-      )
-    ]
-  }
-) : /* @__PURE__ */ jsx(
-  StyledHr,
-  {
-    role: "separator",
-    "aria-orientation": direction,
-    direction,
-    thickness,
-    color,
-    className,
-    "data-testid": dataTestId
-  }
-);
+}) => icon ? /* @__PURE__ */ jsxs(StyledIconWrapper, { role: "separator", "aria-orientation": direction, direction, className, "data-testid": dataTestId, children: [
+  /* @__PURE__ */ jsx(StyledHr, { direction, thickness, color, hasIcon: true }),
+  /* @__PURE__ */ jsx(StyledIcon, { name: icon, size: 24, color }),
+  /* @__PURE__ */ jsx(StyledHr, { direction, thickness, color, hasIcon: true })
+] }) : /* @__PURE__ */ jsx(StyledHr, { role: "separator", "aria-orientation": direction, direction, thickness, color, className, "data-testid": dataTestId });
 export {
   Separator
 };

package/dist/components/Skeleton/Block.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const IconSkeleton = require("./IconSkeleton.cjs");
+const Line = require("./Line.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledLine = /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? {
+  target: "ez87ex11"
+} : {
+  target: "ez87ex11",
+  label: "StyledLine"
+})("display:flex;align-items:center;padding:", ({
+  theme
+}) => `${theme.space["3"]} ${theme.space["2"]}`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2NrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvblNrZWxldG9uIH0gZnJvbSAnLi9JY29uU2tlbGV0b24nXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWyczJ119ICR7dGhlbWUuc3BhY2VbJzInXX1gfTtcbmBcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bGBcbiAgbWluLWhlaWdodDogMjAwcHg7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIG1hcmdpbjogMDtcblxuICA+ICR7U3R5bGVkTGluZX06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQmxvY2sgPSAoeyBsZW5ndGggPSAzIH06IHsgbGVuZ3RoPzogbnVtYmVyIH0pID0+IChcbiAgPFN0eWxlZExpc3Q+XG4gICAge0FycmF5LmZyb20oeyBsZW5ndGggfSwgKF8sIGkpID0+IChcbiAgICAgIDxGcmFnbWVudCBrZXk9e2Bza2VsZXRvbi1ibG9jay0ke2l9YH0+XG4gICAgICAgIDxTdHlsZWRMaW5lPlxuICAgICAgICAgIDxJY29uU2tlbGV0b24gLz5cbiAgICAgICAgICA8TGluZSAvPlxuICAgICAgICA8L1N0eWxlZExpbmU+XG4gICAgICA8L0ZyYWdtZW50PlxuICAgICkpfVxuICA8L1N0eWxlZExpc3Q+XG4pXG4iXX0= */"));
+const StyledList = /* @__PURE__ */ _styled__default.default("ul", process.env.NODE_ENV === "production" ? {
+  target: "ez87ex10"
+} : {
+  target: "ez87ex10",
+  label: "StyledList"
+})("min-height:200px;width:100%;height:100%;padding:", ({
+  theme
+}) => theme.space["2"], ";border:1px solid ", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";margin:0;>", StyledLine, ":not(:last-child){border-bottom:1px solid ", ({
+  theme
+}) => theme.colors.neutral.border, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2NrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvblNrZWxldG9uIH0gZnJvbSAnLi9JY29uU2tlbGV0b24nXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWyczJ119ICR7dGhlbWUuc3BhY2VbJzInXX1gfTtcbmBcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bGBcbiAgbWluLWhlaWdodDogMjAwcHg7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIG1hcmdpbjogMDtcblxuICA+ICR7U3R5bGVkTGluZX06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQmxvY2sgPSAoeyBsZW5ndGggPSAzIH06IHsgbGVuZ3RoPzogbnVtYmVyIH0pID0+IChcbiAgPFN0eWxlZExpc3Q+XG4gICAge0FycmF5LmZyb20oeyBsZW5ndGggfSwgKF8sIGkpID0+IChcbiAgICAgIDxGcmFnbWVudCBrZXk9e2Bza2VsZXRvbi1ibG9jay0ke2l9YH0+XG4gICAgICAgIDxTdHlsZWRMaW5lPlxuICAgICAgICAgIDxJY29uU2tlbGV0b24gLz5cbiAgICAgICAgICA8TGluZSAvPlxuICAgICAgICA8L1N0eWxlZExpbmU+XG4gICAgICA8L0ZyYWdtZW50PlxuICAgICkpfVxuICA8L1N0eWxlZExpc3Q+XG4pXG4iXX0= */"));
+const Block = ({
+  length = 3
+}) => /* @__PURE__ */ jsxRuntime.jsx(StyledList, { children: Array.from({
+  length
+}, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(StyledLine, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(IconSkeleton.IconSkeleton, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(Line.Line, {})
+] }) }, `skeleton-block-${i}`)) });
+exports.Block = Block;

package/dist/components/Skeleton/Block.js

@@ -1,27 +1,35 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Fragment } from "react";
 import { IconSkeleton } from "./IconSkeleton.js";
 import { Line } from "./Line.js";
-const StyledLine = styled.li`
-  display: flex;
-  align-items: center;
-  padding: ${({ theme }) => `${theme.space["3"]} ${theme.space["2"]}`};
-`;
-const StyledList = styled.ul`
-  min-height: 200px;
-  width: 100%;
-  height: 100%;
-  padding: ${({ theme }) => theme.space["2"]};
-  border: 1px solid ${({ theme }) => theme.colors.neutral.borderWeak};
-  border-radius: ${({ theme }) => theme.radii.default};
-  margin: 0;
-
-  > ${StyledLine}:not(:last-child) {
-    border-bottom: 1px solid ${({ theme }) => theme.colors.neutral.border};
-  }
-`;
-const Block = ({ length = 3 }) => /* @__PURE__ */ jsx(StyledList, { children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(StyledLine, { children: [
+const StyledLine = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
+  target: "ez87ex11"
+} : {
+  target: "ez87ex11",
+  label: "StyledLine"
+})("display:flex;align-items:center;padding:", ({
+  theme
+}) => `${theme.space["3"]} ${theme.space["2"]}`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2NrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvblNrZWxldG9uIH0gZnJvbSAnLi9JY29uU2tlbGV0b24nXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWyczJ119ICR7dGhlbWUuc3BhY2VbJzInXX1gfTtcbmBcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bGBcbiAgbWluLWhlaWdodDogMjAwcHg7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIG1hcmdpbjogMDtcblxuICA+ICR7U3R5bGVkTGluZX06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQmxvY2sgPSAoeyBsZW5ndGggPSAzIH06IHsgbGVuZ3RoPzogbnVtYmVyIH0pID0+IChcbiAgPFN0eWxlZExpc3Q+XG4gICAge0FycmF5LmZyb20oeyBsZW5ndGggfSwgKF8sIGkpID0+IChcbiAgICAgIDxGcmFnbWVudCBrZXk9e2Bza2VsZXRvbi1ibG9jay0ke2l9YH0+XG4gICAgICAgIDxTdHlsZWRMaW5lPlxuICAgICAgICAgIDxJY29uU2tlbGV0b24gLz5cbiAgICAgICAgICA8TGluZSAvPlxuICAgICAgICA8L1N0eWxlZExpbmU+XG4gICAgICA8L0ZyYWdtZW50PlxuICAgICkpfVxuICA8L1N0eWxlZExpc3Q+XG4pXG4iXX0= */"));
+const StyledList = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
+  target: "ez87ex10"
+} : {
+  target: "ez87ex10",
+  label: "StyledList"
+})("min-height:200px;width:100%;height:100%;padding:", ({
+  theme
+}) => theme.space["2"], ";border:1px solid ", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";margin:0;>", StyledLine, ":not(:last-child){border-bottom:1px solid ", ({
+  theme
+}) => theme.colors.neutral.border, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2NrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGcmFnbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvblNrZWxldG9uIH0gZnJvbSAnLi9JY29uU2tlbGV0b24nXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWyczJ119ICR7dGhlbWUuc3BhY2VbJzInXX1gfTtcbmBcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bGBcbiAgbWluLWhlaWdodDogMjAwcHg7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIG1hcmdpbjogMDtcblxuICA+ICR7U3R5bGVkTGluZX06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQmxvY2sgPSAoeyBsZW5ndGggPSAzIH06IHsgbGVuZ3RoPzogbnVtYmVyIH0pID0+IChcbiAgPFN0eWxlZExpc3Q+XG4gICAge0FycmF5LmZyb20oeyBsZW5ndGggfSwgKF8sIGkpID0+IChcbiAgICAgIDxGcmFnbWVudCBrZXk9e2Bza2VsZXRvbi1ibG9jay0ke2l9YH0+XG4gICAgICAgIDxTdHlsZWRMaW5lPlxuICAgICAgICAgIDxJY29uU2tlbGV0b24gLz5cbiAgICAgICAgICA8TGluZSAvPlxuICAgICAgICA8L1N0eWxlZExpbmU+XG4gICAgICA8L0ZyYWdtZW50PlxuICAgICkpfVxuICA8L1N0eWxlZExpc3Q+XG4pXG4iXX0= */"));
+const Block = ({
+  length = 3
+}) => /* @__PURE__ */ jsx(StyledList, { children: Array.from({
+  length
+}, (_, i) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(StyledLine, { children: [
   /* @__PURE__ */ jsx(IconSkeleton, {}),
   /* @__PURE__ */ jsx(Line, {})
 ] }) }, `skeleton-block-${i}`)) });

package/dist/components/Skeleton/Blocks.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const IconSkeleton = require("./IconSkeleton.cjs");
+const Line = require("./Line.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "esrnljb1"
+} : {
+  target: "esrnljb1",
+  label: "StyledContainer"
+})("display:grid;grid-template-columns:repeat(", ({
+  col
+}) => col, ", 1fr);gap:", ({
+  theme
+}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2Nrcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW1EIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2Nrcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb25Ta2VsZXRvbiB9IGZyb20gJy4vSWNvblNrZWxldG9uJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGNvbDogbnVtYmVyIH0+YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgkeyh7IGNvbCB9KSA9PiBjb2x9LCAxZnIpO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IEJsb2NrID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc3BhY2VbJzEnXX0gJHt0aGVtZS5zcGFjZVsnMiddfWB9O1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG5leHBvcnQgY29uc3QgQmxvY2tzID0gKHtcbiAgY29sID0gNCxcbiAgbGVuZ3RoID0gOCxcbn06IHtcbiAgY29sPzogbnVtYmVyXG4gIGxlbmd0aD86IG51bWJlclxufSkgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIGNvbD17Y29sfT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aCB9LCAoXywgaSkgPT4gKFxuICAgICAgPEJsb2NrIGtleT17YHNrZWxldG9uLWJsb2Nrcy0ke2l9YH0+XG4gICAgICAgIDxJY29uU2tlbGV0b24gLz5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvQmxvY2s+XG4gICAgKSl9XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKVxuIl19 */"));
+const Block = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "esrnljb0"
+} : {
+  target: "esrnljb0",
+  label: "Block"
+})("width:100%;display:flex;align-items:center;padding:", ({
+  theme
+}) => `${theme.space["1"]} ${theme.space["2"]}`, ";border:1px solid ", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2Nrcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2Nrcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb25Ta2VsZXRvbiB9IGZyb20gJy4vSWNvblNrZWxldG9uJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGNvbDogbnVtYmVyIH0+YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgkeyh7IGNvbCB9KSA9PiBjb2x9LCAxZnIpO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IEJsb2NrID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc3BhY2VbJzEnXX0gJHt0aGVtZS5zcGFjZVsnMiddfWB9O1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG5leHBvcnQgY29uc3QgQmxvY2tzID0gKHtcbiAgY29sID0gNCxcbiAgbGVuZ3RoID0gOCxcbn06IHtcbiAgY29sPzogbnVtYmVyXG4gIGxlbmd0aD86IG51bWJlclxufSkgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIGNvbD17Y29sfT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aCB9LCAoXywgaSkgPT4gKFxuICAgICAgPEJsb2NrIGtleT17YHNrZWxldG9uLWJsb2Nrcy0ke2l9YH0+XG4gICAgICAgIDxJY29uU2tlbGV0b24gLz5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvQmxvY2s+XG4gICAgKSl9XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKVxuIl19 */"));
+const Blocks = ({
+  col = 4,
+  length = 8
+}) => /* @__PURE__ */ jsxRuntime.jsx(StyledContainer, { col, children: Array.from({
+  length
+}, (_, i) => /* @__PURE__ */ jsxRuntime.jsxs(Block, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(IconSkeleton.IconSkeleton, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(Line.Line, {})
+] }, `skeleton-blocks-${i}`)) });
+exports.Blocks = Blocks;

package/dist/components/Skeleton/Blocks.js

@@ -1,25 +1,35 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { IconSkeleton } from "./IconSkeleton.js";
 import { Line } from "./Line.js";
-const StyledContainer = styled.div`
-  display: grid;
-  grid-template-columns: repeat(${({ col }) => col}, 1fr);
-  gap: ${({ theme }) => theme.space["2"]};
-`;
-const Block = styled.div`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  padding: ${({ theme }) => `${theme.space["1"]} ${theme.space["2"]}`};
-  border: 1px solid ${({ theme }) => theme.colors.neutral.borderWeak};
-  border-radius: ${({ theme }) => theme.radii.default};
-  overflow: hidden;
-`;
+const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "esrnljb1"
+} : {
+  target: "esrnljb1",
+  label: "StyledContainer"
+})("display:grid;grid-template-columns:repeat(", ({
+  col
+}) => col, ", 1fr);gap:", ({
+  theme
+}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2Nrcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW1EIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2Nrcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb25Ta2VsZXRvbiB9IGZyb20gJy4vSWNvblNrZWxldG9uJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGNvbDogbnVtYmVyIH0+YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgkeyh7IGNvbCB9KSA9PiBjb2x9LCAxZnIpO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IEJsb2NrID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc3BhY2VbJzEnXX0gJHt0aGVtZS5zcGFjZVsnMiddfWB9O1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG5leHBvcnQgY29uc3QgQmxvY2tzID0gKHtcbiAgY29sID0gNCxcbiAgbGVuZ3RoID0gOCxcbn06IHtcbiAgY29sPzogbnVtYmVyXG4gIGxlbmd0aD86IG51bWJlclxufSkgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIGNvbD17Y29sfT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aCB9LCAoXywgaSkgPT4gKFxuICAgICAgPEJsb2NrIGtleT17YHNrZWxldG9uLWJsb2Nrcy0ke2l9YH0+XG4gICAgICAgIDxJY29uU2tlbGV0b24gLz5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvQmxvY2s+XG4gICAgKSl9XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKVxuIl19 */"));
+const Block = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "esrnljb0"
+} : {
+  target: "esrnljb0",
+  label: "Block"
+})("width:100%;display:flex;align-items:center;padding:", ({
+  theme
+}) => `${theme.space["1"]} ${theme.space["2"]}`, ";border:1px solid ", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2Nrcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0Jsb2Nrcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb25Ta2VsZXRvbiB9IGZyb20gJy4vSWNvblNrZWxldG9uJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGNvbDogbnVtYmVyIH0+YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgkeyh7IGNvbCB9KSA9PiBjb2x9LCAxZnIpO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IEJsb2NrID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc3BhY2VbJzEnXX0gJHt0aGVtZS5zcGFjZVsnMiddfWB9O1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG5leHBvcnQgY29uc3QgQmxvY2tzID0gKHtcbiAgY29sID0gNCxcbiAgbGVuZ3RoID0gOCxcbn06IHtcbiAgY29sPzogbnVtYmVyXG4gIGxlbmd0aD86IG51bWJlclxufSkgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIGNvbD17Y29sfT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aCB9LCAoXywgaSkgPT4gKFxuICAgICAgPEJsb2NrIGtleT17YHNrZWxldG9uLWJsb2Nrcy0ke2l9YH0+XG4gICAgICAgIDxJY29uU2tlbGV0b24gLz5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvQmxvY2s+XG4gICAgKSl9XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKVxuIl19 */"));
 const Blocks = ({
   col = 4,
   length = 8
-}) => /* @__PURE__ */ jsx(StyledContainer, { col, children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsxs(Block, { children: [
+}) => /* @__PURE__ */ jsx(StyledContainer, { col, children: Array.from({
+  length
+}, (_, i) => /* @__PURE__ */ jsxs(Block, { children: [
   /* @__PURE__ */ jsx(IconSkeleton, {}),
   /* @__PURE__ */ jsx(Line, {})
 ] }, `skeleton-blocks-${i}`)) });