@m4l/components 9.59.1-beta-hotfix-semantic-width-dynamicform.0 → 9.59.1-beta-pkg-758-update-screen-device.0

package/components/Label/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,UAAU,EAAE,MAAM,SAAS,CAAC;AAatD;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,qDAsFtC,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,UAAU,EAAE,MAAM,SAAS,CAAC;AAatD;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,qDAwEtC,CAAC"}

package/components/Label/Label.js

@@ -1,48 +1,34 @@
-import { jsx as a, jsxs as n, Fragment as S } from "@emotion/react/jsx-runtime";
-import { useModuleSkeleton as w } from "@m4l/core";
+import { jsx as a, jsxs as l, Fragment as p } from "@emotion/react/jsx-runtime";
+import { useModuleSkeleton as N } from "@m4l/core";
 import L from "clsx";
-import { LABEL_KEY_COMPONENT as z, classLabelRoot as v, LAB_SPECIFY as k } from "./constants.js";
-import { useComponentSize as C } from "../../hooks/useComponentSize/index.js";
-import { NotificationInformationOutlined as I } from "@m4l/icons";
-import { LabelRootStyled as x, TypographyStyled as E, TypographyMandatoryMessageStyled as O, IconHelperMessageStyled as j, SkeletonStyled as i } from "./slots/LabelSlots.js";
-const R = (y) => {
-  const {
-    helperMessage: r,
-    label: h,
-    labelOverflow: u = "ellipsis",
-    symbol: c,
-    mandatory: m,
-    mandatoryMessage: o,
-    htmlFor: b,
-    id: f,
-    error: g,
-    size: d = "medium",
+import { LABEL_KEY_COMPONENT as w, classLabelRoot as z, LAB_SPECIFY as k } from "./constants.js";
+import { useComponentSize as v } from "../../hooks/useComponentSize/index.js";
+import { NotificationInformationOutlined as C } from "@m4l/icons";
+import { LabelRootStyled as I, TypographyStyled as x, TypographyMandatoryMessageStyled as E, IconHelperMessageStyled as j, SkeletonStyled as i } from "./slots/LabelSlots.js";
+const P = (y) => {
+  const { helperMessage: r, label: h, symbol: c, mandatory: m, mandatoryMessage: o, htmlFor: u, id: b, error: f, size: d = "medium", disabled: t, className: g } = y, M = N(), { currentSize: s } = v(d), S = typeof r == "string" && r.length > 0, n = s === "small" || s === "medium" ? s : "medium", e = {
     disabled: t,
-    className: M
-  } = y, N = w(), { currentSize: l } = C(d), p = typeof r == "string" && r.length > 0, s = l === "small" || l === "medium" ? l : "medium", e = {
-    disabled: t,
-    labelOverflow: u,
     size: d
   };
   return /* @__PURE__ */ a(
-    x,
+    I,
     {
-      "aria-label": z,
+      "aria-label": w,
       ownerState: { ...e },
-      htmlFor: b,
-      id: f,
-      children: N ? /* @__PURE__ */ n(S, { children: [
+      htmlFor: u,
+      id: b,
+      children: M ? /* @__PURE__ */ l(p, { children: [
         /* @__PURE__ */ a(i, { ownerState: { ...e }, variant: "rectangular", className: "SkeletonWidthLabel" }),
         m && /* @__PURE__ */ a(i, { ownerState: { ...e }, variant: "circular", className: "MandatoryLabel" }),
-        p && /* @__PURE__ */ a(i, { ownerState: { ...e }, variant: "circular", className: "HelperIconLabel" })
-      ] }) : /* @__PURE__ */ n(S, { children: [
-        /* @__PURE__ */ n(
-          E,
+        S && /* @__PURE__ */ a(i, { ownerState: { ...e }, variant: "circular", className: "HelperIconLabel" })
+      ] }) : /* @__PURE__ */ l(p, { children: [
+        /* @__PURE__ */ l(
+          x,
           {
-            className: L(v, k, "M4lclassCssSpecificity", M),
+            className: L(z, k, "M4lclassCssSpecificity", g),
             ownerState: { ...e },
             variant: "bodyStandard",
-            size: s,
+            size: n,
             disabled: t,
             children: [
               h,
@@ -51,26 +37,26 @@ const R = (y) => {
           }
         ),
         m && /* @__PURE__ */ a(
-          O,
+          E,
           {
             ownerState: { ...e },
             variant: "bodyStandard",
             className: o ? "mandatoryMessage" : "mandatoryAsterisk",
-            size: s,
+            size: n,
             disabled: t,
             children: o || "*"
           }
         ),
-        p && /* @__PURE__ */ a(
+        S && /* @__PURE__ */ a(
           j,
           {
             tooltipContent: r,
             ownerState: { ...e },
             placement: "right",
-            size: s,
-            className: g ? "helper-icon-error" : "helper-icon",
+            size: n,
+            className: f ? "helper-icon-error" : "helper-icon",
             disabled: t,
-            src: /* @__PURE__ */ a(I, {})
+            src: /* @__PURE__ */ a(C, {})
           }
         )
       ] })
@@ -78,5 +64,5 @@ const R = (y) => {
   );
 };
 export {
-  R as Label
+  P as Label
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Label.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Label/Label.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAU3D,eAAO,MAAM,WAAW,EAAE,WAoJzB,CAAC"}
+{"version":3,"file":"Label.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Label/Label.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAU3D,eAAO,MAAM,WAAW,EAAE,WA0IzB,CAAC"}

package/components/Label/Label.styles.js

@@ -1,7 +1,7 @@
-import { getIconPaintStyles as o } from "@m4l/base";
+import { getIconPaintStyles as t } from "@m4l/base";
 import { getHeightSizeStyles as i } from "../../utils/getSizeStyles/getSizeStyles.js";
-function a(e) {
-  return o(e);
+function l(s) {
+  return t(s);
 }
 const n = {
   /**
@@ -10,31 +10,25 @@ const n = {
    * @param {object} ownerState - El estado del componente.
    * @returns {object} - Los estilos aplicados al root del Label.
    */
-  root: ({ theme: e, ownerState: s }) => ({
-    // `fit-content` instead of `100%`: the root must contribute a real intrinsic width so the
-    // layers above it can size a field from its content. Stretching to the parent made the label
-    // width unmeasurable, which forced consumers to guess it.
-    // `fit-content` en vez de `100%`: el root debe aportar un ancho intrínseco real para que las
-    // capas superiores puedan dimensionar un campo a partir de su contenido. Estirarse al padre
-    // hacía que el ancho del label no fuera medible y obligaba a los consumidores a estimarlo.
-    width: "fit-content",
+  root: ({ theme: s, ownerState: e }) => ({
+    width: "100%",
     display: "flex",
     flexDirection: "row",
     alignItems: "center",
     ...i(
-      e.generalSettings.isMobile,
-      s?.size || "small",
+      s.generalSettings.isMobile,
+      e?.size || "small",
       "base",
-      (l) => ({
-        minHeight: l,
+      (a) => ({
+        minHeight: a,
         height: "auto",
         maxHeight: "none"
       })
     ),
-    gap: e.size.baseSpacings.sp1,
+    gap: s.size.baseSpacings.sp1,
     /** Estilos para el estado disabled del Label 😶‍🌫️ */
-    ...s?.disabled && {
-      color: e.vars.palette.text.disabled,
+    ...e?.disabled && {
+      color: s.vars.palette.text.disabled,
       '& > [class*="M4LIcon-icon"]': {
         PointerEvents: "none"
       }
@@ -43,17 +37,17 @@ const n = {
   /**
    * Estilos para el slot Typography del Label.
    */
-  typographyStyled: ({ theme: e, ownerState: s }) => ({
+  typographyStyled: ({ theme: s, ownerState: e }) => ({
     "&.MuiTypography-root": {
       width: "fit-content",
-      minWidth: e.vars.size.baseSpacings.sp2,
-      overflow: s?.labelOverflow === "visible" ? "visible" : "hidden",
-      textOverflow: s?.labelOverflow === "visible" ? "clip" : "ellipsis",
+      minWidth: s.vars.size.baseSpacings.sp2,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
       whiteSpace: "nowrap",
       "&.M4lclassCssSpecificity": {
-        color: e.vars.palette.text.secondary,
-        ...s?.disabled === !0 && {
-          color: e.vars.palette.text.disabled
+        color: s.vars.palette.text.secondary,
+        ...e?.disabled === !0 && {
+          color: s.vars.palette.text.disabled
         }
       }
     }
@@ -61,17 +55,17 @@ const n = {
   /**
    * Estilos para el slot Typography del mensaje obligatorio del Label.
    */
-  typographyMandatoryMessageStyled: ({ theme: e, ownerState: s }) => ({
+  typographyMandatoryMessageStyled: ({ theme: s, ownerState: e }) => ({
     "&.MuiTypography-root": {
       width: "fit-content",
-      overflow: s?.labelOverflow === "visible" ? "visible" : "hidden",
-      textOverflow: s?.labelOverflow === "visible" ? "clip" : "ellipsis",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
       whiteSpace: "nowrap",
-      minWidth: e.vars.size.baseSpacings.sp2,
+      minWidth: s.vars.size.baseSpacings.sp2,
       "&.M4lclassCssSpecificity": {
-        color: e.vars.palette.text.primary,
-        ...s?.disabled && {
-          color: e.vars.palette.text.disabled
+        color: s.vars.palette.text.primary,
+        ...e?.disabled && {
+          color: s.vars.palette.text.disabled
         }
       }
     }
@@ -79,16 +73,16 @@ const n = {
   /**
    * Estilos para el slot Icon del Label.
    */
-  iconHelperMessageStyled: ({ theme: e, ownerState: s }) => {
-    const l = s?.disabled ? e.vars.palette.text.disabled : e.vars.palette.info.enabled, r = s?.disabled ? e.vars.palette.text.disabled : e.vars.palette.info.hover;
+  iconHelperMessageStyled: ({ theme: s, ownerState: e }) => {
+    const a = e?.disabled ? s.vars.palette.text.disabled : s.vars.palette.info.enabled, r = e?.disabled ? s.vars.palette.text.disabled : s.vars.palette.info.hover;
     return {
-      borderRadius: e.vars.size.borderRadius.r1,
-      cursor: s?.disabled ? "default" : "pointer",
-      ...a(l),
-      "&:hover": a(r),
+      borderRadius: s.vars.size.borderRadius.r1,
+      cursor: e?.disabled ? "default" : "pointer",
+      ...l(a),
+      "&:hover": l(r),
       ...i(
-        e.generalSettings.isMobile,
-        s?.size || "small",
+        s.generalSettings.isMobile,
+        e?.size || "small",
         "base"
       )
     };
@@ -96,44 +90,44 @@ const n = {
   /**
    * Estilos para el slot Skeleton del Label.
    */
-  skeletonStyled: ({ ownerState: e, theme: s }) => ({
+  skeletonStyled: ({ ownerState: s, theme: e }) => ({
     width: "100%",
-    borderRadius: s.vars.size.borderRadius.r1,
+    borderRadius: e.vars.size.borderRadius.r1,
     display: "flex",
     alignItems: "center",
-    backgroundColor: s.vars.palette.skeleton.default,
+    backgroundColor: e.vars.palette.skeleton.default,
     ...i(
-      s.generalSettings.isMobile,
-      e?.size || "medium",
+      e.generalSettings.isMobile,
+      s?.size || "medium",
       "base"
     ),
     "&.MandatoryLabel": {
-      width: s.vars.size.baseSpacings["sp0-5"],
-      paddingLeft: s.vars.size.baseSpacings.sp1,
-      paddingRight: s.vars.size.baseSpacings.sp1
+      width: e.vars.size.baseSpacings["sp0-5"],
+      paddingLeft: e.vars.size.baseSpacings.sp1,
+      paddingRight: e.vars.size.baseSpacings.sp1
     },
     "&.SkeletonWidthLabel": {
-      width: s.vars.size.baseSpacings.sp14,
-      borderRadius: s.vars.size.borderRadius.r1,
+      width: e.vars.size.baseSpacings.sp14,
+      borderRadius: e.vars.size.borderRadius.r1,
       ...i(
-        s.generalSettings.isMobile,
-        e?.size || "medium",
+        e.generalSettings.isMobile,
+        s?.size || "medium",
         "base"
       ),
       ...i(
-        s.generalSettings.isMobile,
-        e?.size || "small",
+        e.generalSettings.isMobile,
+        s?.size || "small",
         "base"
       )
     },
     "&.HelperIconLabel": {
-      borderRadius: s.vars.size.borderRadius.r4,
+      borderRadius: e.vars.size.borderRadius.r4,
       ...i(
-        s.generalSettings.isMobile,
-        e?.size || "small",
+        e.generalSettings.isMobile,
+        s?.size || "small",
         "base",
-        (l) => ({
-          width: l
+        (a) => ({
+          width: a
         })
       )
     }

package/components/Label/types.d.ts

@@ -22,8 +22,6 @@ export interface LabelProps {
     helperMessage?: boolean | string;
     /** Main label text for the component. */
     label?: string;
-    /** Controls whether label text is clipped or allowed to occupy its measured single-line width. */
-    labelOverflow?: 'ellipsis' | 'visible';
     /**
      * Optional symbol rendered wrapped in parentheses right after the label text,
      * e.g. `symbol="°C"` renders `Temperatura (°C)`. Omitted or empty keeps the

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Label/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC;AAEvC;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAExG,MAAM,WAAW,UAAU;IACzB,0GAA0G;IAC1G,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kGAAkG;IAClG,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACvC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,eAAgB,SAAQ,UAAU,EAAE,UAAU;IAC7D,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;CAC3C;AACD,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,UAAU,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,mBAAmB,CAAC,UAAU,EAAE,OAAO,mBAAmB,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Label/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC;AAEvC;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAExG,MAAM,WAAW,UAAU;IACzB,0GAA0G;IAC1G,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,eAAgB,SAAQ,UAAU,EAAE,UAAU;IAC7D,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;CAC3C;AACD,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,UAAU,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,mBAAmB,CAAC,UAAU,EAAE,OAAO,mBAAmB,EAAE,KAAK,CAAC,CAAC"}

package/components/PropertyValue/PropertyValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyValue.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/PropertyValue/PropertyValue.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA2B,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAyB3E;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDA2JtD"}
+{"version":3,"file":"PropertyValue.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/PropertyValue/PropertyValue.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAWlD;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDA2HtD"}

package/components/PropertyValue/PropertyValue.js

@@ -1,115 +1,90 @@
-import { jsxs as y, jsx as t } from "@emotion/react/jsx-runtime";
-import f, { useId as D } from "react";
-import W from "clsx";
-import { TEST_PROP_ID as x } from "../../test/constants_no_mock.js";
-import { PROPERTY_VALUE_CLASSNAMES as M, TEST_PROPS_DATA as F, COMPONENT_PREFIX as L, PROPERTY_VALUE_KEY_COMPONENT as s } from "./constants.js";
-import { getNameDataTestId as w, getPropDataTestId as Y } from "../../test/getNameDataTestId.js";
-import { Icon as $ } from "@m4l/base";
-import { PropertyValueRootStyled as j, ContainerStartAdornmentStyled as q, ContainerPropertyAndValueStyled as U, NameStyled as G, ValueStyled as H, TypographyValueStyled as J } from "./slots/PropertyValueSlots.js";
-import { getComponentSlotRoot as S } from "../../utils/getComponentSlotRoot.js";
-import { getNullGuard as K } from "../../utils/getNullGuard.js";
-import { Label as X } from "../Label/Label.js";
-import { useComponentSize as k } from "@m4l/graphics";
-function me(h) {
+import { jsxs as c, jsx as t } from "@emotion/react/jsx-runtime";
+import y, { useId as z } from "react";
+import C from "clsx";
+import { TEST_PROP_ID as A } from "../../test/constants_no_mock.js";
+import { TEST_PROPS_DATA as D, COMPONENT_PREFIX as x, PROPERTY_VALUE_KEY_COMPONENT as s } from "./constants.js";
+import { getNameDataTestId as F, getPropDataTestId as M } from "../../test/getNameDataTestId.js";
+import { Icon as W } from "@m4l/base";
+import { PropertyValueRootStyled as $, ContainerStartAdornmentStyled as j, ContainerPropertyAndValueStyled as q, NameStyled as w, ValueStyled as L, TypographyValueStyled as Y } from "./slots/PropertyValueSlots.js";
+import { getComponentSlotRoot as f } from "../../utils/getComponentSlotRoot.js";
+import { getNullGuard as G } from "../../utils/getNullGuard.js";
+import { Label as H } from "../Label/Label.js";
+import { useComponentSize as J } from "@m4l/graphics";
+function le(S) {
   const {
     property: l,
     startAdornment: o,
     value: e,
-    className: E,
+    className: h,
     isForm: n,
-    labelOverflow: m,
-    labelWidth: P,
-    dataTestId: p = "",
-    disabled: u = !1,
-    controlWidth: N,
-    mandatory: v,
-    mandatoryMessage: T,
-    helperMessage: g,
-    symbol: I,
+    dataTestId: m = "",
+    disabled: p = !1,
+    mandatory: P,
+    mandatoryMessage: v,
+    helperMessage: E,
+    symbol: N,
     semanticWidth: a = "fullWidth",
-    propertyWidth: O = 200,
-    size: V = "medium",
-    direction: c,
-    valueHeight: _,
-    iconVariant: b = "outlined",
-    iconColor: R = "primary",
-    borderStyle: A = "none"
-  } = h, d = `property-value-${D()}`, { currentSize: i } = k(V), r = {
-    propertyWidth: O,
-    controlWidth: N,
-    disabled: n && u ? u : !1,
+    propertyWidth: T = 200,
+    size: g = "medium",
+    direction: u,
+    valueHeight: I,
+    iconVariant: V = "outlined",
+    iconColor: O = "primary",
+    borderStyle: _ = "none"
+  } = S, d = `property-value-${z()}`, { currentSize: i } = J(g), r = {
+    propertyWidth: T,
+    disabled: n && p ? p : !1,
     isForm: !!n,
-    labelOverflow: m,
-    labelWidth: P,
     semanticWidth: a,
-    valueHeight: _,
+    valueHeight: I,
     size: i,
-    direction: n && c === void 0 ? "column" : c ?? "row",
-    iconVariant: b,
-    iconColor: R,
-    borderStyle: A
-  }, C = () => o ? typeof o == "string" ? /* @__PURE__ */ t(
-    $,
+    direction: n && u === void 0 ? "column" : u ?? "row",
+    iconVariant: V,
+    iconColor: O,
+    borderStyle: _
+  }, b = () => o ? typeof o == "string" ? /* @__PURE__ */ t(
+    W,
     {
       src: o,
       color: "text.secondary"
     }
-  ) : o : null, z = () => typeof e == "string" || typeof e == "number" || e === null || e === void 0 ? /* @__PURE__ */ t(
-    J,
-    {
-      id: d,
-      size: i,
-      variant: "bodyDens",
-      ownerState: r,
-      children: K(e)
-    }
-  ) : f.isValidElement(e) ? f.cloneElement(
-    e,
-    { size: i, id: d }
-  ) : e;
-  return /* @__PURE__ */ y(
-    j,
+  ) : o : null, R = () => typeof e == "string" || typeof e == "number" || e === null || e === void 0 ? /* @__PURE__ */ t(Y, { id: d, size: i, variant: "bodyDens", ownerState: r, children: G(e) }) : y.isValidElement(e) ? y.cloneElement(e, { size: i, id: d }) : e;
+  return /* @__PURE__ */ c(
+    $,
     {
       role: n ? "property-value-form-role" : "property-value-role",
-      className: W(
-        S(s),
-        a && `${S(s)}-semanticWidth-${a}`,
-        E
+      className: C(
+        f(s),
+        a && `${f(s)}-semanticWidth-${a}`,
+        h
       ),
-      ...Y(s, "root", p),
+      ...M(s, "root", m),
       ownerState: r,
       ...process.env.NODE_ENV !== "production" ? {
-        [F]: JSON.stringify([
-          { property: !!l, value: !!e }
-        ]),
-        [x]: w(
-          L,
-          "root",
-          p
-        )
+        [D]: JSON.stringify([{ property: !!l, value: !!e }]),
+        [A]: F(x, "root", m)
       } : {},
       children: [
-        o && /* @__PURE__ */ t(q, { ownerState: r, children: C() }),
-        /* @__PURE__ */ y(U, { ownerState: r, children: [
-          /* @__PURE__ */ t(G, { ownerState: r, className: M.name, children: l && /* @__PURE__ */ t(
-            X,
+        o && /* @__PURE__ */ t(j, { ownerState: r, children: b() }),
+        /* @__PURE__ */ c(q, { ownerState: r, children: [
+          /* @__PURE__ */ t(w, { ownerState: r, children: l && /* @__PURE__ */ t(
+            H,
             {
               size: i,
               label: l,
-              labelOverflow: m,
-              mandatory: v,
-              mandatoryMessage: T,
-              helperMessage: g,
-              symbol: I,
+              mandatory: P,
+              mandatoryMessage: v,
+              helperMessage: E,
+              symbol: N,
               htmlFor: d
             }
           ) }),
-          /* @__PURE__ */ t(H, { role: "property-value-value-role", ownerState: r, children: z() })
+          /* @__PURE__ */ t(L, { role: "property-value-value-role", ownerState: r, children: R() })
         ] })
       ]
     }
   );
 }
 export {
-  me as PropertyValue
+  le as PropertyValue
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyValue.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/PropertyValue/PropertyValue.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAU9C,eAAO,MAAM,mBAAmB,EAAE,mBA0QjC,CAAC"}
+{"version":3,"file":"PropertyValue.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/PropertyValue/PropertyValue.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI9C,eAAO,MAAM,mBAAmB,EAAE,mBA2PjC,CAAC"}