@portnet/ui 5.0.32 → 6.0.1

package/dist/v2/components/FormikDisplay.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import type { SxProps, Theme } from "@mui/material/styles";
+/**
+ * FormikDisplay — Portnet UI v2
+ *
+ * Affiche une valeur Formik en lecture seule avec un fond grisé
+ * clairement distinct des champs saisissables (fond blanc).
+ *
+ * ── Audit contraste WCAG 2.1 SC 1.4.3 ──────────────────────────────
+ *   Fond : --bg-subtle = #F1F2F5
+ *
+ *   Valeur/hint : --fg-muted (#474C5A) → 7.52:1  ✅ AAA (> 7:1)
+ *   À NE PAS utiliser sur ce fond :
+ *     --fg-subtle (#6B7280) → 4.30:1 sur #F1F2F5  ❌ sous AA (4.5:1)
+ *     (--fg-subtle est calibré "on white only" dans colors.js)
+ *
+ * ── Fond ────────────────────────────────────────────────────────────
+ *   --bg-subtle (#F1F2F5) est clairement visible sur les sections
+ *   (#FFFFFF surface), contrairement à --bg (#F7F8FA ≈ blanc).
+ *
+ * ── Usage ────────────────────────────────────────────────────────────
+ *   <FormikDisplay name="donneesTI.etat" label="État"
+ *     hint="Géré par le workflow" />
+ *
+ *   <FormikDisplay name="importateur.codePIN" label="Code PIN" mono />
+ */
+export interface FormikDisplayProps {
+    name: string;
+    label?: React.ReactNode | undefined;
+    hint?: React.ReactNode | undefined;
+    format?: ((raw: unknown) => React.ReactNode) | undefined;
+    mono?: boolean | undefined;
+    empty?: string | undefined;
+    sx?: SxProps<Theme> | undefined;
+}
+declare function FormikDisplay({ name, label, hint, format, mono, empty, sx, }: FormikDisplayProps): React.JSX.Element;
+export default FormikDisplay;
+//# sourceMappingURL=FormikDisplay.d.ts.map

package/dist/v2/components/FormikDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDisplay.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/FormikDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACzD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACjC;AAED,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAa,EACb,KAAgB,EAChB,EAAE,GACH,EAAE,kBAAkB,qBA2FpB;AAED,eAAe,aAAa,CAAC"}

package/dist/v2/components/FormikDisplay.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _formik = require("formik");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } /**
+ * FormikDisplay — Portnet UI v2
+ *
+ * Affiche une valeur Formik en lecture seule avec un fond grisé
+ * clairement distinct des champs saisissables (fond blanc).
+ *
+ * ── Audit contraste WCAG 2.1 SC 1.4.3 ──────────────────────────────
+ *   Fond : --bg-subtle = #F1F2F5
+ *
+ *   Valeur/hint : --fg-muted (#474C5A) → 7.52:1  ✅ AAA (> 7:1)
+ *   À NE PAS utiliser sur ce fond :
+ *     --fg-subtle (#6B7280) → 4.30:1 sur #F1F2F5  ❌ sous AA (4.5:1)
+ *     (--fg-subtle est calibré "on white only" dans colors.js)
+ *
+ * ── Fond ────────────────────────────────────────────────────────────
+ *   --bg-subtle (#F1F2F5) est clairement visible sur les sections
+ *   (#FFFFFF surface), contrairement à --bg (#F7F8FA ≈ blanc).
+ *
+ * ── Usage ────────────────────────────────────────────────────────────
+ *   <FormikDisplay name="donneesTI.etat" label="État"
+ *     hint="Géré par le workflow" />
+ *
+ *   <FormikDisplay name="importateur.codePIN" label="Code PIN" mono />
+ */
+function FormikDisplay(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    hint = _ref.hint,
+    format = _ref.format,
+    _ref$mono = _ref.mono,
+    mono = _ref$mono === void 0 ? false : _ref$mono,
+    _ref$empty = _ref.empty,
+    empty = _ref$empty === void 0 ? "\u2014" : _ref$empty,
+    sx = _ref.sx;
+  var _useFormikContext = (0, _formik.useFormikContext)(),
+    values = _useFormikContext.values;
+  var raw = name ? (0, _formik.getIn)(values, name) : undefined;
+  var display;
+  if (format) {
+    display = format(raw);
+  } else if (raw === null || raw === undefined || String(raw).trim() === "") {
+    display = empty;
+  } else if (_typeof(raw) === "object") {
+    var obj = raw;
+    display = obj.description || obj.libelle || obj.code || JSON.stringify(raw);
+  } else {
+    display = String(raw);
+  }
+  var isEmpty = display === empty;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    sx: sx,
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+      component: "span",
+      sx: {
+        display: "block",
+        fontSize: "var(--text-xs, 12px)",
+        fontWeight: "var(--fw-semibold, 600)",
+        color: "var(--fg-muted)",
+        /* 7.52:1 sur bg-subtle ✅ AAA */
+        marginBottom: "var(--s-2)",
+        userSelect: "none"
+      },
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      role: "status",
+      "aria-label": label ? "".concat(label, " : ").concat(display) : "".concat(display),
+      sx: {
+        minHeight: 40,
+        display: "flex",
+        alignItems: "center",
+        padding: "var(--s-2) var(--s-3)",
+        background: "var(--bg-subtle, #f1f2f5)",
+        border: "1px solid var(--border, #e4e6eb)",
+        borderRadius: "var(--r-md, 6px)",
+        cursor: "default",
+        userSelect: "text",
+        overflow: "hidden"
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+        component: "span",
+        sx: {
+          fontSize: "var(--text-sm, 14px)",
+          fontFamily: mono ? "var(--font-mono, monospace)" : "inherit",
+          /*
+           * --fg-muted (#474C5A) = 7.52:1 sur --bg-subtle ✅ AAA
+           * Utilisé pour valeur présente ET placeholder vide.
+           * NE PAS substituer --fg-subtle (#6B7280) qui tombe à 4.30:1
+           * sur ce fond (sous WCAG AA).
+           */
+          color: "var(--fg-muted)",
+          fontStyle: isEmpty ? "italic" : "normal",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        },
+        children: display
+      })
+    }), hint && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+      component: "span",
+      sx: {
+        display: "block",
+        marginTop: "var(--s-1)",
+        fontSize: "var(--text-xs, 12px)",
+        color: "var(--fg-muted)" /* 7.52:1 sur bg-subtle ✅ */
+      },
+      children: hint
+    })]
+  });
+}
+var _default = exports["default"] = FormikDisplay;
+//# sourceMappingURL=FormikDisplay.js.map

