@charcoal-ui/react 4.0.0-beta.11 → 4.0.0-beta.13

package/dist/index.esm.js

@@ -65,14 +65,13 @@ var IconButton = forwardRef3(function IconButtonInner({
   size = "M",
   icon,
   isActive = false,
-  componentAs,
-  as,
+  component,
   ...rest
 }, ref) {
   validateIconSize(size, icon);
-  const Component = useMemo4(() => as ?? "button", [as]);
+  const Component = useMemo4(() => component ?? "button", [component]);
   const classNames = useClassNames("charcoal-icon-button", rest.className);
-  return /* @__PURE__ */ jsx4(Component, { ...rest, as: componentAs, ref, className: classNames, "data-size": size, "data-active": isActive, "data-variant": variant, children: /* @__PURE__ */ jsx4("pixiv-icon", { name: icon }) });
+  return /* @__PURE__ */ jsx4(Component, { ...rest, ref, className: classNames, "data-size": size, "data-active": isActive, "data-variant": variant, children: /* @__PURE__ */ jsx4("pixiv-icon", { name: icon }) });
 });
 var IconButton_default = IconButton;
 function validateIconSize(size, icon) {
@@ -579,8 +578,11 @@ function useCharcoalModalOverlay(props, state, ref) {
     underlayProps
   };
 }
+function isWindowDefined() {
+  return typeof window !== "undefined";
+}
 function useWindowWidth() {
-  const [width, setWidth] = React11.useState(window.innerWidth);
+  const [width, setWidth] = React11.useState(isWindowDefined() ? window.innerWidth : null);
   React11.useEffect(() => {
     const handleResize = () => {
       setWidth(window.innerWidth);
@@ -623,7 +625,7 @@ var Modal = forwardRef15(function ModalInner({
     onClose,
     isOpen
   }, ref);
-  const isMobile = useWindowWidth() < 744;
+  const isMobile = (useWindowWidth() ?? Infinity) < 744;
   const transitionEnabled = isMobile && bottomSheet !== false;
   const showDismiss = !isMobile || bottomSheet !== true;
   const transition = useTransition(isOpen, {