@portnet/ui 5.0.32 → 6.0.1

package/dist/v2/patterns/FormSection.js

@@ -0,0 +1,197 @@
+"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 _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _FormGrid = _interopRequireDefault(require("../components/FormGrid"));
+var _Surface = _interopRequireDefault(require("../components/Surface"));
+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; } /**
+ * FormSection - Portnet UI v2 (pattern)
+ *
+ * Charter R-3.1 — groups form fields into named, numbered sections.
+ * Charter R-3.2 — 3-column grid is the standard for form sections.
+ *
+ * cols (default 3):
+ *   3       — three equal columns (DEFAULT — standard form layout)
+ *   2       — two equal columns (narrow forms, few fields, wide labels)
+ *   1       — single column (textareas, file uploads, notes)
+ *   "auto"  — auto-fill tracks min 220px
+ *   "none"  — no grid wrapper — children manage their own layout.
+ *             Use for: KVGrid, DataGrid, nested FormGrid.
+ *
+ * Full-width items within a 3-col section:
+ *   <FormGrid.Full><FormikTextarea name="obs" /></FormGrid.Full>
+ *
+ * Usage:
+ *   // Standard form section — 3 cols (no need to specify)
+ *   <FormSection number={1} title="Identification">
+ *     <FormikInput name="nom" label="Nom" />
+ *     <FormikInput name="prenom" label="Prénom" />
+ *     <FormikInput name="code" label="Code" />
+ *   </FormSection>
+ *
+ *   // Read-only section — self-managed layout
+ *   <FormSection title="Importateur" cols="none">
+ *     <KVGrid minColumnWidth={180}>...</KVGrid>
+ *   </FormSection>
+ */
+var DEFAULT_SR_LABEL = function DEFAULT_SR_LABEL(n) {
+  return "Section ".concat(n, " : ");
+};
+function resolveGridProps(cols) {
+  if (!cols || cols === "none") return null;
+  if (cols === "auto") return {
+    minColumnWidth: 220
+  };
+  if (typeof cols === "number") return {
+    columns: cols
+  };
+  return null;
+}
+function FormSection(_ref) {
+  var number = _ref.number,
+    title = _ref.title,
+    description = _ref.description,
+    actions = _ref.actions,
+    _ref$srLabel = _ref.srLabel,
+    srLabel = _ref$srLabel === void 0 ? DEFAULT_SR_LABEL : _ref$srLabel,
+    _ref$headingLevel = _ref.headingLevel,
+    headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
+    _ref$cols = _ref.cols,
+    cols = _ref$cols === void 0 ? 3 : _ref$cols,
+    gap = _ref.gap,
+    children = _ref.children,
+    sx = _ref.sx;
+  var HeadingTag = "h".concat(headingLevel);
+  var gridProps = resolveGridProps(cols);
+  return (
+    /*#__PURE__*/
+    /*
+     * The card container is the shared `Surface` primitive (gap G-10), not an
+     * inline recipe. This component USED to hold the only copy of
+     * --surface + --border + -r-lg in the library, which is precisely why every
+     * consuming module rewrote it: the recipe was reachable only by also taking
+     * a numbered heading and an inner FormGrid. Dogfooding it here means a
+     * charter change to the card radius or elevation lands in ONE file.
+     *
+     * `padding="none"` / `elevation="none"` reproduce the previous rendering
+     * byte for byte: FormSection pads its header and body separately, and never
+     * carried a shadow.
+     */
+    (0, _jsxRuntime.jsxs)(_Surface["default"], {
+      padding: "none",
+      elevation: "none",
+      radius: "lg"
+      /* ARRAY form (gap G-23). This line previously spread `sx` into an object,
+       * which silently destroys the array and function shapes `SxProps<Theme>`
+       * allows — so a host writing MUI's own `sx={[base, cond && override]}` lost
+       * everything. Surface forwards the array through to its own composition. */,
+      sx: [{
+        marginBottom: 3
+      }].concat(_toConsumableArray(Array.isArray(sx) ? sx : sx ? [sx] : [])),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+        sx: {
+          padding: "var(--s-4) var(--s-5)",
+          borderBottom: "1px solid var(--border)",
+          display: "flex",
+          alignItems: "flex-start",
+          justifyContent: "space-between",
+          gap: 2
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+          sx: {
+            display: "flex",
+            gap: 2,
+            alignItems: "flex-start",
+            flex: 1,
+            minWidth: 0
+          },
+          children: [number != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+            "aria-hidden": "true",
+            sx: {
+              flexShrink: 0,
+              width: 28,
+              height: 28,
+              borderRadius: "var(--r-full)",
+              background: "var(--accent-soft)",
+              color: "var(--accent)",
+              display: "grid",
+              placeItems: "center",
+              fontSize: "var(--text-sm)",
+              fontWeight: "var(--fw-bold)"
+            },
+            children: number
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box["default"], {
+            sx: {
+              minWidth: 0
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography["default"], {
+              component: HeadingTag,
+              sx: {
+                /* R-2.3 / R-AI.1 MUST — was a bare `15`, a magic font-size no
+                 * token can express (the type scale is 12/13/14/16/20/26).
+                 * The Charter's own typography table assigns --text-h3 (16px)
+                 * to "Card / form group" titles, which is exactly what a
+                 * FormSection header is. Fleet-wide 15→16px on section
+                 * headers — needs visual confirmation, but 15 could not
+                 * remain: it is unrepresentable in the token system. */
+                fontSize: "var(--text-h3)",
+                fontWeight: "var(--fw-bold)",
+                color: "var(--fg)",
+                lineHeight: "var(--lh-snug)",
+                margin: 0
+              },
+              children: [number != null && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "pui-sr-only",
+                children: srLabel(number)
+              }), title]
+            }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+              sx: {
+                fontSize: "var(--text-xs)",
+                color: "var(--fg-muted)",
+                marginTop: 0.25
+              },
+              children: description
+            })]
+          })]
+        }), actions]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+        sx: {
+          padding: "var(--s-5)"
+        },
+        children: gridProps ?
+        /*#__PURE__*/
+        /* `gap` applied by CONDITIONAL SPREAD, not `gap={gap}`: FormGridProps
+         * declares it optional, and forwarding an explicit `undefined` is
+         * what breaks under exactOptionalPropertyTypes. Omitting the key is
+         * what "inherit the charter default" means. */
+        (0, _jsxRuntime.jsx)(_FormGrid["default"], _objectSpread(_objectSpread(_objectSpread({}, gridProps), gap !== undefined ? {
+          gap: gap
+        } : {}), {}, {
+          children: children
+        })) : children
+      })]
+    })
+  );
+}
+var _default = exports["default"] = FormSection;
+//# sourceMappingURL=FormSection.js.map

