@navikt/ds-react 5.5.0 → 5.6.0

package/_docs.json

@@ -10719,6 +10719,50 @@
       }
     }
   },
+  {
+    "filePath": "src/util/Slot.tsx",
+    "displayName": "Slot",
+    "props": {
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",
+        "name": "ref",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLElement>"
+        }
+      }
+    }
+  },
   {
     "filePath": "src/util/TextareaAutoSize.tsx",
     "displayName": "TextareaAutoSize",
@@ -11261,6 +11305,29 @@
           "name": "Date | Date[] | DateRange"
         }
       },
+      "onWeekNumberClick": {
+        "defaultValue": null,
+        "description": "Allows selecting a week at a time. Only used with mode=\"multiple\".",
+        "name": "onWeekNumberClick",
+        "declarations": [
+          {
+            "fileName": "src/date/datepicker/DatePicker.tsx",
+            "name": "TypeLiteral"
+          },
+          {
+            "fileName": "src/date/datepicker/DatePicker.tsx",
+            "name": "TypeLiteral"
+          },
+          {
+            "fileName": "src/date/datepicker/DatePicker.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "WeekNumberClickEventHandler"
+        }
+      },
       "min": {
         "defaultValue": null,
         "description": "",
@@ -11326,7 +11393,7 @@
       },
       "fixedWeeks": {
         "defaultValue": {
-          "value": "true"
+          "value": "false"
         },
         "description": "If datepicker should be fixed to 6 weeks, regardless of actual weeks in month",
         "name": "fixedWeeks",
@@ -11620,6 +11687,29 @@
           "name": "Date | Date[] | DateRange"
         }
       },
+      "onWeekNumberClick": {
+        "defaultValue": null,
+        "description": "Allows selecting a week at a time. Only used with mode=\"multiple\".",
+        "name": "onWeekNumberClick",
+        "declarations": [
+          {
+            "fileName": "react/src/date/datepicker/DatePicker.tsx",
+            "name": "TypeLiteral"
+          },
+          {
+            "fileName": "react/src/date/datepicker/DatePicker.tsx",
+            "name": "TypeLiteral"
+          },
+          {
+            "fileName": "react/src/date/datepicker/DatePicker.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "WeekNumberClickEventHandler"
+        }
+      },
       "ref": {
         "defaultValue": null,
         "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",
@@ -11679,16 +11769,6 @@
       }
     }
   },
-  {
-    "filePath": "src/date/datepicker/DayButton.tsx",
-    "displayName": "DayButton",
-    "props": {}
-  },
-  {
-    "filePath": "src/date/datepicker/TableHead.tsx",
-    "displayName": "TableHead",
-    "props": {}
-  },
   {
     "filePath": "src/date/hooks/useDatepicker.tsx",
     "displayName": "useDatepicker",
@@ -12534,7 +12614,7 @@
         ],
         "required": true,
         "type": {
-          "name": "Function"
+          "name": "(date?: Date | undefined) => void"
         }
       },
       "tabRoot": {
@@ -12572,7 +12652,7 @@
         ],
         "required": true,
         "type": {
-          "name": "Function"
+          "name": "(date?: Date | undefined) => void"
         }
       }
     }
