@weng-lab/ui-components 2.0.1 → 2.0.2

package/dist/ui-components.es4.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es4.js","sources":["../src/components/Table/Table.tsx"],"sourcesContent":["import {\n  DataGridPremium,\n  GridApiPremium,\n  GridAutosizeOptions,\n  GridColDef,\n  GridColumnHeaderParams,\n  GridToolbarProps,\n  ToolbarPropsOverrides,\n  useGridApiRef,\n  useKeepGroupedColumnsHidden,\n} from \"@mui/x-data-grid-premium\";\nimport NoSsr from \"@mui/material/NoSsr\";\nimport Skeleton from \"@mui/material/Skeleton\";\nimport { useMemo, useEffect, useCallback, useRef, ReactNode, CSSProperties, RefObject } from \"react\";\nimport TableFallback from \"./EmptyFallback\";\nimport { TableProps } from \"./types\";\nimport { CustomToolbar } from \"./CustomToolbar\";\nimport { HeaderWithTooltip } from \"./HeaderWithToolip\";\nimport { useContainerResize } from \"./useContainerResize\";\n\nexport const autosizeOptions: GridAutosizeOptions = {\n  expand: true,\n  includeHeaders: true,\n  outliersFactor: 1.5,\n};\n\ntype CustomDataGridProps = Omit<TableProps, \"emptyTableFallback\" | \"error\"> & { rows: NonNullable<TableProps[\"rows\"]> };\n\nconst CustomDataGridPremium = (props: CustomDataGridProps) => {\n  const {\n    pagination = true,\n    columns,\n    density = \"compact\",\n    rows,\n    apiRef: externalApiRef,\n    showToolbar = true,\n    divHeight,\n    sx = {},\n    slots = {},\n    label,\n    labelTooltip,\n    downloadFileName,\n    toolbarSlot,\n    toolbarStyle,\n    toolbarIconColor,\n    initialState,\n    onReady,\n    ...restDataGridProps\n  } = props;\n\n  // Create a ref for the wrapper div to measure container resizing\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const toolbarPropsRef = useRef({ label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor });\n  toolbarPropsRef.current = { label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor };\n\n  // Stable component identity regardless of toolbar prop changes, so DataGrid never unmounts/remounts the toolbar slot\n  const CustomToolbarWrapper = useMemo(\n    () => (props: GridToolbarProps & ToolbarPropsOverrides) => <CustomToolbar {...props} {...toolbarPropsRef.current} />,\n    []\n  );\n\n  // This handles transforming columns of the TableColDef type back to GridColDef, dealing with adding the tooltip element to the RenderHeader\n  const transformedColumns: GridColDef[] = useMemo(() => {\n    return columns.map((col) => {\n      // If no tooltip is defined, return the column as-is\n      if (!col.tooltip) {\n        return col;\n      }\n\n      // If tooltip exists, override the renderHeader with HeaderWithTooltip\n      return {\n        ...col,\n        renderHeader: (params: GridColumnHeaderParams) => (\n          <HeaderWithTooltip\n            params={params}\n            tooltipTitle={col.tooltip!} // We know it exists here\n            originalRenderHeader={col.renderHeader} // Pass the user's custom renderer if it exists\n          />\n        ),\n      };\n    });\n  }, [columns]);\n\n  const internalApiRef = useGridApiRef();\n  // prioritize using the provided apiRef if available, otherwise create a new one\n  const apiRef = externalApiRef ?? internalApiRef;\n\n  const handleResizeCols = useCallback(() => {\n    // need to check .autosizeColumns since the current was being set with an empty object\n    if (!apiRef.current?.autosizeColumns) return;\n    apiRef.current.autosizeColumns(autosizeOptions);\n  }, [apiRef]);\n\n  // trigger resize when rows or columns change so that rows/columns don't need to be memoized outside of this component\n  // otherwise sometimes would snap back to default widths when rows/columns change\n  useEffect(() => {\n    handleResizeCols();\n  }, [rows, transformedColumns, handleResizeCols]);\n\n  useEffect(() => {\n    return apiRef.current?.subscribeEvent(\"rowExpansionChange\", (params) => {\n      if (params.childrenExpanded) {\n        apiRef.current?.autosizeColumns(autosizeOptions);\n      }\n    });\n  }, [apiRef]);\n\n  useEffect(() => {\n    if (!apiRef.current) return;\n    const cleanups = onReady?.(apiRef as RefObject<GridApiPremium>);\n    if (!cleanups) return;\n    if (Array.isArray(cleanups)) return () => cleanups.forEach(fn => fn());\n    return cleanups;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Measure wrapper div for changes in size to trigger autosizeColumns\n  // Both resize and viewportInnerSizeChange events on the DataGrid are triggered on column resize so couldn't use those instead\n  useContainerResize(wrapperRef, handleResizeCols);\n\n  const internalInitialState = useKeepGroupedColumnsHidden({\n    apiRef,\n    initialState,\n  });\n\n  return (\n    <div ref={wrapperRef} style={{ width: \"100%\", height: '100%' }}>\n      <DataGridPremium\n        apiRef={apiRef}\n        columns={transformedColumns}\n        autosizeOnMount\n        rows={rows}\n        autosizeOptions={autosizeOptions}\n        disableRowSelectionOnClick\n        showToolbar={showToolbar}\n        density={density}\n        sx={{\n          \"& .MuiDataGrid-toolbarDivider\": {\n            height: \"20px\",\n          },\n          ...sx,\n        }}\n        slots={{\n          toolbar: CustomToolbarWrapper,\n          ...slots,\n        }}\n        disableAggregation\n        disablePivoting\n        initialState={internalInitialState}\n        {...restDataGridProps}\n      />\n    </div>\n  );\n};\n\nconst TableContainer = ({ divHeight = {}, children }: { divHeight?: CSSProperties; children: ReactNode }) => (\n  <div\n    style={{\n      display: \"flex\",\n      flexDirection: \"column\",\n      ...divHeight,\n    }}\n  >\n    {children}\n  </div>\n);\n\nconst TableSSRBoundary = ({ children }: { children: ReactNode }) => (\n  <NoSsr fallback={<Skeleton variant=\"rounded\" width=\"100%\" height=\"100%\" sx={{ minHeight: 100 }} />}>\n    {children}\n  </NoSsr>\n);\n\nconst Table = (props: TableProps) => {\n  const {\n    rows = [],\n    emptyTableFallback,\n    error = false,\n    label,\n    divHeight,\n    ...restProps\n  } = props;\n\n  //Assign default ID if no ID is provided in the row data\n  const rowsWithIds = useMemo(() => rows.map((row, index) => ({ ...row, id: row?.id || index })), [rows]);\n\n  if (emptyTableFallback && rowsWithIds.length === 0 && !restProps.loading) {\n    return typeof emptyTableFallback === \"string\" ? (\n      <TableFallback message={emptyTableFallback} variant=\"empty\" />\n    ) : (\n      emptyTableFallback\n    );\n  }\n\n  if (error) {\n    return <TableFallback message={`Error fetching ${label}`} variant=\"error\" />;\n  }\n\n  return (\n    <TableContainer divHeight={divHeight}>\n      <TableSSRBoundary>\n        <CustomDataGridPremium rows={rowsWithIds} label={label} {...restProps} />\n      </TableSSRBoundary>\n    </TableContainer>\n  );\n};\n\nexport default Table;\n"],"names":["autosizeOptions","expand","includeHeaders","outliersFactor","CustomDataGridPremium","props","pagination","columns","density","rows","apiRef","externalApiRef","showToolbar","divHeight","sx","slots","label","labelTooltip","downloadFileName","toolbarSlot","toolbarStyle","toolbarIconColor","initialState","onReady","restDataGridProps","wrapperRef","useRef","toolbarPropsRef","current","CustomToolbarWrapper","useMemo","jsx","CustomToolbar","transformedColumns","map","col","tooltip","renderHeader","params","HeaderWithTooltip","internalApiRef","useGridApiRef","handleResizeCols","useCallback","autosizeColumns","useEffect","subscribeEvent","childrenExpanded","cleanups","Array","isArray","forEach","fn","useContainerResize","internalInitialState","useKeepGroupedColumnsHidden","width","height","DataGridPremium","toolbar","TableContainer","t0","$","_c","t1","children","t2","undefined","t3","display","flexDirection","t4","TableSSRBoundary","Symbol","for","Skeleton","minHeight","NoSsr","Table","emptyTableFallback","restProps","error","_temp","rowsWithIds","length","loading","TableFallback","t5","row","index","id"],"mappings":"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"}
+{"version":3,"file":"ui-components.es4.js","sources":["../src/components/Table/Table.tsx"],"sourcesContent":["import {\n  DataGridPremium,\n  GridApiPremium,\n  GridAutosizeOptions,\n  GridColDef,\n  GridColumnHeaderParams,\n  GridToolbarProps,\n  ToolbarPropsOverrides,\n  useGridApiRef,\n  useKeepGroupedColumnsHidden,\n} from \"@mui/x-data-grid-premium\";\nimport NoSsr from \"@mui/material/NoSsr\";\nimport Skeleton from \"@mui/material/Skeleton\";\nimport { useMemo, useEffect, useCallback, useRef, ReactNode, CSSProperties, RefObject } from \"react\";\nimport TableFallback from \"./EmptyFallback\";\nimport { TableProps } from \"./types\";\nimport { CustomToolbar } from \"./CustomToolbar\";\nimport { HeaderWithTooltip } from \"./HeaderWithToolip\";\nimport { useContainerResize } from \"./useContainerResize\";\n\nexport const autosizeOptions: GridAutosizeOptions = {\n  expand: true,\n  includeHeaders: true,\n  outliersFactor: 1.5,\n};\n\ntype CustomDataGridProps = Omit<TableProps, \"emptyTableFallback\" | \"error\"> & { rows: NonNullable<TableProps[\"rows\"]> };\n\nconst CustomDataGridPremium = (props: CustomDataGridProps) => {\n  const {\n    pagination = true,\n    columns,\n    density = \"compact\",\n    rows,\n    apiRef: externalApiRef,\n    showToolbar = true,\n    divHeight,\n    sx = {},\n    slots = {},\n    label,\n    labelTooltip,\n    downloadFileName,\n    toolbarSlot,\n    toolbarStyle,\n    toolbarIconColor,\n    initialState,\n    onReady,\n    ...restDataGridProps\n  } = props;\n\n  // Create a ref for the wrapper div to measure container resizing\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const toolbarPropsRef = useRef({ label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor });\n  toolbarPropsRef.current = { label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor };\n\n  // Stable component identity regardless of toolbar prop changes, so DataGrid never unmounts/remounts the toolbar slot\n  const CustomToolbarWrapper = useMemo(\n    () => (props: GridToolbarProps & ToolbarPropsOverrides) => <CustomToolbar {...props} {...toolbarPropsRef.current} />,\n    []\n  );\n\n  // This handles transforming columns of the TableColDef type back to GridColDef, dealing with adding the tooltip element to the RenderHeader\n  const transformedColumns: GridColDef[] = useMemo(() => {\n    return columns.map((col) => {\n      // If no tooltip is defined, return the column as-is\n      if (!col.tooltip) {\n        return col;\n      }\n\n      // If tooltip exists, override the renderHeader with HeaderWithTooltip\n      return {\n        ...col,\n        renderHeader: (params: GridColumnHeaderParams) => (\n          <HeaderWithTooltip\n            params={params}\n            tooltipTitle={col.tooltip!} // We know it exists here\n            originalRenderHeader={col.renderHeader} // Pass the user's custom renderer if it exists\n          />\n        ),\n      };\n    });\n  }, [columns]);\n\n  const internalApiRef = useGridApiRef();\n  // prioritize using the provided apiRef if available, otherwise create a new one\n  const apiRef = externalApiRef ?? internalApiRef;\n\n  const handleResizeCols = useCallback(() => {\n    // need to check .autosizeColumns since the current was being set with an empty object\n    if (!apiRef.current?.autosizeColumns) return;\n    apiRef.current.autosizeColumns(autosizeOptions);\n  }, [apiRef]);\n\n  // trigger resize when rows or columns change so that rows/columns don't need to be memoized outside of this component\n  // otherwise sometimes would snap back to default widths when rows/columns change\n  useEffect(() => {\n    handleResizeCols();\n  }, [rows, transformedColumns, handleResizeCols]);\n\n  useEffect(() => {\n    return apiRef.current?.subscribeEvent(\"rowExpansionChange\", (params) => {\n      if (params.childrenExpanded) {\n        apiRef.current?.autosizeColumns(autosizeOptions);\n      }\n    });\n  }, [apiRef]);\n\n  useEffect(() => {\n    if (!apiRef.current) return;\n    const cleanups = onReady?.(apiRef as RefObject<GridApiPremium>);\n    if (!cleanups) return;\n    if (Array.isArray(cleanups)) return () => cleanups.forEach(fn => fn());\n    return cleanups;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Measure wrapper div for changes in size to trigger autosizeColumns\n  // Both resize and viewportInnerSizeChange events on the DataGrid are triggered on column resize so couldn't use those instead\n  useContainerResize(wrapperRef, handleResizeCols);\n\n  const internalInitialState = useKeepGroupedColumnsHidden({\n    apiRef,\n    initialState,\n  });\n\n  return (\n    <div ref={wrapperRef} style={{ width: \"100%\", height: '100%' }}>\n      <DataGridPremium\n        apiRef={apiRef}\n        columns={transformedColumns}\n        autosizeOnMount\n        rows={rows}\n        autosizeOptions={autosizeOptions}\n        disableRowSelectionOnClick\n        showToolbar={showToolbar}\n        density={density}\n        sx={{\n          \"& .MuiDataGrid-toolbarDivider\": {\n            height: \"20px\",\n          },\n          ...sx,\n        }}\n        slots={{\n          toolbar: CustomToolbarWrapper,\n          ...slots,\n        }}\n        disableAggregation\n        disablePivoting\n        initialState={internalInitialState}\n        {...restDataGridProps}\n      />\n    </div>\n  );\n};\n\nconst TableContainer = ({ divHeight = {}, children }: { divHeight?: CSSProperties; children: ReactNode }) => (\n  <div\n    style={{\n      display: \"flex\",\n      flexDirection: \"column\",\n      height: \"100%\",\n      ...divHeight,\n    }}\n  >\n    {children}\n  </div>\n);\n\nconst TableSSRBoundary = ({ children }: { children: ReactNode }) => (\n  <NoSsr fallback={<Skeleton variant=\"rounded\" width=\"100%\" height=\"100%\" sx={{ minHeight: 100 }} />}>\n    {children}\n  </NoSsr>\n);\n\nconst Table = (props: TableProps) => {\n  const {\n    rows = [],\n    emptyTableFallback,\n    error = false,\n    label,\n    divHeight,\n    ...restProps\n  } = props;\n\n  //Assign default ID if no ID is provided in the row data\n  const rowsWithIds = useMemo(() => rows.map((row, index) => ({ ...row, id: row?.id || index })), [rows]);\n\n  if (emptyTableFallback && rowsWithIds.length === 0 && !restProps.loading) {\n    return typeof emptyTableFallback === \"string\" ? (\n      <TableFallback message={emptyTableFallback} variant=\"empty\" />\n    ) : (\n      emptyTableFallback\n    );\n  }\n\n  if (error) {\n    return <TableFallback message={`Error fetching ${label}`} variant=\"error\" />;\n  }\n\n  return (\n    <TableContainer divHeight={divHeight}>\n      <TableSSRBoundary>\n        <CustomDataGridPremium rows={rowsWithIds} label={label} {...restProps} />\n      </TableSSRBoundary>\n    </TableContainer>\n  );\n};\n\nexport default Table;\n"],"names":["autosizeOptions","expand","includeHeaders","outliersFactor","CustomDataGridPremium","props","pagination","columns","density","rows","apiRef","externalApiRef","showToolbar","divHeight","sx","slots","label","labelTooltip","downloadFileName","toolbarSlot","toolbarStyle","toolbarIconColor","initialState","onReady","restDataGridProps","wrapperRef","useRef","toolbarPropsRef","current","CustomToolbarWrapper","useMemo","jsx","CustomToolbar","transformedColumns","map","col","tooltip","renderHeader","params","HeaderWithTooltip","internalApiRef","useGridApiRef","handleResizeCols","useCallback","autosizeColumns","useEffect","subscribeEvent","childrenExpanded","cleanups","Array","isArray","forEach","fn","useContainerResize","internalInitialState","useKeepGroupedColumnsHidden","width","height","DataGridPremium","toolbar","TableContainer","t0","$","_c","t1","children","t2","undefined","t3","display","flexDirection","t4","TableSSRBoundary","Symbol","for","Skeleton","minHeight","NoSsr","Table","emptyTableFallback","restProps","error","_temp","rowsWithIds","length","loading","TableFallback","t5","row","index","id"],"mappings":"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"}