package/dist/v2/patterns/FormSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.js","names":["React","_interopRequireWildcard","require","_Box","_interopRequireDefault","_Typography","_FormGrid","_Surface","_jsxRuntime","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","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","iterator","isArray","len","arr2","DEFAULT_SR_LABEL","concat","resolveGridProps","cols","minColumnWidth","columns","FormSection","_ref","number","title","description","actions","_ref$srLabel","srLabel","_ref$headingLevel","headingLevel","_ref$cols","gap","children","sx","HeadingTag","gridProps","jsxs","padding","elevation","radius","marginBottom","borderBottom","display","alignItems","justifyContent","flex","minWidth","jsx","flexShrink","width","height","borderRadius","background","color","placeItems","fontSize","fontWeight","component","lineHeight","margin","className","marginTop","_default","exports"],"sources":["../../../src/lib/v2/patterns/FormSection.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\nimport FormGrid from \"../components/FormGrid\";\r\nimport Surface from \"../components/Surface\";\r\n\r\n/**\r\n * FormSection - Portnet UI v2 (pattern)\r\n *\r\n * Charter R-3.1 — groups form fields into named, numbered sections.\r\n * Charter R-3.2 — 3-column grid is the standard for form sections.\r\n *\r\n * cols (default 3):\r\n *   3       — three equal columns (DEFAULT — standard form layout)\r\n *   2       — two equal columns (narrow forms, few fields, wide labels)\r\n *   1       — single column (textareas, file uploads, notes)\r\n *   \"auto\"  — auto-fill tracks min 220px\r\n *   \"none\"  — no grid wrapper — children manage their own layout.\r\n *             Use for: KVGrid, DataGrid, nested FormGrid.\r\n *\r\n * Full-width items within a 3-col section:\r\n *   <FormGrid.Full><FormikTextarea name=\"obs\" /></FormGrid.Full>\r\n *\r\n * Usage:\r\n *   // Standard form section — 3 cols (no need to specify)\r\n *   <FormSection number={1} title=\"Identification\">\r\n *     <FormikInput name=\"nom\" label=\"Nom\" />\r\n *     <FormikInput name=\"prenom\" label=\"Prénom\" />\r\n *     <FormikInput name=\"code\" label=\"Code\" />\r\n *   </FormSection>\r\n *\r\n *   // Read-only section — self-managed layout\r\n *   <FormSection title=\"Importateur\" cols=\"none\">\r\n *     <KVGrid minColumnWidth={180}>...</KVGrid>\r\n *   </FormSection>\r\n */\r\n\r\nexport interface FormSectionProps {\r\n  number?: number | string | undefined;\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode | undefined;\r\n  actions?: React.ReactNode | undefined;\r\n  srLabel?: ((n: number | string) => React.ReactNode) | undefined;\r\n  headingLevel?: 2 | 3 | 4 | 5 | 6 | undefined;\r\n  /**\r\n   * cols — Charter R-3.2 field layout.\r\n   *   3 (DEFAULT) : 3 equal columns — standard form layout.\r\n   *   2 | 1       : fewer columns for narrow/simple forms.\r\n   *   \"auto\"      : auto-fill tracks min 220px.\r\n   *   \"none\"      : no grid wrapper — children manage own layout.\r\n   */\r\n  cols?: number | \"auto\" | \"none\" | undefined;\r\n  /**\r\n   * Gap forwarded to the inner `FormGrid`. Omit to inherit the charter default\r\n   * (`--s-4`). Ignored when `cols=\"none\"`, where the child owns its layout.\r\n   *\r\n   * Added for gap G-13: `FormSection` wrapped its children in a `FormGrid` but\r\n   * exposed no way to set that grid's gap, so a section needing a non-default\r\n   * spacing had to abandon `cols` entirely and nest its own `FormGrid` — or,\r\n   * as every audited module actually did, hand-roll a raw `Box` grid and\r\n   * reimplement the breakpoint ladder.\r\n   */\r\n  gap?: string | number | undefined;\r\n  children: React.ReactNode;\r\n  sx?: SxProps<Theme> | undefined;\r\n}\r\n\r\nconst DEFAULT_SR_LABEL = (n: number | string): string => `Section ${n} : `;\r\n\r\nfunction resolveGridProps(\r\n  cols: number | \"auto\" | \"none\" | undefined\r\n): { minColumnWidth: number } | { columns: number } | null {\r\n  if (!cols || cols === \"none\") return null;\r\n  if (cols === \"auto\") return { minColumnWidth: 220 };\r\n  if (typeof cols === \"number\") return { columns: cols };\r\n  return null;\r\n}\r\n\r\nfunction FormSection({\r\n  number,\r\n  title,\r\n  description,\r\n  actions,\r\n  srLabel = DEFAULT_SR_LABEL,\r\n  headingLevel = 2,\r\n  cols = 3,\r\n  gap,\r\n  children,\r\n  sx,\r\n}: FormSectionProps) {\r\n  const HeadingTag = `h${headingLevel}` as const;\r\n  const gridProps = resolveGridProps(cols);\r\n\r\n  return (\r\n    /*\r\n     * The card container is the shared `Surface` primitive (gap G-10), not an\r\n     * inline recipe. This component USED to hold the only copy of\r\n     * --surface + --border + -r-lg in the library, which is precisely why every\r\n     * consuming module rewrote it: the recipe was reachable only by also taking\r\n     * a numbered heading and an inner FormGrid. Dogfooding it here means a\r\n     * charter change to the card radius or elevation lands in ONE file.\r\n     *\r\n     * `padding=\"none\"` / `elevation=\"none\"` reproduce the previous rendering\r\n     * byte for byte: FormSection pads its header and body separately, and never\r\n     * carried a shadow.\r\n     */\r\n    <Surface\r\n      padding=\"none\"\r\n      elevation=\"none\"\r\n      radius=\"lg\"\r\n      /* ARRAY form (gap G-23). This line previously spread `sx` into an object,\r\n       * which silently destroys the array and function shapes `SxProps<Theme>`\r\n       * allows — so a host writing MUI's own `sx={[base, cond && override]}` lost\r\n       * everything. Surface forwards the array through to its own composition. */\r\n      sx={[{ marginBottom: 3 }, ...(Array.isArray(sx) ? sx : sx ? [sx] : [])]}\r\n    >\r\n      {/* Section header */}\r\n      <Box\r\n        sx={{\r\n          padding: \"var(--s-4) var(--s-5)\",\r\n          borderBottom: \"1px solid var(--border)\",\r\n          display: \"flex\",\r\n          alignItems: \"flex-start\",\r\n          justifyContent: \"space-between\",\r\n          gap: 2,\r\n        }}\r\n      >\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            gap: 2,\r\n            alignItems: \"flex-start\",\r\n            flex: 1,\r\n            minWidth: 0,\r\n          }}\r\n        >\r\n          {number != null && (\r\n            <Box\r\n              aria-hidden=\"true\"\r\n              sx={{\r\n                flexShrink: 0,\r\n                width: 28,\r\n                height: 28,\r\n                borderRadius: \"var(--r-full)\",\r\n                background: \"var(--accent-soft)\",\r\n                color: \"var(--accent)\",\r\n                display: \"grid\",\r\n                placeItems: \"center\",\r\n                fontSize: \"var(--text-sm)\",\r\n                fontWeight: \"var(--fw-bold)\",\r\n              }}\r\n            >\r\n              {number}\r\n            </Box>\r\n          )}\r\n          <Box sx={{ minWidth: 0 }}>\r\n            <Typography\r\n              component={HeadingTag}\r\n              sx={{\r\n                /* R-2.3 / R-AI.1 MUST — was a bare `15`, a magic font-size no\r\n                 * token can express (the type scale is 12/13/14/16/20/26).\r\n                 * The Charter's own typography table assigns --text-h3 (16px)\r\n                 * to \"Card / form group\" titles, which is exactly what a\r\n                 * FormSection header is. Fleet-wide 15→16px on section\r\n                 * headers — needs visual confirmation, but 15 could not\r\n                 * remain: it is unrepresentable in the token system. */\r\n                fontSize: \"var(--text-h3)\",\r\n                fontWeight: \"var(--fw-bold)\",\r\n                color: \"var(--fg)\",\r\n                lineHeight: \"var(--lh-snug)\",\r\n                margin: 0,\r\n              }}\r\n            >\r\n              {number != null && (\r\n                <span className=\"pui-sr-only\">{srLabel(number)}</span>\r\n              )}\r\n              {title}\r\n            </Typography>\r\n            {description && (\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"var(--text-xs)\",\r\n                  color: \"var(--fg-muted)\",\r\n                  marginTop: 0.25,\r\n                }}\r\n              >\r\n                {description}\r\n              </Typography>\r\n            )}\r\n          </Box>\r\n        </Box>\r\n        {actions}\r\n      </Box>\r\n\r\n      {/* Section body */}\r\n      <Box sx={{ padding: \"var(--s-5)\" }}>\r\n        {gridProps ? (\r\n          /* `gap` applied by CONDITIONAL SPREAD, not `gap={gap}`: FormGridProps\r\n           * declares it optional, and forwarding an explicit `undefined` is\r\n           * what breaks under exactOptionalPropertyTypes. Omitting the key is\r\n           * what \"inherit the charter default\" means. */\r\n          <FormGrid {...gridProps} {...(gap !== undefined ? { gap } : {})}>\r\n            {children}\r\n          </FormGrid>\r\n        ) : (\r\n          children\r\n        )}\r\n      </Box>\r\n    </Surface>\r\n  );\r\n}\r\n\r\nexport default FormSection;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/patterns/FormikCheckboxGroup.d.ts

