@portnet/ui 5.0.27 → 6.0.0

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;
+    value?: string | number;
+    /** Leading icon adornment. */
+    startIcon?: React.ReactNode;
+    /** Trailing icon adornment. */
+    endIcon?: React.ReactNode;
+    /** Leading text prefix (adornment). */
+    prefix?: React.ReactNode;
+    /** Trailing text suffix (adornment). */
+    suffix?: React.ReactNode;
+}
+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,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uCAAuC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wCAAwC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;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;\r\n  value?: string | number;\r\n  /** Leading icon adornment. */\r\n  startIcon?: React.ReactNode;\r\n  /** Trailing icon adornment. */\r\n  endIcon?: React.ReactNode;\r\n  /** Leading text prefix (adornment). */\r\n  prefix?: React.ReactNode;\r\n  /** Trailing text suffix (adornment). */\r\n  suffix?: React.ReactNode;\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":[]}

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SxProps, Theme } from "@mui/material/styles";
+export interface KPICardLabels {
+    up?: string;
+    down?: string;
+}
+export interface KPICardProps {
+    label: React.ReactNode;
+    value?: React.ReactNode;
+    delta?: number | string;
+    period?: React.ReactNode;
+    helper?: React.ReactNode;
+    /** Reserved for future visual variants; currently only "default". */
+    variant?: "default";
+    icon?: React.ReactElement;
+    locale?: string;
+    labels?: KPICardLabels;
+    sx?: SxProps<Theme>;
+}
+declare function KPICard({ label, value, delta, period, helper, 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;AAkD3D,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qEAAqE;IACrE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,iBAAS,OAAO,CAAC,EACf,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,IAAI,EACJ,MAAgB,EAChB,MAAM,EACN,EAAE,GACH,EAAE,YAAY,qBAsId;AAED,eAAe,OAAO,CAAC"}

package/dist/v2/components/KPICard.js

@@ -0,0 +1,205 @@
+"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 _ArrowUpward = _interopRequireDefault(require("@mui/icons-material/ArrowUpward"));
+var _ArrowDownward = _interopRequireDefault(require("@mui/icons-material/ArrowDownward"));
+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); }
+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 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); } /**
+ * KPICard - Portnet UI v2
+ *
+ * Charter §03 · Component "KPI Card".
+ * Label uppercase 11 px + valeur 24 px + delta % vs période · tabular-nums.
+ *
+ *   <KPICard label="Titres en attente" value={42} delta={+12.5} period="vs mois dernier" />
+ *
+ * Localisation (FR / EN / AR):
+ *   <KPICard
+ *     label="Pending titles"
+ *     value={42}
+ *     delta={+12.5}
+ *     period="vs last month"
+ *     locale="en-US"
+ *     labels={{ up: "up by ", down: "down by " }}
+ *   />
+ *
+ *   - `locale` controls the delta percentage's separator (12.5 vs 12,5).
+ *   - `labels.up` / `labels.down` are SR-only direction prefixes; default
+ *     French preserved for back-compat.
+ *
+ * A11y note (WCAG 1.4.1 + 1.4.3):
+ *   The delta is conveyed by THREE channels:
+ *     - icon (visual, non-text - uses --success / --danger, 1.4.11)
+ *     - colour (visual reinforcement only)
+ *     - 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({
+  up: "en hausse de ",
+  down: "en baisse de "
+});
+function formatDelta(n, locale) {
+  var opts = {
+    maximumFractionDigits: 2
+  };
+  try {
+    return new Intl.NumberFormat(locale, opts).format(n);
+  } catch (_unused) {
+    // 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,
+    icon = _ref.icon,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? "fr-FR" : _ref$locale,
+    labels = _ref.labels,
+    sx = _ref.sx;
+  var L = labels ? _objectSpread(_objectSpread({}, DEFAULT_LABELS), labels) : DEFAULT_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;
+
+  // 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)";
+
+  // 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"], {
+    sx: [{
+      padding: "var(--s-4) var(--s-5)",
+      background: "var(--surface)",
+      border: "1px solid var(--border)",
+      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"], {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        marginBottom: 1
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        component: "p",
+        sx: {
+          margin: 0,
+          // Charter §03 KPI Card - explicit literal "label uppercase 11 px"
+          fontSize: 11,
+          fontWeight: "var(--fw-semibold)",
+          letterSpacing: "0.06em",
+          textTransform: "uppercase",
+          color: "var(--fg-subtle)"
+        },
+        children: label
+      }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        sx: {
+          color: "var(--fg-subtle)"
+        },
+        children: icon
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      component: "p",
+      sx: {
+        margin: 0,
+        // Charter §03 KPI Card - explicit literal "valeur 24 px"
+        fontSize: 24,
+        // Heaviest weight in the post-Batch-1 scale (700). The black-weight
+        // custom property this once referenced was dropped from the
+        // typography tokens and resolved to undefined in CSS, silently
+        // flattening the weight on every dashboard KPI.
+        //
+        // The old name is deliberately NOT spelled out here: the
+        // banned-patterns guard is a raw text scan with no comment
+        // awareness, so writing it - even to document its removal - trips
+        // the very rule that protects this line. See banned-patterns.test.ts.
+        fontWeight: "var(--fw-bold)",
+        color: "var(--fg)",
+        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"], {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        marginTop: 1,
+        fontSize: "var(--text-xs)"
+      },
+      children: [deltaNum !== null && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+        sx: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 0.25,
+          // Default colour for the block = textColor. The icon
+          // overrides to iconColor below for a vivid arrow against
+          // a darker numeric label.
+          color: textColor,
+          fontWeight: "var(--fw-semibold)",
+          // R-T.3 - tabular-nums on delta so percentages align across cards
+          fontVariantNumeric: "tabular-nums"
+        },
+        children: [directionLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "pui-sr-only",
+          children: directionLabel
+        }), isPositive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowUpward["default"], {
+          "aria-hidden": "true",
+          sx: {
+            fontSize: "var(--text-xs)",
+            color: iconColor
+          }
+        }) : isNegative ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowDownward["default"], {
+          "aria-hidden": "true",
+          sx: {
+            fontSize: "var(--text-xs)",
+            color: iconColor
+          }
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          children: [formatDelta(Math.abs(deltaNum), locale), " %"]
+        })]
+      }), (period || helper) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        component: "span",
+        sx: {
+          color: "var(--fg-subtle)"
+        },
+        children: helper || period
+      })]
+    })]
+  });
+}
+var _default = exports["default"] = KPICard;
+//# sourceMappingURL=KPICard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KPICard.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_ArrowUpward","_ArrowDownward","_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","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","name","Array","from","test","iter","isArray","len","length","i","arr2","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","arguments","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","DEFAULT_LABELS","freeze","up","down","formatDelta","locale","opts","maximumFractionDigits","Intl","NumberFormat","format","_unused","KPICard","_ref","label","delta","period","helper","icon","_ref$locale","labels","sx","L","parsed","deltaNum","isFinite","isPositive","isNegative","iconColor","textColor","directionLabel","jsxs","padding","background","border","borderRadius","boxShadow","minWidth","concat","children","display","alignItems","justifyContent","marginBottom","jsx","component","margin","fontSize","fontWeight","letterSpacing","textTransform","color","fontVariantNumeric","lineHeight","gap","marginTop","className","Math","abs","_default","exports"],"sources":["../../../src/lib/v2/components/KPICard.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport ArrowUpwardIcon from \"@mui/icons-material/ArrowUpward\";\r\nimport ArrowDownwardIcon from \"@mui/icons-material/ArrowDownward\";\r\n\r\n/**\r\n * KPICard - Portnet UI v2\r\n *\r\n * Charter §03 · Component \"KPI Card\".\r\n * Label uppercase 11 px + valeur 24 px + delta % vs période · tabular-nums.\r\n *\r\n *   <KPICard label=\"Titres en attente\" value={42} delta={+12.5} period=\"vs mois dernier\" />\r\n *\r\n * Localisation (FR / EN / AR):\r\n *   <KPICard\r\n *     label=\"Pending titles\"\r\n *     value={42}\r\n *     delta={+12.5}\r\n *     period=\"vs last month\"\r\n *     locale=\"en-US\"\r\n *     labels={{ up: \"up by \", down: \"down by \" }}\r\n *   />\r\n *\r\n *   - `locale` controls the delta percentage's separator (12.5 vs 12,5).\r\n *   - `labels.up` / `labels.down` are SR-only direction prefixes; default\r\n *     French preserved for back-compat.\r\n *\r\n * A11y note (WCAG 1.4.1 + 1.4.3):\r\n *   The delta is conveyed by THREE channels:\r\n *     - icon (visual, non-text - uses --success / --danger, 1.4.11)\r\n *     - colour (visual reinforcement only)\r\n *     - text  (uses --success-fg / --danger-fg for 4.5:1 contrast, 1.4.3)\r\n *   The direction is also announced to screen readers via a SR-only\r\n *   \"en hausse de\" / \"en baisse de\" prefix (1.4.1).\r\n */\r\n\r\nconst DEFAULT_LABELS = Object.freeze({\r\n  up:   \"en hausse de \",\r\n  down: \"en baisse de \",\r\n});\r\n\r\nfunction formatDelta(n: number, locale: string): string {\r\n  const opts: Intl.NumberFormatOptions = { maximumFractionDigits: 2 };\r\n  try {\r\n    return new Intl.NumberFormat(locale, opts).format(n);\r\n  } catch {\r\n    // Invalid BCP-47 tag → fall back to fr-FR rather than throwing.\r\n    return new Intl.NumberFormat(\"fr-FR\", opts).format(n);\r\n  }\r\n}\r\n\r\nexport interface KPICardLabels {\r\n  up?: string;\r\n  down?: string;\r\n}\r\n\r\nexport interface KPICardProps {\r\n  label: React.ReactNode;\r\n  value?: React.ReactNode;\r\n  delta?: number | string;\r\n  period?: React.ReactNode;\r\n  helper?: React.ReactNode;\r\n  /** Reserved for future visual variants; currently only \"default\". */\r\n  variant?: \"default\";\r\n  icon?: React.ReactElement;\r\n  locale?: string;\r\n  labels?: KPICardLabels;\r\n  sx?: SxProps<Theme>;\r\n}\r\n\r\nfunction KPICard({\r\n  label,\r\n  value,\r\n  delta,\r\n  period,\r\n  helper,\r\n  icon,\r\n  locale = \"fr-FR\",\r\n  labels,\r\n  sx,\r\n}: KPICardProps) {\r\n  const L = labels ? { ...DEFAULT_LABELS, ...labels } : DEFAULT_LABELS;\r\n\r\n  // Parse delta into a definite `number | null` so the sign checks and\r\n  // Math.abs below narrow cleanly under strictNullChecks.\r\n  const parsed = delta == null || delta === \"\" ? null : Number(delta);\r\n  const deltaNum: number | null =\r\n    parsed !== null && Number.isFinite(parsed) ? parsed : null;\r\n  const isPositive = deltaNum !== null && deltaNum > 0;\r\n  const isNegative = deltaNum !== null && deltaNum < 0;\r\n\r\n  // R-G.1 - split icon vs text colour so the icon stays vivid (1.4.11)\r\n  // while the numeric text meets 1.4.3 (4.5:1 against white).\r\n  const iconColor =\r\n    isPositive ? \"var(--success)\"     :\r\n    isNegative ? \"var(--danger)\"      : \"var(--fg-subtle)\";\r\n  const textColor =\r\n    isPositive ? \"var(--success-fg)\"  :\r\n    isNegative ? \"var(--danger-fg)\"   : \"var(--fg-subtle)\";\r\n\r\n  // SR-only direction prefix - empty for zero or missing deltas (the bare\r\n  // \"0 %\" already reads correctly without a direction word).\r\n  const directionLabel =\r\n    isPositive ? L.up   :\r\n    isNegative ? L.down : \"\";\r\n\r\n  return (\r\n    <Box\r\n      sx={[\r\n        {\r\n          padding: \"var(--s-4) var(--s-5)\",\r\n          background: \"var(--surface)\",\r\n          border: \"1px solid var(--border)\",\r\n          borderRadius: \"var(--r-lg)\",\r\n          boxShadow: \"var(--shadow-xs)\",\r\n          minWidth: 0,\r\n        },\r\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\r\n      ]}\r\n    >\r\n      <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", marginBottom: 1 }}>\r\n        <Box\r\n          component=\"p\"\r\n          sx={{\r\n            margin: 0,\r\n            // Charter §03 KPI Card - explicit literal \"label uppercase 11 px\"\r\n            fontSize: 11,\r\n            fontWeight: \"var(--fw-semibold)\",\r\n            letterSpacing: \"0.06em\",\r\n            textTransform: \"uppercase\",\r\n            color: \"var(--fg-subtle)\",\r\n          }}\r\n        >\r\n          {label}\r\n        </Box>\r\n        {icon && <Box sx={{ color: \"var(--fg-subtle)\" }}>{icon}</Box>}\r\n      </Box>\r\n      <Box\r\n        component=\"p\"\r\n        sx={{\r\n          margin: 0,\r\n          // Charter §03 KPI Card - explicit literal \"valeur 24 px\"\r\n          fontSize: 24,\r\n          // Heaviest weight in the post-Batch-1 scale (700). The black-weight\r\n          // custom property this once referenced was dropped from the\r\n          // typography tokens and resolved to undefined in CSS, silently\r\n          // flattening the weight on every dashboard KPI.\r\n          //\r\n          // The old name is deliberately NOT spelled out here: the\r\n          // banned-patterns guard is a raw text scan with no comment\r\n          // awareness, so writing it - even to document its removal - trips\r\n          // the very rule that protects this line. See banned-patterns.test.ts.\r\n          fontWeight: \"var(--fw-bold)\",\r\n          color: \"var(--fg)\",\r\n          fontVariantNumeric: \"tabular-nums\",\r\n          letterSpacing: \"-0.01em\",\r\n          lineHeight: \"var(--lh-tight)\",\r\n        }}\r\n      >\r\n        {value ?? \"—\"}\r\n      </Box>\r\n      {(deltaNum !== null || helper) && (\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            gap: 1,\r\n            marginTop: 1,\r\n            fontSize: \"var(--text-xs)\",\r\n          }}\r\n        >\r\n          {deltaNum !== null && (\r\n            <Box\r\n              sx={{\r\n                display: \"inline-flex\",\r\n                alignItems: \"center\",\r\n                gap: 0.25,\r\n                // Default colour for the block = textColor. The icon\r\n                // overrides to iconColor below for a vivid arrow against\r\n                // a darker numeric label.\r\n                color: textColor,\r\n                fontWeight: \"var(--fw-semibold)\",\r\n                // R-T.3 - tabular-nums on delta so percentages align across cards\r\n                fontVariantNumeric: \"tabular-nums\",\r\n              }}\r\n            >\r\n              {/* WCAG 1.4.1 - direction is announced to SR only; sighted\r\n                  users get the arrow + colour. */}\r\n              {directionLabel && (\r\n                <span className=\"pui-sr-only\">{directionLabel}</span>\r\n              )}\r\n              {isPositive ? (\r\n                <ArrowUpwardIcon\r\n                  aria-hidden=\"true\"\r\n                  sx={{ fontSize: \"var(--text-xs)\", color: iconColor }}\r\n                />\r\n              ) : isNegative ? (\r\n                <ArrowDownwardIcon\r\n                  aria-hidden=\"true\"\r\n                  sx={{ fontSize: \"var(--text-xs)\", color: iconColor }}\r\n                />\r\n              ) : null}\r\n              <span>{formatDelta(Math.abs(deltaNum), locale)} %</span>\r\n            </Box>\r\n          )}\r\n          {(period || helper) && (\r\n            <Box component=\"span\" sx={{ color: \"var(--fg-subtle)\" }}>\r\n              {helper || period}\r\n            </Box>\r\n          )}\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default KPICard;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+import * as React from "react";
+/**
+ * KV — Label / value pair for detail panes.
+ *
+ * The label and value are explicitly paired via `aria-labelledby` so
+ * screen readers announce them as one semantic unit (e.g. "IMPORTATEUR
+ * SOFRANE SA") instead of two adjacent-but-unrelated text nodes.
+ *
+ * Density-aware: the value renders at var(--text-fs), tracking the
+ * surrounding density tier (comfortable=14 / compact=13 / spacious=15
+ * / ultraCompact=12). The label stays at 11 px — its size is a
+ * semantic property of the eyebrow-text role, not body density.
+ *
+ *   <KV label="Importateur" value="SOFRANE SA" />
+ *   <KV label="Référence" value="2025-IM-0042" mono />
+ */
+export interface KVProps {
+    label: React.ReactNode;
+    value?: React.ReactNode;
+    mono?: boolean;
+    fallback?: React.ReactNode;
+}
+declare function KV({ label, value, mono, fallback }: KVProps): React.JSX.Element;
+export default KV;
+//# sourceMappingURL=KV.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KV.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/components/KV.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;;GAcG;AAEH,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAY,EAAE,QAAc,EAAE,EAAE,OAAO,qBA0ClE;AAED,eAAe,EAAE,CAAC"}

