@ultraviolet/ui 1.51.2 → 1.51.3

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

package/dist/components/Skeleton/BoxWithIcon.js

@@ -1,26 +1,33 @@
 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`
-  height: 130px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-evenly;
-  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: "e18cng8b1"
+} : {
+  target: "e18cng8b1",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0JveFdpdGhJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJbUQiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vQm94V2l0aEljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uU2tlbGV0b24gfSBmcm9tICcuL0ljb25Ta2VsZXRvbidcbmltcG9ydCB7IExpbmUgfSBmcm9tICcuL0xpbmUnXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBjb2w6IG51bWJlciB9PmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoJHsoeyBjb2wgfSkgPT4gY29sfSwgMWZyKTtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuYFxuXG5jb25zdCBCbG9jayA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTMwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtZXZlbmx5O1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG5leHBvcnQgY29uc3QgQm94V2l0aEljb24gPSAoe1xuICBjb2wgPSA0LFxuICBsZW5ndGggPSA4LFxufToge1xuICBjb2w/OiBudW1iZXJcbiAgbGVuZ3RoPzogbnVtYmVyXG59KSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXIgY29sPXtjb2x9PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8QmxvY2sga2V5PXtgc2tlbGV0b24tYm94LSR7aX1gfT5cbiAgICAgICAgPEljb25Ta2VsZXRvbiAvPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9CbG9jaz5cbiAgICApKX1cbiAgPC9TdHlsZWRDb250YWluZXI+XG4pXG4iXX0= */"));
+const Block = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e18cng8b0"
+} : {
+  target: "e18cng8b0",
+  label: "Block"
+})("height:130px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0JveFdpdGhJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVd0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vQm94V2l0aEljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uU2tlbGV0b24gfSBmcm9tICcuL0ljb25Ta2VsZXRvbidcbmltcG9ydCB7IExpbmUgfSBmcm9tICcuL0xpbmUnXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBjb2w6IG51bWJlciB9PmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoJHsoeyBjb2wgfSkgPT4gY29sfSwgMWZyKTtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuYFxuXG5jb25zdCBCbG9jayA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTMwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtZXZlbmx5O1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG5leHBvcnQgY29uc3QgQm94V2l0aEljb24gPSAoe1xuICBjb2wgPSA0LFxuICBsZW5ndGggPSA4LFxufToge1xuICBjb2w/OiBudW1iZXJcbiAgbGVuZ3RoPzogbnVtYmVyXG59KSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXIgY29sPXtjb2x9PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8QmxvY2sga2V5PXtgc2tlbGV0b24tYm94LSR7aX1gfT5cbiAgICAgICAgPEljb25Ta2VsZXRvbiAvPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9CbG9jaz5cbiAgICApKX1cbiAgPC9TdHlsZWRDb250YWluZXI+XG4pXG4iXX0= */"));
 const BoxWithIcon = ({
   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-box-${i}`)) });

package/dist/components/Skeleton/Donut.js

