@launchpad-ui/icons - npm Package Compare versions

Comparing version 0.2.4 to 0.3.0

dist/index.es.js

@@ -12,2 +12,3 @@ // ../../scripts/react-shim.js
 import "./styles/Icon.css";
+import { jsx } from "react/jsx-runtime";
 var Icon = ({ name, subtle, className, size, children, ...props }) => {
@@ -34,17 +35,19 @@ const sizeClass = size ? `Icon--${size}` : false;
   }, [name]);
-  return /* @__PURE__ */ React.createElement("span", {
+  return /* @__PURE__ */ jsx("span", {
     ...props,
-    className: classes
-  }, Children.map(children, (child) => {
-    if (isValidElement(child)) {
-      return cloneElement(child, {
-        ref: svgRef
-      });
-    }
-    return null;
-  }));
+    className: classes,
+    children: Children.map(children, (child) => {
+      if (isValidElement(child)) {
+        return cloneElement(child, {
+          ref: svgRef
+        });
+      }
+      return null;
+    })
+  });
 };
 
 // src/Add.tsx
-var SvgAdd = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SvgAdd = (props, ref) => /* @__PURE__ */ jsxs("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -55,20 +58,26 @@ "aria-hidden": "true",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx2("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ jsx2("path", {
+      d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+    })
+  ]
+});
 var ForwardRef = forwardRef(SvgAdd);
-var IconWrapped = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped = ({ className, size, ...props }) => /* @__PURE__ */ jsx2(Icon, {
   name: "add",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef, null));
+  ...props,
+  children: /* @__PURE__ */ jsx2(ForwardRef, {})
+});
 
 // src/CheckCircle.tsx
 import { forwardRef as forwardRef2 } from "react";
-var SvgCheckCircle = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var SvgCheckCircle = (props, ref) => /* @__PURE__ */ jsxs2("svg", {
   "aria-hidden": "true",
@@ -79,20 +88,26 @@ role: "img",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx3("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ jsx3("path", {
+      d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+    })
+  ]
+});
 var ForwardRef2 = forwardRef2(SvgCheckCircle);
-var IconWrapped2 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped2 = ({ className, size, ...props }) => /* @__PURE__ */ jsx3(Icon, {
   name: "checkCircle",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef2, null));
+  ...props,
+  children: /* @__PURE__ */ jsx3(ForwardRef2, {})
+});
 
 // src/Check.tsx
 import { forwardRef as forwardRef3 } from "react";
-var SvgCheck = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx4 } from "react/jsx-runtime";
+var SvgCheck = (props, ref) => /* @__PURE__ */ jsx4("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -103,17 +118,20 @@ "aria-hidden": "true",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
-}));
+  ...props,
+  children: /* @__PURE__ */ jsx4("path", {
+    d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+  })
+});
 var ForwardRef3 = forwardRef3(SvgCheck);
-var IconWrapped3 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped3 = ({ className, size, ...props }) => /* @__PURE__ */ jsx4(Icon, {
   name: "check",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef3, null));
+  ...props,
+  children: /* @__PURE__ */ jsx4(ForwardRef3, {})
+});
 
 // src/ChevronLeft.tsx
 import { forwardRef as forwardRef4 } from "react";
-var SvgChevronLeft = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var SvgChevronLeft = (props, ref) => /* @__PURE__ */ jsxs3("svg", {
   "aria-hidden": "true",
@@ -124,41 +142,53 @@ role: "img",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx5("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ jsx5("path", {
+      d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
+    })
+  ]
+});
 var ForwardRef4 = forwardRef4(SvgChevronLeft);
-var IconWrapped4 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped4 = ({ className, size, ...props }) => /* @__PURE__ */ jsx5(Icon, {
   name: "chevronLeft",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef4, null));
+  ...props,
+  children: /* @__PURE__ */ jsx5(ForwardRef4, {})
+});
 
 // src/ChevronRight.tsx
 import { forwardRef as forwardRef5 } from "react";
-var SvgChevronRight = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var SvgChevronRight = (props, ref) => /* @__PURE__ */ jsxs4("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx6("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ jsx6("path", {
+      d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+    })
+  ]
+});
 var ForwardRef5 = forwardRef5(SvgChevronRight);
