@m4l/base 1.0.0

package/extended/mui/Tooltip/slots/TooltipSlots.js

@@ -0,0 +1,22 @@
+import { Tooltip as p } from "@mui/material";
+import { styled as t } from "@mui/material/styles";
+import { tooltipStyles as r } from "../Tooltip.styles.js";
+import { TOOLTIP_KEY_COMPONENT as l } from "../constants.js";
+import { TooltipSlots as e } from "./TooltipEnum.js";
+const a = t(p, {
+  name: l,
+  slot: e.root,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(r.root), S = t("div", {
+  name: l,
+  slot: e.text,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(r.text), T = t("div", {
+  name: l,
+  slot: e.tooltip
+})(r.tooltip);
+export {
+  a as RootStyled,
+  S as TextStyled,
+  T as TooltipStyled
+};

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { ComponentNameToClassKey, SxProps, Theme, TooltipProps as MUITooltipProps } from '@mui/material';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { Sizes } from '@m4l/styles';
+import { M4LOverridesStyleRules } from '../../../@types/augmentations';
+import { TOOLTIP_KEY_COMPONENT } from './constants';
+import { TooltipSlots } from './slots/TooltipEnum';
+/**
+ * Tooltip props built on top of MUI Tooltip.
+ */
+export interface TooltipProps extends Omit<MUITooltipProps, 'sx'> {
+    sx?: SxProps<Theme> | Partial<OverridesStyleRules<string, ComponentNameToClassKey, Theme>>;
+    /** Supported component sizes. */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    /** Supported MUI placement. */
+    placement?: MUITooltipProps['placement'];
+    /** Popper offset relative to the anchor. */
+    offset?: [number, number];
+}
+/**
+ * Owner state used by the styled Tooltip slots.
+ */
+export type TooltipOwnerState = Pick<TooltipProps, 'size'>;
+/**
+ * Slot key union for the Tooltip component.
+ */
+export type TooltipSlotsType = keyof typeof TooltipSlots;
+/**
+ * Available style overrides for the Tooltip slots.
+ */
+export type TooltipStyles = M4LOverridesStyleRules<TooltipSlotsType, typeof TOOLTIP_KEY_COMPONENT, Theme>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAC9G,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAC/D,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,uBAAuB,EAAE,KAAK,CAAC,CAAC,CAAC;IAC3F,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,+BAA+B;IAC/B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,YAAY,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,gBAAgB,EAAE,OAAO,qBAAqB,EAAE,KAAK,CAAC,CAAC"}

package/extended/mui/Typography/Typography.d.ts

@@ -0,0 +1,6 @@
+import { TypographyProps } from './types';
+/**
+ * Render the base M4L Typography primitive with optional skeleton state.
+ */
+export declare const Typography: import('react').ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Typography/Typography.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,eAAe,EAAE,MAAM,SAAS,CAAC;AAMhE;;GAEG;AACH,eAAO,MAAM,UAAU,0HAmDrB,CAAC"}

package/extended/mui/Typography/Typography.js

@@ -0,0 +1,57 @@
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import Y from "clsx";
+import { forwardRef as k } from "react";
+import { useModuleSkeleton as A } from "@m4l/core";
+import { TYPOGRAPHY_CLASSES as m, TYPOGRAPHY_KEY_COMPONENT as _, TYPOGRAPHY_CLASS_NAME_SPECIFY as g } from "./constants.js";
+import { TypographySlots as w } from "./slots/typographyEnum.js";
+import { StyledMUITypography as N, StyledSkeleton as u } from "./slots/typographySlots.js";
+import { getPropDataTestId as E } from "../../../utils/getNameDataTestId.js";
+const F = k(function(l, i) {
+  const {
+    skeletonWidth: n = "100%",
+    skeletonRows: o = 1,
+    variant: t = "body",
+    color: p = "text.primary",
+    size: S = "medium",
+    className: d,
+    dataTestid: f,
+    children: y,
+    disabled: c,
+    ellipsis: h = !1,
+    fontFamily: T = "Inter",
+    ...P
+  } = l, e = A(), r = {
+    disabled: c,
+    color: p,
+    size: S,
+    skeletonRows: o,
+    variant: t,
+    skeleton: e,
+    ellipsis: h,
+    fontFamily: T
+  };
+  return /* @__PURE__ */ s(
+    N,
+    {
+      ref: i,
+      className: Y(d, g, m.root),
+      variant: t,
+      ownerState: { ...r },
+      ...E(_, w.root, f),
+      ...P,
+      children: e ? Array.from({ length: o }).map((R, a) => /* @__PURE__ */ s(
+        u,
+        {
+          width: a === o - 1 ? n : "100%",
+          variant: "text",
+          ownerState: { ...r },
+          className: m.skeleton
+        },
+        a
+      )) : y
+    }
+  );
+});
+export {
+  F as Typography
+};

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

@@ -0,0 +1,17 @@
+/**
+ * CSS component key used to associate the component with MUI slot overrides.
+ */
+export declare const TYPOGRAPHY_KEY_COMPONENT = "M4LTypography";
+/**
+ * Extra CSS specificity class used to override MUI styles without `!important`.
+ */
+export declare const TYPOGRAPHY_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
+/**
+ * CSS class inventory for the Typography component.
+ */
+export declare const TYPOGRAPHY_CLASSES: Record<"root" | "skeleton", string>;
+export declare const TYPOGRAPHY_FONTS: {
+    readonly Inter: "Inter";
+    readonly Jura: "Jura";
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Typography/constants.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,wBAAwB,kBAAkB,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,6BAA6B,2BAA2B,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,kBAAkB,qCAAiE,CAAC;AAEjG,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC"}

package/extended/mui/Typography/constants.js

@@ -0,0 +1,12 @@
+import { getComponentClasses as o } from "../../../utils/getComponentSlotRoot.js";
+import { TypographySlots as t } from "./slots/typographyEnum.js";
+const s = "M4LTypography", Y = "M4lclassCssSpecificity", p = o(s, t), S = {
+  Inter: "Inter",
+  Jura: "Jura"
+};
+export {
+  p as TYPOGRAPHY_CLASSES,
+  Y as TYPOGRAPHY_CLASS_NAME_SPECIFY,
+  S as TYPOGRAPHY_FONTS,
+  s as TYPOGRAPHY_KEY_COMPONENT
+};

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

@@ -0,0 +1,4 @@
+export { Typography } from './Typography';
+export { TYPOGRAPHY_CLASS_NAME_SPECIFY, TYPOGRAPHY_CLASSES, TYPOGRAPHY_FONTS, TYPOGRAPHY_KEY_COMPONENT, } from './constants';
+export type { TypographyColors, TypographyFontsFamily, TypographyOwnerState, TypographyProps, TypographySlotsType, TypographyStyles, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,6BAA6B,EAC7B,kBAAkB,EAClB,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,SAAS,CAAC"}

package/extended/mui/Typography/slots/typographyEnum.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Typography slot names.
+ */
+export declare enum TypographySlots {
+    root = "root",
+    skeleton = "skeleton"
+}
+//# sourceMappingURL=typographyEnum.d.ts.map

package/extended/mui/Typography/slots/typographyEnum.d.ts.map

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

package/extended/mui/Typography/slots/typographyEnum.js

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

package/extended/mui/Typography/slots/typographySlots.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Styled MUI Typography root slot.
+ */
+export declare const StyledMUITypography: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "paragraph" | "sx" | "classes" | "className" | "style" | "color" | "children" | "bottom" | "left" | "right" | "top" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').TypographyOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/**
+ * Styled MUI Skeleton slot used while the module is in skeleton mode.
+ */
+export declare const StyledSkeleton: 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('..').TypographyOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+//# sourceMappingURL=typographySlots.d.ts.map

package/extended/mui/Typography/slots/typographySlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typographySlots.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/base/src/extended/mui/Typography/slots/typographySlots.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,mBAAmB;;UAIP,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,cAAc;;UAIE,CAAC"}

package/extended/mui/Typography/slots/typographySlots.js

@@ -0,0 +1,18 @@
+import { Typography as l, Skeleton as m } from "@mui/material";
+import { styled as t } from "@mui/material/styles";
+import { TYPOGRAPHY_KEY_COMPONENT as r } from "../constants.js";
+import { TypographySlots as e } from "./typographyEnum.js";
+import { typographyStyles as p } from "../typography.styles.js";
+const d = t(l, {
+  name: r,
+  slot: e.root,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(p.root), h = t(m, {
+  name: r,
+  slot: e.skeleton,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(p.skeleton);
+export {
+  d as StyledMUITypography,
+  h as StyledSkeleton
+};

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

@@ -0,0 +1,60 @@
+import { TypographyProps as MUITypographyProps, Theme } from '@mui/material';
+import { Sizes, TypographyVariants } from '@m4l/styles';
+import { TypographySlots } from './slots/typographyEnum';
+import { TYPOGRAPHY_KEY_COMPONENT } from './constants';
+import { M4LOverridesStyleRules } from '../../../@types/augmentations';
+import { DeepKeyOf } from '../../../utils/types';
+/**
+ * Typography color options supported by the component.
+ */
+export type TypographyColors = 'text.primary' | 'text.secondary' | 'text.disabled' | string;
+export type TypographyFontsFamily = 'Inter' | 'Jura';
+/**
+ * Typography props built on top of MUI Typography.
+ */
+export interface TypographyProps extends Omit<MUITypographyProps, 'color' | 'variant' | 'children' | 'size'> {
+    /** Width of the skeleton placeholder. */
+    skeletonWidth?: string | number;
+    /** Number of text rows rendered while in skeleton mode. */
+    skeletonRows?: 1 | 2 | 3 | 4 | 5;
+    /** Color path used to paint the component. */
+    color?: DeepKeyOf<Theme['vars']['palette']> | string;
+    /** Supported component sizes. */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    /** Typography variants available in the design system. */
+    variant?: TypographyVariants;
+    /** Component content. */
+    children?: React.ReactNode;
+    /** Optional data-testid suffix. */
+    dataTestid?: string;
+    /** Associates the component with an input element. */
+    htmlFor?: string | undefined;
+    /** Disabled state forces the disabled text color. */
+    disabled?: boolean;
+    /** Truncate the text into a single ellipsis line. */
+    ellipsis?: boolean;
+    /** Font family override. */
+    fontFamily?: TypographyFontsFamily;
+}
+/**
+ * Owner state used by the styled slots.
+ */
+export interface TypographyOwnerState {
+    disabled?: boolean;
+    color: TypographyProps['color'];
+    variant: TypographyProps['variant'];
+    size: TypographyProps['size'];
+    skeletonRows: TypographyProps['skeletonRows'];
+    skeleton: boolean;
+    ellipsis: TypographyProps['ellipsis'];
+    fontFamily: TypographyProps['fontFamily'];
+}
+/**
+ * Slot key union for the Typography component.
+ */
+export type TypographySlotsType = keyof typeof TypographySlots;
+/**
+ * Available style overrides for the Typography slots.
+ */
+export type TypographyStyles = M4LOverridesStyleRules<TypographySlotsType, typeof TYPOGRAPHY_KEY_COMPONENT, Theme>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Typography/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,MAAM,CAAC;AAE5F,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1G,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;IACrD,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,0DAA0D;IAC1D,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAChC,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,YAAY,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACtC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CAC3C;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,eAAe,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,mBAAmB,EAAE,OAAO,wBAAwB,EAAE,KAAK,CAAC,CAAC"}

package/extended/mui/Typography/typography.styles.d.ts

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

package/extended/mui/Typography/typography.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Typography/typography.styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAwB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAOtE,eAAO,MAAM,gBAAgB,EAAE,gBAyC9B,CAAC"}

package/extended/mui/Typography/typography.styles.js

@@ -0,0 +1,46 @@
+import { getPropertyByString as s } from "@m4l/core";
+import { getSizeStyles as o } from "../../../utils/getSizeStyles/getSizeStyles.js";
+import { getTypographyStyles as e } from "../../../utils/getTypographyStyles.js";
+const y = {
+  /**
+   * Root slot styles for the Typography primitive.
+   */
+  root: ({ ownerState: i, theme: l }) => ({
+    margin: 0,
+    cursor: "default",
+    ...i?.fontFamily && i.fontFamily !== "Inter" && {
+      fontFamily: i.fontFamily
+    },
+    "&.M4lclassCssSpecificity": {
+      ...i?.skeletonRows && i.skeletonRows > 1 && {
+        display: "flex",
+        flexDirection: "column"
+      },
+      ...i?.disabled || i?.color === "text.disabled" ? {
+        color: l.vars.palette.text.disabled
+      } : {
+        color: s(l.vars.palette, i?.color || "text.primary", "text.primary")
+      },
+      ...e(
+        l.generalSettings.isMobile,
+        i?.size || "medium",
+        i?.variant || "body"
+      ),
+      ...i?.ellipsis && {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      }
+    },
+    variants: []
+  }),
+  /**
+   * Skeleton slot styles for the Typography primitive.
+   */
+  skeleton: ({ theme: i, ownerState: l }) => ({
+    ...o(i, l?.size || "medium", "base")
+  })
+};
+export {
+  y as typographyStyles
+};

package/extended/mui/index.d.ts

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

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

@@ -0,0 +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"}

package/index.d.ts

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

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/base/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

package/index.js

@@ -0,0 +1,22 @@
+import { BaseIcon as o, Icon as P } from "./components/Icon/Icon.js";
+import { ICON_CLASSES as E, ICON_KEY_COMPONENT as S, ICON_PREFIX as r } from "./components/Icon/constants.js";
+import { Tooltip as C } from "./extended/mui/Tooltip/Tooltip.js";
+import { DEFAULT_TOOLTIP_OFFSET as A, TOOLTIP_CLASSES as I, TOOLTIP_KEY_COMPONENT as p } from "./extended/mui/Tooltip/constants.js";
+import { Typography as e } from "./extended/mui/Typography/Typography.js";
+import { TYPOGRAPHY_CLASSES as f, TYPOGRAPHY_CLASS_NAME_SPECIFY as m, TYPOGRAPHY_FONTS as x, TYPOGRAPHY_KEY_COMPONENT as F } from "./extended/mui/Typography/constants.js";
+export {
+  o as BaseIcon,
+  A as DEFAULT_TOOLTIP_OFFSET,
+  E as ICON_CLASSES,
+  S as ICON_KEY_COMPONENT,
+  r as ICON_PREFIX,
+  P as Icon,
+  I as TOOLTIP_CLASSES,
+  p as TOOLTIP_KEY_COMPONENT,
+  f as TYPOGRAPHY_CLASSES,
+  m as TYPOGRAPHY_CLASS_NAME_SPECIFY,
+  x as TYPOGRAPHY_FONTS,
+  F as TYPOGRAPHY_KEY_COMPONENT,
+  C as Tooltip,
+  e as Typography
+};

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@m4l/base",
+  "version": "1.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "files": [
+    "index.js",
+    "index.d.ts",
+    "*"
+  ],
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    }
+  },
+  "peerDependencies": {
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.1",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@m4l/core": "^2.0.33",
+    "@m4l/styles": "^7.1.48",
+    "@emotion/react": "11.14.0",
+    "clsx": "^2.1.1",
+    "react": "^19.0.0",
+    "@mui/material": "5.16.7"
+  }
+}

package/utils/getComponentSlotRoot.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Build the canonical root slot class name for a component.
+ */
+export declare function getComponentSlotRoot(componentKey: string): string;
+type ComponentSlots = Record<string, string> | readonly string[];
+/**
+ * Build the class-name inventory for all component slots.
+ */
+export declare const getComponentClasses: <T extends ComponentSlots>(componentName: string, slotList: T) => T extends readonly string[] ? Record<T[number], string> : Record<keyof T, string>;
+export {};
+//# sourceMappingURL=getComponentSlotRoot.d.ts.map

package/utils/getComponentSlotRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getComponentSlotRoot.d.ts","sourceRoot":"","sources":["../../../../../packages/base/src/utils/getComponentSlotRoot.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAEjE;AAED,KAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,MAAM,EAAE,CAAC;AAEjE;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,cAAc,EAC1D,eAAe,MAAM,EACrB,UAAU,CAAC,KACV,CAAC,SAAS,SAAS,MAAM,EAAE,GAC1B,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,GACzB,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAQzB,CAAC"}

package/utils/getComponentSlotRoot.js

@@ -0,0 +1,9 @@
+const t = (n, r) => {
+  const s = Array.isArray(r) ? r : Object.keys(r);
+  return Object.fromEntries(
+    s.map((e) => [e, `${n}-${e}`])
+  );
+};
+export {
+  t as getComponentClasses
+};

package/utils/getNameDataTestId.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Build the stable test id string for a component slot.
+ */
+export declare const getNameDataTestId: (componentName: string, slotKey: string, instanceId?: string) => string;
+/**
+ * Return a data-testid prop outside production builds.
+ */
+export declare function getPropDataTestId(componentName: string, slotKey: string, instanceId?: string): {
+    'data-testid': string;
+} | {
+    'data-testid'?: undefined;
+};
+//# sourceMappingURL=getNameDataTestId.d.ts.map

package/utils/getNameDataTestId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNameDataTestId.d.ts","sourceRoot":"","sources":["../../../../../packages/base/src/utils/getNameDataTestId.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,eAAe,MAAM,EACrB,SAAS,MAAM,EACf,aAAa,MAAM,WAOpB,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM;;;;EAM5F"}

package/utils/getNameDataTestId.js

@@ -0,0 +1,8 @@
+const u = (r, t, e) => e ? `${r}-${t}-${e}` : `${r}-${t}`;
+function $(r, t, e) {
+  return process.env.NODE_ENV !== "production" && r && t ? { "data-testid": u(r, t, e) } : {};
+}
+export {
+  u as getNameDataTestId,
+  $ as getPropDataTestId
+};

package/utils/getSizeStyles/getSizeStyles.d.ts

@@ -0,0 +1,15 @@
+import { Sizes, SizesComponentsTypes } from '@m4l/styles';
+import { Theme } from '@mui/material';
+/**
+ * Resolve height styles for a sized component variant.
+ */
+export declare const getHeightSizeStyles: (isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variantSize: SizesComponentsTypes, css?: Record<string, unknown> | ((heightSize: string | number) => Record<string, unknown>)) => {
+    height: string;
+};
+/**
+ * Resolve responsive size styles for a component variant.
+ */
+export declare const getSizeStyles: (theme: Theme, size: Sizes, variantSize: SizesComponentsTypes, css?: Record<string, unknown> | ((sizeValue: string | number) => Record<string, unknown>), property?: "height" | "width") => {
+    [x: string]: unknown;
+};
+//# sourceMappingURL=getSizeStyles.d.ts.map

package/utils/getSizeStyles/getSizeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSizeStyles.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/utils/getSizeStyles/getSizeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqD,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAC7G,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,OAAO,EACjB,MAAM,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,EACxC,aAAa,oBAAoB,EACjC,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;CAU3F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,KAAK,EACZ,MAAM,KAAK,EACX,aAAa,oBAAoB,EACjC,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACzF,WAAU,QAAQ,GAAG,OAAkB;;CASxC,CAAC"}

package/utils/getSizeStyles/getSizeStyles.js

@@ -0,0 +1,11 @@
+import "@m4l/styles";
+const g = (t, i, s, e, n = "height") => {
+  const o = t.vars.size[t.generalSettings.isMobile ? "mobile" : "desktop"][i][s], r = typeof e == "function" ? e(o) : e;
+  return {
+    [n]: o,
+    ...r
+  };
+};
+export {
+  g as getSizeStyles
+};

package/utils/getTypographyStyles.d.ts

@@ -0,0 +1,6 @@
+import { FontProperties, Sizes, TypographyVariants } from '@m4l/styles';
+/**
+ * Resolve the design-system typography styles for a size and variant.
+ */
+export declare const getTypographyStyles: (isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variant: TypographyVariants) => FontProperties;
+//# sourceMappingURL=getTypographyStyles.d.ts.map

package/utils/getTypographyStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTypographyStyles.d.ts","sourceRoot":"","sources":["../../../../../packages/base/src/utils/getTypographyStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAqD,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE3H;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,OAAO,EACjB,MAAM,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,EACxC,SAAS,kBAAkB,KAC1B,cAIF,CAAC"}

package/utils/getTypographyStyles.js

@@ -0,0 +1,5 @@
+import { TYPOGRAPHY_SIZES_MOBILE as p, TYPOGRAPHY_SIZES_DESKTOP as S } from "@m4l/styles";
+const P = (o, r, t) => (o ? p : S)[r][t];
+export {
+  P as getTypographyStyles
+};

package/utils/types.d.ts

@@ -0,0 +1,30 @@
+export type VariantColor = 'warning' | 'delete' | 'info' | 'success';
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export type MakeRequired<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
+export type PartialExcept<T, K extends keyof T> = Partial<Omit<T, K>> & Pick<T, K>;
+export type RequiredExcept<T, K extends keyof T> = Required<Omit<T, K>> & Partial<Pick<T, K>>;
+export type PickRequired<T, K extends keyof T> = Required<Pick<T, K>>;
+export type OmitExcept<T, K extends keyof T> = Pick<T, K> & Partial<Record<Exclude<keyof T, K>, never>>;
+export type ContainerSize = {
+    containerWidth: number;
+    containerHeight: number;
+};
+export type Size = {
+    width: number;
+    height: number;
+};
+export type PositionXY = {
+    x: number;
+    y: number;
+};
+export type OptionalPosition = {
+    x?: number;
+    y?: number;
+};
+/**
+ * Build dot-path unions for nested object keys.
+ */
+export type DeepKeyOf<TRow> = TRow extends object ? {
+    [Key in keyof TRow & string]: NonNullable<TRow[Key]> extends object ? Key | `${Key}.${DeepKeyOf<NonNullable<TRow[Key]>>}` : Key;
+}[keyof TRow & string] : never;
+//# sourceMappingURL=types.d.ts.map

package/utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../packages/base/src/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAClF,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACnF,MAAM,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACnF,MAAM,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9F,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACtE,MAAM,MAAM,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACvD,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAC9C,MAAM,MAAM,aAAa,GAAG;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AACF,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,SAAS,CAAC,IAAI,IAAI,IAAI,SAAS,MAAM,GAC7C;KACG,GAAG,IAAI,MAAM,IAAI,GAAG,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,MAAM,GAC/D,GAAG,GAAG,GAAG,GAAG,IAAI,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GACnD,GAAG;CACR,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GACtB,KAAK,CAAC"}