package/dist/v2/components/FormikDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikDisplay.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_Typography","_formik","_jsxRuntime","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","FormikDisplay","_ref","name","label","hint","format","_ref$mono","mono","_ref$empty","empty","sx","_useFormikContext","useFormikContext","values","raw","getIn","undefined","display","String","trim","description","libelle","code","JSON","stringify","isEmpty","jsxs","children","jsx","component","fontSize","fontWeight","color","marginBottom","userSelect","role","concat","minHeight","alignItems","padding","background","border","borderRadius","cursor","overflow","fontFamily","fontStyle","textOverflow","whiteSpace","marginTop","_default","exports"],"sources":["../../../src/lib/v2/components/FormikDisplay.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport { getIn, useFormikContext } from \"formik\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\n/**\r\n * FormikDisplay — Portnet UI v2\r\n *\r\n * Affiche une valeur Formik en lecture seule avec un fond grisé\r\n * clairement distinct des champs saisissables (fond blanc).\r\n *\r\n * ── Audit contraste WCAG 2.1 SC 1.4.3 ──────────────────────────────\r\n *   Fond : --bg-subtle = #F1F2F5\r\n *\r\n *   Valeur/hint : --fg-muted (#474C5A) → 7.52:1  ✅ AAA (> 7:1)\r\n *   À NE PAS utiliser sur ce fond :\r\n *     --fg-subtle (#6B7280) → 4.30:1 sur #F1F2F5  ❌ sous AA (4.5:1)\r\n *     (--fg-subtle est calibré \"on white only\" dans colors.js)\r\n *\r\n * ── Fond ────────────────────────────────────────────────────────────\r\n *   --bg-subtle (#F1F2F5) est clairement visible sur les sections\r\n *   (#FFFFFF surface), contrairement à --bg (#F7F8FA ≈ blanc).\r\n *\r\n * ── Usage ────────────────────────────────────────────────────────────\r\n *   <FormikDisplay name=\"donneesTI.etat\" label=\"État\"\r\n *     hint=\"Géré par le workflow\" />\r\n *\r\n *   <FormikDisplay name=\"importateur.codePIN\" label=\"Code PIN\" mono />\r\n */\r\n\r\nexport interface FormikDisplayProps {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  format?: ((raw: unknown) => React.ReactNode) | undefined;\r\n  mono?: boolean | undefined;\r\n  empty?: string | undefined;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nfunction FormikDisplay({\r\n  name,\r\n  label,\r\n  hint,\r\n  format,\r\n  mono  = false,\r\n  empty = \"\\u2014\",\r\n  sx,\r\n}: FormikDisplayProps) {\r\n  const { values } = useFormikContext();\r\n  const raw: unknown = name ? getIn(values, name) : undefined;\r\n\r\n  let display: React.ReactNode;\r\n  if (format) {\r\n    display = format(raw);\r\n  } else if (raw === null || raw === undefined || String(raw).trim() === \"\") {\r\n    display = empty;\r\n  } else if (typeof raw === \"object\") {\r\n    const obj = raw as { description?: React.ReactNode; libelle?: React.ReactNode; code?: React.ReactNode };\r\n    display = obj.description || obj.libelle || obj.code || JSON.stringify(raw);\r\n  } else {\r\n    display = String(raw);\r\n  }\r\n\r\n  const isEmpty = display === empty;\r\n\r\n  return (\r\n    <Box sx={sx}>\r\n      {/* Label — même style que Field.js */}\r\n      {label && (\r\n        <Typography\r\n          component=\"span\"\r\n          sx={{\r\n            display: \"block\",\r\n            fontSize: \"var(--text-xs, 12px)\",\r\n            fontWeight: \"var(--fw-semibold, 600)\",\r\n            color: \"var(--fg-muted)\",   /* 7.52:1 sur bg-subtle ✅ AAA */\r\n            marginBottom: \"var(--s-2)\",\r\n            userSelect: \"none\",\r\n          }}\r\n        >\r\n          {label}\r\n        </Typography>\r\n      )}\r\n\r\n      <Box\r\n        role=\"status\"\r\n        aria-label={label ? `${label} : ${display}` : `${display}`}\r\n        sx={{\r\n          minHeight: 40,\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          padding: \"var(--s-2) var(--s-3)\",\r\n          background: \"var(--bg-subtle, #f1f2f5)\",\r\n          border: \"1px solid var(--border, #e4e6eb)\",\r\n          borderRadius: \"var(--r-md, 6px)\",\r\n          cursor: \"default\",\r\n          userSelect: \"text\",\r\n          overflow: \"hidden\",\r\n        }}\r\n      >\r\n        <Typography\r\n          component=\"span\"\r\n          sx={{\r\n            fontSize: \"var(--text-sm, 14px)\",\r\n            fontFamily: mono ? \"var(--font-mono, monospace)\" : \"inherit\",\r\n            /*\r\n             * --fg-muted (#474C5A) = 7.52:1 sur --bg-subtle ✅ AAA\r\n             * Utilisé pour valeur présente ET placeholder vide.\r\n             * NE PAS substituer --fg-subtle (#6B7280) qui tombe à 4.30:1\r\n             * sur ce fond (sous WCAG AA).\r\n             */\r\n            color: \"var(--fg-muted)\",\r\n            fontStyle: isEmpty ? \"italic\" : \"normal\",\r\n            overflow: \"hidden\",\r\n            textOverflow: \"ellipsis\",\r\n            whiteSpace: \"nowrap\",\r\n          }}\r\n        >\r\n          {display}\r\n        </Typography>\r\n      </Box>\r\n\r\n      {/* Hint — --fg-muted (7.52:1) car --fg-subtle (4.30:1) échoue AA sur bg-subtle */}\r\n      {hint && (\r\n        <Typography\r\n          component=\"span\"\r\n          sx={{\r\n            display: \"block\",\r\n            marginTop: \"var(--s-1)\",\r\n            fontSize: \"var(--text-xs, 12px)\",\r\n            color: \"var(--fg-muted)\",   /* 7.52:1 sur bg-subtle ✅ */\r\n          }}\r\n        >\r\n          {hint}\r\n        </Typography>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default FormikDisplay;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/components/Input.d.ts