-var IconWrapped5 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped5 = ({ className, size, ...props }) => /* @__PURE__ */ jsx6(Icon, {
   name: "chevronRight",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef5, null));
+  ...props,
+  children: /* @__PURE__ */ jsx6(ForwardRef5, {})
+});
 
 // src/Close.tsx
 import { forwardRef as forwardRef6 } from "react";
-var SvgClose = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var SvgClose = (props, ref) => /* @__PURE__ */ jsxs5("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -169,20 +199,26 @@ "aria-hidden": "true",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0V0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx7("path", {
+      d: "M0 0h24v24H0V0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ jsx7("path", {
+      d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+    })
+  ]
+});
 var ForwardRef6 = forwardRef6(SvgClose);
-var IconWrapped6 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped6 = ({ className, size, ...props }) => /* @__PURE__ */ jsx7(Icon, {
   name: "close",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef6, null));
+  ...props,
+  children: /* @__PURE__ */ jsx7(ForwardRef6, {})
+});
 
 // src/ErrorCircle.tsx
 import { forwardRef as forwardRef7 } from "react";
-var SvgErrorCircle = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var SvgErrorCircle = (props, ref) => /* @__PURE__ */ jsxs6("svg", {
   role: "img",
@@ -192,17 +228,25 @@ viewBox: "0 0 24 24",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("title", null, "Error"), /* @__PURE__ */ React.createElement("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm5 11.5H7v-3h10v3Z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx8("title", {
+      children: "Error"
+    }),
+    /* @__PURE__ */ jsx8("path", {
+      d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm5 11.5H7v-3h10v3Z"
+    })
+  ]
+});
 var ForwardRef7 = forwardRef7(SvgErrorCircle);
-var IconWrapped7 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped7 = ({ className, size, ...props }) => /* @__PURE__ */ jsx8(Icon, {
   name: "errorCircle",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef7, null));
+  ...props,
+  children: /* @__PURE__ */ jsx8(ForwardRef7, {})
+});
 
 // src/ExpandMore.tsx
 import { forwardRef as forwardRef8 } from "react";
-var SvgExpandMore = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var SvgExpandMore = (props, ref) => /* @__PURE__ */ jsxs7("svg", {
   "aria-hidden": "true",
@@ -213,20 +257,26 @@ role: "img",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx9("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ jsx9("path", {
+      d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+    })
+  ]
+});
 var ForwardRef8 = forwardRef8(SvgExpandMore);
-var IconWrapped8 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped8 = ({ className, size, ...props }) => /* @__PURE__ */ jsx9(Icon, {
   name: "expandMore",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef8, null));
+  ...props,
+  children: /* @__PURE__ */ jsx9(ForwardRef8, {})
+});
 
 // src/Info.tsx
 import { forwardRef as forwardRef9 } from "react";
-var SvgInfo = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var SvgInfo = (props, ref) => /* @__PURE__ */ jsxs8("svg", {
   role: "img",
@@ -236,17 +286,25 @@ viewBox: "0 0 24 24",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("title", null, "Info"), /* @__PURE__ */ React.createElement("path", {
-  d: "M13.5 9h-3V6h3v3Zm0 8.5h-3v-6h3v6ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx10("title", {
+      children: "Info"
+    }),
+    /* @__PURE__ */ jsx10("path", {
+      d: "M13.5 9h-3V6h3v3Zm0 8.5h-3v-6h3v6ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z"
+    })
+  ]
+});
 var ForwardRef9 = forwardRef9(SvgInfo);
-var IconWrapped9 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped9 = ({ className, size, ...props }) => /* @__PURE__ */ jsx10(Icon, {
   name: "info",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef9, null));
+  ...props,
+  children: /* @__PURE__ */ jsx10(ForwardRef9, {})
+});
 
 // src/KeyboardDoubleArrowLeft.tsx
 import { forwardRef as forwardRef10 } from "react";