package/dist/v2/components/KV.js

@@ -0,0 +1,82 @@
+"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 _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); }
+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); } /**
+ * KV — Label / value pair for detail panes.
+ *
+ * The label and value are explicitly paired via `aria-labelledby` so
+ * screen readers announce them as one semantic unit (e.g. "IMPORTATEUR
+ * SOFRANE SA") instead of two adjacent-but-unrelated text nodes.
+ *
+ * Density-aware: the value renders at var(--text-fs), tracking the
+ * surrounding density tier (comfortable=14 / compact=13 / spacious=15
+ * / ultraCompact=12). The label stays at 11 px — its size is a
+ * semantic property of the eyebrow-text role, not body density.
+ *
+ *   <KV label="Importateur" value="SOFRANE SA" />
+ *   <KV label="Référence" value="2025-IM-0042" mono />
+ */
+function KV(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    _ref$mono = _ref.mono,
+    mono = _ref$mono === void 0 ? false : _ref$mono,
+    _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? "—" : _ref$fallback;
+  var display = value === null || value === undefined || value === "" ? fallback : value;
+  var isMissing = display === fallback;
+  var labelId = React.useId();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+    sx: {
+      minWidth: 0
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      id: labelId,
+      sx: {
+        fontSize: 11,
+        color: "var(--fg-subtle)",
+        fontWeight: "var(--fw-medium)",
+        marginBottom: 0.5,
+        textTransform: "uppercase",
+        /* A7-02 — was a raw "0.04em". This component is one of the two places
+         * the value was hardcoded INSIDE the library, which is what
+         * established it as platform vocabulary and justified promoting the
+         * letter-spacing scale rather than stripping the tracking. */
+        letterSpacing: "var(--ls-wide)"
+      },
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+      "aria-labelledby": labelId,
+      sx: _objectSpread(_objectSpread({
+        // B1 — density-aware body font size, tracking the host's
+        // data-density attribute. Aligns KV cells with DataGrid
+        // body cells (which already use --text-fs).
+        fontSize: "var(--text-fs)",
+        fontWeight: "var(--fw-medium)",
+        color: isMissing ? "var(--fg-subtle)" : "var(--fg)"
+      }, mono ? {
+        fontFamily: "var(--font-mono)",
+        fontVariantNumeric: "tabular-nums"
+      } : {}), {}, {
+        wordBreak: "break-word"
+      }),
+      children: display
+    })]
+  });
+}
+var _default = exports["default"] = KV;
+//# sourceMappingURL=KV.js.map