@stratakit/mui 0.3.0 → 0.4.0

package/dist/DEV/~components/MuiChip.js

@@ -4,56 +4,57 @@ 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(
+const MuiChip = forwardRef((props, forwardedRef) => {
+  const { role, deleteLabel, ...rest } = props;
+  const clearId = React.useId();
+  const [labelId, setLabelId] = React.useState(void 0);
+  const isClickable = props.className?.includes("MuiChip-clickable") ?? false;
+  return /* @__PURE__ */ jsx(
+    MuiChipContext.Provider,
+    {
+      value: { labelId, setLabelId, clearId, isClickable, deleteLabel },
+      children: /* @__PURE__ */ jsx(
+        Role.div,
+        {
+          ...rest,
+          role: role === "button" ? void 0 : role,
+          tabIndex: void 0,
+          ref: forwardedRef
+        }
+      )
+    }
+  );
+});
+DEV: MuiChip.displayName = "MuiChip";
+const MuiChipLabel = forwardRef(
   (props, forwardedRef) => {
-    const { role, deleteLabel, ...rest } = props;
-    const clearId = React.useId();
-    const [labelId, setLabelId] = React.useState(void 0);
-    const isClickable = props.className?.includes("MuiChip-clickable") ?? false;
+    const defaultId = React.useId();
+    const { id = defaultId, ...rest } = props;
+    const { setLabelId, isClickable } = React.useContext(MuiChipContext) ?? {};
+    React.useEffect(() => {
+      if (!setLabelId) return;
+      setLabelId(id);
+      return () => {
+        setLabelId(void 0);
+      };
+    }, [id, setLabelId]);
+    const Component = isClickable ? MuiButtonBase : Role.span;
     return /* @__PURE__ */ jsx(
-      MuiChipContext.Provider,
+      Component,
       {
-        value: { labelId, setLabelId, clearId, isClickable, deleteLabel },
-        children: /* @__PURE__ */ jsx(
-          Role.div,
-          {
-            ...rest,
-            role: role === "button" ? void 0 : role,
-            tabIndex: void 0,
-            ref: forwardedRef
-          }
-        )
+        id,
+        ...rest,
+        ref: forwardedRef
       }
     );
   }
 );
-DEV: MuiChip.displayName = "MuiChip";
-const MuiChipLabel = React.forwardRef((props, forwardedRef) => {
-  const defaultId = React.useId();
-  const { id = defaultId, ...rest } = props;
-  const { setLabelId, isClickable } = React.useContext(MuiChipContext) ?? {};
-  React.useEffect(() => {
-    if (!setLabelId) return;
-    setLabelId(id);
-    return () => {
-      setLabelId(void 0);
-    };
-  }, [id, setLabelId]);
-  const Component = isClickable ? MuiButtonBase : Role.span;
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      id,
-      ...rest,
-      ref: forwardedRef
-    }
-  );
-});
 DEV: MuiChipLabel.displayName = "MuiChipLabel";
-const MuiChipDeleteIcon = React.forwardRef((props, forwardedRef) => {
+const MuiChipDeleteIcon = forwardRef((props, forwardedRef) => {
   const theme = useTheme();
   const defaultLabel = theme.components?.MuiAutocomplete?.defaultProps?.clearText ?? "Clear";
   const {
@@ -70,7 +71,7 @@ const MuiChipDeleteIcon = React.forwardRef((props, forwardedRef) => {
       ref: forwardedRef,
       children: [
         /* @__PURE__ */ jsx(VisuallyHidden, { id: clearId, children: deleteLabel }),
-        /* @__PURE__ */ jsx(DismissIcon, {})
+        /* @__PURE__ */ jsx(DismissCircleIcon, {})
       ]
     }
   );

package/dist/DEV/~components/MuiDivider.js

@@ -0,0 +1,15 @@
+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 });
+});
+DEV: MuiDivider.displayName = "MuiDivider";
+export {
+  MuiDivider
+};

package/dist/DEV/~components/MuiStepper.js

@@ -0,0 +1,21 @@
+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 });
+  }
+);
+DEV: MuiStepIcon.displayName = "MuiStepIcon";
+export {
+  MuiStepIcon
+};

package/dist/DEV/{createTheme.js → ~createTheme.js}

