@portnet/ui 6.0.1 → 6.0.3

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

@@ -58,5 +58,45 @@ export interface InputProps extends Omit<OutlinedInputProps, "type" | "value" |
     suffix?: React.ReactNode | undefined;
 }
 declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<unknown>>;
+/**
+ * ── A11Y-1 — WHY `aria-required` IS EXTRACTED ───────────────────────────
+ *
+ * `Field` injects `aria-required` into its child to satisfy R-I.2 MUST
+ * (« Champ requis : astérisque rouge dans le label + aria-required »). Left in
+ * `...rest`, that attribute reached `OutlinedInput`, and MUI spreads unknown
+ * props onto its ROOT WRAPPER — so it landed on
+ * `div.MuiInputBase-root` and NEVER on the native `<input>`.
+ *
+ * Two consequences, the second worse than the first:
+ *
+ *   1. `aria-required` on a plain `div` with no role is invalid ARIA. axe
+ *      reports `aria-allowed-attr`; WCAG 4.1.2.
+ *   2. The input itself was never marked required, so a screen reader did not
+ *      announce it. R-I.2 LOOKED satisfied — the asterisk was there, the
+ *      attribute was in the DOM — while the thing the rule exists to produce
+ *      never happened. Every required field, in every module.
+ *
+ * This is the same failure this file's sibling documents for naming: « MUI
+ * spreads unknown props onto its ROOT wrapper, so the attribute landed on
+ * div.MuiInputBase-root — never on the inner control » (`Field`, R-I.1), and
+ * the same one `Combobox` fixed as COMBO-1 by threading the aria attributes
+ * onto its input slot. `Input` was simply never given the same treatment.
+ *
+ * `slotProps.input` and NOT `slotProps.htmlInput`, which is the opposite of
+ * `Combobox`: this component renders `OutlinedInput` DIRECTLY, and on an
+ * InputBase the `input` slot IS the native element. `htmlInput` is the
+ * `TextField` spelling, where `input` means the InputBase itself. Getting this
+ * backwards puts the attribute one level up again and reintroduces the bug in
+ * a form that still passes review.
+ *
+ * NOT extracted here: `aria-describedby`, which MUI's `InputBase` destructures
+ * itself and applies to the native input, and `aria-invalid`, which MUI derives
+ * from the `error` prop `Field` already forwards. Both were verified before
+ * being left alone — extracting them would have duplicated behaviour rather
+ * than fixed it.
+ *
+ * Found by the axe suite of `produit-artisanat-fe` (Area 10), failing
+ * `aria-allowed-attr` on the first `<Field required>` rendered.
+ */
 export default Input;
 //# sourceMappingURL=Input.d.ts.map

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

@@ -1 +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"}
+{"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,yFAqET,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,eAAe,KAAK,CAAC"}

package/dist/v2/components/Input.js

@@ -1,15 +1,15 @@
 "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;
+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"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * Input — Portnet UI v2
  *
@@ -53,43 +53,36 @@ var _excluded = ["type", "value", "onChange", "onBlur", "placeholder", "disabled
  * 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);