@@ -0,0 +1,62 @@
+import * as React from "react";
+import type { OutlinedInputProps } from "@mui/material/OutlinedInput";
+/**
+ * Input — Portnet UI v2
+ *
+ * Native value/onChange semantics — no Formik coupling.
+ * Wrap inside <Field> for label / hint / error / aria binding.
+ *
+ *   <Field label="Référence">
+ *     <Input value={v} onChange={e => setV(e.target.value)} />
+ *   </Field>
+ *
+ * Optional adornments:
+ *   <Input startIcon={<SearchIcon />} prefix="EUR" suffix=".pdf" />
+ *
+ * NUMERIC INPUT — use <NumberInput> instead.
+ *
+ * MUI v9 surface notes:
+ *   The v2 public `inputProps` prop is routed internally to
+ *   slotProps.input — the MUI v9 idiomatic location for native
+ *   <input/> attributes on OutlinedInput. Consumer code passing
+ *   `inputProps={...}` to v2.Input is unchanged.
+ *
+ * ── `label` IS NOT ACCEPTED — AND THAT IS DELIBERATE (S-02) ─────────
+ *
+ * `label` is omitted from the inherited `OutlinedInputProps` surface below.
+ * `OutlinedInput` does accept a `label`, but there it only SIZES THE NOTCH in
+ * the outline: it renders no text and creates no <label> element. So
+ *
+ *     <Input label="Description" … />        // used to compile
+ *
+ * produced a field with no visible label and NO ACCESSIBLE NAME, while looking
+ * correct to the compiler and to review. That is a silent violation of Charter
+ * R-I.1, checklist A5 and WCAG 1.3.1 / 4.1.2.
+ *
+ * It is not hypothetical: the procuration-portnet-fe migration shipped SIX such
+ * fields across FIVE files, all passing `tsc --strict` with the full mandated
+ * flag set, before the omission was noticed. The asymmetry with `Select` — which
+ * has no `label` prop at all and therefore fails loudly — is what exposed it.
+ *
+ * Omitting `label` here converts that silent a11y defect into a compile error,
+ * and mirrors what `FormikInputProps` already does one file away. Backward
+ * compatible: a caller that correctly wraps in `<Field>` never passed `label` to
+ * `Input` in the first place.
+ */
+type InputType = "text" | "number" | "email" | "password" | "search" | "tel" | "url";
+export interface InputProps extends Omit<OutlinedInputProps, "type" | "value" | "prefix" | "suffix" | "label"> {
+    /** @default "text" */
+    type?: InputType | undefined;
+    value?: string | number | undefined;
+    /** Leading icon adornment. */
+    startIcon?: React.ReactNode | undefined;
+    /** Trailing icon adornment. */
+    endIcon?: React.ReactNode | undefined;
+    /** Leading text prefix (adornment). */
+    prefix?: React.ReactNode | undefined;
+    /** Trailing text suffix (adornment). */
+    suffix?: React.ReactNode | undefined;
+}
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<unknown>>;
+export default Input;
+//# sourceMappingURL=Input.d.ts.map