-var SvgKeyboardDoubleArrowLeft = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var SvgKeyboardDoubleArrowLeft = (props, ref) => /* @__PURE__ */ jsxs9("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -257,22 +315,29 @@ "aria-hidden": "true",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  fill: "none",
-  d: "M0 0h24v24H0z"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6z"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m11 18 1.41-1.41L7.83 12l4.58-4.59L11 6l-6 6z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx11("path", {
+      fill: "none",
+      d: "M0 0h24v24H0z"
+    }),
+    /* @__PURE__ */ jsx11("path", {
+      d: "M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6z"
+    }),
+    /* @__PURE__ */ jsx11("path", {
+      d: "m11 18 1.41-1.41L7.83 12l4.58-4.59L11 6l-6 6z"
+    })
+  ]
+});
 var ForwardRef10 = forwardRef10(SvgKeyboardDoubleArrowLeft);
-var IconWrapped10 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped10 = ({ className, size, ...props }) => /* @__PURE__ */ jsx11(Icon, {
   name: "keyboardDoubleArrowLeft",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef10, null));
+  ...props,
+  children: /* @__PURE__ */ jsx11(ForwardRef10, {})
+});
 
 // src/KeyboardDoubleArrowRight.tsx
 import { forwardRef as forwardRef11 } from "react";
-var SvgKeyboardDoubleArrowRight = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var SvgKeyboardDoubleArrowRight = (props, ref) => /* @__PURE__ */ jsxs10("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -283,22 +348,29 @@ "aria-hidden": "true",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  fill: "none",
-  d: "M0 0h24v24H0z"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6z"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m13 6-1.41 1.41L16.17 12l-4.58 4.59L13 18l6-6z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx12("path", {
+      fill: "none",
+      d: "M0 0h24v24H0z"
+    }),
+    /* @__PURE__ */ jsx12("path", {
+      d: "M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6z"
+    }),
+    /* @__PURE__ */ jsx12("path", {
+      d: "m13 6-1.41 1.41L16.17 12l-4.58 4.59L13 18l6-6z"
+    })
+  ]
+});
 var ForwardRef11 = forwardRef11(SvgKeyboardDoubleArrowRight);
-var IconWrapped11 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped11 = ({ className, size, ...props }) => /* @__PURE__ */ jsx12(Icon, {
   name: "keyboardDoubleArrowRight",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef11, null));
+  ...props,
+  children: /* @__PURE__ */ jsx12(ForwardRef11, {})
+});
 
 // src/Person.tsx
 import { forwardRef as forwardRef12 } from "react";
-var SvgPerson = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var SvgPerson = (props, ref) => /* @__PURE__ */ jsxs11("svg", {
   "aria-hidden": "true",
@@ -309,20 +381,26 @@ role: "img",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx13("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ jsx13("path", {
+      d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+    })
+  ]
+});
 var ForwardRef12 = forwardRef12(SvgPerson);
-var IconWrapped12 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped12 = ({ className, size, ...props }) => /* @__PURE__ */ jsx13(Icon, {
   name: "person",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef12, null));
+  ...props,
+  children: /* @__PURE__ */ jsx13(ForwardRef12, {})
+});
 
 // src/Warning.tsx
 import { forwardRef as forwardRef13 } from "react";
-var SvgWarning = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var SvgWarning = (props, ref) => /* @__PURE__ */ jsxs12("svg", {
   role: "img",
@@ -332,15 +410,22 @@ viewBox: "0 0 24 24",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("title", null, "Warning"), /* @__PURE__ */ React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "m10.29 3.599-8.47 14.14a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3l-8.47-14.14a2 2 0 0 0-3.42 0zm3.362 13.537a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-1.51-11a1.19 1.19 0 0 0-1.186 1.287l.49 6.07a.7.7 0 0 0 1.394 0l.49-6.07a1.19 1.19 0 0 0-1.187-1.287z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx14("title", {
+      children: "Warning"
+    }),
+    /* @__PURE__ */ jsx14("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "m10.29 3.599-8.47 14.14a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3l-8.47-14.14a2 2 0 0 0-3.42 0zm3.362 13.537a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-1.51-11a1.19 1.19 0 0 0-1.186 1.287l.49 6.07a.7.7 0 0 0 1.394 0l.49-6.07a1.19 1.19 0 0 0-1.187-1.287z"
+    })
+  ]
+});
 var ForwardRef13 = forwardRef13(SvgWarning);
