@m4l/base 1.0.0

package/@types/augmentations.d.ts

@@ -0,0 +1,8 @@
+import { Interpolation } from '@mui/material';
+import { ComponentsPropsList } from '@mui/material/styles';
+export type M4LOverridesStyleRules<ClassKey extends string = string, ComponentName = keyof ComponentsPropsList, Theme = unknown> = Record<ClassKey, Interpolation<(ComponentName extends keyof ComponentsPropsList ? Record<string, unknown> & {
+    ownerState?: ComponentsPropsList[ComponentName] & Record<string, unknown>;
+} : object) & {
+    theme: Theme;
+} & Record<string, unknown>>>;
+//# sourceMappingURL=augmentations.d.ts.map

package/@types/augmentations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"augmentations.d.ts","sourceRoot":"","sources":["../../../../../packages/base/src/@types/augmentations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,sBAAsB,CAChC,QAAQ,SAAS,MAAM,GAAG,MAAM,EAChC,aAAa,GAAG,MAAM,mBAAmB,EACzC,KAAK,GAAG,OAAO,IACb,MAAM,CACR,QAAQ,EACR,aAAa,CACX,CAAC,aAAa,SAAS,MAAM,mBAAmB,GAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IACxB,UAAU,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC3E,GACD,MAAM,CAAC,GAAG;IACZ,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAC5B,CACF,CAAC"}

package/components/Icon/Icon.d.ts

@@ -0,0 +1,8 @@
+import { IconProps } from './types';
+/**
+ * Render the base Icon primitive with URL-mask and SVG-component support.
+ */
+declare const Icon: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const BaseIcon: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export { BaseIcon, Icon };
+//# sourceMappingURL=Icon.d.ts.map

package/components/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAkB,SAAS,EAA0C,MAAM,SAAS,CAAC;AAgC5F;;GAEG;AACH,QAAA,MAAM,IAAI,GAAI,OAAO,SAAS,qDAoH7B,CAAC;AAEF,QAAA,MAAM,QAAQ,UAtHO,SAAS,qDAsHT,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC"}

package/components/Icon/Icon.js

@@ -0,0 +1,102 @@
+import { jsxs as P, Fragment as j, jsx as o } from "@emotion/react/jsx-runtime";
+import m from "clsx";
+import { isValidElement as S, cloneElement as A } from "react";
+import { getPropDataTestId as r } from "../../utils/getNameDataTestId.js";
+import { ICON_CLASSES as n, normalizeIconSize as B, ICON_PREFIX as a } from "./constants.js";
+import { TooltipStyled as F, RootStyled as k, IconSkeletonStyled as L, IconStyled as O } from "./slots/IconSlots.js";
+function _(t) {
+  return "src" in t && typeof t.src == "string" || "icon" in t && typeof t.icon == "string";
+}
+function M(t) {
+  return "src" in t && t.src !== void 0 && S(t.src) || "icon" in t && t.icon !== void 0 && S(t.icon);
+}
+function V(t) {
+  if (_(t) || M(t))
+    return "src" in t ? t.src : t.icon;
+}
+const X = (t) => {
+  const {
+    size: x = "medium",
+    rotationAngle: s,
+    tooltipContent: u,
+    color: C = "text.primary",
+    className: f,
+    placement: N = "bottom",
+    instaceDataTestId: w,
+    instanceDataTestId: R,
+    disabled: l,
+    selected: T,
+    enabledSelected: D,
+    onClick: I,
+    ariaLabel: g,
+    isSkeleton: y = !1
+  } = t, i = R ?? w, e = V(t), d = B(x), E = e !== void 0 ? typeof e == "string" : void 0, h = g ? {
+    role: "img",
+    "aria-label": g
+  } : {
+    "aria-hidden": !0
+  }, c = {
+    size: d,
+    color: C,
+    src: e,
+    disabled: l,
+    rotationAngle: s,
+    selected: T,
+    enabledSelected: D,
+    isSkeleton: y,
+    isMaskStrategy: E
+  }, v = typeof I == "function" && !l, z = {
+    className: m(f, n.root),
+    ownerState: { ...c },
+    onClick: v ? I : void 0,
+    tabIndex: v ? 0 : -1,
+    "aria-disabled": l,
+    ...r(a, "root", i)
+  }, b = () => e && typeof e == "string" ? /* @__PURE__ */ o(
+    O,
+    {
+      className: m(n.icon, n.root),
+      ownerState: { ...c },
+      ...r(a, "icon", i),
+      ...h
+    }
+  ) : e && S(e) ? A(e, {
+    sx: {
+      fontSize: d === "small" ? "small" : "medium",
+      ...s && {
+        transform: `rotate(${s}deg)`
+      },
+      width: "100%",
+      height: "100%"
+    },
+    ...h
+  }) : null;
+  return /* @__PURE__ */ P(j, { children: [
+    u ? /* @__PURE__ */ o(
+      F,
+      {
+        className: f || n.tooltip,
+        title: u,
+        ownerState: { ...c },
+        placement: N,
+        size: d,
+        ...r(a, "tooltip", i),
+        children: /* @__PURE__ */ o(k, { ...z, children: b() })
+      }
+    ) : /* @__PURE__ */ o(k, { ...z, children: b() }),
+    y && /* @__PURE__ */ o(
+      L,
+      {
+        className: m(n.iconSkeleton, n.root),
+        variant: "rectangular",
+        ownerState: { ...c },
+        "aria-hidden": "true",
+        ...r(a, "iconSkeleton", i)
+      }
+    )
+  ] });
+}, U = X;
+export {
+  U as BaseIcon,
+  X as Icon
+};