package/dist/v2/components/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAGtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAErF,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,kBAAkB,EAIlB,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CACjD;IACD,sBAAsB;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,8BAA8B;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACxC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC,uCAAuC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,wCAAwC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACtC;AAED,QAAA,MAAM,KAAK,yFAuDT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/v2/components/Input.js

@@ -0,0 +1,115 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _OutlinedInput = _interopRequireDefault(require("@mui/material/OutlinedInput"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["type", "value", "onChange", "onBlur", "placeholder", "disabled", "error", "readOnly", "fullWidth", "startIcon", "endIcon", "prefix", "suffix", "inputProps", "sx"];
+/**
+ * Input — Portnet UI v2
+ *
+ * Native value/onChange semantics — no Formik coupling.
+ * Wrap inside <Field> for label / hint / error / aria binding.
+ *
+ *   <Field label="Référence">
+ *     <Input value={v} onChange={e => setV(e.target.value)} />
+ *   </Field>
+ *
+ * Optional adornments:
+ *   <Input startIcon={<SearchIcon />} prefix="EUR" suffix=".pdf" />
+ *
+ * NUMERIC INPUT — use <NumberInput> instead.
+ *
+ * MUI v9 surface notes:
+ *   The v2 public `inputProps` prop is routed internally to
+ *   slotProps.input — the MUI v9 idiomatic location for native
+ *   <input/> attributes on OutlinedInput. Consumer code passing
+ *   `inputProps={...}` to v2.Input is unchanged.
+ *
+ * ── `label` IS NOT ACCEPTED — AND THAT IS DELIBERATE (S-02) ─────────
+ *
+ * `label` is omitted from the inherited `OutlinedInputProps` surface below.
+ * `OutlinedInput` does accept a `label`, but there it only SIZES THE NOTCH in
+ * the outline: it renders no text and creates no <label> element. So
+ *
+ *     <Input label="Description" … />        // used to compile
+ *
+ * produced a field with no visible label and NO ACCESSIBLE NAME, while looking
+ * correct to the compiler and to review. That is a silent violation of Charter
+ * R-I.1, checklist A5 and WCAG 1.3.1 / 4.1.2.
+ *
+ * It is not hypothetical: the procuration-portnet-fe migration shipped SIX such
+ * fields across FIVE files, all passing `tsc --strict` with the full mandated
+ * flag set, before the omission was noticed. The asymmetry with `Select` — which
+ * has no `label` prop at all and therefore fails loudly — is what exposed it.
+ *
+ * Omitting `label` here converts that silent a11y defect into a compile error,
+ * and mirrors what `FormikInputProps` already does one file away. Backward
+ * compatible: a caller that correctly wraps in `<Field>` never passed `label` to
+ * `Input` in the first place.
+ */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var Input = /*#__PURE__*/React.forwardRef(function Input(_ref, ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "text" : _ref$type,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    onBlur = _ref.onBlur,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    error = _ref.error,
+    readOnly = _ref.readOnly,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
+    startIcon = _ref.startIcon,
+    endIcon = _ref.endIcon,
+    prefix = _ref.prefix,
+    suffix = _ref.suffix,
+    inputProps = _ref.inputProps,
+    sx = _ref.sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  if (process.env["NODE_ENV"] !== "production" && type === "number") {
+    // eslint-disable-next-line no-console
+    console.warn("[@portnet/ui v2] <Input type=\"number\">: prefer <NumberInput> for charter-compliant locale formatting, clamping, and aria-valuetext.");
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OutlinedInput["default"], _objectSpread({
+    ref: ref,
+    type: type,
+    value: value !== null && value !== void 0 ? value : "",
+    onChange: onChange,
+    onBlur: onBlur,
+    placeholder: placeholder,
+    disabled: disabled,
+    readOnly: readOnly,
+    error: !!error,
+    fullWidth: fullWidth,
+    startAdornment: startIcon || prefix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment["default"], {
+      position: "start",
+      children: startIcon || prefix
+    }) : undefined,
+    endAdornment: endIcon || suffix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment["default"], {
+      position: "end",
+      children: endIcon || suffix
+    }) : undefined,
+    slotProps: inputProps ? {
+      input: inputProps
+    } : undefined,
+    sx: sx
+  }, rest));
+});
+var _default = exports["default"] = Input;
+//# sourceMappingURL=Input.js.map

