@easygov/react-components 0.7.4 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +14 -2
  2. package/dist/easygov.d.mts +96 -82
  3. package/dist/easygov.mjs +1 -1
  4. package/dist/easygov.mjs.map +1 -1
  5. package/dist/icons.d.mts +209 -209
  6. package/package.json +16 -12
  7. package/src/styles/styles-css.d.mts +6 -0
package/README.md CHANGED
@@ -76,8 +76,9 @@ that runs it.
76
76
 
77
77
  ### Reading the header context
78
78
 
79
- The header resolves the signed-in user, the selected customer account and the running process
80
- from core-backend and publishes them to consumers:
79
+ The header resolves the signed-in user, the selected customer account, the running process and
80
+ its ancestor chain (if the URL addresses a sub-process) from core-backend and publishes them to
81
+ consumers:
81
82
 
82
83
  ```tsx
83
84
  import { useEasygovHeaderContext } from '@easygov/react-components';
@@ -85,17 +86,28 @@ import { useEasygovHeaderContext } from '@easygov/react-components';
85
86
  function ContactForm() {
86
87
  const { claims } = useEasygovHeaderContext();
87
88
  const account = claims?.customerAccount;
89
+ const parentProcess = claims?.parentProcesses?.[0];
88
90
 
89
91
  return (
90
92
  <form>
91
93
  <input defaultValue={claims?.currentUser.firstName ?? ''} />
92
94
  <input defaultValue={account?.label ?? ''} />
93
95
  {account?.accountType === 'ORGANIZATION' && <input defaultValue={account.uid ?? ''} />}
96
+ <input defaultValue={parentProcess?.id ?? ''} />
94
97
  </form>
95
98
  );
96
99
  }
97
100
  ```
98
101
 
102
+ `claims.parentProcesses` lists the ancestors of the addressed Behördengang, nearest first — index
103
+ 0 is the direct parent, ascending toward the root — and is absent (not `[]`) when there is none.
104
+ If it is present while `claims.process` is absent, a sub-process is about to be created under
105
+ `parentProcesses[0]`, which is then the addressed Process itself and not a selected Behördengang.
106
+ Each `SelectedProcess` (in `claims.process` and `claims.parentProcesses`) also carries its own
107
+ `parentProcessId` — the global identifier of its parent, absent for a top-level Behördengang —
108
+ so a consumer can identify ancestry per node after flattening `parentProcesses` into a map,
109
+ without relying solely on the array's ordering.
110
+
99
111
  `claims` is `null` until the first response lands and again after logout — render a fallback,
100
112
  don't assume it is present on first paint. The hook reflects the last context an `EasygovHeader`
101
113
  resolved; it never fetches on its own, and it is not cleared when the header unmounts. Claims
package/dist/easygov.d.mts CHANGED
@@ -1,10 +1,9 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
1
+ import * as react from 'react';
2
+ import react__default, { SVGProps } from 'react';
2
3
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
4
  import { Button as Button$1 } from '@base-ui/react/button';
4
5
  import { VariantProps } from 'class-variance-authority';
5
6
  import * as _base_ui_react from '@base-ui/react';
6
- import * as React$1 from 'react';
7
- import React__default, { SVGProps } from 'react';
8
7
  import { Combobox } from '@base-ui/react/combobox';
9
8
  import { Input as Input$1 } from '@base-ui/react/input';
10
9
  import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
@@ -29,19 +28,19 @@ type ButtonProps = (ButtonBase & {
29
28
  size?: StandardSize;
30
29
  "aria-label"?: string;
31
30
  });