-var IconWrapped13 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped13 = ({ className, size, ...props }) => /* @__PURE__ */ jsx14(Icon, {
   name: "warning",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef13, null));
+  ...props,
+  children: /* @__PURE__ */ jsx14(ForwardRef13, {})
+});
 
@@ -368,2 +453,3 @@ // src/types.ts
 // src/KindIcon.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
 var KindIcon = ({ kind, size, className }) => {
@@ -374,3 +460,3 @@ const iconSize = size ? size : "medium" /* MEDIUM */;
     case "success":
-      body = /* @__PURE__ */ React.createElement(IconWrapped2, {
+      body = /* @__PURE__ */ jsx15(IconWrapped2, {
         size: iconSize
@@ -381,3 +467,3 @@ });
     case "striped":
-      body = /* @__PURE__ */ React.createElement(IconWrapped13, {
+      body = /* @__PURE__ */ jsx15(IconWrapped13, {
         size: iconSize
@@ -387,3 +473,3 @@ });
     case "error":
-      body = /* @__PURE__ */ React.createElement(IconWrapped7, {
+      body = /* @__PURE__ */ jsx15(IconWrapped7, {
         size: iconSize
@@ -394,3 +480,3 @@ });
     default:
-      body = /* @__PURE__ */ React.createElement(IconWrapped9, {
+      body = /* @__PURE__ */ jsx15(IconWrapped9, {
         size: iconSize
@@ -400,5 +486,6 @@ });
   }
-  return /* @__PURE__ */ React.createElement("span", {
-    className
-  }, body);
+  return /* @__PURE__ */ jsx15("span", {
+    className,
+    children: body
+  });
 };
@@ -405,0 +492,0 @@ export {

dist/index.js

@@ -20,3 +20,6 @@ "use strict";
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
@@ -58,2 +61,3 @@
 var import_Icon = require("./styles/Icon.css");
+var import_jsx_runtime = require("react/jsx-runtime");
 var Icon = ({ name, subtle, className, size, children, ...props }) => {
@@ -80,17 +84,19 @@ const sizeClass = size ? `Icon--${size}` : false;
   }, [name]);
-  return /* @__PURE__ */ React.createElement("span", {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
     ...props,
-    className: classes
-  }, import_react.Children.map(children, (child) => {
-    if ((0, import_react.isValidElement)(child)) {
-      return (0, import_react.cloneElement)(child, {
-        ref: svgRef
-      });
-    }
-    return null;
-  }));
+    className: classes,
+    children: import_react.Children.map(children, (child) => {
+      if ((0, import_react.isValidElement)(child)) {
+        return (0, import_react.cloneElement)(child, {
+          ref: svgRef
+        });
+      }
+      return null;
+    })
+  });
 };
 
 // src/Add.tsx
-var SvgAdd = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgAdd = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -101,20 +107,26 @@ "aria-hidden": "true",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+    })
+  ]
+});
 var ForwardRef = (0, import_react2.forwardRef)(SvgAdd);
-var IconWrapped = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "add",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef, {})
+});
 
 // src/CheckCircle.tsx
 var import_react3 = require("react");
-var SvgCheckCircle = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgCheckCircle = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   "aria-hidden": "true",
@@ -125,20 +137,26 @@ role: "img",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+    })
+  ]
+});
 var ForwardRef2 = (0, import_react3.forwardRef)(SvgCheckCircle);
-var IconWrapped2 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped2 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "checkCircle",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef2, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef2, {})
+});
 
 // src/Check.tsx
 var import_react4 = require("react");
-var SvgCheck = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgCheck = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -149,17 +167,20 @@ "aria-hidden": "true",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
-}));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+    d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+  })
+});
 var ForwardRef3 = (0, import_react4.forwardRef)(SvgCheck);
-var IconWrapped3 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped3 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "check",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef3, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef3, {})
+});
 
 // src/ChevronLeft.tsx
 var import_react5 = require("react");