package/dist/v2/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["React","_interopRequireWildcard","require","_OutlinedInput","_interopRequireDefault","_InputAdornment","_jsxRuntime","_excluded","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Input","forwardRef","_ref","ref","_ref$type","type","onChange","onBlur","placeholder","disabled","error","readOnly","_ref$fullWidth","fullWidth","startIcon","endIcon","prefix","suffix","inputProps","sx","rest","process","env","console","warn","jsx","startAdornment","position","children","endAdornment","slotProps","_default","exports"],"sources":["../../../src/lib/v2/components/Input.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport OutlinedInput from \"@mui/material/OutlinedInput\";\r\nimport type { OutlinedInputProps } from \"@mui/material/OutlinedInput\";\r\nimport InputAdornment from \"@mui/material/InputAdornment\";\r\n\r\n/**\r\n * Input — Portnet UI v2\r\n *\r\n * Native value/onChange semantics — no Formik coupling.\r\n * Wrap inside <Field> for label / hint / error / aria binding.\r\n *\r\n *   <Field label=\"Référence\">\r\n *     <Input value={v} onChange={e => setV(e.target.value)} />\r\n *   </Field>\r\n *\r\n * Optional adornments:\r\n *   <Input startIcon={<SearchIcon />} prefix=\"EUR\" suffix=\".pdf\" />\r\n *\r\n * NUMERIC INPUT — use <NumberInput> instead.\r\n *\r\n * MUI v9 surface notes:\r\n *   The v2 public `inputProps` prop is routed internally to\r\n *   slotProps.input — the MUI v9 idiomatic location for native\r\n *   <input/> attributes on OutlinedInput. Consumer code passing\r\n *   `inputProps={...}` to v2.Input is unchanged.\r\n *\r\n * ── `label` IS NOT ACCEPTED — AND THAT IS DELIBERATE (S-02) ─────────\r\n *\r\n * `label` is omitted from the inherited `OutlinedInputProps` surface below.\r\n * `OutlinedInput` does accept a `label`, but there it only SIZES THE NOTCH in\r\n * the outline: it renders no text and creates no <label> element. So\r\n *\r\n *     <Input label=\"Description\" … />        // used to compile\r\n *\r\n * produced a field with no visible label and NO ACCESSIBLE NAME, while looking\r\n * correct to the compiler and to review. That is a silent violation of Charter\r\n * R-I.1, checklist A5 and WCAG 1.3.1 / 4.1.2.\r\n *\r\n * It is not hypothetical: the procuration-portnet-fe migration shipped SIX such\r\n * fields across FIVE files, all passing `tsc --strict` with the full mandated\r\n * flag set, before the omission was noticed. The asymmetry with `Select` — which\r\n * has no `label` prop at all and therefore fails loudly — is what exposed it.\r\n *\r\n * Omitting `label` here converts that silent a11y defect into a compile error,\r\n * and mirrors what `FormikInputProps` already does one file away. Backward\r\n * compatible: a caller that correctly wraps in `<Field>` never passed `label` to\r\n * `Input` in the first place.\r\n */\r\ntype InputType = \"text\" | \"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\";\r\n\r\nexport interface InputProps\r\n  extends Omit<\r\n    OutlinedInputProps,\r\n    /* S-02 — `label` is omitted on purpose. See the module docstring: on\r\n     * OutlinedInput it only sizes the outline notch and renders no accessible\r\n     * name, so accepting it here let unlabelled fields compile. Use <Field>. */\r\n    \"type\" | \"value\" | \"prefix\" | \"suffix\" | \"label\"\r\n  > {\r\n  /** @default \"text\" */\r\n  type?: InputType | undefined;\r\n  value?: string | number | undefined;\r\n  /** Leading icon adornment. */\r\n  startIcon?: React.ReactNode | undefined;\r\n  /** Trailing icon adornment. */\r\n  endIcon?: React.ReactNode | undefined;\r\n  /** Leading text prefix (adornment). */\r\n  prefix?: React.ReactNode | undefined;\r\n  /** Trailing text suffix (adornment). */\r\n  suffix?: React.ReactNode | undefined;\r\n}\r\n\r\nconst Input = React.forwardRef<React.ComponentRef<typeof OutlinedInput>, InputProps>(function Input(\r\n  {\r\n    type      = \"text\",\r\n    value,\r\n    onChange,\r\n    onBlur,\r\n    placeholder,\r\n    disabled,\r\n    error,\r\n    readOnly,\r\n    fullWidth = true,\r\n    startIcon,\r\n    endIcon,\r\n    prefix,\r\n    suffix,\r\n    inputProps,\r\n    sx,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  if (process.env[\"NODE_ENV\"] !== \"production\" && type === \"number\") {\r\n    // eslint-disable-next-line no-console\r\n    console.warn(\r\n      \"[@portnet/ui v2] <Input type=\\\"number\\\">: prefer <NumberInput> for charter-compliant locale formatting, clamping, and aria-valuetext.\",\r\n    );\r\n  }\r\n\r\n  return (\r\n    <OutlinedInput\r\n      ref={ref}\r\n      type={type}\r\n      value={value ?? \"\"}\r\n      onChange={onChange}\r\n      onBlur={onBlur}\r\n      placeholder={placeholder}\r\n      disabled={disabled}\r\n      readOnly={readOnly}\r\n      error={!!error}\r\n      fullWidth={fullWidth}\r\n      startAdornment={\r\n        startIcon || prefix ? (\r\n          <InputAdornment position=\"start\">{startIcon || prefix}</InputAdornment>\r\n        ) : undefined\r\n      }\r\n      endAdornment={\r\n        endIcon || suffix ? (\r\n          <InputAdornment position=\"end\">{endIcon || suffix}</InputAdornment>\r\n        ) : undefined\r\n      }\r\n      slotProps={inputProps ? { input: inputProps } : undefined}\r\n      sx={sx}\r\n      {...rest}\r\n    />\r\n  );\r\n});\r\n\r\nexport default Input;\r\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,SAAA;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA1CA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAO,GAAA,EAAAG,WAAA,SAAAA,WAAA,IAAAH,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAO,OAAA,CAAAP,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAQ,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,cAAAX,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAZ,MAAA,CAAAY,IAAA,CAAAF,MAAA,OAAAV,MAAA,CAAAa,qBAAA,QAAAC,OAAA,GAAAd,MAAA,CAAAa,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAhB,MAAA,CAAAE,wBAAA,CAAAQ,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAT,MAAA,CAAAyB,MAAA,OAAAC,OAAA,WAAAvB,GAAA,IAAAwB,eAAA,CAAAN,MAAA,EAAAlB,GAAA,EAAAsB,MAAA,CAAAtB,GAAA,SAAAH,MAAA,CAAA4B,yBAAA,GAAA5B,MAAA,CAAA6B,gBAAA,CAAAR,MAAA,EAAArB,MAAA,CAAA4B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAT,MAAA,CAAAyB,MAAA,GAAAC,OAAA,WAAAvB,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAoB,MAAA,EAAAlB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAuB,MAAA,EAAAtB,GAAA,iBAAAkB,MAAA;AAAA,SAAAM,gBAAAxC,GAAA,EAAAgB,GAAA,EAAA2B,KAAA,IAAA3B,GAAA,GAAA4B,cAAA,CAAA5B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA2B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAA9C,GAAA,CAAAgB,GAAA,IAAA2B,KAAA,WAAA3C,GAAA;AAAA,SAAA4C,eAAAG,GAAA,QAAA/B,GAAA,GAAAgC,YAAA,CAAAD,GAAA,oBAAAxC,OAAA,CAAAS,GAAA,iBAAAA,GAAA,GAAAiC,MAAA,CAAAjC,GAAA;AAAA,SAAAgC,aAAAE,KAAA,EAAAC,IAAA,QAAA5C,OAAA,CAAA2C,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAjC,IAAA,CAAA+B,KAAA,EAAAC,IAAA,oBAAA5C,OAAA,CAAAiD,GAAA,uBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAArB,MAAA,EAAAsB,QAAA,QAAAtB,MAAA,yBAAAJ,MAAA,GAAA2B,6BAAA,CAAAvB,MAAA,EAAAsB,QAAA,OAAA5C,GAAA,EAAAmB,CAAA,MAAAtB,MAAA,CAAAa,qBAAA,QAAAoC,gBAAA,GAAAjD,MAAA,CAAAa,qBAAA,CAAAY,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA2B,gBAAA,CAAAzB,MAAA,EAAAF,CAAA,MAAAnB,GAAA,GAAA8C,gBAAA,CAAA3B,CAAA,OAAAyB,QAAA,CAAAG,OAAA,CAAA/C,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAA+C,oBAAA,CAAA7C,IAAA,CAAAmB,MAAA,EAAAtB,GAAA,aAAAkB,MAAA,CAAAlB,GAAA,IAAAsB,MAAA,CAAAtB,GAAA,cAAAkB,MAAA;AAAA,SAAA2B,8BAAAvB,MAAA,EAAAsB,QAAA,QAAAtB,MAAA,yBAAAJ,MAAA,WAAA+B,UAAA,GAAApD,MAAA,CAAAY,IAAA,CAAAa,MAAA,OAAAtB,GAAA,EAAAmB,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA8B,UAAA,CAAA5B,MAAA,EAAAF,CAAA,MAAAnB,GAAA,GAAAiD,UAAA,CAAA9B,CAAA,OAAAyB,QAAA,CAAAG,OAAA,CAAA/C,GAAA,kBAAAkB,MAAA,CAAAlB,GAAA,IAAAsB,MAAA,CAAAtB,GAAA,YAAAkB,MAAA;AAkEA,IAAMgC,KAAK,gBAAG1E,KAAK,CAAC2E,UAAU,CAAuD,SAASD,KAAKA,CAAAE,IAAA,EAmBjGC,GAAG,EACH;EAAA,IAAAC,SAAA,GAAAF,IAAA,CAlBEG,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAQ,MAAM,GAAAA,SAAA;IAClB3B,KAAK,GAAAyB,IAAA,CAALzB,KAAK;IACL6B,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IAAAC,cAAA,GAAAV,IAAA,CACRW,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAChBE,SAAS,GAAAZ,IAAA,CAATY,SAAS;IACTC,OAAO,GAAAb,IAAA,CAAPa,OAAO;IACPC,MAAM,GAAAd,IAAA,CAANc,MAAM;IACNC,MAAM,GAAAf,IAAA,CAANe,MAAM;IACNC,UAAU,GAAAhB,IAAA,CAAVgB,UAAU;IACVC,EAAE,GAAAjB,IAAA,CAAFiB,EAAE;IACCC,IAAI,GAAA3B,wBAAA,CAAAS,IAAA,EAAArE,SAAA;EAIT,IAAIwF,OAAO,CAACC,GAAG,CAAC,UAAU,CAAC,KAAK,YAAY,IAAIjB,IAAI,KAAK,QAAQ,EAAE;IACjE;IACAkB,OAAO,CAACC,IAAI,CACV,uIACF,CAAC;EACH;EAEA,oBACE,IAAA5F,WAAA,CAAA6F,GAAA,EAAChG,cAAA,WAAa,EAAAsC,aAAA;IACZoC,GAAG,EAAEA,GAAI;IACTE,IAAI,EAAEA,IAAK;IACX5B,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAG;IACnB6B,QAAQ,EAAEA,QAAS;IACnBC,MAAM,EAAEA,MAAO;IACfC,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,KAAK,EAAE,CAAC,CAACA,KAAM;IACfG,SAAS,EAAEA,SAAU;IACrBa,cAAc,EACZZ,SAAS,IAAIE,MAAM,gBACjB,IAAApF,WAAA,CAAA6F,GAAA,EAAC9F,eAAA,WAAc;MAACgG,QAAQ,EAAC,OAAO;MAAAC,QAAA,EAAEd,SAAS,IAAIE;IAAM,CAAiB,CAAC,GACrE3B,SACL;IACDwC,YAAY,EACVd,OAAO,IAAIE,MAAM,gBACf,IAAArF,WAAA,CAAA6F,GAAA,EAAC9F,eAAA,WAAc;MAACgG,QAAQ,EAAC,KAAK;MAAAC,QAAA,EAAEb,OAAO,IAAIE;IAAM,CAAiB,CAAC,GACjE5B,SACL;IACDyC,SAAS,EAAEZ,UAAU,GAAG;MAAElC,KAAK,EAAEkC;IAAW,CAAC,GAAG7B,SAAU;IAC1D8B,EAAE,EAAEA;EAAG,GACHC,IAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,cAEYhC,KAAK","ignoreList":[]}