+
+const Input = /*#__PURE__*/React.forwardRef(function Input({
+  type = "text",
+  value,
+  onChange,
+  onBlur,
+  placeholder,
+  disabled,
+  error,
+  readOnly,
+  fullWidth = true,
+  startIcon,
+  endIcon,
+  prefix,
+  suffix,
+  inputProps,
+  sx,
+  /* A11Y-1 — pulled out of ...rest so it does NOT land on the root wrapper.
+   * See the note below the component. */
+  "aria-required": ariaRequired,
+  ...rest
+}, ref) {
   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({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OutlinedInput.default, {
     ref: ref,
     type: type,
-    value: value !== null && value !== void 0 ? value : "",
+    value: value ?? "",
     onChange: onChange,
     onBlur: onBlur,
     placeholder: placeholder,
@@ -97,19 +90,66 @@ var Input = /*#__PURE__*/React.forwardRef(function Input(_ref, ref) {
     readOnly: readOnly,
     error: !!error,
     fullWidth: fullWidth,
-    startAdornment: startIcon || prefix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment["default"], {
+    startAdornment: startIcon || prefix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, {
       position: "start",
       children: startIcon || prefix
     }) : undefined,
-    endAdornment: endIcon || suffix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment["default"], {
+    endAdornment: endIcon || suffix ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, {
       position: "end",
       children: endIcon || suffix
     }) : undefined,
-    slotProps: inputProps ? {
-      input: inputProps
+    slotProps: inputProps || ariaRequired != null ? {
+      input: {
+        ...(inputProps ?? {}),
+        ...(ariaRequired != null ? {
+          "aria-required": ariaRequired
+        } : {})
+      }
     } : undefined,
-    sx: sx
-  }, rest));
+    sx: sx,
+    ...rest
+  });
 });
-var _default = exports["default"] = Input;
+
+/**
+ * ── A11Y-1 — WHY `aria-required` IS EXTRACTED ───────────────────────────
+ *
+ * `Field` injects `aria-required` into its child to satisfy R-I.2 MUST
+ * (« Champ requis : astérisque rouge dans le label + aria-required »). Left in
+ * `...rest`, that attribute reached `OutlinedInput`, and MUI spreads unknown
+ * props onto its ROOT WRAPPER — so it landed on
+ * `div.MuiInputBase-root` and NEVER on the native `<input>`.
+ *
+ * Two consequences, the second worse than the first:
+ *
+ *   1. `aria-required` on a plain `div` with no role is invalid ARIA. axe
+ *      reports `aria-allowed-attr`; WCAG 4.1.2.
+ *   2. The input itself was never marked required, so a screen reader did not
+ *      announce it. R-I.2 LOOKED satisfied — the asterisk was there, the
+ *      attribute was in the DOM — while the thing the rule exists to produce
+ *      never happened. Every required field, in every module.
+ *
+ * This is the same failure this file's sibling documents for naming: « MUI
+ * spreads unknown props onto its ROOT wrapper, so the attribute landed on
+ * div.MuiInputBase-root — never on the inner control » (`Field`, R-I.1), and
+ * the same one `Combobox` fixed as COMBO-1 by threading the aria attributes
+ * onto its input slot. `Input` was simply never given the same treatment.
+ *
+ * `slotProps.input` and NOT `slotProps.htmlInput`, which is the opposite of
+ * `Combobox`: this component renders `OutlinedInput` DIRECTLY, and on an
+ * InputBase the `input` slot IS the native element. `htmlInput` is the
+ * `TextField` spelling, where `input` means the InputBase itself. Getting this
+ * backwards puts the attribute one level up again and reintroduces the bug in
+ * a form that still passes review.
+ *
+ * NOT extracted here: `aria-describedby`, which MUI's `InputBase` destructures
+ * itself and applies to the native input, and `aria-invalid`, which MUI derives
+ * from the `error` prop `Field` already forwards. Both were verified before
+ * being left alone — extracting them would have duplicated behaviour rather
+ * than fixed it.
+ *
+ * Found by the axe suite of `produit-artisanat-fe` (Area 10), failing
+ * `aria-allowed-attr` on the first `<Field required>` rendered.
+ */
+var _default = exports.default = Input;
 //# sourceMappingURL=Input.js.map

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

@@ -1 +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":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["React","_interopRequireWildcard","require","_OutlinedInput","_interopRequireDefault","_InputAdornment","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Input","forwardRef","type","value","onChange","onBlur","placeholder","disabled","error","readOnly","fullWidth","startIcon","endIcon","prefix","suffix","inputProps","sx","ariaRequired","rest","ref","process","env","console","warn","jsx","startAdornment","position","children","undefined","endAdornment","slotProps","input","_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    /* A11Y-1 — pulled out of ...rest so it does NOT land on the root wrapper.\r\n     * See the note below the component. */\r\n    \"aria-required\": ariaRequired,\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={\r\n        inputProps || ariaRequired != null\r\n          ? {\r\n              input: {\r\n                ...(inputProps ?? {}),\r\n                ...(ariaRequired != null\r\n                  ? { \"aria-required\": ariaRequired }\r\n                  : {}),\r\n              },\r\n            }\r\n          : undefined\r\n      }\r\n      sx={sx}\r\n      {...rest}\r\n    />\r\n  );\r\n});\r\n\r\n/**\r\n * ── A11Y-1 — WHY `aria-required` IS EXTRACTED ───────────────────────────\r\n *\r\n * `Field` injects `aria-required` into its child to satisfy R-I.2 MUST\r\n * (« Champ requis : astérisque rouge dans le label + aria-required »). Left in\r\n * `...rest`, that attribute reached `OutlinedInput`, and MUI spreads unknown\r\n * props onto its ROOT WRAPPER — so it landed on\r\n * `div.MuiInputBase-root` and NEVER on the native `<input>`.\r\n *\r\n * Two consequences, the second worse than the first:\r\n *\r\n *   1. `aria-required` on a plain `div` with no role is invalid ARIA. axe\r\n *      reports `aria-allowed-attr`; WCAG 4.1.2.\r\n *   2. The input itself was never marked required, so a screen reader did not\r\n *      announce it. R-I.2 LOOKED satisfied — the asterisk was there, the\r\n *      attribute was in the DOM — while the thing the rule exists to produce\r\n *      never happened. Every required field, in every module.\r\n *\r\n * This is the same failure this file's sibling documents for naming: « MUI\r\n * spreads unknown props onto its ROOT wrapper, so the attribute landed on\r\n * div.MuiInputBase-root — never on the inner control » (`Field`, R-I.1), and\r\n * the same one `Combobox` fixed as COMBO-1 by threading the aria attributes\r\n * onto its input slot. `Input` was simply never given the same treatment.\r\n *\r\n * `slotProps.input` and NOT `slotProps.htmlInput`, which is the opposite of\r\n * `Combobox`: this component renders `OutlinedInput` DIRECTLY, and on an\r\n * InputBase the `input` slot IS the native element. `htmlInput` is the\r\n * `TextField` spelling, where `input` means the InputBase itself. Getting this\r\n * backwards puts the attribute one level up again and reintroduces the bug in\r\n * a form that still passes review.\r\n *\r\n * NOT extracted here: `aria-describedby`, which MUI's `InputBase` destructures\r\n * itself and applies to the native input, and `aria-invalid`, which MUI derives\r\n * from the `error` prop `Field` already forwards. Both were verified before\r\n * being left alone — extracting them would have duplicated behaviour rather\r\n * than fixed it.\r\n *\r\n * Found by the axe suite of `produit-artisanat-fe` (Area 10), failing\r\n * `aria-allowed-attr` on the first `<Field required>` rendered.\r\n */\r\n\r\nexport default Input;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/components/KPICard.js

@@ -1,30 +1,18 @@
 "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;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _ArrowUpward = _interopRequireDefault(require("@mui/icons-material/ArrowUpward"));
 var _ArrowDownward = _interopRequireDefault(require("@mui/icons-material/ArrowDownward"));
 var _mergeLabels = require("../utils/mergeLabels");
 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 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } /**
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
  * KPICard - Portnet UI v2
  *
  * Charter §03 · Component "KPI Card".
@@ -74,57 +62,54 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *     - text  (uses --success-fg / --danger-fg for 4.5:1 contrast, 1.4.3)
  *   The direction is also announced to screen readers via a SR-only
  *   "en hausse de" / "en baisse de" prefix (1.4.1).
- */
-var DEFAULT_LABELS = Object.freeze({
+ */const DEFAULT_LABELS = Object.freeze({
   up: "en hausse de ",
   down: "en baisse de "
 });
 function formatDelta(n, locale) {
-  var opts = {
+  const opts = {
     maximumFractionDigits: 2
   };
   try {
     return new Intl.NumberFormat(locale, opts).format(n);
-  } catch (_unused) {
+  } catch {
     // Invalid BCP-47 tag → fall back to fr-FR rather than throwing.
     return new Intl.NumberFormat("fr-FR", opts).format(n);
   }
 }
-function KPICard(_ref) {
-  var label = _ref.label,
-    value = _ref.value,
-    delta = _ref.delta,
-    period = _ref.period,
-    helper = _ref.helper,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "default" : _ref$variant,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "default" : _ref$size,
-    icon = _ref.icon,
-    _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? "fr-FR" : _ref$locale,
-    labels = _ref.labels,
-    sx = _ref.sx;
-  var isText = variant === "text";
-  var isCompact = size === "compact";
-  var L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
+function KPICard({
+  label,
+  value,
+  delta,
+  period,
+  helper,
+  variant = "default",
+  size = "default",
+  icon,
+  locale = "fr-FR",
+  labels,
+  sx
+}) {
+  const isText = variant === "text";
+  const isCompact = size === "compact";
+  const L = (0, _mergeLabels.mergeLabels)(DEFAULT_LABELS, labels);
 
   // Parse delta into a definite `number | null` so the sign checks and
   // Math.abs below narrow cleanly under strictNullChecks.
-  var parsed = delta == null || delta === "" ? null : Number(delta);
-  var deltaNum = parsed !== null && Number.isFinite(parsed) ? parsed : null;
-  var isPositive = deltaNum !== null && deltaNum > 0;
-  var isNegative = deltaNum !== null && deltaNum < 0;
+  const parsed = delta == null || delta === "" ? null : Number(delta);
+  const deltaNum = parsed !== null && Number.isFinite(parsed) ? parsed : null;
+  const isPositive = deltaNum !== null && deltaNum > 0;
+  const isNegative = deltaNum !== null && deltaNum < 0;
 
   // R-G.1 - split icon vs text colour so the icon stays vivid (1.4.11)
   // while the numeric text meets 1.4.3 (4.5:1 against white).
-  var iconColor = isPositive ? "var(--success)" : isNegative ? "var(--danger)" : "var(--fg-subtle)";
-  var textColor = isPositive ? "var(--success-fg)" : isNegative ? "var(--danger-fg)" : "var(--fg-subtle)";
+  const iconColor = isPositive ? "var(--success)" : isNegative ? "var(--danger)" : "var(--fg-subtle)";
+  const textColor = isPositive ? "var(--success-fg)" : isNegative ? "var(--danger-fg)" : "var(--fg-subtle)";
 
   // SR-only direction prefix - empty for zero or missing deltas (the bare
   // "0 %" already reads correctly without a direction word).
-  var directionLabel = isPositive ? L.up : isNegative ? L.down : "";
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+  const directionLabel = isPositive ? L.up : isNegative ? L.down : "";
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     sx: [{
       padding: "var(--s-4) var(--s-5)",
       background: "var(--surface)",
@@ -132,15 +117,15 @@ function KPICard(_ref) {
       borderRadius: "var(--r-lg)",
       boxShadow: "var(--shadow-xs)",
       minWidth: 0
-    }].concat(_toConsumableArray(Array.isArray(sx) ? sx : sx ? [sx] : [])),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    }, ...(Array.isArray(sx) ? sx : sx ? [sx] : [])],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       sx: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
         marginBottom: 1
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         component: "p",
         sx: {
           margin: 0,
@@ -152,15 +137,15 @@ function KPICard(_ref) {
           color: "var(--fg-subtle)"
         },
         children: label
-      }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         sx: {
           color: "var(--fg-subtle)"
         },
         children: icon
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       component: "p",
-      sx: _objectSpread({
+      sx: {
         margin: 0,
         /* variant/size resolution — gap G-11.
          *
@@ -182,16 +167,21 @@ function KPICard(_ref) {
         // A text descriptor takes semibold instead: bold at body size reads
         // as a heading and competes with the label above it.
         fontWeight: isText ? "var(--fw-semibold)" : "var(--fw-bold)",
-        color: "var(--fg)"
-      }, isText ? {
-        lineHeight: "var(--lh-normal)"
-      } : {
-        fontVariantNumeric: "tabular-nums",
-        letterSpacing: "-0.01em",
-        lineHeight: "var(--lh-tight)"
-      }),
-      children: value !== null && value !== void 0 ? value : "—"
-    }), (deltaNum !== null || helper) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+        color: "var(--fg)",
+        /* Both of these are FIGURE typography and are actively wrong on prose:
+         * tabular numerals force uniform digit widths (pointless without
+         * digits) and negative tracking tightens words that need their normal
+         * spacing to stay legible at body size. */
+        ...(isText ? {
+          lineHeight: "var(--lh-normal)"
+        } : {
+          fontVariantNumeric: "tabular-nums",
+          letterSpacing: "-0.01em",
+          lineHeight: "var(--lh-tight)"
+        })
+      },
+      children: value ?? "—"
+    }), (deltaNum !== null || helper) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       sx: {
         display: "flex",
         alignItems: "center",
@@ -199,7 +189,7 @@ function KPICard(_ref) {
         marginTop: 1,
         fontSize: "var(--text-xs)"
       },
-      children: [deltaNum !== null && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+      children: [deltaNum !== null && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         sx: {
           display: "inline-flex",
           alignItems: "center",
@@ -215,13 +205,13 @@ function KPICard(_ref) {
         children: [directionLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "pui-sr-only",
           children: directionLabel
-        }), isPositive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowUpward["default"], {
+        }), isPositive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowUpward.default, {
           "aria-hidden": "true",
           sx: {
             fontSize: "var(--text-xs)",
             color: iconColor
           }
-        }) : isNegative ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowDownward["default"], {
+        }) : isNegative ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowDownward.default, {
           "aria-hidden": "true",
           sx: {
             fontSize: "var(--text-xs)",
@@ -230,7 +220,7 @@ function KPICard(_ref) {
         }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
           children: [formatDelta(Math.abs(deltaNum), locale), " %"]
         })]
-      }), (period || helper) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      }), (period || helper) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         component: "span",
         sx: {
           color: "var(--fg-subtle)"
@@ -240,5 +230,5 @@ function KPICard(_ref) {
     })]
   });
 }
-var _default = exports["default"] = KPICard;
+var _default = exports.default = KPICard;
 //# sourceMappingURL=KPICard.js.map