-var SvgChevronLeft = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgChevronLeft = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   "aria-hidden": "true",
@@ -170,41 +191,53 @@ role: "img",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
+    })
+  ]
+});
 var ForwardRef4 = (0, import_react5.forwardRef)(SvgChevronLeft);
-var IconWrapped4 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped4 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "chevronLeft",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef4, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef4, {})
+});
 
 // src/ChevronRight.tsx
 var import_react6 = require("react");
-var SvgChevronRight = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgChevronRight = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+    })
+  ]
+});
 var ForwardRef5 = (0, import_react6.forwardRef)(SvgChevronRight);
-var IconWrapped5 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped5 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "chevronRight",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef5, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef5, {})
+});
 
 // src/Close.tsx
 var import_react7 = require("react");
-var SvgClose = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgClose = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -215,20 +248,26 @@ "aria-hidden": "true",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0V0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M0 0h24v24H0V0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+    })
+  ]
+});
 var ForwardRef6 = (0, import_react7.forwardRef)(SvgClose);
-var IconWrapped6 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped6 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "close",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef6, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef6, {})
+});
 
 // src/ErrorCircle.tsx
 var import_react8 = require("react");
-var SvgErrorCircle = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgErrorCircle = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   role: "img",
@@ -238,17 +277,25 @@ viewBox: "0 0 24 24",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("title", null, "Error"), /* @__PURE__ */ React.createElement("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm5 11.5H7v-3h10v3Z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", {
+      children: "Error"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm5 11.5H7v-3h10v3Z"
+    })
+  ]
+});
 var ForwardRef7 = (0, import_react8.forwardRef)(SvgErrorCircle);
-var IconWrapped7 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped7 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "errorCircle",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef7, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef7, {})
+});
 
 // src/ExpandMore.tsx
 var import_react9 = require("react");
-var SvgExpandMore = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgExpandMore = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   "aria-hidden": "true",
@@ -259,20 +306,26 @@ role: "img",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+    })
+  ]
+});
 var ForwardRef8 = (0, import_react9.forwardRef)(SvgExpandMore);
-var IconWrapped8 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped8 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "expandMore",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef8, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef8, {})
+});
 
 // src/Info.tsx
 var import_react10 = require("react");
-var SvgInfo = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgInfo = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   role: "img",
@@ -282,17 +335,25 @@ viewBox: "0 0 24 24",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("title", null, "Info"), /* @__PURE__ */ React.createElement("path", {
-  d: "M13.5 9h-3V6h3v3Zm0 8.5h-3v-6h3v6ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", {
+      children: "Info"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M13.5 9h-3V6h3v3Zm0 8.5h-3v-6h3v6ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z"
+    })
+  ]
+});
 var ForwardRef9 = (0, import_react10.forwardRef)(SvgInfo);
-var IconWrapped9 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped9 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "info",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef9, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef9, {})
+});
 
 // src/KeyboardDoubleArrowLeft.tsx
 var import_react11 = require("react");
-var SvgKeyboardDoubleArrowLeft = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgKeyboardDoubleArrowLeft = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -303,22 +364,29 @@ "aria-hidden": "true",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  fill: "none",
-  d: "M0 0h24v24H0z"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6z"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m11 18 1.41-1.41L7.83 12l4.58-4.59L11 6l-6 6z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      fill: "none",
+      d: "M0 0h24v24H0z"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6z"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "m11 18 1.41-1.41L7.83 12l4.58-4.59L11 6l-6 6z"
+    })
+  ]
+});
 var ForwardRef10 = (0, import_react11.forwardRef)(SvgKeyboardDoubleArrowLeft);
-var IconWrapped10 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped10 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "keyboardDoubleArrowLeft",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef10, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef10, {})
+});
 
 // src/KeyboardDoubleArrowRight.tsx
 var import_react12 = require("react");