@@ -1,27 +1,52 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Line } from "./Line.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 CIRCLE_SIZE = 206;
-const StyledContainer = styled.div`
-  display: flex;
-`;
-const StyledSVG = styled.svg`
-  height: ${CIRCLE_SIZE}px;
-  width: ${CIRCLE_SIZE}px;
-  transform: rotate(-90deg);
-`;
-const StyledCircle = styled.circle`
-  transform-origin: 50% 50%;
-  stroke: ${({ theme }) => theme.colors.neutral.borderWeak};
-  stroke-width: 18;
-  stroke-linecap: butt;
-  fill: none;
-`;
-const LineList = styled.ul`
-  display: grid;
-  list-style: none;
-  gap: 16px;
-`;
+const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1bu753f3"
+} : {
+  target: "e1bu753f3",
+  label: "StyledContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "zjik7",
+  styles: "display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0RvbnV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vRG9udXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuXG5jb25zdCBDSVJDTEVfU0laRSA9IDIwNlxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG5jb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICBoZWlnaHQ6ICR7Q0lSQ0xFX1NJWkV9cHg7XG4gIHdpZHRoOiAke0NJUkNMRV9TSVpFfXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuYFxuXG5jb25zdCBTdHlsZWRDaXJjbGUgPSBzdHlsZWQuY2lyY2xlYFxuICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICBzdHJva2U6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIHN0cm9rZS13aWR0aDogMTg7XG4gIHN0cm9rZS1saW5lY2FwOiBidXR0O1xuICBmaWxsOiBub25lO1xuYFxuXG5jb25zdCBMaW5lTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZ3JpZDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgZ2FwOiAxNnB4O1xuYFxuXG5leHBvcnQgY29uc3QgRG9udXQgPSAoKSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXI+XG4gICAgPFN0eWxlZFNWRz5cbiAgICAgIDxTdHlsZWRDaXJjbGUgY3g9e0NJUkNMRV9TSVpFIC8gMn0gY3k9e0NJUkNMRV9TSVpFIC8gMn0gcj1cIjkwXCIgLz5cbiAgICA8L1N0eWxlZFNWRz5cbiAgICA8TGluZUxpc3Q+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgICAgPGxpPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9saT5cbiAgICAgIDxsaT5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvbGk+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgIDwvTGluZUxpc3Q+XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSVG = /* @__PURE__ */ _styled("svg", process.env.NODE_ENV === "production" ? {
+  target: "e1bu753f2"
+} : {
+  target: "e1bu753f2",
+  label: "StyledSVG"
+})("height:", CIRCLE_SIZE, "px;width:", CIRCLE_SIZE, "px;transform:rotate(-90deg);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0RvbnV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vRG9udXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuXG5jb25zdCBDSVJDTEVfU0laRSA9IDIwNlxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG5jb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICBoZWlnaHQ6ICR7Q0lSQ0xFX1NJWkV9cHg7XG4gIHdpZHRoOiAke0NJUkNMRV9TSVpFfXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuYFxuXG5jb25zdCBTdHlsZWRDaXJjbGUgPSBzdHlsZWQuY2lyY2xlYFxuICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICBzdHJva2U6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIHN0cm9rZS13aWR0aDogMTg7XG4gIHN0cm9rZS1saW5lY2FwOiBidXR0O1xuICBmaWxsOiBub25lO1xuYFxuXG5jb25zdCBMaW5lTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZ3JpZDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgZ2FwOiAxNnB4O1xuYFxuXG5leHBvcnQgY29uc3QgRG9udXQgPSAoKSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXI+XG4gICAgPFN0eWxlZFNWRz5cbiAgICAgIDxTdHlsZWRDaXJjbGUgY3g9e0NJUkNMRV9TSVpFIC8gMn0gY3k9e0NJUkNMRV9TSVpFIC8gMn0gcj1cIjkwXCIgLz5cbiAgICA8L1N0eWxlZFNWRz5cbiAgICA8TGluZUxpc3Q+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgICAgPGxpPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9saT5cbiAgICAgIDxsaT5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvbGk+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgIDwvTGluZUxpc3Q+XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKVxuIl19 */"));
+const StyledCircle = /* @__PURE__ */ _styled("circle", process.env.NODE_ENV === "production" ? {
+  target: "e1bu753f1"
+} : {
+  target: "e1bu753f1",
+  label: "StyledCircle"
+})("transform-origin:50% 50%;stroke:", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";stroke-width:18;stroke-linecap:butt;fill:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0RvbnV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFla0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vRG9udXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuXG5jb25zdCBDSVJDTEVfU0laRSA9IDIwNlxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG5jb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICBoZWlnaHQ6ICR7Q0lSQ0xFX1NJWkV9cHg7XG4gIHdpZHRoOiAke0NJUkNMRV9TSVpFfXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuYFxuXG5jb25zdCBTdHlsZWRDaXJjbGUgPSBzdHlsZWQuY2lyY2xlYFxuICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO1xuICBzdHJva2U6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIHN0cm9rZS13aWR0aDogMTg7XG4gIHN0cm9rZS1saW5lY2FwOiBidXR0O1xuICBmaWxsOiBub25lO1xuYFxuXG5jb25zdCBMaW5lTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZ3JpZDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgZ2FwOiAxNnB4O1xuYFxuXG5leHBvcnQgY29uc3QgRG9udXQgPSAoKSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXI+XG4gICAgPFN0eWxlZFNWRz5cbiAgICAgIDxTdHlsZWRDaXJjbGUgY3g9e0NJUkNMRV9TSVpFIC8gMn0gY3k9e0NJUkNMRV9TSVpFIC8gMn0gcj1cIjkwXCIgLz5cbiAgICA8L1N0eWxlZFNWRz5cbiAgICA8TGluZUxpc3Q+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgICAgPGxpPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9saT5cbiAgICAgIDxsaT5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvbGk+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgIDwvTGluZUxpc3Q+XG4gIDwvU3R5bGVkQ29udGFpbmVyPlxuKVxuIl19 */"));
+const LineList = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
+  target: "e1bu753f0"
+} : {
+  target: "e1bu753f0",
+  label: "LineList"
+})(process.env.NODE_ENV === "production" ? {
+  name: "pct5nu",
+  styles: "display:grid;list-style:none;gap:16px"
+} : {
+  name: "pct5nu",
+  styles: "display:grid;list-style:none;gap:16px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0RvbnV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0RvbnV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgQ0lSQ0xFX1NJWkUgPSAyMDZcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbmBcblxuY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgaGVpZ2h0OiAke0NJUkNMRV9TSVpFfXB4O1xuICB3aWR0aDogJHtDSVJDTEVfU0laRX1weDtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbmBcblxuY29uc3QgU3R5bGVkQ2lyY2xlID0gc3R5bGVkLmNpcmNsZWBcbiAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgc3Ryb2tlOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBzdHJva2Utd2lkdGg6IDE4O1xuICBzdHJva2UtbGluZWNhcDogYnV0dDtcbiAgZmlsbDogbm9uZTtcbmBcblxuY29uc3QgTGluZUxpc3QgPSBzdHlsZWQudWxgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGdhcDogMTZweDtcbmBcblxuZXhwb3J0IGNvbnN0IERvbnV0ID0gKCkgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyPlxuICAgIDxTdHlsZWRTVkc+XG4gICAgICA8U3R5bGVkQ2lyY2xlIGN4PXtDSVJDTEVfU0laRSAvIDJ9IGN5PXtDSVJDTEVfU0laRSAvIDJ9IHI9XCI5MFwiIC8+XG4gICAgPC9TdHlsZWRTVkc+XG4gICAgPExpbmVMaXN0PlxuICAgICAgPGxpPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9saT5cbiAgICAgIDxsaT5cbiAgICAgICAgPExpbmUgLz5cbiAgICAgIDwvbGk+XG4gICAgICA8bGk+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L2xpPlxuICAgICAgPGxpPlxuICAgICAgICA8TGluZSAvPlxuICAgICAgPC9saT5cbiAgICA8L0xpbmVMaXN0PlxuICA8L1N0eWxlZENvbnRhaW5lcj5cbilcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const Donut = () => /* @__PURE__ */ jsxs(StyledContainer, { children: [
   /* @__PURE__ */ jsx(StyledSVG, { children: /* @__PURE__ */ jsx(StyledCircle, { cx: CIRCLE_SIZE / 2, cy: CIRCLE_SIZE / 2, r: "90" }) }),
   /* @__PURE__ */ jsxs(LineList, { children: [

package/dist/components/Skeleton/IconSkeleton.js

@@ -1,12 +1,22 @@
-import styled from "@emotion/styled";
-const IconSkeleton = styled.div`
-  margin-right: ${({ theme }) => theme.space["1"]};
-  width: ${({ theme }) => theme.space["4"]};
-  height: ${({ theme }) => theme.space["4"]};
-  min-width: ${({ theme }) => theme.space["4"]};
-  border-radius: ${({ theme }) => theme.radii.large};
-  background-color: ${({ theme }) => theme.colors.neutral.borderWeak};
-`;
+import _styled from "@emotion/styled/base";
+const IconSkeleton = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1kubpd30"
+} : {
+  target: "e1kubpd30",
+  label: "IconSkeleton"
+})("margin-right:", ({
+  theme
+}) => theme.space["1"], ";width:", ({
+  theme
+}) => theme.space["4"], ";height:", ({
+  theme
+}) => theme.space["4"], ";min-width:", ({
+  theme
+}) => theme.space["4"], ";border-radius:", ({
+  theme
+}) => theme.radii.large, ";background-color:", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0ljb25Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXNDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0ljb25Ta2VsZXRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IEljb25Ta2VsZXRvbiA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgd2lkdGg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzQnXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbiAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmxhcmdlfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbmBcbiJdfQ== */"));
 export {
   IconSkeleton
 };

package/dist/components/Skeleton/Line.js

@@ -1,13 +1,16 @@
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 const sizes = [80, 120, 160, 200];
 const randomSize = () => sizes[Math.floor(Math.random() * sizes.length)];
-const Line = styled.div`
-  height: 12px;
-  width: ${() => randomSize()}px;
-  max-width: 100%;
-  border-radius: ${({ theme }) => theme.radii.large};
-  background-color: ${({ theme }) => theme.colors.neutral.borderWeak};
-`;
+const Line = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1denkbe0"
+} : {
+  target: "e1denkbe0",
+  label: "Line"
+})("height:12px;width:", () => randomSize(), "px;max-width:100%;border-radius:", ({
+  theme
+}) => theme.radii.large, ";background-color:", ({
+  theme
+}) => theme.colors.neutral.borderWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0xpbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU04QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBzaXplcyA9IFs4MCwgMTIwLCAxNjAsIDIwMF1cblxuY29uc3QgcmFuZG9tU2l6ZSA9ICgpID0+IHNpemVzW01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIHNpemVzLmxlbmd0aCldXG5cbmV4cG9ydCBjb25zdCBMaW5lID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMnB4O1xuICB3aWR0aDogJHsoKSA9PiByYW5kb21TaXplKCl9cHg7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5sYXJnZX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG5gXG4iXX0= */"));
 export {
   Line
 };

package/dist/components/Skeleton/List.js

@@ -1,29 +1,56 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Line } from "./Line.js";
-const StyledItem = styled.li`
-  display: flex;
-  align-items: center;
-  height: 48px;
-  padding: 4px 8px;
-`;
-const StyledLine = styled.div`
-  flex: 1;
-`;
-const StyledList = styled.ul`
-  list-style: none;
-  padding: 0;
-  margin: 0;
-
-  > ${StyledItem}:nth-of-type(even) {
-    background-color: ${({ theme }) => theme.colors.neutral.backgroundDisabled};
-  }
-`;
-const Item = ({ col = 3 }) => /* @__PURE__ */ jsx(StyledItem, { children: Array.from({ length: col }, (_, i) => /* @__PURE__ */ jsx(StyledLine, { children: /* @__PURE__ */ jsx(Line, {}) }, `skeleton-list-col-${i}`)) });
+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 StyledItem = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
+  target: "e639qnr2"
+} : {
+  target: "e639qnr2",
+  label: "StyledItem"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1t7ed8m",
+  styles: "display:flex;align-items:center;height:48px;padding:4px 8px"
+} : {
+  name: "1t7ed8m",
+  styles: "display:flex;align-items:center;height:48px;padding:4px 8px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUc0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9MaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiA0OHB4O1xuICBwYWRkaW5nOiA0cHggOHB4O1xuYFxuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbmBcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bGBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuXG4gID4gJHtTdHlsZWRJdGVtfTpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IEl0ZW0gPSAoeyBjb2wgPSAzIH06IHsgY29sOiBudW1iZXIgfSkgPT4gKFxuICA8U3R5bGVkSXRlbT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aDogY29sIH0sIChfLCBpKSA9PiAoXG4gICAgICA8U3R5bGVkTGluZSBrZXk9e2Bza2VsZXRvbi1saXN0LWNvbC0ke2l9YH0+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L1N0eWxlZExpbmU+XG4gICAgKSl9XG4gIDwvU3R5bGVkSXRlbT5cbilcblxuZXhwb3J0IGNvbnN0IExpc3QgPSAoe1xuICBsZW5ndGggPSAzLFxuICBjb2wgPSAzLFxufToge1xuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG59KSA9PiAoXG4gIDxTdHlsZWRMaXN0PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8SXRlbSBjb2w9e2NvbH0ga2V5PXtgc2tlbGV0b24tbGlzdC0ke2l9YH0gLz5cbiAgICApKX1cbiAgPC9TdHlsZWRMaXN0PlxuKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledLine = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e639qnr1"
+} : {
+  target: "e639qnr1",
+  label: "StyledLine"
+})(process.env.NODE_ENV === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "82a6rk",
+  styles: "flex:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9MaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiA0OHB4O1xuICBwYWRkaW5nOiA0cHggOHB4O1xuYFxuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbmBcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bGBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuXG4gID4gJHtTdHlsZWRJdGVtfTpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IEl0ZW0gPSAoeyBjb2wgPSAzIH06IHsgY29sOiBudW1iZXIgfSkgPT4gKFxuICA8U3R5bGVkSXRlbT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aDogY29sIH0sIChfLCBpKSA9PiAoXG4gICAgICA8U3R5bGVkTGluZSBrZXk9e2Bza2VsZXRvbi1saXN0LWNvbC0ke2l9YH0+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L1N0eWxlZExpbmU+XG4gICAgKSl9XG4gIDwvU3R5bGVkSXRlbT5cbilcblxuZXhwb3J0IGNvbnN0IExpc3QgPSAoe1xuICBsZW5ndGggPSAzLFxuICBjb2wgPSAzLFxufToge1xuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG59KSA9PiAoXG4gIDxTdHlsZWRMaXN0PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8SXRlbSBjb2w9e2NvbH0ga2V5PXtgc2tlbGV0b24tbGlzdC0ke2l9YH0gLz5cbiAgICApKX1cbiAgPC9TdHlsZWRMaXN0PlxuKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledList = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
+  target: "e639qnr0"
+} : {
+  target: "e639qnr0",
+  label: "StyledList"
+})("list-style:none;padding:0;margin:0;>", StyledItem, ":nth-of-type(even){background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundDisabled, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9MaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTGluZSB9IGZyb20gJy4vTGluZSdcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiA0OHB4O1xuICBwYWRkaW5nOiA0cHggOHB4O1xuYFxuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbmBcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bGBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuXG4gID4gJHtTdHlsZWRJdGVtfTpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IEl0ZW0gPSAoeyBjb2wgPSAzIH06IHsgY29sOiBudW1iZXIgfSkgPT4gKFxuICA8U3R5bGVkSXRlbT5cbiAgICB7QXJyYXkuZnJvbSh7IGxlbmd0aDogY29sIH0sIChfLCBpKSA9PiAoXG4gICAgICA8U3R5bGVkTGluZSBrZXk9e2Bza2VsZXRvbi1saXN0LWNvbC0ke2l9YH0+XG4gICAgICAgIDxMaW5lIC8+XG4gICAgICA8L1N0eWxlZExpbmU+XG4gICAgKSl9XG4gIDwvU3R5bGVkSXRlbT5cbilcblxuZXhwb3J0IGNvbnN0IExpc3QgPSAoe1xuICBsZW5ndGggPSAzLFxuICBjb2wgPSAzLFxufToge1xuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG59KSA9PiAoXG4gIDxTdHlsZWRMaXN0PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8SXRlbSBjb2w9e2NvbH0ga2V5PXtgc2tlbGV0b24tbGlzdC0ke2l9YH0gLz5cbiAgICApKX1cbiAgPC9TdHlsZWRMaXN0PlxuKVxuIl19 */"));
+const Item = ({
+  col = 3
+}) => /* @__PURE__ */ jsx(StyledItem, { children: Array.from({
+  length: col
+}, (_, i) => /* @__PURE__ */ jsx(StyledLine, { children: /* @__PURE__ */ jsx(Line, {}) }, `skeleton-list-col-${i}`)) });
 const List = ({
   length = 3,
   col = 3
-}) => /* @__PURE__ */ jsx(StyledList, { children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(Item, { col }, `skeleton-list-${i}`)) });
+}) => /* @__PURE__ */ jsx(StyledList, { children: Array.from({
+  length
+}, (_, i) => /* @__PURE__ */ jsx(Item, { col }, `skeleton-list-${i}`)) });
 export {
   List
 };