package/components/Icon/Icon.styles.d.ts

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

package/components/Icon/Icon.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/Icon.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,UAAU,EAAE,MAAM,SAAS,CAAC;AAiD1D,eAAO,MAAM,UAAU,EAAE,UAgExB,CAAC"}

package/components/Icon/Icon.styles.js

@@ -0,0 +1,88 @@
+import { getSizeStyles as o } from "../../utils/getSizeStyles/getSizeStyles.js";
+import { ICON_CLASSES as l } from "./constants.js";
+const a = {
+  small: 16,
+  medium: 24
+};
+function c(i, e) {
+  const t = i.vars?.palette ?? i.palette;
+  return e.split(".").reduce((s, r) => {
+    if (s && typeof s == "object" && r in s)
+      return s[r];
+  }, t) ?? t.text.primary;
+}
+function n(i, e = "medium") {
+  if (i.vars?.size && i.generalSettings)
+    return o(i, e, "base", (s) => ({
+      width: s,
+      height: s
+    }));
+  const t = a[e];
+  return {
+    width: t,
+    height: t
+  };
+}
+const g = {
+  /**
+   * Root styles for the Icon component, handling both mask and non-mask strategies, as well as disabled and selected states.
+   */
+  root: ({ theme: i, ownerState: e }) => {
+    const t = e?.disabled ? (i.vars?.palette ?? i.palette).text.disabled : e?.selected && e?.enabledSelected ? (i.vars?.palette ?? i.palette).primary.enabled : c(i, String(e?.color));
+    return {
+      display: e?.isSkeleton ? "none" : "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      width: "fit-content",
+      transition: "transform 0.5s ease-in-out",
+      ...n(i, e?.size ?? "medium"),
+      ...e?.isMaskStrategy === !1 && {
+        "& .MuiSvgIcon-root": {
+          width: "inherit",
+          height: "inherit",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          "& svg, & path, & rect, & circle, & ellipse, & polygon, & polyline, & line, & g, & text, & tspan, & use": {
+            fill: t
+          }
+        }
+      },
+      ...e?.isMaskStrategy === !0 && {
+        [`& .${l.icon}`]: {
+          maskPosition: "center",
+          maskRepeat: "no-repeat",
+          maskSize: "cover",
+          WebkitMaskRepeat: "no-repeat",
+          mask: `url(${e?.src})`,
+          WebkitMask: `url(${e?.src})`,
+          WebkitMaskSize: "cover",
+          ...e?.rotationAngle && {
+            transform: `rotate(${e.rotationAngle}deg)`
+          },
+          backgroundColor: t
+        }
+      }
+    };
+  },
+  /**
+   * Icon styles for the inner icon element, inheriting width and height from parent.
+   */
+  icon: () => ({
+    width: "inherit",
+    height: "inherit"
+  }),
+  /**
+   * Skeleton styles for the icon element when in loading state.
+   */
+  iconSkeleton: ({ theme: i, ownerState: e }) => ({
+    "&.M4lclassCssSpecificity": {
+      borderRadius: i.size?.borderRadius?.r1 ?? i.shape.borderRadius,
+      ...n(i, e?.size ?? "medium")
+    }
+  }),
+  tooltip: {}
+};
+export {
+  g as iconStyles
+};