32
- declare function Button({ className, variant, size, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
31
+ declare function Button({ className, variant, size, ...props }: ButtonProps): react.JSX.Element;
33
32
 
34
- declare function Dropdown({ multiple, ...props }: React$1.ComponentProps<typeof Combobox.Root>): react_jsx_runtime.JSX.Element;
35
- declare function DropdownValue(props: Combobox.Value.Props): react_jsx_runtime.JSX.Element;
36
- interface DropdownLabelProps extends Omit<React$1.LabelHTMLAttributes<HTMLLabelElement>, "className"> {
33
+ declare function Dropdown({ multiple, ...props }: react.ComponentProps<typeof Combobox.Root>): react.JSX.Element;
34
+ declare function DropdownValue(props: Combobox.Value.Props): react.JSX.Element;
35
+ interface DropdownLabelProps extends Omit<react.LabelHTMLAttributes<HTMLLabelElement>, "className"> {
37
36
  className?: string;
38
37
  disabled?: boolean;
39
38
  }
40
- declare function DropdownLabel({ className, disabled, ...props }: DropdownLabelProps): react_jsx_runtime.JSX.Element;
41
- interface DropdownHelperTextProps extends Omit<React$1.HTMLAttributes<HTMLSpanElement>, "className"> {
39
+ declare function DropdownLabel({ className, disabled, ...props }: DropdownLabelProps): react.JSX.Element;
40
+ interface DropdownHelperTextProps extends Omit<react.HTMLAttributes<HTMLSpanElement>, "className"> {
42
41
  className?: string;
43
42
  }
44
- declare function DropdownHelperText({ className, ...props }: DropdownHelperTextProps): react_jsx_runtime.JSX.Element;
43
+ declare function DropdownHelperText({ className, ...props }: DropdownHelperTextProps): react.JSX.Element;
45
44
  declare const dropdownTriggerVariants: (props?: ({
46
45
  size?: "s" | "m" | "l" | null | undefined;
47
46
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -49,17 +48,17 @@ interface DropdownTriggerProps extends Omit<Combobox.InputGroup.Props, "classNam
49
48
  className?: string;
50
49
  invalid?: boolean;
51
50
  }
52
- declare function DropdownTrigger({ className, size, invalid, ...props }: DropdownTriggerProps): react_jsx_runtime.JSX.Element;
53
- declare function DropdownInput({ className, ...props }: Combobox.Input.Props): react_jsx_runtime.JSX.Element;
54
- declare function DropdownToggle({ className, children, ...props }: Combobox.Trigger.Props): react_jsx_runtime.JSX.Element;
51
+ declare function DropdownTrigger({ className, size, invalid, ...props }: DropdownTriggerProps): react.JSX.Element;
52
+ declare function DropdownInput({ className, ...props }: Combobox.Input.Props): react.JSX.Element;
53
+ declare function DropdownToggle({ className, children, ...props }: Combobox.Trigger.Props): react.JSX.Element;
55
54
  interface DropdownChipsTriggerProps extends Omit<Combobox.Chips.Props, "className">, VariantProps<typeof dropdownTriggerVariants> {
56
55
  className?: string;
57
56
  invalid?: boolean;
58
57
  }
59
- declare const DropdownChipsTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownChipsTriggerProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
58
+ declare const DropdownChipsTrigger: react.ForwardRefExoticComponent<Omit<DropdownChipsTriggerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
60
59
  declare function DropdownChip({ className, children, ...props }: Combobox.Chip.Props & {
61
60
  className?: string;
62
- }): react_jsx_runtime.JSX.Element;
61
+ }): react.JSX.Element;
63
62
  interface DropdownChipsOverflowProps {
64
63
  /** Number of chips not shown. */
65
64
  count: number;
@@ -67,27 +66,27 @@ interface DropdownChipsOverflowProps {
67
66
  label: string;
68
67
  className?: string;
69
68
  }
70
- declare function DropdownChipsOverflow({ count, label, className, }: DropdownChipsOverflowProps): react_jsx_runtime.JSX.Element;
69
+ declare function DropdownChipsOverflow({ count, label, className, }: DropdownChipsOverflowProps): react.JSX.Element;
71
70
  interface DropdownPopupProps extends Combobox.Popup.Props {
72
71
  sideOffset?: number;
73
72
  /** Pass the chips-trigger ref.current here when using DropdownChipsTrigger
74
73
  * so the popup anchors to and matches the width of the full chips container. */
75
74
  anchor?: Element | null;
76
75
  }
77
- declare function DropdownPopup({ className, children, sideOffset, anchor, ...props }: DropdownPopupProps): react_jsx_runtime.JSX.Element;
78
- declare function DropdownList({ className, ...props }: Combobox.List.Props): react_jsx_runtime.JSX.Element;
79
- declare const DropdownGroup: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
80
- declare function DropdownGroupLabel({ className, ...props }: Combobox.GroupLabel.Props): react_jsx_runtime.JSX.Element;
76
+ declare function DropdownPopup({ className, children, sideOffset, anchor, ...props }: DropdownPopupProps): react.JSX.Element;
77
+ declare function DropdownList({ className, ...props }: Combobox.List.Props): react.JSX.Element;
78
+ declare const DropdownGroup: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
79
+ declare function DropdownGroupLabel({ className, ...props }: Combobox.GroupLabel.Props): react.JSX.Element;
81
80
  interface DropdownItemProps extends Omit<Combobox.Item.Props, "className"> {
82
81
  className?: string;
83
82
  }
84
- declare function DropdownItem({ className, children, ...props }: DropdownItemProps): react_jsx_runtime.JSX.Element;
85
- declare function DropdownItemText({ className, ...props }: Omit<React$1.HTMLAttributes<HTMLSpanElement>, "className"> & {
83
+ declare function DropdownItem({ className, children, ...props }: DropdownItemProps): react.JSX.Element;
84
+ declare function DropdownItemText({ className, ...props }: Omit<react.HTMLAttributes<HTMLSpanElement>, "className"> & {
86
85
  className?: string;
87
- }): react_jsx_runtime.JSX.Element;
88
- declare function DropdownEmpty({ className, ...props }: Combobox.Empty.Props): react_jsx_runtime.JSX.Element;
89
- declare function DropdownSeparator({ className, ...props }: Combobox.Separator.Props): react_jsx_runtime.JSX.Element;
90
- declare function DropdownCollection(props: Combobox.Collection.Props): react_jsx_runtime.JSX.Element;
86
+ }): react.JSX.Element;
87
+ declare function DropdownEmpty({ className, ...props }: Combobox.Empty.Props): react.JSX.Element;
88
+ declare function DropdownSeparator({ className, ...props }: Combobox.Separator.Props): react.JSX.Element;
89
+ declare function DropdownCollection(props: Combobox.Collection.Props): react.JSX.Element;
91
90
 
92
91
  interface ErrorDialogProps {
93
92
  /** Controlled open state — the consumer owns when this dialog appears. */
@@ -107,7 +106,7 @@ interface ErrorDialogProps {
107
106
  /** Label for the details disclosure toggle. Defaults to "Details". */
108
107
  detailsLabel?: string;
109
108
  }
110
- declare function ErrorDialog({ open, onClose, title, message, reference, details, closeLabel, detailsLabel, }: ErrorDialogProps): React$1.JSX.Element;
109
+ declare function ErrorDialog({ open, onClose, title, message, reference, details, closeLabel, detailsLabel, }: ErrorDialogProps): react.JSX.Element;
111
110
 
112
111
  /**
113
112
  * Maps to the Figma "Footer (Desktop)" frame. Fully self-contained — like
@@ -120,18 +119,18 @@ declare function ErrorDialog({ open, onClose, title, message, reference, details
120
119
  * All `href="#"` values below are placeholders — real destination URLs
121
120
  * aren't decided yet.
122
121
  */
123
- declare function EasygovFooter(): React__default.JSX.Element;
122
+ declare function EasygovFooter(): react__default.JSX.Element;
124
123
 
125
124
  type MobileSpan = 1 | 2 | 3 | 4;
126
125
  type TabletSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
127
126
  type DesktopSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
128
- type GridProps = React$1.HTMLAttributes<HTMLDivElement>;
127
+ type GridProps = react.HTMLAttributes<HTMLDivElement>;
129
128
  /**
130
129
  * Responsive CSS Grid container: 4 columns (mobile), 8 (tablet), 12 (desktop).
131
130
  * Rows are automatic — place `GridItem`s directly inside, no row wrapper needed.
132
131
  */
133
- declare function Grid({ className, children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
134
- interface GridItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
132
+ declare function Grid({ className, children, ...props }: GridProps): react.JSX.Element;
133
+ interface GridItemProps extends react.HTMLAttributes<HTMLDivElement> {
135
134
  span?: MobileSpan;
136
135
  spanTablet?: TabletSpan;
137
136
  spanDesktop?: DesktopSpan;
@@ -141,16 +140,16 @@ interface GridItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
141
140
  * matching the classes a non-React consumer would apply by hand
142
141
  * (`eg-grid__item--span-4 eg-grid__item--span-tablet-8 eg-grid__item--span-desktop-12`).
143
142
  */
144
- declare function GridItem({ span, spanTablet, spanDesktop, className, children, ...props }: GridItemProps): react_jsx_runtime.JSX.Element;
143
+ declare function GridItem({ span, spanTablet, spanDesktop, className, children, ...props }: GridItemProps): react.JSX.Element;
145
144
 
146
145
  declare const headingVariants: (props?: ({
147
146
  level?: "1" | "2" | "3" | "4" | null | undefined;
148
147
  } & class_variance_authority_types.ClassProp) | undefined) => string;
149
- interface HeadingProps extends Omit<React__default.HTMLAttributes<HTMLHeadingElement>, "className"> {
148
+ interface HeadingProps extends Omit<react__default.HTMLAttributes<HTMLHeadingElement>, "className"> {
150
149
  level?: 1 | 2 | 3 | 4;
151
150
  className?: string;
152
151
  }
153
- declare function Heading({ className, level, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
152
+ declare function Heading({ className, level, ...props }: HeadingProps): react__default.JSX.Element;
154
153
 
155
154
  declare const inputFieldVariants: (props?: ({
156
155
  size?: "s" | "m" | "l" | null | undefined;
@@ -163,105 +162,105 @@ interface InputProps extends Omit<Input$1.Props, "className" | "size">, VariantP
163
162
  leadingIcon?: React.ReactNode;
164
163
  trailingIcon?: React.ReactNode;
165
164
  }
166
- declare function Input({ className, size, label, helperText, invalid, leadingIcon, trailingIcon, id: idProp, defaultValue, value, disabled, onFocus, onBlur, onChange, ...props }: InputProps): react_jsx_runtime.JSX.Element;
165
+ declare function Input({ className, size, label, helperText, invalid, leadingIcon, trailingIcon, id: idProp, defaultValue, value, disabled, onFocus, onBlur, onChange, ...props }: InputProps): react.JSX.Element;
167
166
 
168
167
  declare const textLinkVariants: (props?: ({
169
168
  variant?: "primary" | "secondary" | "inverse" | null | undefined;
170
169
  size?: "s" | "l" | null | undefined;
171
170
  } & class_variance_authority_types.ClassProp) | undefined) => string;
172
- interface TextLinkProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, "className">, VariantProps<typeof textLinkVariants> {
171
+ interface TextLinkProps extends Omit<react__default.AnchorHTMLAttributes<HTMLAnchorElement>, "className">, VariantProps<typeof textLinkVariants> {
173
172
  className?: string;
174
173
  disabled?: boolean;
175
174
  }
176
- declare function TextLink({ className, variant, size, disabled, children, onClick, tabIndex, ...props }: TextLinkProps): react_jsx_runtime.JSX.Element;
175
+ declare function TextLink({ className, variant, size, disabled, children, onClick, tabIndex, ...props }: TextLinkProps): react__default.JSX.Element;
177
176
 
178
177
  interface NavigationMenuProps extends NavigationMenu$1.Root.Props {
179
178
  className?: string;
180
179
  positionerProps?: Partial<NavigationMenu$1.Positioner.Props>;
181
180
  container?: HTMLElement | ShadowRoot | null;
182
181
  }
183
- declare function NavigationMenu({ className, children, positionerProps, container, ...props }: NavigationMenuProps): react_jsx_runtime.JSX.Element;
182
+ declare function NavigationMenu({ className, children, positionerProps, container, ...props }: NavigationMenuProps): react.JSX.Element;
184
183
  interface NavigationMenuListProps extends NavigationMenu$1.List.Props {
185
184
  className?: string;
186
185
  }
187
- declare function NavigationMenuList({ className, ...props }: NavigationMenuListProps): react_jsx_runtime.JSX.Element;
186
+ declare function NavigationMenuList({ className, ...props }: NavigationMenuListProps): react.JSX.Element;
188
187
  interface NavigationMenuItemProps extends NavigationMenu$1.Item.Props {
189
188
  className?: string;
190
189
  }
191
- declare function NavigationMenuItem({ className, ...props }: NavigationMenuItemProps): react_jsx_runtime.JSX.Element;
190
+ declare function NavigationMenuItem({ className, ...props }: NavigationMenuItemProps): react.JSX.Element;
192
191
  interface NavigationMenuTriggerProps extends Omit<NavigationMenu$1.Trigger.Props, "className"> {
193
192
  className?: string;
194
- leadingIcon?: React$1.ReactNode;
193
+ leadingIcon?: react.ReactNode;
195
194
  badge?: number | string;
196
195
  }
197
- declare function NavigationMenuTrigger({ className, leadingIcon, badge, disabled, children, ...props }: NavigationMenuTriggerProps): react_jsx_runtime.JSX.Element;
196
+ declare function NavigationMenuTrigger({ className, leadingIcon, badge, disabled, children, ...props }: NavigationMenuTriggerProps): react.JSX.Element;
198
197
  interface NavigationMenuAnchorProps extends Omit<NavigationMenu$1.Link.Props, "className"> {
199
198
  className?: string;
200
- leadingIcon?: React$1.ReactNode;
199
+ leadingIcon?: react.ReactNode;
201
200
  }
202
- declare function NavigationMenuAnchor({ className, leadingIcon, children, ...props }: NavigationMenuAnchorProps): react_jsx_runtime.JSX.Element;
201
+ declare function NavigationMenuAnchor({ className, leadingIcon, children, ...props }: NavigationMenuAnchorProps): react.JSX.Element;
203
202
  interface NavigationMenuContentProps extends NavigationMenu$1.Content.Props {
204
203
  className?: string;
205
204
  }
206
- declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentProps): react_jsx_runtime.JSX.Element;
205
+ declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentProps): react.JSX.Element;
207
206
  interface NavigationMenuLinkProps extends Omit<NavigationMenu$1.Link.Props, "className"> {
208
207
  className?: string;
209
- leadingIcon?: React$1.ReactNode;
210
- trailingIcon?: React$1.ReactNode;
208
+ leadingIcon?: react.ReactNode;
209
+ trailingIcon?: react.ReactNode;
211
210
  active?: boolean;
212
211
  }
213
- declare function NavigationMenuLink({ className, leadingIcon, trailingIcon, active, children, ...props }: NavigationMenuLinkProps): react_jsx_runtime.JSX.Element;
212
+ declare function NavigationMenuLink({ className, leadingIcon, trailingIcon, active, children, ...props }: NavigationMenuLinkProps): react.JSX.Element;
214
213
 
215
- declare function Select<Value = unknown, Multiple extends boolean | undefined = false>(props: Select$1.Root.Props<Value, Multiple>): React$1.JSX.Element;
216
- interface SelectLabelProps extends Omit<React$1.LabelHTMLAttributes<HTMLLabelElement>, "className"> {
214
+ declare function Select<Value = unknown, Multiple extends boolean | undefined = false>(props: Select$1.Root.Props<Value, Multiple>): react.JSX.Element;
215
+ interface SelectLabelProps extends Omit<react.LabelHTMLAttributes<HTMLLabelElement>, "className"> {
217
216
  className?: string;
218
217
  disabled?: boolean;
219
218
  }
220
- declare function SelectLabel({ className, disabled, ...props }: SelectLabelProps): react_jsx_runtime.JSX.Element;
221
- interface SelectHelperTextProps extends Omit<React$1.HTMLAttributes<HTMLSpanElement>, "className"> {
219
+ declare function SelectLabel({ className, disabled, ...props }: SelectLabelProps): react.JSX.Element;
220
+ interface SelectHelperTextProps extends Omit<react.HTMLAttributes<HTMLSpanElement>, "className"> {
222
221
  className?: string;
223
222
  }
224
- declare function SelectHelperText({ className, ...props }: SelectHelperTextProps): react_jsx_runtime.JSX.Element;
223
+ declare function SelectHelperText({ className, ...props }: SelectHelperTextProps): react.JSX.Element;
225
224
  interface SelectTriggerProps extends Omit<Select$1.Trigger.Props, "className"> {
226
225
  className?: string;
227
226
  placeholder?: string;
228
- leadingIcon?: React$1.ReactNode;
227
+ leadingIcon?: react.ReactNode;
229
228
  /** Formats the selected value for the collapsed trigger only — the open
230
229
  * dropdown list still renders each SelectItem's own children. */
231
- renderValue?: (value: unknown) => React$1.ReactNode;
230
+ renderValue?: (value: unknown) => react.ReactNode;
232
231
  }
233
- declare function SelectTrigger({ className, placeholder, leadingIcon, renderValue, ...props }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
232
+ declare function SelectTrigger({ className, placeholder, leadingIcon, renderValue, ...props }: SelectTriggerProps): react.JSX.Element;
234
233
  interface SelectContentProps extends Select$1.Popup.Props {
235
234
  sideOffset?: number;
236
235
  alignItemWithTrigger?: boolean;
237
236
  className?: string;
238
237
  container?: HTMLElement | ShadowRoot | null;
239
238
  }
240
- declare function SelectContent({ className, children, sideOffset, alignItemWithTrigger, container, ...props }: SelectContentProps): react_jsx_runtime.JSX.Element;
239
+ declare function SelectContent({ className, children, sideOffset, alignItemWithTrigger, container, ...props }: SelectContentProps): react.JSX.Element;
241
240
  interface SelectItemProps extends Omit<Select$1.Item.Props, "className"> {
242
241
  className?: string;
243
- leadingIcon?: React$1.ReactNode;
242
+ leadingIcon?: react.ReactNode;
244
243
  }
245
- declare function SelectItem({ className, children, leadingIcon, ...props }: SelectItemProps): react_jsx_runtime.JSX.Element;
246
- declare function SelectGroup(props: Select$1.Group.Props): react_jsx_runtime.JSX.Element;
244
+ declare function SelectItem({ className, children, leadingIcon, ...props }: SelectItemProps): react.JSX.Element;
245
+ declare function SelectGroup(props: Select$1.Group.Props): react.JSX.Element;
247
246
  interface SelectGroupLabelProps extends Omit<Select$1.GroupLabel.Props, "className"> {
248
247
  className?: string;
249
248
  }
250
- declare function SelectGroupLabel({ className, ...props }: SelectGroupLabelProps): react_jsx_runtime.JSX.Element;
249
+ declare function SelectGroupLabel({ className, ...props }: SelectGroupLabelProps): react.JSX.Element;
251
250
  interface SelectSeparatorProps extends Omit<Select$1.Separator.Props, "className"> {
252
251
  className?: string;
253
252
  }
254
- declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): react_jsx_runtime.JSX.Element;
253
+ declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): react.JSX.Element;
255
254
 
256
255
  declare const textVariants: (props?: ({
257
256
  size?: "s" | "m" | "l" | null | undefined;
258
257
  } & class_variance_authority_types.ClassProp) | undefined) => string;
259
258
  type TextElement = "p" | "span" | "div" | "li";
260
- interface TextProps extends Omit<React__default.HTMLAttributes<HTMLElement>, "className">, VariantProps<typeof textVariants> {
259
+ interface TextProps extends Omit<react__default.HTMLAttributes<HTMLElement>, "className">, VariantProps<typeof textVariants> {
261
260
  as?: TextElement;
262
261
  className?: string;
263
262
  }
264
- declare function Text({ as: Tag, className, size, ...props }: TextProps): react_jsx_runtime.JSX.Element;
263
+ declare function Text({ as: Tag, className, size, ...props }: TextProps): react__default.JSX.Element;
265
264
 
266
265
  interface BrandProps extends Omit<SVGProps<SVGSVGElement>, "width" | "height"> {
267
266
  /**
@@ -279,27 +278,27 @@ interface BrandProps extends Omit<SVGProps<SVGSVGElement>, "width" | "height"> {
279
278
  *
280
279
  * Pass `aria-hidden={false}` and add a `<title>` child for accessible standalone use.
281
280
  */
282
- declare function BrandBase({ height, style, className, children, ...props }: BrandProps): react_jsx_runtime.JSX.Element;
281
+ declare function BrandBase({ height, style, className, children, ...props }: BrandProps): react.JSX.Element;
283
282
 
284
- declare function BrandEasygov(props: BrandProps): react_jsx_runtime.JSX.Element;
283
+ declare function BrandEasygov(props: BrandProps): react.JSX.Element;
285
284
 
286
- declare function BrandFacebook(props: BrandProps): react_jsx_runtime.JSX.Element;
285
+ declare function BrandFacebook(props: BrandProps): react.JSX.Element;
287
286
 
288
- declare function BrandKdk(props: BrandProps): react_jsx_runtime.JSX.Element;
287
+ declare function BrandKdk(props: BrandProps): react.JSX.Element;
289
288
 
290
- declare function BrandLinkedin(props: BrandProps): react_jsx_runtime.JSX.Element;
289
+ declare function BrandLinkedin(props: BrandProps): react.JSX.Element;
291
290
 
292
- declare function BrandSeg(props: BrandProps): react_jsx_runtime.JSX.Element;
291
+ declare function BrandSeg(props: BrandProps): react.JSX.Element;
293
292
 
294
- declare function BrandSgv(props: BrandProps): react_jsx_runtime.JSX.Element;
293
+ declare function BrandSgv(props: BrandProps): react.JSX.Element;
295
294
 
296
- declare function BrandSsv(props: BrandProps): react_jsx_runtime.JSX.Element;
295
+ declare function BrandSsv(props: BrandProps): react.JSX.Element;
297
296
 
298
- declare function BrandSwiss(props: BrandProps): react_jsx_runtime.JSX.Element;
297
+ declare function BrandSwiss(props: BrandProps): react.JSX.Element;
299
298
 
300
- declare function BrandXing(props: BrandProps): react_jsx_runtime.JSX.Element;
299
+ declare function BrandXing(props: BrandProps): react.JSX.Element;
301
300
 
302
- declare function BrandYoutube(props: BrandProps): react_jsx_runtime.JSX.Element;
301
+ declare function BrandYoutube(props: BrandProps): react.JSX.Element;
303
302
 
304
303
  interface SessionUser {
305
304
  sub: string;
@@ -390,6 +389,12 @@ interface SelectedProcess {
390
389
  requiredAccountStatus: AccountVerificationStatus;
391
390
  individualServicePermissionModel: boolean;
392
391
  };
392
+ /**
393
+ * Global identifier of this process's own parent. Absent for a top-level Behördengang.
394
+ * Lets a client identify ancestry per node — e.g. after flattening `parentProcesses` into a
395
+ * map — without relying solely on that array's documented ordering.
396
+ */
397
+ parentProcessId?: string;
393
398
  }
394
399
  /**
395
400
  * The authenticated user's identity and profile information.
@@ -415,6 +420,15 @@ interface HeaderContextClaims {
415
420
  currentUser: UserProfile;
416
421
  customerAccount?: SelectedCustomerAccount;
417
422
  process?: SelectedProcess;
423
+ /**
424
+ * Ancestors of the addressed Behördengang, nearest first: index 0 is the direct parent,
425
+ * ascending toward the root. Absent — not an empty array — when there is none.
426
+ *
427
+ * Present while `process` is absent means a sub-process is about to be created under
428
+ * `parentProcesses[0]`, which is then the addressed Process itself and NOT a selected
429
+ * Behördengang. That is the `/parentprocess/{id}` URL form.
430
+ */
431
+ parentProcesses?: SelectedProcess[];
418
432
  }
419
433
 
420
434
  interface EasygovHeaderContext {
@@ -577,19 +591,19 @@ interface EasygovHeaderProps {
577
591
  readonly onContextChange?: (contextJwt: string, claims: HeaderContextClaims) => void;
578
592
  readonly onLogout?: () => void;
579
593
  }
580
- declare function EasygovHeader({ onLanguageChange, onNavigate, onContextChange, onLogout, }: EasygovHeaderProps): React__default.JSX.Element;
594
+ declare function EasygovHeader({ onLanguageChange, onNavigate, onContextChange, onLogout, }: EasygovHeaderProps): react__default.JSX.Element;
581
595
  interface RequireSessionProps {
582
- readonly children: React__default.ReactNode;
583
- readonly fallback?: React__default.ReactNode;
584
- readonly loading?: React__default.ReactNode;
596
+ readonly children: react__default.ReactNode;
597
+ readonly fallback?: react__default.ReactNode;
598
+ readonly loading?: react__default.ReactNode;
585
599
  }
586
- declare function RequireSession({ children, fallback, loading, }: RequireSessionProps): React__default.JSX.Element;
600
+ declare function RequireSession({ children, fallback, loading, }: RequireSessionProps): react__default.JSX.Element;
587
601
  declare function useRequireCustomerAccount(onNavigate?: (path: string) => void): void;
588
602
  interface RequireCustomerAccountProps {
589
- readonly children: React__default.ReactNode;
603
+ readonly children: react__default.ReactNode;
590
604
  readonly onNavigate?: (path: string) => void;
591
605
  }
592
- declare function RequireCustomerAccount({ children, onNavigate, }: RequireCustomerAccountProps): React__default.JSX.Element;
606
+ declare function RequireCustomerAccount({ children, onNavigate, }: RequireCustomerAccountProps): react__default.JSX.Element;
593
607
 
594
608
  /**
595
609
  * The current DisplayLanguage. Safe to call at any time, including before any EasygovHeader has