@@ -0,0 +1,51 @@
+/**
+ * FormikCheckboxGroup — bridge between Formik state and
+ * v2.Field + v2.CheckboxGroup.
+ *
+ * The v2 CheckboxGroup uses composition slots — children must be
+ * <Checkbox> elements, each with their own checked/onChange. This
+ * bridge wraps that contract behind an ergonomic
+ * `options=[{value, label}]` prop and manages the add/remove of
+ * values in the Formik-held array.
+ *
+ * `field.value` holds an array of selected values, defaulting to []
+ * when unset.
+ *
+ * Usage:
+ *
+ *   import { FormikCheckboxGroup } from "@portnet/ui/lib/v2";
+ *
+ *   <FormikCheckboxGroup
+ *     name="departements"
+ *     label="Départements"
+ *     required
+ *     options={departements.content.map((d) => ({
+ *       value: String(d.id),
+ *       label: d.description,
+ *     }))}
+ *   />
+ *
+ * A11y (CC-6): the wrapping Field is put in `group` mode so the label names the
+ * CheckboxGroup via aria-labelledby (a native <label htmlFor> cannot name an
+ * ARIA group). CheckboxGroup renders role="group" and forwards the injected
+ * aria-labelledby / aria-describedby / aria-invalid onto that element.
+ *
+ * Charter R-Sel.4. Peer dependency: formik >= 2.x.
+ */
+import * as React from "react";
+export interface FormikCheckboxOption {
+    value: string | number;
+    label: React.ReactNode;
+}
+export interface FormikCheckboxGroupProps {
+    name: string;
+    label?: React.ReactNode | undefined;
+    required?: boolean | undefined;
+    options?: FormikCheckboxOption[] | undefined;
+    hint?: React.ReactNode | undefined;
+    disabled?: boolean | undefined;
+    row?: boolean | undefined;
+}
+declare const FormikCheckboxGroup: ({ name, label, required, options, hint, disabled, row, }: FormikCheckboxGroupProps) => React.JSX.Element;
+export default FormikCheckboxGroup;
+//# sourceMappingURL=FormikCheckboxGroup.d.ts.map