-var SvgKeyboardDoubleArrowRight = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgKeyboardDoubleArrowRight = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -329,22 +397,29 @@ "aria-hidden": "true",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  fill: "none",
-  d: "M0 0h24v24H0z"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6z"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m13 6-1.41 1.41L16.17 12l-4.58 4.59L13 18l6-6z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      fill: "none",
+      d: "M0 0h24v24H0z"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6z"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "m13 6-1.41 1.41L16.17 12l-4.58 4.59L13 18l6-6z"
+    })
+  ]
+});
 var ForwardRef11 = (0, import_react12.forwardRef)(SvgKeyboardDoubleArrowRight);
-var IconWrapped11 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped11 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "keyboardDoubleArrowRight",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef11, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef11, {})
+});
 
 // src/Person.tsx
 var import_react13 = require("react");
-var SvgPerson = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgPerson = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   "aria-hidden": "true",
@@ -355,20 +430,26 @@ role: "img",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+    })
+  ]
+});
 var ForwardRef12 = (0, import_react13.forwardRef)(SvgPerson);
-var IconWrapped12 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped12 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "person",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef12, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef12, {})
+});
 
 // src/Warning.tsx
 var import_react14 = require("react");
-var SvgWarning = (props, ref) => /* @__PURE__ */ React.createElement("svg", {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgWarning = (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
   role: "img",
@@ -378,15 +459,22 @@ viewBox: "0 0 24 24",
   ref,
-  ...props
-}, /* @__PURE__ */ React.createElement("title", null, "Warning"), /* @__PURE__ */ React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "m10.29 3.599-8.47 14.14a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3l-8.47-14.14a2 2 0 0 0-3.42 0zm3.362 13.537a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-1.51-11a1.19 1.19 0 0 0-1.186 1.287l.49 6.07a.7.7 0 0 0 1.394 0l.49-6.07a1.19 1.19 0 0 0-1.187-1.287z"
-}));
+  ...props,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", {
+      children: "Warning"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "m10.29 3.599-8.47 14.14a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3l-8.47-14.14a2 2 0 0 0-3.42 0zm3.362 13.537a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-1.51-11a1.19 1.19 0 0 0-1.186 1.287l.49 6.07a.7.7 0 0 0 1.394 0l.49-6.07a1.19 1.19 0 0 0-1.187-1.287z"
+    })
+  ]
+});
 var ForwardRef13 = (0, import_react14.forwardRef)(SvgWarning);
-var IconWrapped13 = ({ className, size, ...props }) => /* @__PURE__ */ React.createElement(Icon, {
+var IconWrapped13 = ({ className, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
   name: "warning",
   className,
   size,
-  ...props
-}, /* @__PURE__ */ React.createElement(ForwardRef13, null));
+  ...props,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ForwardRef13, {})
+});
 
@@ -414,2 +502,3 @@ // src/types.ts
 // src/KindIcon.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 var KindIcon = ({ kind, size, className }) => {
@@ -420,3 +509,3 @@ const iconSize = size ? size : "medium" /* MEDIUM */;
     case "success":
-      body = /* @__PURE__ */ React.createElement(IconWrapped2, {
+      body = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconWrapped2, {
         size: iconSize
@@ -427,3 +516,3 @@ });
     case "striped":
-      body = /* @__PURE__ */ React.createElement(IconWrapped13, {
+      body = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconWrapped13, {
         size: iconSize
@@ -433,3 +522,3 @@ });
     case "error":
-      body = /* @__PURE__ */ React.createElement(IconWrapped7, {
+      body = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconWrapped7, {
         size: iconSize
@@ -440,3 +529,3 @@ });
     default:
-      body = /* @__PURE__ */ React.createElement(IconWrapped9, {
+      body = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconWrapped9, {
         size: iconSize
@@ -446,5 +535,6 @@ });
   }
-  return /* @__PURE__ */ React.createElement("span", {
-    className
-  }, body);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+    className,
+    children: body
+  });
 };
@@ -451,0 +541,0 @@ // Annotate the CommonJS export names for ESM import in node:

package.json

 {
   "name": "@launchpad-ui/icons",
-  "version": "0.2.4",
+  "version": "0.3.0",
   "status": "beta",
@@ -35,4 +35,4 @@ "publishConfig": {
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
@@ -39,0 +39,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

95082

increased by8.19%

Lines of code

1110

increased by18.97%

No dependency changes