package/dist/ui-components.es40.js

@@ -1,95 +1,206 @@
-import * as d from "react";
+import * as B from "react";
 import o from "./ui-components.es81.js";
-import { clsx as f } from "./ui-components.es80.js";
-import u from "./ui-components.es82.js";
-import { getToolbarUtilityClass as g } from "./ui-components.es191.js";
-import { j as b } from "./ui-components.es12.js";
-import { useDefaultProps as v } from "./ui-components.es85.js";
-import T from "./ui-components.es31.js";
-import y from "./ui-components.es86.js";
-const x = (s) => {
+import { clsx as F } from "./ui-components.es82.js";
+import X from "./ui-components.es86.js";
+import Y from "./ui-components.es163.js";
+import { getModalUtilityClass as Z } from "./ui-components.es164.js";
+import C from "./ui-components.es108.js";
+import { j as p } from "./ui-components.es12.js";
+import { useDefaultProps as $ } from "./ui-components.es92.js";
+import g from "./ui-components.es25.js";
+import H from "./ui-components.es165.js";
+import oo from "./ui-components.es166.js";
+import eo from "./ui-components.es167.js";
+import so from "./ui-components.es95.js";
+import to from "./ui-components.es168.js";
+import ro from "./ui-components.es169.js";
+const no = (s) => {
   const {
-    classes: t,
-    disableGutters: r,
-    variant: e
+    open: e,
+    exited: t,
+    classes: l
   } = s;
-  return y({
-    root: ["root", !r && "gutters", e]
-  }, g, t);
-}, R = T("div", {
-  name: "MuiToolbar",
+  return so({
+    root: ["root", !e && t && "hidden"],
+    backdrop: ["backdrop"]
+  }, Z, l);
+}, lo = g("div", {
+  name: "MuiModal",
   slot: "Root",
-  overridesResolver: (s, t) => {
+  overridesResolver: (s, e) => {
     const {
-      ownerState: r
+      ownerState: t
     } = s;
-    return [t.root, !r.disableGutters && t.gutters, t[r.variant]];
+    return [e.root, !t.open && t.exited && e.hidden];
   }
-})(u(({
+})(X(({
   theme: s
 }) => ({
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
+  position: "fixed",
+  zIndex: (s.vars || s).zIndex.modal,
+  right: 0,
+  bottom: 0,
+  top: 0,
+  left: 0,
   variants: [{
     props: ({
-      ownerState: t
-    }) => !t.disableGutters,
+      ownerState: e
+    }) => !e.open && e.exited,
     style: {
-      paddingLeft: s.spacing(2),
-      paddingRight: s.spacing(2),
-      [s.breakpoints.up("sm")]: {
-        paddingLeft: s.spacing(3),
-        paddingRight: s.spacing(3)
-      }
+      visibility: "hidden"
     }
+  }]
+}))), ao = g(eo, {
+  name: "MuiModal",
+  slot: "Backdrop"
+})({
+  zIndex: -1
+}), po = /* @__PURE__ */ B.forwardRef(function(e, t) {
+  const l = $({
+    name: "MuiModal",
+    props: e
+  }), {
+    BackdropComponent: c = ao,
+    BackdropProps: i,
+    classes: co,
+    className: O,
+    closeAfterTransition: v = !1,
+    children: f,
+    container: S,
+    component: w,
+    components: u = {},
+    componentsProps: N = {},
+    disableAutoFocus: b = !1,
+    disableEnforceFocus: T = !1,
+    disableEscapeKeyDown: A = !1,
+    disablePortal: k = !1,
+    disableRestoreFocus: x = !1,
+    disableScrollLock: D = !1,
+    hideBackdrop: P = !1,
+    keepMounted: y = !1,
+    onClose: io,
+    onTransitionEnter: mo,
+    onTransitionExited: fo,
+    open: h,
+    slotProps: I = {},
+    slots: z = {},
+    // eslint-disable-next-line react/prop-types
+    theme: uo,
+    ...L
+  } = l, E = {
+    ...l,
+    closeAfterTransition: v,
+    disableAutoFocus: b,
+    disableEnforceFocus: T,
+    disableEscapeKeyDown: A,
+    disablePortal: k,
+    disableRestoreFocus: x,
+    disableScrollLock: D,
+    hideBackdrop: P,
+    keepMounted: y
   }, {
-    props: {
-      variant: "dense"
+    getRootProps: q,
+    getBackdropProps: K,
+    getTransitionProps: U,
+    portalRef: V,
+    isTopModal: W,
+    exited: R,
+    hasTransition: M
+  } = Y({
+    ...E,
+    rootRef: t
+  }), r = {
+    ...E,
+    exited: R
+  }, d = no(r), a = {};
+  if (f.props.tabIndex === void 0 && (a.tabIndex = "-1"), M) {
+    const {
+      onEnter: n,
+      onExited: m
+    } = U();
+    a.onEnter = n, a.onExited = m;
+  }
+  const j = {
+    slots: {
+      root: u.Root,
+      backdrop: u.Backdrop,
+      ...z
     },
-    style: {
-      minHeight: 48
+    slotProps: {
+      ...N,
+      ...I
     }
-  }, {
-    props: {
-      variant: "regular"
+  }, [_, G] = C("root", {
+    ref: t,
+    elementType: lo,
+    externalForwardedProps: {
+      ...j,
+      ...L,
+      component: w
     },
-    style: s.mixins.toolbar
-  }]
-}))), j = /* @__PURE__ */ d.forwardRef(function(t, r) {
-  const e = v({
-    props: t,
-    name: "MuiToolbar"
-  }), {
-    className: a,
-    component: n = "div",
-    disableGutters: p = !1,
-    variant: l = "regular",
-    ...c
-  } = e, i = {
-    ...e,
-    component: n,
-    disableGutters: p,
-    variant: l
-  }, m = x(i);
-  return /* @__PURE__ */ b.jsx(R, {
-    as: n,
-    className: f(m.root, a),
-    ref: r,
-    ownerState: i,
-    ...c
+    getSlotProps: q,
+    ownerState: r,
+    className: F(O, d?.root, !r.open && r.exited && d?.hidden)
+  }), [J, Q] = C("backdrop", {
+    ref: i?.ref,
+    elementType: c,
+    externalForwardedProps: j,
+    shouldForwardComponentProp: !0,
+    additionalProps: i,
+    getSlotProps: (n) => K({
+      ...n,
+      onClick: (m) => {
+        n?.onClick && n.onClick(m);
+      }
+    }),
+    className: F(i?.className, d?.backdrop),
+    ownerState: r
+  });
+  return !y && !h && (!M || R) ? null : /* @__PURE__ */ p.jsx(H, {
+    ref: V,
+    container: S,
+    disablePortal: k,
+    children: /* @__PURE__ */ p.jsxs(_, {
+      ...G,
+      children: [!P && c ? /* @__PURE__ */ p.jsx(J, {
+        ...Q
+      }) : null, /* @__PURE__ */ p.jsx(oo, {
+        disableEnforceFocus: T,
+        disableAutoFocus: b,
+        disableRestoreFocus: x,
+        isEnabled: W,
+        open: h,
+        children: /* @__PURE__ */ B.cloneElement(f, a)
+      })]
+    })
   });
 });
-process.env.NODE_ENV !== "production" && (j.propTypes = {
+process.env.NODE_ENV !== "production" && (po.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
-   * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
+   * A backdrop component. This prop enables custom backdrop rendering.
+   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
+   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
+   * @default styled(Backdrop, {
+   *   name: 'MuiModal',
+   *   slot: 'Backdrop',
+   * })({
+   *   zIndex: -1,
+   * })
+   */
+  BackdropComponent: o.elementType,
+  /**
+   * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.
+   * @deprecated Use `slotProps.backdrop` instead.
    */
-  children: o.node,
+  BackdropProps: o.object,
+  /**
+   * A single child content element.
+   */
+  children: to.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -98,27 +209,144 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
    * @ignore
    */
   className: o.string,
+  /**
+   * When set to true the Modal waits until a nested Transition is completed before closing.
+   * @default false
+   */
+  closeAfterTransition: o.bool,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: o.elementType,
   /**
-   * If `true`, disables gutter padding.
+   * The components used for each slot inside.
+   *
+   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  components: o.shape({
+    Backdrop: o.elementType,
+    Root: o.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  componentsProps: o.shape({
+    backdrop: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: o.oneOfType([ro, o.func]),
+  /**
+   * If `true`, the modal will not automatically shift focus to itself when it opens, and
+   * replace it to the last focused element when it closes.
+   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableGutters: o.bool,
+  disableAutoFocus: o.bool,
   /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
+   * If `true`, the modal will not prevent focus from leaving the modal while open.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableEnforceFocus: o.bool,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: o.bool,
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: o.bool,
+  /**
+   * If `true`, the modal will not restore focus to previously focused element once
+   * modal is hidden or unmounted.
+   * @default false
+   */
+  disableRestoreFocus: o.bool,
+  /**
+   * Disable the scroll lock behavior.
+   * @default false
+   */
+  disableScrollLock: o.bool,
+  /**
+   * If `true`, the backdrop is not rendered.
+   * @default false
+   */
+  hideBackdrop: o.bool,
+  /**
+   * Always keep the children in the DOM.
+   * This prop can be useful in SEO situation or
+   * when you want to maximize the responsiveness of the Modal.
+   * @default false
+   */
+  keepMounted: o.bool,
+  /**
+   * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose: o.func,
+  /**
+   * A function called when a transition enters.
+   */
+  onTransitionEnter: o.func,
+  /**
+   * A function called when a transition has exited.
    */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  onTransitionExited: o.func,
   /**
-   * The variant to use.
-   * @default 'regular'
+   * If `true`, the component is shown.
+   */
+  open: o.bool.isRequired,
+  /**
+   * The props used for each slot inside the Modal.
+   * @default {}
+   */
+  slotProps: o.shape({
+    backdrop: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside the Modal.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: o.shape({
+    backdrop: o.elementType,
+    root: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  variant: o.oneOfType([o.oneOf(["dense", "regular"]), o.string])
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
 export {
-  j as default
+  po as default
 };
 //# sourceMappingURL=ui-components.es40.js.map

package/dist/ui-components.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es40.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Toolbar/Toolbar.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getToolbarUtilityClass } from \"./toolbarClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disableGutters,\n    variant\n  } = ownerState;\n  const slots = {\n    root: ['root', !disableGutters && 'gutters', variant]\n  };\n  return composeClasses(slots, getToolbarUtilityClass, classes);\n};\nconst ToolbarRoot = styled('div', {\n  name: 'MuiToolbar',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, !ownerState.disableGutters && styles.gutters, styles[ownerState.variant]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  variants: [{\n    props: ({\n      ownerState\n    }) => !ownerState.disableGutters,\n    style: {\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n      [theme.breakpoints.up('sm')]: {\n        paddingLeft: theme.spacing(3),\n        paddingRight: theme.spacing(3)\n      }\n    }\n  }, {\n    props: {\n      variant: 'dense'\n    },\n    style: {\n      minHeight: 48\n    }\n  }, {\n    props: {\n      variant: 'regular'\n    },\n    style: theme.mixins.toolbar\n  }]\n})));\nconst Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiToolbar'\n  });\n  const {\n    className,\n    component = 'div',\n    disableGutters = false,\n    variant = 'regular',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component,\n    disableGutters,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(ToolbarRoot, {\n    as: component,\n    className: clsx(classes.root, className),\n    ref: ref,\n    ownerState: ownerState,\n    ...other\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Toolbar.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.\n   * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, disables gutter padding.\n   * @default false\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   * @default 'regular'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['dense', 'regular']), PropTypes.string])\n} : void 0;\nexport default Toolbar;"],"names":["useUtilityClasses","ownerState","classes","disableGutters","variant","composeClasses","getToolbarUtilityClass","ToolbarRoot","styled","props","styles","memoTheme","theme","Toolbar","React","inProps","ref","useDefaultProps","className","component","other","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es40.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Modal/Modal.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport HTMLElementType from '@mui/utils/HTMLElementType';\nimport elementAcceptingRef from '@mui/utils/elementAcceptingRef';\nimport composeClasses from '@mui/utils/composeClasses';\nimport FocusTrap from \"../Unstable_TrapFocus/index.js\";\nimport Portal from \"../Portal/index.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport Backdrop from \"../Backdrop/index.js\";\nimport useModal from \"./useModal.js\";\nimport { getModalUtilityClass } from \"./modalClasses.js\";\nimport useSlot from \"../utils/useSlot.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    open,\n    exited,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', !open && exited && 'hidden'],\n    backdrop: ['backdrop']\n  };\n  return composeClasses(slots, getModalUtilityClass, classes);\n};\nconst ModalRoot = styled('div', {\n  name: 'MuiModal',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, !ownerState.open && ownerState.exited && styles.hidden];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  position: 'fixed',\n  zIndex: (theme.vars || theme).zIndex.modal,\n  right: 0,\n  bottom: 0,\n  top: 0,\n  left: 0,\n  variants: [{\n    props: ({\n      ownerState\n    }) => !ownerState.open && ownerState.exited,\n    style: {\n      visibility: 'hidden'\n    }\n  }]\n})));\nconst ModalBackdrop = styled(Backdrop, {\n  name: 'MuiModal',\n  slot: 'Backdrop'\n})({\n  zIndex: -1\n});\n\n/**\n * Modal is a lower-level construct that is leveraged by the following components:\n *\n * - [Dialog](/material-ui/api/dialog/)\n * - [Drawer](/material-ui/api/drawer/)\n * - [Menu](/material-ui/api/menu/)\n * - [Popover](/material-ui/api/popover/)\n *\n * If you are creating a modal dialog, you probably want to use the [Dialog](/material-ui/api/dialog/) component\n * rather than directly using Modal.\n *\n * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).\n */\nconst Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {\n  const props = useDefaultProps({\n    name: 'MuiModal',\n    props: inProps\n  });\n  const {\n    BackdropComponent = ModalBackdrop,\n    BackdropProps,\n    classes: classesProp,\n    className,\n    closeAfterTransition = false,\n    children,\n    container,\n    component,\n    components = {},\n    componentsProps = {},\n    disableAutoFocus = false,\n    disableEnforceFocus = false,\n    disableEscapeKeyDown = false,\n    disablePortal = false,\n    disableRestoreFocus = false,\n    disableScrollLock = false,\n    hideBackdrop = false,\n    keepMounted = false,\n    onClose,\n    onTransitionEnter,\n    onTransitionExited,\n    open,\n    slotProps = {},\n    slots = {},\n    // eslint-disable-next-line react/prop-types\n    theme,\n    ...other\n  } = props;\n  const propsWithDefaults = {\n    ...props,\n    closeAfterTransition,\n    disableAutoFocus,\n    disableEnforceFocus,\n    disableEscapeKeyDown,\n    disablePortal,\n    disableRestoreFocus,\n    disableScrollLock,\n    hideBackdrop,\n    keepMounted\n  };\n  const {\n    getRootProps,\n    getBackdropProps,\n    getTransitionProps,\n    portalRef,\n    isTopModal,\n    exited,\n    hasTransition\n  } = useModal({\n    ...propsWithDefaults,\n    rootRef: ref\n  });\n  const ownerState = {\n    ...propsWithDefaults,\n    exited\n  };\n  const classes = useUtilityClasses(ownerState);\n  const childProps = {};\n  if (children.props.tabIndex === undefined) {\n    childProps.tabIndex = '-1';\n  }\n\n  // It's a Transition like component\n  if (hasTransition) {\n    const {\n      onEnter,\n      onExited\n    } = getTransitionProps();\n    childProps.onEnter = onEnter;\n    childProps.onExited = onExited;\n  }\n  const externalForwardedProps = {\n    slots: {\n      root: components.Root,\n      backdrop: components.Backdrop,\n      ...slots\n    },\n    slotProps: {\n      ...componentsProps,\n      ...slotProps\n    }\n  };\n  const [RootSlot, rootProps] = useSlot('root', {\n    ref,\n    elementType: ModalRoot,\n    externalForwardedProps: {\n      ...externalForwardedProps,\n      ...other,\n      component\n    },\n    getSlotProps: getRootProps,\n    ownerState,\n    className: clsx(className, classes?.root, !ownerState.open && ownerState.exited && classes?.hidden)\n  });\n  const [BackdropSlot, backdropProps] = useSlot('backdrop', {\n    ref: BackdropProps?.ref,\n    elementType: BackdropComponent,\n    externalForwardedProps,\n    shouldForwardComponentProp: true,\n    additionalProps: BackdropProps,\n    getSlotProps: otherHandlers => {\n      return getBackdropProps({\n        ...otherHandlers,\n        onClick: event => {\n          if (otherHandlers?.onClick) {\n            otherHandlers.onClick(event);\n          }\n        }\n      });\n    },\n    className: clsx(BackdropProps?.className, classes?.backdrop),\n    ownerState\n  });\n  if (!keepMounted && !open && (!hasTransition || exited)) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(Portal, {\n    ref: portalRef,\n    container: container,\n    disablePortal: disablePortal,\n    children: /*#__PURE__*/_jsxs(RootSlot, {\n      ...rootProps,\n      children: [!hideBackdrop && BackdropComponent ? /*#__PURE__*/_jsx(BackdropSlot, {\n        ...backdropProps\n      }) : null, /*#__PURE__*/_jsx(FocusTrap, {\n        disableEnforceFocus: disableEnforceFocus,\n        disableAutoFocus: disableAutoFocus,\n        disableRestoreFocus: disableRestoreFocus,\n        isEnabled: isTopModal,\n        open: open,\n        children: /*#__PURE__*/React.cloneElement(children, childProps)\n      })]\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Modal.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * A backdrop component. This prop enables custom backdrop rendering.\n   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.\n   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.\n   * @default styled(Backdrop, {\n   *   name: 'MuiModal',\n   *   slot: 'Backdrop',\n   * })({\n   *   zIndex: -1,\n   * })\n   */\n  BackdropComponent: PropTypes.elementType,\n  /**\n   * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.\n   * @deprecated Use `slotProps.backdrop` instead.\n   */\n  BackdropProps: PropTypes.object,\n  /**\n   * A single child content element.\n   */\n  children: elementAcceptingRef.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * When set to true the Modal waits until a nested Transition is completed before closing.\n   * @default false\n   */\n  closeAfterTransition: PropTypes.bool,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The components used for each slot inside.\n   *\n   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Backdrop: PropTypes.elementType,\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * An HTML element or function that returns one.\n   * The `container` will have the portal children appended to it.\n   *\n   * You can also provide a callback, which is called in a React layout effect.\n   * This lets you set the container from a ref, and also makes server-side rendering possible.\n   *\n   * By default, it uses the body of the top-level document object,\n   * so it's simply `document.body` most of the time.\n   */\n  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),\n  /**\n   * If `true`, the modal will not automatically shift focus to itself when it opens, and\n   * replace it to the last focused element when it closes.\n   * This also works correctly with any modal children that have the `disableAutoFocus` prop.\n   *\n   * Generally this should never be set to `true` as it makes the modal less\n   * accessible to assistive technologies, like screen readers.\n   * @default false\n   */\n  disableAutoFocus: PropTypes.bool,\n  /**\n   * If `true`, the modal will not prevent focus from leaving the modal while open.\n   *\n   * Generally this should never be set to `true` as it makes the modal less\n   * accessible to assistive technologies, like screen readers.\n   * @default false\n   */\n  disableEnforceFocus: PropTypes.bool,\n  /**\n   * If `true`, hitting escape will not fire the `onClose` callback.\n   * @default false\n   */\n  disableEscapeKeyDown: PropTypes.bool,\n  /**\n   * The `children` will be under the DOM hierarchy of the parent component.\n   * @default false\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true`, the modal will not restore focus to previously focused element once\n   * modal is hidden or unmounted.\n   * @default false\n   */\n  disableRestoreFocus: PropTypes.bool,\n  /**\n   * Disable the scroll lock behavior.\n   * @default false\n   */\n  disableScrollLock: PropTypes.bool,\n  /**\n   * If `true`, the backdrop is not rendered.\n   * @default false\n   */\n  hideBackdrop: PropTypes.bool,\n  /**\n   * Always keep the children in the DOM.\n   * This prop can be useful in SEO situation or\n   * when you want to maximize the responsiveness of the Modal.\n   * @default false\n   */\n  keepMounted: PropTypes.bool,\n  /**\n   * Callback fired when the component requests to be closed.\n   * The `reason` parameter can optionally be used to control the response to `onClose`.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func,\n  /**\n   * A function called when a transition enters.\n   */\n  onTransitionEnter: PropTypes.func,\n  /**\n   * A function called when a transition has exited.\n   */\n  onTransitionExited: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * The props used for each slot inside the Modal.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside the Modal.\n   * Either a string to use a HTML element or a component.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    backdrop: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Modal;"],"names":["useUtilityClasses","ownerState","open","exited","classes","composeClasses","getModalUtilityClass","ModalRoot","styled","props","styles","memoTheme","theme","ModalBackdrop","Backdrop","Modal","React","inProps","ref","useDefaultProps","BackdropComponent","BackdropProps","classesProp","className","closeAfterTransition","children","container","component","components","componentsProps","disableAutoFocus","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","onClose","onTransitionEnter","onTransitionExited","slotProps","slots","other","propsWithDefaults","getRootProps","getBackdropProps","getTransitionProps","portalRef","isTopModal","hasTransition","useModal","childProps","onEnter","onExited","externalForwardedProps","RootSlot","rootProps","useSlot","clsx","BackdropSlot","backdropProps","otherHandlers","event","_jsx","Portal","_jsxs","FocusTrap","PropTypes","elementAcceptingRef","HTMLElementType"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es400.js

@@ -1,6 +1,6 @@
 import t from "./ui-components.es410.js";
 import o from "./ui-components.es387.js";
-import { isHTMLElement as e } from "./ui-components.es370.js";
+import { isHTMLElement as e } from "./ui-components.es369.js";
 import l from "./ui-components.es411.js";
 function c(r) {
   return r === o(r) || !e(r) ? t(r) : l(r);

package/dist/ui-components.es403.js

@@ -1,7 +1,7 @@
 import t from "./ui-components.es404.js";
 import e from "./ui-components.es402.js";
 import o from "./ui-components.es380.js";
-import { isHTMLElement as m } from "./ui-components.es370.js";
+import { isHTMLElement as m } from "./ui-components.es369.js";
 function i(r) {
   return ["html", "body", "#document"].indexOf(o(r)) >= 0 ? r.ownerDocument.body : m(r) && e(r) ? r : i(t(r));
 }

package/dist/ui-components.es404.js

@@ -1,6 +1,6 @@
 import r from "./ui-components.es380.js";
 import t from "./ui-components.es388.js";
-import { isShadowRoot as a } from "./ui-components.es370.js";
+import { isShadowRoot as a } from "./ui-components.es369.js";
 function u(o) {
   return r(o) === "html" ? o : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle

package/dist/ui-components.es407.js

@@ -1,11 +1,11 @@
-import { viewport as c } from "./ui-components.es361.js";
+import { viewport as c } from "./ui-components.es360.js";
 import v from "./ui-components.es412.js";
 import C from "./ui-components.es413.js";
-import x from "./ui-components.es365.js";
-import b from "./ui-components.es366.js";
+import x from "./ui-components.es364.js";
+import b from "./ui-components.es365.js";
 import E from "./ui-components.es388.js";
 import P from "./ui-components.es389.js";
-import { isHTMLElement as w, isElement as m } from "./ui-components.es370.js";
+import { isHTMLElement as w, isElement as m } from "./ui-components.es369.js";
 import T from "./ui-components.es399.js";
 import H from "./ui-components.es404.js";
 import N from "./ui-components.es382.js";