package/dist/v2/patterns/FormikCheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/FormikCheckboxGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,oBAAoB,EAAE,GAAG,SAAS,CAAC;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,mBAAmB,GAAI,0DAQ1B,wBAAwB,sBAwC1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/v2/patterns/FormikCheckboxGroup.js

@@ -0,0 +1,117 @@
+"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 _formik = require("formik");
+var _Field = _interopRequireDefault(require("../components/Field"));
+var _Checkbox = require("../components/Checkbox");
+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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
+ * FormikCheckboxGroup — bridge between Formik state and
+ * v2.Field + v2.CheckboxGroup.
+ *
+ * The v2 CheckboxGroup uses composition slots — children must be
+ * <Checkbox> elements, each with their own checked/onChange. This
+ * bridge wraps that contract behind an ergonomic
+ * `options=[{value, label}]` prop and manages the add/remove of
+ * values in the Formik-held array.
+ *
+ * `field.value` holds an array of selected values, defaulting to []
+ * when unset.
+ *
+ * Usage:
+ *
+ *   import { FormikCheckboxGroup } from "@portnet/ui/lib/v2";
+ *
+ *   <FormikCheckboxGroup
+ *     name="departements"
+ *     label="Départements"
+ *     required
+ *     options={departements.content.map((d) => ({
+ *       value: String(d.id),
+ *       label: d.description,
+ *     }))}
+ *   />
+ *
+ * A11y (CC-6): the wrapping Field is put in `group` mode so the label names the
+ * CheckboxGroup via aria-labelledby (a native <label htmlFor> cannot name an
+ * ARIA group). CheckboxGroup renders role="group" and forwards the injected
+ * aria-labelledby / aria-describedby / aria-invalid onto that element.
+ *
+ * Charter R-Sel.4. Peer dependency: formik >= 2.x.
+ */
+var FormikCheckboxGroup = function FormikCheckboxGroup(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    required = _ref.required,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    hint = _ref.hint,
+    disabled = _ref.disabled,
+    _ref$row = _ref.row,
+    row = _ref$row === void 0 ? false : _ref$row;
+  var _useField = (0, _formik.useField)(name),
+    _useField2 = _slicedToArray(_useField, 2),
+    field = _useField2[0],
+    meta = _useField2[1];
+  var _useFormikContext = (0, _formik.useFormikContext)(),
+    setFieldValue = _useFormikContext.setFieldValue,
+    setFieldTouched = _useFormikContext.setFieldTouched;
+  var hasError = Boolean(meta.touched && meta.error);
+  var selected = Array.isArray(field.value) ? field.value : [];
+  var toggle = function toggle(optValue) {
+    return function (event) {
+      var checked = event.target.checked;
+      var next = checked ? [].concat(_toConsumableArray(selected), [optValue]) : selected.filter(function (v) {
+        return v !== optValue;
+      });
+      setFieldValue(name, next);
+      setFieldTouched(name, true, false);
+    };
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field["default"], _objectSpread(_objectSpread(_objectSpread({
+    label: label,
+    error: hasError ? meta.error : null,
+    hint: !hasError ? hint : undefined,
+    group: true
+  }, required !== undefined ? {
+    required: required
+  } : {}), disabled !== undefined ? {
+    disabled: disabled
+  } : {}), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.CheckboxGroup, {
+      row: row,
+      children: options.map(function (opt) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+          label: opt.label,
+          checked: selected.includes(opt.value),
+          onChange: toggle(opt.value),
+          disabled: disabled
+        }, opt.value);
+      })
+    })
+  }));
+};
+var _default = exports["default"] = FormikCheckboxGroup;
+//# sourceMappingURL=FormikCheckboxGroup.js.map

