@m4l/base 1.0.1 → 1.1.0-beta-feature-728-m4l-components-rhf-image-selector.0

package/@types/types.d.ts

@@ -1,5 +1,9 @@
 import { ComponentsOverrides, ComponentsVariants, Theme } from '@mui/material/styles';
 import type { IconOwnerState, IconSlotsType } from '../components/Icon/types';
+import type {
+  ButtonBaseOwnerState,
+  ButtonBaseSlotsType,
+} from '../extended/mui/ButtonBase/types';
 import type {
   TooltipOwnerState,
   TooltipSlotsType,
@@ -11,18 +15,25 @@ import type {
 
 declare module '@mui/material/styles' {
   interface ComponentNameToClassKey {
+    M4LButtonBase: ButtonBaseSlotsType;
     M4LIcon: IconSlotsType;
     M4LTooltip: TooltipSlotsType;
     M4LTypography: TypographySlotsType;
   }
 
   interface ComponentsPropsList {
+    M4LButtonBase: Partial<ButtonBaseOwnerState>;
     M4LIcon: Partial<IconOwnerState>;
     M4LTooltip: Partial<TooltipOwnerState>;
     M4LTypography: Partial<TypographyOwnerState>;
   }
 
   interface Components {
+    M4LButtonBase?: {
+      defaultProps?: ComponentsPropsList['M4LButtonBase'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LButtonBase'];
+      variants?: ComponentsVariants['M4LButtonBase'];
+    };
     M4LIcon?: {
       defaultProps?: ComponentsPropsList['M4LIcon'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LIcon'];
@@ -39,4 +50,4 @@ declare module '@mui/material/styles' {
       variants?: ComponentsVariants['M4LTypography'];
     };
   }
-}
+}

package/extended/mui/ButtonBase/ButtonBase.d.ts

@@ -0,0 +1,6 @@
+import { ButtonBaseProps } from './types';
+/**
+ * Render a ButtonBase that can swap its content for a skeleton placeholder.
+ */
+export declare const ButtonBase: import('react').ForwardRefExoticComponent<Omit<ButtonBaseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ButtonBase.d.ts.map

package/extended/mui/ButtonBase/ButtonBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,UAAU,4HAkCtB,CAAC"}

package/extended/mui/ButtonBase/ButtonBase.js

@@ -0,0 +1,38 @@
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { RootStyled as u, SkeletonStyled as c } from "./slots/ButtonBaseSlots.js";
+const B = f(
+  function(n, r) {
+    const {
+      children: d,
+      disabled: i,
+      ownerState: e,
+      skeletonHeight: l = "100%",
+      skeletonVariant: s = "rounded",
+      skeletonWidth: a = "100%",
+      ...h
+    } = n, t = e?.isSkeleton ?? !1;
+    return /* @__PURE__ */ o(
+      u,
+      {
+        ref: r,
+        disabled: t || i,
+        ownerState: e,
+        ...h,
+        children: t ? /* @__PURE__ */ o(
+          c,
+          {
+            "aria-hidden": "true",
+            ownerState: e,
+            height: l,
+            variant: s,
+            width: a
+          }
+        ) : d
+      }
+    );
+  }
+);
+export {
+  B as ButtonBase
+};

package/extended/mui/ButtonBase/ButtonBase.styles.d.ts

@@ -0,0 +1,3 @@
+import { ButtonBaseStyles } from './types';
+export declare const buttonBaseStyles: ButtonBaseStyles;
+//# sourceMappingURL=ButtonBase.styles.d.ts.map

package/extended/mui/ButtonBase/ButtonBase.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBase.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/ButtonBase/ButtonBase.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,EAAE,gBAO9B,CAAC"}

package/extended/mui/ButtonBase/ButtonBase.styles.js

@@ -0,0 +1,11 @@
+const t = {
+  root: () => ({
+    minWidth: 0
+  }),
+  skeleton: () => ({
+    flexShrink: 0
+  })
+};
+export {
+  t as buttonBaseStyles
+};

package/extended/mui/ButtonBase/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const BUTTON_BASE_KEY_COMPONENT = "M4LButtonBase";
+//# sourceMappingURL=constants.d.ts.map

package/extended/mui/ButtonBase/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/ButtonBase/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,kBAAkB,CAAC"}

package/extended/mui/ButtonBase/constants.js

@@ -0,0 +1,4 @@
+const t = "M4LButtonBase";
+export {
+  t as BUTTON_BASE_KEY_COMPONENT
+};

package/extended/mui/ButtonBase/index.d.ts

@@ -0,0 +1,6 @@
+export { ButtonBase } from './ButtonBase';
+export { buttonBaseStyles } from './ButtonBase.styles';
+export { BUTTON_BASE_KEY_COMPONENT } from './constants';
+export * from './slots';
+export type { ButtonBaseOwnerState, ButtonBaseProps, ButtonBaseSlotsType, ButtonBaseStyles, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/extended/mui/ButtonBase/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/ButtonBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,cAAc,SAAS,CAAC;AACxB,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,SAAS,CAAC"}

package/extended/mui/ButtonBase/slots/ButtonBaseEnum.d.ts

@@ -0,0 +1,5 @@
+export declare enum ButtonBaseSlots {
+    root = "root",
+    skeleton = "skeleton"
+}
+//# sourceMappingURL=ButtonBaseEnum.d.ts.map

package/extended/mui/ButtonBase/slots/ButtonBaseEnum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBaseEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/base/src/extended/mui/ButtonBase/slots/ButtonBaseEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB"}

package/extended/mui/ButtonBase/slots/ButtonBaseEnum.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.root = "root", r.skeleton = "skeleton", r))(e || {});
+export {
+  e as ButtonBaseSlots
+};

package/extended/mui/ButtonBase/slots/ButtonBaseSlots.d.ts

@@ -0,0 +1,7 @@
+export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonBaseOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "action" | "sx" | "classes" | "className" | "style" | "tabIndex" | "children" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').ButtonBaseOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const SkeletonStyled: import('@emotion/styled').StyledComponent<import('@mui/material').SkeletonOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "classes" | "className" | "style" | "children" | "height" | "width" | "animation" | "variant"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').ButtonBaseOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+//# sourceMappingURL=ButtonBaseSlots.d.ts.map

package/extended/mui/ButtonBase/slots/ButtonBaseSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBaseSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/base/src/extended/mui/ButtonBase/slots/ButtonBaseSlots.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU;;UAIE,CAAC;AAE1B,eAAO,MAAM,cAAc;;UAIE,CAAC"}

package/extended/mui/ButtonBase/slots/ButtonBaseSlots.js

@@ -0,0 +1,19 @@
+import s from "@mui/material/ButtonBase";
+import l from "@mui/material/Skeleton";
+import { styled as t } from "@mui/material/styles";
+import { buttonBaseStyles as r } from "../ButtonBase.styles.js";
+import { BUTTON_BASE_KEY_COMPONENT as e } from "../constants.js";
+import { ButtonBaseSlots as m } from "./ButtonBaseEnum.js";
+const f = t(s, {
+  name: e,
+  slot: m.root,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(r.root), i = t(l, {
+  name: e,
+  slot: m.skeleton,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(r.skeleton);
+export {
+  f as RootStyled,
+  i as SkeletonStyled
+};

package/extended/mui/ButtonBase/slots/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ButtonBaseEnum';
+export * from './ButtonBaseSlots';
+//# sourceMappingURL=index.d.ts.map

package/extended/mui/ButtonBase/slots/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/base/src/extended/mui/ButtonBase/slots/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

package/extended/mui/ButtonBase/types.d.ts

@@ -0,0 +1,20 @@
+import { ButtonBaseProps as MUIButtonBaseProps } from '@mui/material/ButtonBase';
+import { SkeletonProps as MUISkeletonProps } from '@mui/material/Skeleton';
+import { Theme } from '@mui/material/styles';
+import { ReactNode } from 'react';
+import { M4LOverridesStyleRules } from '../../../@types/augmentations';
+import { BUTTON_BASE_KEY_COMPONENT } from './constants';
+import { ButtonBaseSlots } from './slots/ButtonBaseEnum';
+export interface ButtonBaseOwnerState extends Record<string, unknown> {
+    isSkeleton?: boolean;
+}
+export interface ButtonBaseProps extends Omit<MUIButtonBaseProps, 'children'> {
+    children?: ReactNode;
+    ownerState?: ButtonBaseOwnerState;
+    skeletonHeight?: number | string;
+    skeletonVariant?: MUISkeletonProps['variant'];
+    skeletonWidth?: number | string;
+}
+export type ButtonBaseSlotsType = keyof typeof ButtonBaseSlots;
+export type ButtonBaseStyles = M4LOverridesStyleRules<ButtonBaseSlotsType, typeof BUTTON_BASE_KEY_COMPONENT, Theme>;
+//# sourceMappingURL=types.d.ts.map

package/extended/mui/ButtonBase/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/ButtonBase/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACtF,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,eAAe,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,eAAe,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CACnD,mBAAmB,EACnB,OAAO,yBAAyB,EAChC,KAAK,CACN,CAAC"}

package/extended/mui/index.d.ts

@@ -1,3 +1,4 @@
+export * from './ButtonBase';
 export * from './Tooltip';
 export * from './Typography';
 //# sourceMappingURL=index.d.ts.map

package/extended/mui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/extended/mui/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAE;AAC3B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/extended/mui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/index.js

@@ -1,21 +1,32 @@
-import { Icon as o } from "./components/Icon/Icon.js";
-import { ICON_CLASSES as _, ICON_KEY_COMPONENT as E, ICON_PREFIX as S } from "./components/Icon/constants.js";
-import { Tooltip as Y } from "./extended/mui/Tooltip/Tooltip.js";
-import { DEFAULT_TOOLTIP_OFFSET as N, TOOLTIP_CLASSES as A, TOOLTIP_KEY_COMPONENT as p } from "./extended/mui/Tooltip/constants.js";
-import { Typography as L } from "./extended/mui/Typography/Typography.js";
-import { TYPOGRAPHY_CLASSES as e, TYPOGRAPHY_CLASS_NAME_SPECIFY as f, TYPOGRAPHY_FONTS as m, TYPOGRAPHY_KEY_COMPONENT as x } from "./extended/mui/Typography/constants.js";
+import { Icon as O } from "./components/Icon/Icon.js";
+import { ICON_CLASSES as T, ICON_KEY_COMPONENT as S, ICON_PREFIX as e } from "./components/Icon/constants.js";
+import { ButtonBase as E } from "./extended/mui/ButtonBase/ButtonBase.js";
+import { buttonBaseStyles as p } from "./extended/mui/ButtonBase/ButtonBase.styles.js";
+import { BUTTON_BASE_KEY_COMPONENT as Y } from "./extended/mui/ButtonBase/constants.js";
+import { ButtonBaseSlots as f } from "./extended/mui/ButtonBase/slots/ButtonBaseEnum.js";
+import { RootStyled as x, SkeletonStyled as A } from "./extended/mui/ButtonBase/slots/ButtonBaseSlots.js";
+import { Tooltip as L } from "./extended/mui/Tooltip/Tooltip.js";
+import { DEFAULT_TOOLTIP_OFFSET as l, TOOLTIP_CLASSES as F, TOOLTIP_KEY_COMPONENT as R } from "./extended/mui/Tooltip/constants.js";
+import { Typography as s } from "./extended/mui/Typography/Typography.js";
+import { TYPOGRAPHY_CLASSES as M, TYPOGRAPHY_CLASS_NAME_SPECIFY as a, TYPOGRAPHY_FONTS as G, TYPOGRAPHY_KEY_COMPONENT as H } from "./extended/mui/Typography/constants.js";
 export {
-  N as DEFAULT_TOOLTIP_OFFSET,
-  _ as ICON_CLASSES,
-  E as ICON_KEY_COMPONENT,
-  S as ICON_PREFIX,
-  o as Icon,
-  A as TOOLTIP_CLASSES,
-  p as TOOLTIP_KEY_COMPONENT,
-  e as TYPOGRAPHY_CLASSES,
-  f as TYPOGRAPHY_CLASS_NAME_SPECIFY,
-  m as TYPOGRAPHY_FONTS,
-  x as TYPOGRAPHY_KEY_COMPONENT,
-  Y as Tooltip,
-  L as Typography
+  Y as BUTTON_BASE_KEY_COMPONENT,
+  E as ButtonBase,
+  f as ButtonBaseSlots,
+  l as DEFAULT_TOOLTIP_OFFSET,
+  T as ICON_CLASSES,
+  S as ICON_KEY_COMPONENT,
+  e as ICON_PREFIX,
+  O as Icon,
+  x as RootStyled,
+  A as SkeletonStyled,
+  F as TOOLTIP_CLASSES,
+  R as TOOLTIP_KEY_COMPONENT,
+  M as TYPOGRAPHY_CLASSES,
+  a as TYPOGRAPHY_CLASS_NAME_SPECIFY,
+  G as TYPOGRAPHY_FONTS,
+  H as TYPOGRAPHY_KEY_COMPONENT,
+  L as Tooltip,
+  s as Typography,
+  p as buttonBaseStyles
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/base",
-  "version": "1.0.1",
+  "version": "1.1.0-beta-feature-728-m4l-components-rhf-image-selector.0",
   "publishConfig": {
     "access": "public"
   },
@@ -34,6 +34,6 @@
     "@emotion/react": "11.14.0",
     "clsx": "2.1.1",
     "react": "19.2.4",
-    "@mui/material": "5.16.7"
+    "@mui/material": "patch:@mui/material@npm%3A5.16.7#~/.yarn/patches/@mui-material-npm-5.16.7-7070122752.patch"
   }
 }