@@ -12848,7 +12928,7 @@
         ],
         "required": false,
         "type": {
-          "name": "Function"
+          "name": "((month?: Date) => void)"
         }
       },
       "year": {
@@ -13130,7 +13210,7 @@
         ],
         "required": false,
         "type": {
-          "name": "Function"
+          "name": "((month?: Date) => void)"
         }
       },
       "year": {
@@ -14289,25 +14369,6 @@
     "filePath": "src/form/combobox/Combobox.tsx",
     "displayName": "Combobox",
     "props": {
-      "value": {
-        "defaultValue": null,
-        "description": "Set this to override the value of the input field.\n\nThis converts the input to a controlled input, so you have to use onChange to update the value.",
-        "name": "value",
-        "parent": {
-          "fileName": "react/src/form/combobox/types.ts",
-          "name": "ComboboxProps"
-        },
-        "declarations": [
-          {
-            "fileName": "react/src/form/combobox/types.ts",
-            "name": "ComboboxProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
       "disabled": {
         "defaultValue": null,
         "description": "Disables element\n@note Avoid using if possible for accessibility purposes",
@@ -14576,25 +14637,6 @@
           "name": "boolean"
         }
       },
-      "onClear": {
-        "defaultValue": null,
-        "description": "Callback function triggered whenever the input field is cleared\n@param event\n@returns",
-        "name": "onClear",
-        "parent": {
-          "fileName": "react/src/form/combobox/types.ts",
-          "name": "ComboboxProps"
-        },
-        "declarations": [
-          {
-            "fileName": "react/src/form/combobox/types.ts",
-            "name": "ComboboxProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "((event: PointerEvent<Element> | KeyboardEvent<Element>) => void)"
-        }
-      },
       "onToggleSelected": {
         "defaultValue": null,
         "description": "Callback function triggered whenever an option is selected or de-selected\n@param option\n@param isSelected - Whether the option has been selected or unselected\n@param isCustomOption - Whether the option comes from user input, instead of from the list\n@returns",
@@ -16701,6 +16743,126 @@
       }
     }
   },
+  {
+    "filePath": "src/layout/bleed/Bleed.tsx",
+    "displayName": "Bleed",
+    "props": {
+      "marginInline": {
+        "defaultValue": null,
+        "description": "**Negative** horizontal margin around children.\nAccepts a spacing token or an object of spacing tokens for different breakpoints.\n@example marginInline='4'\nmarginInline='4 5'\nmarginInline={{xs: '0 32', sm: '3', md: '4 5', lg: '5', xl: '6'}}",
+        "name": "marginInline",
+        "parent": {
+          "fileName": "src/layout/bleed/Bleed.tsx",
+          "name": "BleedProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/layout/bleed/Bleed.tsx",
+            "name": "BleedProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ResponsiveProp<BleedSpacingInline | \"full full\" | \"full px\" | \"full 0\" | \"full 05\" | \"full 1\" | \"full 2\" | \"full 3\" | \"full 4\" | \"full 5\" | \"full 6\" | \"full 7\" | \"full 8\" | ... 471 more ... | \"32 32\">"
+        }
+      },
+      "marginBlock": {
+        "defaultValue": null,
+        "description": "**Negative** vertical margin around children.\nAccepts a spacing token or an object of spacing tokens for different breakpoints.\n@example marginBlock='4'\nmarginBlock='4 5'\nmarginBlock={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}",
+        "name": "marginBlock",
+        "parent": {
+          "fileName": "src/layout/bleed/Bleed.tsx",
+          "name": "BleedProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/layout/bleed/Bleed.tsx",
+            "name": "BleedProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ResponsiveProp<\"px px\" | \"px 0\" | \"px 05\" | \"px 1\" | \"px 2\" | \"px 3\" | \"px 4\" | \"px 5\" | \"px 6\" | \"px 7\" | \"px 8\" | \"px 9\" | \"px 10\" | \"px 11\" | \"px 12\" | \"px 14\" | \"px 16\" | \"px 18\" | \"px 20\" | ... 422 more ... | BleedSpacingBlock>"
+        }
+      },
+      "reflectivePadding": {
+        "defaultValue": null,
+        "description": "When true, set the padding to mirror the margin.\nThis maintains the apparent width of the element prior to adding Bleed.\nWhen this is used with `asChild`, it will overwrite the padding of the child.",
+        "name": "reflectivePadding",
+        "parent": {
+          "fileName": "src/layout/bleed/Bleed.tsx",
+          "name": "BleedProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/layout/bleed/Bleed.tsx",
+            "name": "BleedProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "asChild": {
+        "defaultValue": null,
+        "description": "When true, the Bleed will render as its child. This merges classes, styles and event handlers.",
+        "name": "asChild",
+        "parent": {
+          "fileName": "src/layout/bleed/Bleed.tsx",
+          "name": "BleedProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/layout/bleed/Bleed.tsx",
+            "name": "BleedProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",
+        "name": "ref",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLDivElement>"
+        }
+      }
+    }
+  },
   {
     "filePath": "src/layout/box/Box.tsx",
     "displayName": "Box",
@@ -17124,6 +17286,25 @@
           "name": "\"div\" | \"span\""
         }
       },
+      "asChild": {
+        "defaultValue": null,
+        "description": "When true, will render element as its child. This merges classes, styles and event handlers.",
+        "name": "asChild",
+        "parent": {
+          "fileName": "src/layout/responsive/Responsive.tsx",
+          "name": "ResponsiveProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/layout/responsive/Responsive.tsx",
+            "name": "ResponsiveProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "",
@@ -17227,6 +17408,25 @@
           "name": "\"div\" | \"span\""
         }
       },
+      "asChild": {
+        "defaultValue": null,
+        "description": "When true, will render element as its child. This merges classes, styles and event handlers.",
+        "name": "asChild",
+        "parent": {
+          "fileName": "src/layout/responsive/Responsive.tsx",
+          "name": "ResponsiveProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/layout/responsive/Responsive.tsx",
+            "name": "ResponsiveProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "",
@@ -17267,6 +17467,11 @@
       }
     }
   },
+  {
+    "filePath": "src/layout/sidemal-test/AvatarPanel.tsx",
+    "displayName": "AvatarPanel",
+    "props": {}
+  },
   {
     "filePath": "src/layout/stack/HStack.tsx",
     "displayName": "HStack",
@@ -17287,7 +17492,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"start\" | \"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\""
+          "name": "ResponsiveProp<\"start\" | \"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\">"
         }
       },
       "align": {
@@ -17306,7 +17511,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"start\" | \"center\" | \"end\" | \"baseline\" | \"stretch\""
+          "name": "ResponsiveProp<\"start\" | \"center\" | \"end\" | \"baseline\" | \"stretch\">"
         }
       },
       "wrap": {
@@ -17412,7 +17617,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"start\" | \"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\""
+          "name": "ResponsiveProp<\"start\" | \"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\">"
         }
       },
       "align": {
@@ -17431,7 +17636,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"start\" | \"center\" | \"end\" | \"baseline\" | \"stretch\""
+          "name": "ResponsiveProp<\"start\" | \"center\" | \"end\" | \"baseline\" | \"stretch\">"
         }
       },
       "wrap": {
@@ -17475,8 +17680,10 @@
         }
       },
       "direction": {
-        "defaultValue": null,
-        "description": "",
+        "defaultValue": {
+          "value": "row"
+        },
+        "description": "flex-direction",
         "name": "direction",
         "parent": {
           "fileName": "src/layout/stack/Stack.tsx",
@@ -17488,9 +17695,9 @@
             "name": "StackProps"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
-          "name": "\"row\" | \"column\""
+          "name": "ResponsiveProp<\"row\" | \"column\">"
         }
       },
       "className": {
@@ -17553,7 +17760,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"start\" | \"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\""
+          "name": "ResponsiveProp<\"start\" | \"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\">"
         }
       },
       "align": {
@@ -17572,7 +17779,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"start\" | \"center\" | \"end\" | \"baseline\" | \"stretch\""
+          "name": "ResponsiveProp<\"start\" | \"center\" | \"end\" | \"baseline\" | \"stretch\">"
         }
       },
       "gap": {
@@ -17768,7 +17975,7 @@
         ],
         "required": true,
         "type": {
-          "name": "Number"
+          "name": "number"
         }
       },
       "left": {
@@ -17787,7 +17994,7 @@
         ],
         "required": true,
         "type": {
-          "name": "Number"
+          "name": "number"
         }
       },
       "icon": {
@@ -18174,20 +18381,187 @@
     }
   },
   {
-    "filePath": "src/date/datepicker/caption/Caption.tsx",
+    "filePath": "src/date/datepicker/parts/Caption.tsx",
     "displayName": "DatePickerCaption",
     "props": {}
   },
   {
-    "filePath": "src/date/datepicker/caption/Caption.tsx",
+    "filePath": "src/date/datepicker/parts/Caption.tsx",
     "displayName": "Caption",
     "props": {}
   },
   {
-    "filePath": "src/date/datepicker/caption/DropdownCaption.tsx",
+    "filePath": "src/date/datepicker/parts/DayButton.tsx",
+    "displayName": "DayButton",
+    "props": {}
+  },
+  {
+    "filePath": "src/date/datepicker/parts/DropdownCaption.tsx",
     "displayName": "DropdownCaption",
     "props": {}
   },