package/dist/v2/patterns/FormikCheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikCheckboxGroup.js","names":["React","_interopRequireWildcard","require","_formik","_Field","_interopRequireDefault","_Checkbox","_jsxRuntime","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","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","iter","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","err","FormikCheckboxGroup","_ref","label","required","_ref$options","options","disabled","_ref$row","row","_useField","useField","_useField2","field","meta","_useFormikContext","useFormikContext","setFieldValue","setFieldTouched","hasError","Boolean","touched","error","selected","toggle","optValue","event","checked","concat","v","jsx","group","children","CheckboxGroup","map","opt","Checkbox","includes","onChange","_default","exports"],"sources":["../../../src/lib/v2/patterns/FormikCheckboxGroup.tsx"],"sourcesContent":["/**\r\n * FormikCheckboxGroup — bridge between Formik state and\r\n * v2.Field + v2.CheckboxGroup.\r\n *\r\n * The v2 CheckboxGroup uses composition slots — children must be\r\n * <Checkbox> elements, each with their own checked/onChange. This\r\n * bridge wraps that contract behind an ergonomic\r\n * `options=[{value, label}]` prop and manages the add/remove of\r\n * values in the Formik-held array.\r\n *\r\n * `field.value` holds an array of selected values, defaulting to []\r\n * when unset.\r\n *\r\n * Usage:\r\n *\r\n *   import { FormikCheckboxGroup } from \"@portnet/ui/lib/v2\";\r\n *\r\n *   <FormikCheckboxGroup\r\n *     name=\"departements\"\r\n *     label=\"Départements\"\r\n *     required\r\n *     options={departements.content.map((d) => ({\r\n *       value: String(d.id),\r\n *       label: d.description,\r\n *     }))}\r\n *   />\r\n *\r\n * A11y (CC-6): the wrapping Field is put in `group` mode so the label names the\r\n * CheckboxGroup via aria-labelledby (a native <label htmlFor> cannot name an\r\n * ARIA group). CheckboxGroup renders role=\"group\" and forwards the injected\r\n * aria-labelledby / aria-describedby / aria-invalid onto that element.\r\n *\r\n * Charter R-Sel.4. Peer dependency: formik >= 2.x.\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { useField, useFormikContext } from \"formik\";\r\nimport Field from \"../components/Field\";\r\nimport { Checkbox, CheckboxGroup } from \"../components/Checkbox\";\r\n\r\nexport interface FormikCheckboxOption {\r\n  value: string | number;\r\n  label: React.ReactNode;\r\n}\r\n\r\nexport interface FormikCheckboxGroupProps {\r\n  name: string;\r\n  label?: React.ReactNode | undefined;\r\n  required?: boolean | undefined;\r\n  options?: FormikCheckboxOption[] | undefined;\r\n  hint?: React.ReactNode | undefined;\r\n  disabled?: boolean | undefined;\r\n  row?: boolean | undefined;\r\n}\r\n\r\nconst FormikCheckboxGroup = ({\r\n  name,\r\n  label,\r\n  required,\r\n  options = [],\r\n  hint,\r\n  disabled,\r\n  row = false,\r\n}: FormikCheckboxGroupProps) => {\r\n  const [field, meta] = useField<Array<string | number>>(name);\r\n  const { setFieldValue, setFieldTouched } = useFormikContext();\r\n  const hasError = Boolean(meta.touched && meta.error);\r\n\r\n  const selected = Array.isArray(field.value) ? field.value : [];\r\n\r\n  const toggle =\r\n    (optValue: string | number) =>\r\n    (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      const checked = event.target.checked;\r\n      const next = checked\r\n        ? [...selected, optValue]\r\n        : selected.filter((v) => v !== optValue);\r\n      setFieldValue(name, next);\r\n      setFieldTouched(name, true, false);\r\n    };\r\n\r\n  return (\r\n    <Field\r\n      label={label}\r\n      error={hasError ? meta.error : null}\r\n      hint={!hasError ? hint : undefined}\r\n      group\r\n      {...(required !== undefined ? { required } : {})}\r\n      {...(disabled !== undefined ? { disabled } : {})}\r\n    >\r\n      <CheckboxGroup row={row}>\r\n        {options.map((opt) => (\r\n          <Checkbox\r\n            key={opt.value}\r\n            label={opt.label}\r\n            checked={selected.includes(opt.value)}\r\n            onChange={toggle(opt.value)}\r\n            disabled={disabled}\r\n          />\r\n        ))}\r\n      </CheckboxGroup>\r\n    </Field>\r\n  );\r\n};\r\n\r\nexport default FormikCheckboxGroup;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/patterns/FormikCombobox.d.ts

@@ -0,0 +1,43 @@
+/**
+ * FormikCombobox — bridge between Formik state and v2.Field +
+ * v2.Combobox.
+ *
+ * Maps caller-supplied raw options to v2.Combobox's {value, label,
+ * helper} shape and exposes onSelectionChange(rawOption) for
+ * consumers that need cross-field side effects on pick.
+ *
+ * Charter R-Sel.1 → R-Sel.4. Peer dependency: formik >= 2.x.
+ *
+ * Hardening notes:
+ *   - B7: defensive String() cast on the resolved label so a
+ *     consumer-supplied getOptionLabel that returns a React node
+ *     never crashes Autocomplete with the cryptic "Objects are
+ *     not valid as a React child" error.
+ *   - B10: `descriptionField` alias mirrors the legacy
+ *     AppFormikSelect API — surfaces option[descriptionField] as
+ *     the helper line under each Combobox row.
+ */
+import type { ReactNode } from "react";
+import type { ComboboxProps, ComboboxOptionValue } from "../components/Combobox";
+export interface FormikComboboxProps<TOption = unknown> extends Omit<ComboboxProps, "value" | "onChange" | "options" | "loading" | "disabled" | "getOptionLabel"> {
+    name: string;
+    label?: ReactNode | undefined;
+    required?: boolean | undefined;
+    options?: readonly TOption[] | undefined;
+    loading?: boolean | undefined;
+    disabled?: boolean | undefined;
+    htmlFor?: string | undefined;
+    hint?: ReactNode | undefined;
+    getOptionLabel?: ((opt: TOption) => ReactNode) | undefined;
+    getOptionValue?: ((opt: TOption) => ComboboxOptionValue) | undefined;
+    /**
+     * Key on each raw option whose value should appear as a helper
+     * line beneath the main label in the dropdown. Equivalent to
+     * the legacy `descriptionField` prop on AppFormikSelect.
+     */
+    descriptionField?: string | undefined;
+    onSelectionChange?: ((raw: TOption | null) => void) | undefined;
+}
+declare function FormikCombobox<TOption = unknown>({ name, label, required, options, loading, disabled, htmlFor, hint, getOptionLabel, getOptionValue, descriptionField, onSelectionChange, ...rest }: FormikComboboxProps<TOption>): import("react").JSX.Element;
+export default FormikCombobox;
+//# sourceMappingURL=FormikCombobox.d.ts.map

