@stratakit/mui 0.3.0 → 0.3.1

package/dist/~components/MuiBottomNavigation.d.ts

@@ -0,0 +1,2 @@
+declare const MuiBottomNavigationAction: import("react").ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "render"> & import("react").RefAttributes<HTMLElement | HTMLButtonElement>>;
+export { MuiBottomNavigationAction };

package/dist/~components/MuiBottomNavigation.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "@stratakit/foundations/secret-internals";
+import { MuiButtonBase } from "./MuiButtonBase.js";
+const MuiBottomNavigationAction = forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  const classList = props.className?.split(" ") ?? [];
+  const selected = classList.includes("Mui-selected");
+  return /* @__PURE__ */ jsx(MuiButtonBase, {
+    "aria-current": selected ? "true" : "false",
+    ...rest,
+    ref: forwardedRef,
+    children: /* @__PURE__ */ jsx("span", {
+      className: "MuiBottomNavigationAction-content",
+      children
+    })
+  });
+});
+export {
+  MuiBottomNavigationAction
+};

package/dist/~components/MuiCard.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
 declare const MuiCard: React.ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "render"> & React.RefAttributes<HTMLElement>>;
 declare const MuiCardActionArea: React.ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "render"> & React.RefAttributes<HTMLElement | HTMLButtonElement>>;
-export { MuiCard, MuiCardActionArea };
+declare const MuiCardMedia: React.ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "render"> & React.RefAttributes<HTMLElement | HTMLDivElement>>;
+export { MuiCard, MuiCardActionArea, MuiCardMedia };

package/dist/~components/MuiCard.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Role } from "@ariakit/react/role";
@@ -43,7 +44,69 @@ const MuiCardActionArea = forwardRef((props, forwardedRef) => {
     ref: useMergedRefs(context?.setActionAreaElement, forwardedRef)
   });
 });