package/dist/v2/components/KPICard.d.ts

@@ -0,0 +1,52 @@
+import * as React from "react";
+import type { SxProps, Theme } from "@mui/material/styles";
+export interface KPICardLabels {
+    up?: string | undefined;
+    down?: string | undefined;
+}
+export interface KPICardProps {
+    label: React.ReactNode;
+    value?: React.ReactNode | undefined;
+    delta?: number | string | undefined;
+    period?: React.ReactNode | undefined;
+    helper?: React.ReactNode | undefined;
+    /**
+     * What the `value` slot HOLDS — not how big it is (see `size`).
+     *
+     *   "default" : a numeric metric. Display type size, tight leading,
+     *               tabular numerals, negative letter-spacing.
+     *   "text"    : a TEXT descriptor (« Importation matières premières »).
+     *               Body size, semibold, normal leading, free to wrap.
+     *
+     * Capability gap G-11. This prop previously accepted only "default" and was
+     * marked "reserved for future visual variants" — so a card whose value was a
+     * long label had no supported shape, and every module patched it from the
+     * outside with an `sx` override reaching into `"& > p"`. addpe-fe carries that
+     * override BYTE-IDENTICAL in two files, which is the signature of a missing
+     * variant rather than of a local design decision.
+     *
+     * The distinction is not cosmetic: at display size a descriptor wraps and
+     * breaks the strip's row rhythm, and `tabular-nums` + negative tracking are
+     * meaningless — actively wrong — on prose.
+     */
+    variant?: "default" | "text" | undefined;
+    /**
+     * Type scale of the `value` slot.
+     *
+     *   "default" : the charter's dashboard tile size.
+     *   "compact" : one step down (--text-h2), for a NARROW container — a 480 px
+     *               drawer, a 2×2 grid at ~220 px per tile — where the default
+     *               reads oversized against the 11 px label.
+     *
+     * Same origin as `variant`: addpe-fe's `KPI_VALUE_COMPACT_SX`, applied to
+     * three cards of its preview drawer.
+     */
+    size?: "default" | "compact" | undefined;
+    icon?: React.ReactElement | undefined;
+    locale?: string | undefined;
+    labels?: KPICardLabels | undefined;
+    sx?: SxProps<Theme> | undefined;
+}
+declare function KPICard({ label, value, delta, period, helper, variant, size, icon, locale, labels, sx, }: KPICardProps): React.JSX.Element;
+export default KPICard;
+//# sourceMappingURL=KPICard.d.ts.map

package/dist/v2/components/KPICard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KPICard.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/KPICard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAwE3D,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACzC;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACjC;AAED,iBAAS,OAAO,CAAC,EACf,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAmB,EACnB,IAAgB,EAChB,IAAI,EACJ,MAAgB,EAChB,MAAM,EACN,EAAE,GACH,EAAE,YAAY,qBA4Jd;AAED,eAAe,OAAO,CAAC"}