package/dist/v2/patterns/FormikCombobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikCombobox.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/patterns/FormikCombobox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EACV,aAAa,EAEb,mBAAmB,EAEpB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,mBAAmB,CAAC,OAAO,GAAG,OAAO,CACpD,SAAQ,IAAI,CACV,aAAa,EACb,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAC7E;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,OAAO,EAAE,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC3D,cAAc,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,mBAAmB,CAAC,GAAG,SAAS,CAAC;IACrE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACjE;AAED,iBAAS,cAAc,CAAC,OAAO,GAAG,OAAO,EAAE,EACzC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAY,EACZ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,OAAO,CAAC,+BAkE9B;AAED,eAAe,cAAc,CAAC"}

package/dist/v2/patterns/FormikCombobox.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _formik = require("formik");
+var _Field = _interopRequireDefault(require("../components/Field"));
+var _Combobox = _interopRequireDefault(require("../components/Combobox"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["name", "label", "required", "options", "loading", "disabled", "htmlFor", "hint", "getOptionLabel", "getOptionValue", "descriptionField", "onSelectionChange"];
+/**
+ * FormikCombobox — bridge between Formik state and v2.Field +
+ * v2.Combobox.
+ *
+ * Maps caller-supplied raw options to v2.Combobox's {value, label,
+ * helper} shape and exposes onSelectionChange(rawOption) for
+ * consumers that need cross-field side effects on pick.
+ *
+ * Charter R-Sel.1 → R-Sel.4. Peer dependency: formik >= 2.x.
+ *
+ * Hardening notes:
+ *   - B7: defensive String() cast on the resolved label so a
+ *     consumer-supplied getOptionLabel that returns a React node
+ *     never crashes Autocomplete with the cryptic "Objects are
+ *     not valid as a React child" error.
+ *   - B10: `descriptionField` alias mirrors the legacy
+ *     AppFormikSelect API — surfaces option[descriptionField] as
+ *     the helper line under each Combobox row.
+ */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
+function FormikCombobox(_ref) {
+  var _field$value;
+  var name = _ref.name,
+    label = _ref.label,
+    required = _ref.required,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    loading = _ref.loading,
+    disabled = _ref.disabled,
+    htmlFor = _ref.htmlFor,
+    hint = _ref.hint,
+    getOptionLabel = _ref.getOptionLabel,
+    getOptionValue = _ref.getOptionValue,
+    descriptionField = _ref.descriptionField,
+    onSelectionChange = _ref.onSelectionChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useField = (0, _formik.useField)(name),
+    _useField2 = _slicedToArray(_useField, 2),
+    field = _useField2[0],
+    meta = _useField2[1];
+  var _useFormikContext = (0, _formik.useFormikContext)(),
+    setFieldValue = _useFormikContext.setFieldValue,
+    setFieldTouched = _useFormikContext.setFieldTouched;
+  var hasError = Boolean(meta.touched && meta.error);
+  var v2Options = options.map(function (opt) {
+    var _ref2, _ref3;
+    if (opt == null || _typeof(opt) !== "object") return opt;
+    var rec = opt;
+    var rawLabel = typeof getOptionLabel === "function" ? getOptionLabel(opt) : rec["label"];
+    // B7: harden against getOptionLabel returning a React node.
+    // v2.Combobox feeds the label back through its internal
+    // labelOf when computing the displayed value, and that path
+    // assumes string. Always coerce defensively.
+    var safeLabel = typeof rawLabel === "string" || rawLabel == null ? rawLabel : String(rawLabel);
+    // B10: descriptionField alias → helper. Falls back to the
+    // canonical `helper`/`summary` fields if neither is set.
+    var helper = (_ref2 = (_ref3 = descriptionField && rec[descriptionField]) !== null && _ref3 !== void 0 ? _ref3 : rec["helper"]) !== null && _ref2 !== void 0 ? _ref2 : rec["summary"];
+    return {
+      value: typeof getOptionValue === "function" ? getOptionValue(opt) : opt,
+      label: safeLabel,
+      helper: helper,
+      __raw: opt
+    };
+  });
+  var handleChange = function handleChange(next) {
+    setFieldValue(name, next);
+    setFieldTouched(name, true, false);
+    if (typeof onSelectionChange === "function") {
+      var _raw, _v2Options$find;
+      var picked = (_raw = (_v2Options$find = v2Options.find(function (o) {
+        return o != null && _typeof(o) === "object" && "value" in o && o.value === next;
+      })) === null || _v2Options$find === void 0 ? void 0 : _v2Options$find.__raw) !== null && _raw !== void 0 ? _raw : null;
+      onSelectionChange(picked);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field["default"], _objectSpread(_objectSpread(_objectSpread({
+    label: label,
+    error: hasError ? meta.error : null,
+    hint: !hasError ? hint : undefined,
+    htmlFor: htmlFor || name
+  }, required !== undefined ? {
+    required: required
+  } : {}), disabled !== undefined ? {
+    disabled: disabled
+  } : {}), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Combobox["default"], _objectSpread(_objectSpread({
+      value: (_field$value = field.value) !== null && _field$value !== void 0 ? _field$value : null,
+      options: v2Options,
+      onChange: handleChange
+    }, rest), loading !== undefined ? {
+      loading: loading
+    } : {}))
+  }));
+}
+var _default = exports["default"] = FormikCombobox;
+//# sourceMappingURL=FormikCombobox.js.map