+const MEDIA_COMPONENTS = ["audio", "iframe", "img", "picture", "video"];
+function extractBackgroundImageUrl(style) {
+  const backgroundImage = style?.backgroundImage;
+  if (!backgroundImage?.startsWith("url(")) return void 0;
+  if (!['"', "'"].includes(backgroundImage[4])) return void 0;
+  return backgroundImage.slice(5, -2);
+}
+const MuiCardMedia = forwardRef((props, forwardedRef) => {
+  const $ = _c(1);
+  const [tagName, setTagName] = React.useState(void 0);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = (element) => {
+      if (!element) {
+        return;
+      }
+      setTagName(element.tagName.toLowerCase());
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const determineTagName = t0;
+  const isMediaComponent = MEDIA_COMPONENTS.includes(tagName ?? "");
+  const src = isMediaComponent ? extractBackgroundImageUrl(props.style) : void 0;
+  let t1;
+  bb0: {
+    if (!isMediaComponent) {
+      t1 = props.style;
+      break bb0;
+    }
+    const {
+      backgroundImage,
+      ...restStyle
+    } = props.style ?? {};
+    t1 = restStyle;
+  }
+  const style = t1;
+  let t2;
+  bb1: {
+    if (!isMediaComponent) {
+      t2 = props.role;
+      break bb1;
+    }
+    if (props.role === "img") {
+      t2 = void 0;
+      break bb1;
+    }
+    t2 = props.role;
+  }
+  const role = t2;
+  return jsx(Role.div, {
+    ...props,
+    ...src ? {
+      src
+    } : {},
+    role,
+    style,
+    ref: useMergedRefs(determineTagName, forwardedRef)
+  });
+});
 export {
   MuiCard,
-  MuiCardActionArea
+  MuiCardActionArea,
+  MuiCardMedia
 };

package/dist/~components/MuiChip.d.ts

@@ -1,9 +1,10 @@
 import * as React from "react";
 import type Chip from "@mui/material/Chip";
+import type { BaseProps } from "@stratakit/foundations/secret-internals";
 type ChipProps = React.ComponentProps<typeof Chip>;
-interface MuiChipProps extends React.ComponentProps<"div">, Pick<ChipProps, "deleteLabel"> {
+interface MuiChipProps extends BaseProps<"div">, Pick<ChipProps, "deleteLabel"> {
 }
-declare const MuiChip: React.ForwardRefExoticComponent<Omit<MuiChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const MuiChipLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const MuiChipDeleteIcon: React.ForwardRefExoticComponent<Omit<import("@mui/material/IconButton").IconButtonOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "color" | "style" | "tabIndex" | "children" | "render" | "label" | "component" | "classes" | "sx" | "disabled" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "LinkComponent" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "edge">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const MuiChip: React.ForwardRefExoticComponent<MuiChipProps & React.RefAttributes<HTMLElement | HTMLDivElement>>;
+declare const MuiChipLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLElement | HTMLSpanElement>>;
+declare const MuiChipDeleteIcon: React.ForwardRefExoticComponent<Omit<import("@mui/material/IconButton").IconButtonOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "color" | "style" | "tabIndex" | "children" | "render" | "label" | "component" | "classes" | "sx" | "disabled" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "LinkComponent" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "edge">, "ref"> & React.RefAttributes<HTMLElement | HTMLButtonElement>>;
 export { MuiChip, MuiChipLabel, MuiChipDeleteIcon };

package/dist/~components/MuiChip.js

@@ -4,10 +4,11 @@ import { Role } from "@ariakit/react/role";
 import { VisuallyHidden } from "@ariakit/react/visually-hidden";
 import IconButton from "@mui/material/IconButton";
 import { useTheme } from "@mui/material/styles";
-import { DismissIcon } from "../Icon.js";
+import { forwardRef } from "@stratakit/foundations/secret-internals";
+import { DismissCircleIcon } from "../Icon.js";
 import { MuiButtonBase } from "./MuiButtonBase.js";
 const MuiChipContext = React.createContext(void 0);
-const MuiChip = React.forwardRef((props, forwardedRef) => {
+const MuiChip = forwardRef((props, forwardedRef) => {
   const {
     role,
     deleteLabel,
@@ -32,7 +33,7 @@ const MuiChip = React.forwardRef((props, forwardedRef) => {
     })
   });
 });
-const MuiChipLabel = React.forwardRef((props, forwardedRef) => {
+const MuiChipLabel = forwardRef((props, forwardedRef) => {
   const defaultId = React.useId();
   const {
     id = defaultId,
@@ -56,7 +57,7 @@ const MuiChipLabel = React.forwardRef((props, forwardedRef) => {
     ref: forwardedRef
   });
 });
-const MuiChipDeleteIcon = React.forwardRef((props, forwardedRef) => {
+const MuiChipDeleteIcon = forwardRef((props, forwardedRef) => {
   const theme = useTheme();
   const defaultLabel = theme.components?.MuiAutocomplete?.defaultProps?.clearText ?? "Clear";
   const {
@@ -72,7 +73,7 @@ const MuiChipDeleteIcon = React.forwardRef((props, forwardedRef) => {
     children: [/* @__PURE__ */ jsx(VisuallyHidden, {
       id: clearId,
       children: deleteLabel
-    }), /* @__PURE__ */ jsx(DismissIcon, {})]
+    }), /* @__PURE__ */ jsx(DismissCircleIcon, {})]
   });
 });
 export {

package/dist/~components/MuiDivider.d.ts

@@ -0,0 +1,6 @@
+import type { DividerOwnProps } from "@mui/material/Divider";
+import type { BaseProps } from "@stratakit/foundations/secret-internals";
+interface MuiDividerProps extends BaseProps<"hr">, Pick<DividerOwnProps, "children"> {
+}
+declare const MuiDivider: import("react").ForwardRefExoticComponent<MuiDividerProps & import("react").RefAttributes<HTMLElement | HTMLHRElement>>;
+export { MuiDivider };

package/dist/~components/MuiDivider.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Role } from "@ariakit/react/role";
+import { forwardRef } from "@stratakit/foundations/secret-internals";
+const MuiDivider = forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  const defaultRender = (() => {
+    if (children || props["aria-orientation"] === "vertical") return /* @__PURE__ */ jsx("div", {});
+    return /* @__PURE__ */ jsx("hr", {});
+  })();
+  return /* @__PURE__ */ jsx(Role, {
+    render: defaultRender,
+    ...rest,
+    ref: forwardedRef,
+    children
+  });
+});
+export {
+  MuiDivider
+};

package/dist/~components/MuiStepper.d.ts

@@ -0,0 +1,2 @@
+declare const MuiStepIcon: import("react").ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "render"> & import("react").RefAttributes<HTMLElement | HTMLSpanElement>>;
+export { MuiStepIcon };

package/dist/~components/MuiStepper.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Role } from "@ariakit/react/role";
+import { forwardRef } from "@stratakit/foundations/secret-internals";
+import { CheckmarkIcon, ErrorIcon } from "../Icon.js";
+const MuiStepIcon = forwardRef((props, forwardedRef) => {
+  const {
+    children: _,
+    ...rest
+  } = props;
+  const classList = props.className?.split(" ") ?? [];
+  const completed = classList.includes("Mui-completed");
+  const error = classList.includes("Mui-error");
+  const children = (() => {
+    if (error) return /* @__PURE__ */ jsx(ErrorIcon, {});
+    if (completed) return /* @__PURE__ */ jsx(CheckmarkIcon, {});
+  })();
+  return /* @__PURE__ */ jsx(Role.span, {
+    "aria-hidden": "true",
+    ...rest,
+    ref: forwardedRef,
+    children
+  });
+});
+export {
+  MuiStepIcon
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stratakit/mui",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "license": "MIT",
   "sideEffects": false,
   "types": "./dist/index.d.ts",