package/components/Icon/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const ICON_KEY_COMPONENT = "M4LIcon";
+export declare const ICON_PREFIX = "Icon";
+export declare const ICON_CLASSES: Record<"root" | "tooltip" | "icon" | "iconSkeleton", string>;
+/**
+ * Normalize runtime Icon sizes to the supported public contract.
+ */
+export declare function normalizeIconSize(size?: string): 'small' | 'medium';
+//# sourceMappingURL=constants.d.ts.map

package/components/Icon/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAC5C,eAAO,MAAM,WAAW,SAAS,CAAC;AAClC,eAAO,MAAM,YAAY,8DAAqD,CAAC;AAE/E;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAEnE"}

package/components/Icon/constants.js

@@ -0,0 +1,12 @@
+import { getComponentClasses as n } from "../../utils/getComponentSlotRoot.js";
+import { IconSlots as m } from "./slots/IconEnum.js";
+const t = "M4LIcon", I = "Icon", e = n(t, m);
+function C(o) {
+  return o === "small" || o === "medium" ? o : "medium";
+}
+export {
+  e as ICON_CLASSES,
+  t as ICON_KEY_COMPONENT,
+  I as ICON_PREFIX,
+  C as normalizeIconSize
+};

package/components/Icon/index.d.ts

@@ -0,0 +1,4 @@
+export { Icon, BaseIcon } from './Icon';
+export { ICON_CLASSES, ICON_KEY_COMPONENT, ICON_PREFIX, } from './constants';
+export type { IconBaseProps, IconColorDeep, IconOwnerState, IconProps, IconResourceComponent, IconResourceSrc, IconSlotsType, IconStyles, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,WAAW,GACZ,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,aAAa,EACb,aAAa,EACb,cAAc,EACd,SAAS,EACT,qBAAqB,EACrB,eAAe,EACf,aAAa,EACb,UAAU,GACX,MAAM,SAAS,CAAC"}

package/components/Icon/slots/IconEnum.d.ts

@@ -0,0 +1,7 @@
+export declare enum IconSlots {
+    root = "root",
+    tooltip = "tooltip",
+    icon = "icon",
+    iconSkeleton = "iconSkeleton"
+}
+//# sourceMappingURL=IconEnum.d.ts.map

package/components/Icon/slots/IconEnum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/components/Icon/slots/IconEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,YAAY,iBAAiB;CAC9B"}

package/components/Icon/slots/IconEnum.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((o) => (o.root = "root", o.tooltip = "tooltip", o.icon = "icon", o.iconSkeleton = "iconSkeleton", o))(t || {});
+export {
+  t as IconSlots
+};

package/components/Icon/slots/IconSlots.d.ts

@@ -0,0 +1,13 @@
+export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').IconOwnerState> & Record<string, unknown>) | undefined;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TooltipStyled: import('@emotion/styled').StyledComponent<import('../../..').TooltipProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').IconOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const IconStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').IconOwnerState> & Record<string, unknown>) | undefined;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconSkeletonStyled: 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('..').IconOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+//# sourceMappingURL=IconSlots.d.ts.map