+  {
+    "filePath": "src/date/datepicker/parts/HeadRow.tsx",
+    "displayName": "HeadRow",
+    "props": {}
+  },
+  {
+    "filePath": "src/date/datepicker/parts/HeadRow.tsx",
+    "displayName": "getWeekdays",
+    "props": {}
+  },
+  {
+    "filePath": "src/date/datepicker/parts/Row.tsx",
+    "displayName": "Row",
+    "props": {
+      "displayMonth": {
+        "defaultValue": null,
+        "description": "The month where the row is displayed.",
+        "name": "displayMonth",
+        "parent": {
+          "fileName": "src/date/datepicker/parts/Row.tsx",
+          "name": "RowProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/datepicker/parts/Row.tsx",
+            "name": "RowProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Date"
+        }
+      },
+      "weekNumber": {
+        "defaultValue": null,
+        "description": "The number of the week to render.",
+        "name": "weekNumber",
+        "parent": {
+          "fileName": "src/date/datepicker/parts/Row.tsx",
+          "name": "RowProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/datepicker/parts/Row.tsx",
+            "name": "RowProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "number"
+        }
+      },
+      "dates": {
+        "defaultValue": null,
+        "description": "The days contained in the week.",
+        "name": "dates",
+        "parent": {
+          "fileName": "src/date/datepicker/parts/Row.tsx",
+          "name": "RowProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/datepicker/parts/Row.tsx",
+            "name": "RowProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Date[]"
+        }
+      }
+    }
+  },
+  {
+    "filePath": "src/date/datepicker/parts/TableHead.tsx",
+    "displayName": "TableHead",
+    "props": {}
+  },
+  {
+    "filePath": "src/date/datepicker/parts/WeekNumber.tsx",
+    "displayName": "WeekNumber",
+    "props": {
+      "number": {
+        "defaultValue": null,
+        "description": "The number of the week.",
+        "name": "number",
+        "parent": {
+          "fileName": "src/date/datepicker/parts/WeekNumber.tsx",
+          "name": "WeekNumberProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/datepicker/parts/WeekNumber.tsx",
+            "name": "WeekNumberProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "number"
+        }
+      },
+      "dates": {
+        "defaultValue": null,
+        "description": "The dates in the week.",
+        "name": "dates",
+        "parent": {
+          "fileName": "src/date/datepicker/parts/WeekNumber.tsx",
+          "name": "WeekNumberProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/datepicker/parts/WeekNumber.tsx",
+            "name": "WeekNumberProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Date[]"
+        }
+      },
+      "headerVersion": {
+        "defaultValue": null,
+        "description": "",
+        "name": "headerVersion",
+        "parent": {
+          "fileName": "src/date/datepicker/parts/WeekNumber.tsx",
+          "name": "WeekNumberProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/datepicker/parts/WeekNumber.tsx",
+            "name": "WeekNumberProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      }
+    }
+  },
+  {
+    "filePath": "src/date/datepicker/parts/WeekRow.tsx",
+    "displayName": "WeekRow",
+    "props": {
+      "displayMonth": {
+        "defaultValue": null,
+        "description": "",
+        "name": "displayMonth",
+        "declarations": [
+          {
+            "fileName": "src/date/datepicker/parts/WeekRow.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Date"
+        }
+      }
+    }
+  },
   {
     "filePath": "src/dropdown/Menu/GroupedList/GroupedHeading.tsx",
     "displayName": "GroupedHeading",
@@ -18579,44 +18953,6 @@
           "name": "string"
         }
       },
-      "error": {
-        "defaultValue": null,
-        "description": "",
-        "name": "error",
-        "parent": {
-          "fileName": "src/form/combobox/Input/Input.tsx",
-          "name": "InputProps"
-        },
-        "declarations": [
-          {
-            "fileName": "src/form/combobox/Input/Input.tsx",
-            "name": "InputProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "errorId": {
-        "defaultValue": null,
-        "description": "",
-        "name": "errorId",
-        "parent": {
-          "fileName": "src/form/combobox/Input/Input.tsx",
-          "name": "InputProps"
-        },
-        "declarations": [
-          {
-            "fileName": "src/form/combobox/Input/Input.tsx",
-            "name": "InputProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
       "ref": {
         "defaultValue": null,
         "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",
@@ -18719,5 +19055,70 @@
         }
       }
     }
+  },
+  {
+    "filePath": "src/layout/sidemal-test/content-box/ContentBox.tsx",
+    "displayName": "ContentBox",
+    "props": {
+      "maxWidth": {
+        "defaultValue": {
+          "value": "xl"
+        },
+        "description": "",
+        "name": "maxWidth",
+        "parent": {
+          "fileName": "src/layout/sidemal-test/content-box/ContentBox.tsx",
+          "name": "ContentBoxProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/layout/sidemal-test/content-box/ContentBox.tsx",
+            "name": "ContentBoxProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"3xl\" | \"2xl\" | \"xl\" | \"lg\""
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",
+        "name": "ref",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLDivElement>"
+        }
+      }
+    }
   }
 ]