@@ -1,18 +1,27 @@
-import { Fragment, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Role } from "@ariakit/react/role";
 import OutlinedInput from "@mui/material/OutlinedInput";
+import StepConnector from "@mui/material/StepConnector";
 import { createTheme as createMuiTheme } from "@mui/material/styles";
+import cx from "classnames";
 import { MuiBadge } from "./~components/MuiBadge.js";
+import { MuiBottomNavigationAction } from "./~components/MuiBottomNavigation.js";
 import { MuiButtonBase } from "./~components/MuiButtonBase.js";
-import { MuiCard, MuiCardActionArea } from "./~components/MuiCard.js";
+import {
+  MuiCard,
+  MuiCardActionArea,
+  MuiCardMedia
+} from "./~components/MuiCard.js";
 import {
   MuiChip,
   MuiChipDeleteIcon,
   MuiChipLabel
 } from "./~components/MuiChip.js";
+import { MuiDivider } from "./~components/MuiDivider.js";
 import { MuiIconButton } from "./~components/MuiIconButton.js";
 import { MuiSnackbar } from "./~components/MuiSnackbar.js";
+import { MuiStepIcon } from "./~components/MuiStepper.js";
 import { MuiTableCell, MuiTableHead } from "./~components/MuiTable.js";
 import {
   ArrowDownIcon,
@@ -103,6 +112,7 @@ function createTheme() {
       MuiAccordionSummary: {
         defaultProps: {
           component: Role.div,
+          nativeButton: false,
           expandIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {})
         }
       },
@@ -123,19 +133,46 @@ function createTheme() {
         defaultProps: {
           popupIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {}),
           clearIcon: /* @__PURE__ */ jsx(DismissIcon, {}),
+          renderOption: ({ key, ...props }, option, _, ownerState) => /* @__PURE__ */ jsx(
+            "li",
+            {
+              ...props,
+              className: cx("MuiMenuItem-root", props.className),
+              children: ownerState.getOptionLabel(option)
+            },
+            key
+          ),
           slotProps: {
             paper: {
               elevation: 8
               // match Menu elevation
             },
+            chip: {
+              size: "small"
+            },
             clearIndicator: {
-              tabIndex: 0
+              tabIndex: 0,
               // make clear indicator focusable
+              size: "small"
+            },
+            popupIndicator: {
+              size: "small"
             }
           }
         }
       },
-      MuiAvatar: { defaultProps: { component: Role.div } },
+      MuiAvatar: {
+        defaultProps: {
+          component: Role.div,
+          slotProps: { img: { draggable: false } }
+        },
+        styleOverrides: {
+          root: {
+            width: "var(--_MuiAvatar-size, 2rem)",
+            height: "var(--_MuiAvatar-size, 2rem)"
+          }
+        }
+      },
       MuiAvatarGroup: { defaultProps: { component: Role.div } },
       MuiBackdrop: { defaultProps: { component: Role.div } },
       MuiBadge: {
@@ -145,6 +182,11 @@ function createTheme() {
         }
       },
       MuiBottomNavigation: { defaultProps: { component: Role.div } },