package/components/Icon/slots/IconSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/components/Icon/slots/IconSlots.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU;;yGAIJ,CAAC;AAEpB,eAAO,MAAM,aAAa;;UAIJ,CAAC;AAEvB,eAAO,MAAM,UAAU;;yGAIJ,CAAC;AAEpB,eAAO,MAAM,kBAAkB;;UAIJ,CAAC"}

package/components/Icon/slots/IconSlots.js

@@ -0,0 +1,29 @@
+import { Skeleton as l } from "@mui/material";
+import { styled as t } from "@mui/material/styles";
+import { ICON_KEY_COMPONENT as r } from "../constants.js";
+import { iconStyles as e } from "../Icon.styles.js";
+import { IconSlots as n } from "./IconEnum.js";
+import { Tooltip as i } from "../../../extended/mui/Tooltip/Tooltip.js";
+const c = t("div", {
+  name: r,
+  slot: n.root,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.root), w = t(i, {
+  name: r,
+  slot: n.tooltip,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.tooltip), f = t("div", {
+  name: r,
+  slot: n.icon,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.icon), y = t(l, {
+  name: r,
+  slot: n.iconSkeleton,
+  shouldForwardProp: (o) => o !== "ownerState"
+})(e.iconSkeleton);
+export {
+  y as IconSkeletonStyled,
+  f as IconStyled,
+  c as RootStyled,
+  w as TooltipStyled
+};

package/components/Icon/slots/index.d.ts

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

package/components/Icon/slots/index.d.ts.map

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

package/components/Icon/types.d.ts

@@ -0,0 +1,72 @@
+import { Theme } from '@mui/material';
+import { ReactElement, ReactNode } from 'react';
+import { Sizes } from '@m4l/styles';
+import { M4LOverridesStyleRules } from '../../@types/augmentations';
+import { TooltipProps } from '../../extended/mui/Tooltip/types';
+import { DeepKeyOf } from '../../utils/types';
+import { ICON_KEY_COMPONENT } from './constants';
+import { IconSlots } from './slots/IconEnum';
+/**
+ * Supported Icon color path contract.
+ */
+export type IconColorDeep = DeepKeyOf<Theme['vars']['palette']> | string;
+export interface IconBaseProps extends Pick<TooltipProps, 'placement'> {
+    /** Supported component sizes. */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    /** Optional SVG rotation angle in degrees. */
+    rotationAngle?: number;
+    /** Optional tooltip content rendered around the icon. */
+    tooltipContent?: ReactNode;
+    /** Color path resolved against the design-system palette. */
+    color?: IconColorDeep;
+    /** Extra root class name. */
+    className?: string;
+    /**
+     * Optional data-testid suffix.
+     * @deprecated Use `instanceDataTestId` instead.
+     */
+    instaceDataTestId?: string;
+    /** Optional data-testid suffix. */
+    instanceDataTestId?: string;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Selected state. */
+    selected?: boolean;
+    /** Enables selected-state coloring. */
+    enabledSelected?: boolean;
+    /** Optional click handler. */
+    onClick?: (event: React.MouseEvent<any, MouseEvent>) => void;
+    /** Optional aria-label override. */
+    ariaLabel?: string;
+    /** Explicit skeleton state for callers that already consume module skeleton context. */
+    isSkeleton?: boolean;
+}
+export type IconResourceSrc = IconBaseProps & ({
+    /** SVG source URL rendered with CSS mask. */
+    src: string;
+    icon?: never;
+} | {
+    src?: never;
+    /** Alternate source URL prop kept for compatibility. */
+    icon: string;
+});
+export type IconResourceComponent = IconBaseProps & ({
+    /** SVG component rendered directly. */
+    src: ReactElement;
+    icon?: never;
+} | {
+    src?: never;
+    /** Alternate SVG component prop kept for compatibility. */
+    icon: ReactElement;
+});
+export type IconProps = IconResourceSrc | IconResourceComponent;
+/**
+ * Owner state consumed by the styled Icon slots.
+ */
+export interface IconOwnerState extends Pick<IconBaseProps, 'selected' | 'enabledSelected' | 'size' | 'rotationAngle' | 'color' | 'disabled' | 'isSkeleton'> {
+    src?: string | ReactNode;
+    isMaskStrategy?: boolean;
+}
+export type IconSlotsType = keyof typeof IconSlots;
+export type IconStyles = M4LOverridesStyleRules<IconSlotsType, typeof ICON_KEY_COMPONENT, Theme>;
+//# sourceMappingURL=types.d.ts.map

package/components/Icon/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;AAEzE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;IACpE,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7D,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG,CAC1C;IACE,6CAA6C;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;CACd,CACJ,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,CAChD;IACE,uCAAuC;IACvC,GAAG,EAAE,YAAY,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,2DAA2D;IAC3D,IAAI,EAAE,YAAY,CAAC;CACpB,CACJ,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,qBAAqB,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,aAAa,EACb,UAAU,GAAG,iBAAiB,GAAG,MAAM,GAAG,eAAe,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAChG;IACC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,SAAS,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,sBAAsB,CAC7C,aAAa,EACb,OAAO,kBAAkB,EACzB,KAAK,CACN,CAAC"}

package/components/index.d.ts

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

package/components/index.d.ts.map

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

package/extended/index.d.ts

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

package/extended/index.d.ts.map

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

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

@@ -0,0 +1,6 @@
+import { TooltipProps } from './types';
+/**
+ * Render the base M4L Tooltip primitive on top of MUI Tooltip.
+ */
+export declare const Tooltip: (props: TooltipProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,qDA6B1C,CAAC"}

package/extended/mui/Tooltip/Tooltip.js

@@ -0,0 +1,33 @@
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import d from "clsx";
+import { DEFAULT_TOOLTIP_OFFSET as n, TOOLTIP_CLASSES as i } from "./constants.js";
+import { RootStyled as f, TooltipStyled as S, TextStyled as c } from "./slots/TooltipSlots.js";
+const y = (r) => {
+  const { size: t = "medium", children: m, title: o, className: l, offset: p = n, ...a } = r, e = t === "small" || t === "medium" ? t : "medium";
+  return /* @__PURE__ */ s(
+    f,
+    {
+      className: d(i.root, l),
+      ownerState: { size: e },
+      title: typeof o == "string" ? /* @__PURE__ */ s(c, { className: i.text, ownerState: { size: e }, children: o }) : o,
+      slotProps: {
+        popper: {
+          modifiers: [
+            {
+              name: "offset",
+              options: {
+                offset: p
+              }
+            }
+          ]
+        }
+      },
+      ...a,
+      slots: { tooltip: S },
+      children: m
+    }
+  );
+};
+export {
+  y as Tooltip
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAqB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEhE,eAAO,MAAM,aAAa,EAAE,aA4D3B,CAAC"}

package/extended/mui/Tooltip/Tooltip.styles.js

@@ -0,0 +1,65 @@
+import { getTypographyStyles as i } from "../../../utils/getTypographyStyles.js";
+const s = {
+  /**
+   * Root slot styles for the Tooltip primitive.
+   */
+  root: {},
+  /**
+   * Text slot styles for string tooltip content.
+   */
+  text: ({ theme: o, ownerState: t }) => ({
+    color: o.vars.palette.text.contrastText,
+    ...i(
+      o.generalSettings.isMobile,
+      t?.size || "medium",
+      "body"
+    )
+  }),
+  /**
+   * Tooltip bubble slot styles.
+   */
+  tooltip: ({ theme: o }) => ({
+    background: o.vars.palette.background.contrastDefault,
+    padding: o.vars.size.baseSpacings.sp2,
+    borderRadius: o.vars.size.borderRadius.r1,
+    boxShadow: o.vars.customShadows.z3,
+    minWidth: o.vars.size.baseSpacings.sp6,
+    minHeight: o.vars.size.baseSpacings.sp3,
+    "&.MuiTooltip-tooltipPlacementRight .MuiTooltip-arrow": {
+      left: "-6px"
+    },
+    "&.MuiTooltip-tooltipPlacementTop .MuiTooltip-arrow": {
+      bottom: "-6px"
+    },
+    "&.MuiTooltip-tooltipPlacementBottom .MuiTooltip-arrow": {
+      top: "-6px"
+    },
+    "&.MuiTooltip-tooltipPlacementLeft .MuiTooltip-arrow": {
+      right: "-6px"
+    },
+    "&&& .MuiTooltip-arrow": {
+      transformOrigin: "unset",
+      overflow: "visible",
+      zIndex: -1,
+      width: "16px",
+      height: "16px",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      margin: "unset",
+      "&::before": {
+        transformOrigin: "unset",
+        backgroundColor: o.vars.palette.background.contrastDefault,
+        borderRadius: o.vars.size.borderRadius.r1,
+        width: o.vars.size.baseSpacings.sp3,
+        height: o.vars.size.baseSpacings.sp3,
+        border: "unset",
+        margin: "unset",
+        transform: "rotate(45deg)"
+      }
+    }
+  })
+};
+export {
+  s as tooltipStyles
+};

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

@@ -0,0 +1,13 @@
+/**
+ * CSS component key used to associate the component with MUI slot overrides.
+ */
+export declare const TOOLTIP_KEY_COMPONENT = "M4LTooltip";
+/**
+ * CSS class inventory for the Tooltip component.
+ */
+export declare const TOOLTIP_CLASSES: Record<"root" | "tooltip" | "text", string>;
+/**
+ * Default tooltip offset in pixels.
+ */
+export declare const DEFAULT_TOOLTIP_OFFSET: [number, number];
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/constants.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,eAAe,6CAA2D,CAAC;AAExF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC"}

package/extended/mui/Tooltip/constants.js

@@ -0,0 +1,8 @@
+import { getComponentClasses as o } from "../../../utils/getComponentSlotRoot.js";
+import { TooltipSlots as t } from "./slots/TooltipEnum.js";
+const T = "M4LTooltip", p = o(T, t), L = [0, 10];
+export {
+  L as DEFAULT_TOOLTIP_OFFSET,
+  p as TOOLTIP_CLASSES,
+  T as TOOLTIP_KEY_COMPONENT
+};

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

@@ -0,0 +1,4 @@
+export { Tooltip } from './Tooltip';
+export { DEFAULT_TOOLTIP_OFFSET, TOOLTIP_CLASSES, TOOLTIP_KEY_COMPONENT, } from './constants';
+export type { TooltipOwnerState, TooltipProps, TooltipSlotsType, TooltipStyles, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,qBAAqB,GACtB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,aAAa,GACd,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * Tooltip slot names.
+ */
+export declare enum TooltipSlots {
+    root = "root",
+    text = "text",
+    tooltip = "tooltip"
+}
+//# sourceMappingURL=TooltipEnum.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/base/src/extended/mui/Tooltip/slots/TooltipEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,OAAO,YAAY;CACpB"}

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

@@ -0,0 +1,4 @@
+var r = /* @__PURE__ */ ((t) => (t.root = "root", t.text = "text", t.tooltip = "tooltip", t))(r || {});
+export {
+  r as TooltipSlots
+};

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

@@ -0,0 +1,10 @@
+export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/material').TooltipProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').TooltipOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const TextStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').TooltipOwnerState> & Record<string, unknown>) | undefined;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TooltipStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').TooltipOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+//# sourceMappingURL=TooltipSlots.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/base/src/extended/mui/Tooltip/slots/TooltipSlots.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU;;UAID,CAAC;AAEvB,eAAO,MAAM,UAAU;;yGAID,CAAC;AAEvB,eAAO,MAAM,aAAa;;6NAGD,CAAC"}