+      MuiBottomNavigationAction: {
+        defaultProps: {
+          component: MuiBottomNavigationAction
+        }
+      },
       MuiBreadcrumbs: {
         defaultProps: {
           component: Role.nav,
@@ -179,18 +221,23 @@ function createTheme() {
       MuiCardHeader: {
         defaultProps: {
           component: Role.div,
-          slotProps: { title: { component: Role.h2 } }
+          slotProps: {
+            title: {
+              // biome-ignore lint/suspicious/noExplicitAny: MUI's CardHeader.title.component is hardcoded to "span"
+              component: Role.h2
+            }
+          }
         }
       },
-      MuiCardMedia: { defaultProps: { component: Role.div } },
+      MuiCardMedia: { defaultProps: { component: MuiCardMedia } },
       MuiCheckbox: {
         defaultProps: {
           component: Role.span,
           disableRipple: true,
           // Checkbox doesn't inherit from ButtonBase
-          icon: /* @__PURE__ */ jsx(Fragment, {}),
-          checkedIcon: /* @__PURE__ */ jsx(Fragment, {}),
-          indeterminateIcon: /* @__PURE__ */ jsx(Fragment, {})
+          icon: /* @__PURE__ */ jsx(Nothing, {}),
+          checkedIcon: /* @__PURE__ */ jsx(Nothing, {}),
+          indeterminateIcon: /* @__PURE__ */ jsx(Nothing, {})
         }
       },
       MuiChip: {
@@ -208,7 +255,7 @@ function createTheme() {
       MuiDialog: { defaultProps: { component: Role.div } },
       MuiDialogContentText: { defaultProps: { component: Role.p } },
       MuiDialogTitle: { defaultProps: { component: Role.h2 } },
-      MuiDivider: { defaultProps: { component: withRenderProp(Role, "hr") } },
+      MuiDivider: { defaultProps: { component: MuiDivider } },
       MuiDrawer: { defaultProps: { component: Role.div } },
       MuiFab: {
         defaultProps: {
@@ -220,7 +267,6 @@ function createTheme() {
       MuiFormHelperText: { defaultProps: { component: Role.p } },
       MuiFormLabel: { defaultProps: { component: Role.label } },
       MuiGrid: { defaultProps: { component: Role.div } },
-      MuiGridLegacy: { defaultProps: { component: Role.div } },
       MuiIcon: { defaultProps: { component: Role.span } },
       MuiIconButton: {
         defaultProps: { component: MuiIconButton, color: "secondary" }
@@ -267,7 +313,10 @@ function createTheme() {
       MuiList: { defaultProps: { component: Role.ul } },
       MuiListItem: { defaultProps: { component: Role.li } },
       MuiListItemButton: {
-        defaultProps: { component: MuiButtonBase }
+        defaultProps: {
+          component: MuiButtonBase,
+          nativeButton: true
+        }
       },
       MuiListItemText: {
         defaultProps: {
@@ -288,9 +337,11 @@ function createTheme() {
           // Removes masked border from Select
         }
       },
+      MuiPagination: { defaultProps: { shape: "rounded" } },
       MuiPaginationItem: {
         defaultProps: {
           component: MuiButtonBase,
+          shape: "rounded",
           slots: {
             previous: ChevronLeftIcon,
             next: ChevronRightIcon,
@@ -306,8 +357,8 @@ function createTheme() {
           component: Role.span,
           disableRipple: true,
           // Radio doesn't inherit from ButtonBase
-          icon: /* @__PURE__ */ jsx(Fragment, {}),
-          checkedIcon: /* @__PURE__ */ jsx(Fragment, {})
+          icon: /* @__PURE__ */ jsx(Nothing, {}),
+          checkedIcon: /* @__PURE__ */ jsx(Nothing, {})
         }
       },
       MuiRating: { defaultProps: { component: Role.span } },
@@ -335,15 +386,33 @@ function createTheme() {
       },
       MuiSnackbarContent: { defaultProps: { component: Role.div } },
       MuiStack: { defaultProps: { component: Role.div } },
-      MuiStep: { defaultProps: { component: Role.div } },
+      MuiStep: { defaultProps: { component: Role.li } },
       MuiSwitch: { defaultProps: { component: Role.span } },
-      MuiStepper: { defaultProps: { component: Role.div } },
+      MuiStepper: {
+        defaultProps: {
+          component: Role.ol,
+          connector: /* @__PURE__ */ jsx(StepConnector, { "aria-hidden": "true" })
+          // hiding the connector to prevent invalid markup
+        }
+      },
+      MuiStepLabel: {
+        defaultProps: {
+          slotProps: {
+            root: { component: Role.div },
+            stepIcon: { component: MuiStepIcon }
+          }
+        }
+      },
       MuiSvgIcon: { defaultProps: { component: Role.svg } },
       MuiSwipeableDrawer: { defaultProps: { component: Role.div } },
       MuiTabs: { defaultProps: { component: Role.div } },
       MuiTable: { defaultProps: { component: withRenderProp(Role, "table") } },
       MuiTableBody: {
-        defaultProps: { component: withRenderProp(Role, "tbody") }
+        defaultProps: {
+          component: withRenderProp(Role, "tbody"),
+          role: void 0
+          // Removing role="rowgroup". See https://github.com/iTwin/stratakit/pull/1361
+        }
       },
       MuiTableCell: { defaultProps: { component: MuiTableCell } },
       MuiTableContainer: {
@@ -384,7 +453,20 @@ function createTheme() {
       MuiToolbar: { defaultProps: { component: Role.div } },
       MuiTooltip: {
         defaultProps: {
-          describeChild: true
+          placement: "top",
+          describeChild: true,
+          slotProps: {
+            popper: {
+              modifiers: [
+                {
+                  name: "offset",
+                  options: {
+                    offset: [0, 2]
+                  }
+                }
+              ]
+            }
+          }
         }
       },
       MuiTypography: {
@@ -416,6 +498,9 @@ function withRenderProp(Role2, DefaultTagName) {
     return /* @__PURE__ */ jsx(Role2, { render: /* @__PURE__ */ jsx(DefaultTagName, {}), ...props, ref: forwardedRef });
   });
 }
+function Nothing() {
+  return null;
+}
 export {
   createTheme
 };

package/dist/Icon.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { Icon } from "@stratakit/foundations";
 declare const ArrowDownIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+declare const CheckmarkIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 declare const CaretsUpDownIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 declare const ChevronDownIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 declare const ChevronLeftIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
@@ -8,8 +9,9 @@ declare const ChevronLeftDoubleIcon: React.ForwardRefExoticComponent<Omit<React.
 declare const ChevronRightIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 declare const ChevronRightDoubleIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 declare const DismissIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+declare const DismissCircleIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 declare const ErrorIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 declare const InfoIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 declare const SuccessIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 declare const WarningIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export { Icon, ArrowDownIcon, CaretsUpDownIcon, ChevronDownIcon, ChevronLeftIcon, ChevronLeftDoubleIcon, ChevronRightIcon, ChevronRightDoubleIcon, DismissIcon, InfoIcon, SuccessIcon, WarningIcon, ErrorIcon, };
+export { Icon, ArrowDownIcon, CheckmarkIcon, CaretsUpDownIcon, ChevronDownIcon, ChevronLeftIcon, ChevronLeftDoubleIcon, ChevronRightIcon, ChevronRightDoubleIcon, DismissIcon, DismissCircleIcon, InfoIcon, SuccessIcon, WarningIcon, ErrorIcon, };

package/dist/Icon.js

@@ -3,12 +3,14 @@ import * as React from "react";
 import { Icon } from "@stratakit/foundations";
 import svgArrowDown from "@stratakit/icons/arrow-down.svg";
 import svgCaretsUpDown from "@stratakit/icons/carets-up-down.svg";
+import svgCheckmark from "@stratakit/icons/checkmark.svg";
 import svgChevronDown from "@stratakit/icons/chevron-down.svg";
 import svgChevronLeft from "@stratakit/icons/chevron-left.svg";
 import svgChevronLeftDouble from "@stratakit/icons/chevron-left-double.svg";
 import svgChevronRight from "@stratakit/icons/chevron-right.svg";
 import svgChevronRightDouble from "@stratakit/icons/chevron-right-double.svg";
 import svgDismiss from "@stratakit/icons/dismiss.svg";
+import svgDismissCircle from "@stratakit/icons/dismiss-circle.svg";
 import svgError from "@stratakit/icons/error.svg";
 import svgInfo from "@stratakit/icons/info.svg";
 import svgStatusSuccess from "@stratakit/icons/status-success.svg";
@@ -23,6 +25,7 @@ function createIconComponent(href) {
   });
 }
 const ArrowDownIcon = createIconComponent(svgArrowDown);
+const CheckmarkIcon = createIconComponent(svgCheckmark);
 const CaretsUpDownIcon = createIconComponent(svgCaretsUpDown);
 const ChevronDownIcon = createIconComponent(svgChevronDown);
 const ChevronLeftIcon = createIconComponent(svgChevronLeft);
@@ -30,6 +33,7 @@ const ChevronLeftDoubleIcon = createIconComponent(svgChevronLeftDouble);
 const ChevronRightIcon = createIconComponent(svgChevronRight);
 const ChevronRightDoubleIcon = createIconComponent(svgChevronRightDouble);
 const DismissIcon = createIconComponent(svgDismiss);
+const DismissCircleIcon = createIconComponent(svgDismissCircle);
 const ErrorIcon = createIconComponent(svgError);
 const InfoIcon = createIconComponent(svgInfo);
 const SuccessIcon = createIconComponent(svgStatusSuccess);
@@ -37,11 +41,13 @@ const WarningIcon = createIconComponent(svgWarning);
 export {
   ArrowDownIcon,
   CaretsUpDownIcon,
+  CheckmarkIcon,
   ChevronDownIcon,
   ChevronLeftDoubleIcon,
   ChevronLeftIcon,
   ChevronRightDoubleIcon,
   ChevronRightIcon,
+  DismissCircleIcon,
   DismissIcon,
   ErrorIcon,
   Icon,

package/dist/Root.d.ts

@@ -1,7 +1,8 @@
 import * as React from "react";
 import { Root as StrataKitRoot } from "@stratakit/foundations";
 import type { BaseProps } from "@stratakit/foundations/secret-internals";
-interface RootProps extends BaseProps<"div">, Pick<React.ComponentProps<typeof StrataKitRoot>, "rootNode"> {
+type StrataKitRootProps = React.ComponentPropsWithoutRef<typeof StrataKitRoot>;
+interface RootProps extends BaseProps<"div">, Pick<StrataKitRootProps, "unstable_accentColor" | "rootNode"> {
     children?: React.ReactNode;
     /**
      * The color scheme to use for all components on the page.
@@ -18,5 +19,5 @@ interface RootProps extends BaseProps<"div">, Pick<React.ComponentProps<typeof S
  * </Root>
  * ```
  */
-declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLDivElement>>;
+declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement | HTMLDivElement>>;
 export { Root };

package/dist/Root.js

@@ -3,18 +3,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ThemeProvider, useColorScheme } from "@mui/material/styles";
 import { Root as StrataKitRoot } from "@stratakit/foundations";
-import { RootContext, useSafeContext } from "@stratakit/foundations/secret-internals";
+import { forwardRef, RootContext, useSafeContext } from "@stratakit/foundations/secret-internals";
 import cx from "classnames";
-import { createTheme } from "./createTheme.js";
+import { createTheme } from "./~createTheme.js";
 import { StyledEngineProvider } from "./Root.internal.js";
 import css from "./styles.css.js";
 const theme = createTheme();
 const packageName = "@stratakit/mui";
-const key = `${packageName}@${"0.3.0"}`;
-const Root = React.forwardRef((props, forwardedRef) => {
+const key = `${packageName}@${"0.4.0"}`;
+const Root = forwardRef((props, forwardedRef) => {
   const {
     children,
     colorScheme,
+    unstable_accentColor,
     ...rest
   } = props;
   return /* @__PURE__ */ jsx(StyledEngineProvider, {
@@ -26,23 +27,29 @@ const Root = React.forwardRef((props, forwardedRef) => {
       }), /* @__PURE__ */ jsxs(RootInner, {
         ...rest,
         colorScheme,
+        unstable_accentColor,
         ref: forwardedRef,
         children: [/* @__PURE__ */ jsx(Styles, {}), children]
       })]
     })
   });
 });
-const RootInner = React.forwardRef((props, forwardedRef) => {
+const RootInner = forwardRef((props, forwardedRef) => {
   const {
     children,
     colorScheme,
+    unstable_accentColor,
     rootNode,
     ...rest
   } = props;
   return /* @__PURE__ */ jsx(StrataKitRoot, {
     ...rest,
     className: cx("\u{1F95D}MuiRoot", props.className),
+    portalContainer: /* @__PURE__ */ jsx("div", {
+      className: "\u{1F95D}MuiRoot"
+    }),
     colorScheme,
+    unstable_accentColor,
     rootNode,
     synchronizeColorScheme: true,
     ref: forwardedRef,
@@ -79,7 +86,7 @@ function Styles() {
   const $ = _c(4);
   const rootContext = useSafeContext(RootContext);
   if (!rootContext.versions?.has(packageName)) {
-    rootContext.versions?.set(packageName, "0.3.0");
+    rootContext.versions?.set(packageName, "0.4.0");
   }
   const {
     rootNode,

package/dist/index.d.ts

@@ -1,3 +1,2 @@
-export { createTheme } from "./createTheme.js";
 export { Icon } from "./Icon.js";
 export { Root } from "./Root.js";

package/dist/index.js

@@ -1,9 +1,7 @@
 "use client";
-import { createTheme } from "./createTheme.js";
 import { Icon } from "./Icon.js";
 import { Root } from "./Root.js";
 export {
   Icon,
-  Root,
-  createTheme
+  Root
 };