@wallarm-org/design-system 0.87.1 → 0.88.1-rc-fix-status-code-zero-value.1

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.87.0",
-  "generatedAt": "2026-08-07T08:50:50.859Z",
+  "version": "0.88.0",
+  "generatedAt": "2026-08-11T11:26:24.304Z",
   "components": [
     {
       "name": "Accordion",
@@ -33350,6 +33350,18 @@
               "required": false,
               "description": "The ids of the elements in the number input. Useful for composition."
             },
+            {
+              "name": "largeStep",
+              "type": "number | undefined",
+              "required": false,
+              "description": "The amount to increment or decrement the value by when the `Shift` key is held."
+            },
+            {
+              "name": "smallStep",
+              "type": "number | undefined",
+              "required": false,
+              "description": "The amount to increment or decrement the value by when the `Alt` key is held."
+            },
             {
               "name": "allowMouseWheel",
               "type": "boolean | undefined",
@@ -43611,6 +43623,18 @@
           "required": false,
           "description": "The amount to increment or decrement the value by"
         },
+        {
+          "name": "largeStep",
+          "type": "number | undefined",
+          "required": false,
+          "description": "The amount to increment or decrement the value by when the `Shift` key is held."
+        },
+        {
+          "name": "smallStep",
+          "type": "number | undefined",
+          "required": false,
+          "description": "The amount to increment or decrement the value by when the `Alt` key is held."
+        },
         {
           "name": "allowMouseWheel",
           "type": "boolean | undefined",
@@ -72431,51 +72455,625 @@
           ]
         },
         {
-          "name": "BulkBarSummarySelectAll",
+          "name": "BulkBarSummarySelectAll",
+          "props": [
+            {
+              "name": "disabled",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "form",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formAction",
+              "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
+              "required": false
+            },
+            {
+              "name": "formEncType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formMethod",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formNoValidate",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "formTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "name",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "value",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "EditableSelectCell",
           "props": [
             {
-              "name": "disabled",
+              "name": "value",
+              "type": "string | null",
+              "required": true,
+              "description": "Current committed value; `null` / `''` renders the placeholder."
+            },
+            {
+              "name": "items",
+              "type": "SelectDataItem[]",
+              "required": true,
+              "description": "Options for the dropdown."
+            },
+            {
+              "name": "placeholder",
+              "type": "ReactNode",
+              "required": false,
+              "description": "Shown when nothing is selected. Defaults to `'Select…'`."
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultChecked",
               "type": "boolean | undefined",
               "required": false
             },
             {
-              "name": "form",
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
               "type": "string | undefined",
               "required": false
             },
             {
-              "name": "formAction",
-              "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
               "required": false
             },
             {
-              "name": "formEncType",
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
               "type": "string | undefined",
               "required": false
             },
             {
-              "name": "formMethod",
+              "name": "dir",
               "type": "string | undefined",
               "required": false
             },
             {
-              "name": "formNoValidate",
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
               "type": "boolean | undefined",
               "required": false
             },
             {
-              "name": "formTarget",
+              "name": "id",
               "type": "string | undefined",
               "required": false
             },
             {
-              "name": "name",
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "EditableTextCell",
+          "props": [
             {
               "name": "value",
-              "type": "string | number | readonly string[] | undefined",
+              "type": "string",
+              "required": true,
+              "description": "Current committed value."
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
               "required": false
             },
             {
@@ -77007,6 +77605,10 @@
         {
           "name": "FullFeatured",
           "code": "() => {\n  const data = useMemo(() => createLargeGroupedData(12, 50), []);\n\n  const [sorting, setSorting] = useState<TableSortingState>([{ id: 'lastEdited', desc: true }]);\n  const [rowSelection, setRowSelection] = useState<TableRowSelectionState>({});\n  const [columnSizing, setColumnSizing] = useState<TableColumnSizingState>({});\n  const [columnPinning, setColumnPinning] = useState<TableColumnPinningState>({\n    left: ['objectName'],\n  });\n  const [columnOrder, setColumnOrder] = useState<string[]>([]);\n  const [columnVisibility, setColumnVisibility] = useState<TableVisibilityState>({});\n  const [expanded, setExpanded] = useState<TableExpandedState>({\n    'group-0': true,\n    'group-1': true,\n  });\n\n  return (\n    <Table<SecurityHeaderEntry>\n      className='h-500'\n      data={data}\n      columns={fullFeaturedColumns}\n      getRowId={row => row.id}\n      getSubRows={row => row.children}\n      // Grouping\n      expanded={expanded}\n      onExpandedChange={setExpanded}\n      // Sorting\n      sorting={sorting}\n      onSortingChange={setSorting}\n      // Row selection\n      rowSelection={rowSelection}\n      onRowSelectionChange={setRowSelection}\n      // Column resizing\n      columnSizing={columnSizing}\n      onColumnSizingChange={setColumnSizing}\n      // Column pinning\n      columnPinning={columnPinning}\n      onColumnPinningChange={setColumnPinning}\n      // Column DnD ordering\n      columnOrder={columnOrder}\n      onColumnOrderChange={setColumnOrder}\n      // Column visibility + settings\n      columnVisibility={columnVisibility}\n      onColumnVisibilityChange={setColumnVisibility}\n      defaultColumnVisibility={{}}\n      defaultColumnOrder={headerColumnIds}\n      // Virtual scrolling\n      virtualized='container'\n    >\n      <TableActionBar>\n        <Button variant='ghost' color='neutral-alt' onClick={() => alert('Copy clicked')}>\n          <Copy /> Duplicate\n        </Button>\n        <Button color='brand' onClick={() => alert('Delete clicked')}>\n          <Trash2 /> Delete\n        </Button>\n      </TableActionBar>\n    </Table>\n  );\n}"
+        },
+        {
+          "name": "InlineCellEditing",
+          "code": "() => {\n  const [data, setData] = useState<SecurityEvent[]>(() => securityEvents.slice(0, 6));\n  // Category starts unselected for every row, so the select shows its placeholder.\n  const [categories, setCategories] = useState<Record<string, string>>({});\n\n  const updateCell = useCallback(\n    <K extends keyof SecurityEvent>(rowId: string, key: K, value: SecurityEvent[K]) => {\n      setData(prev => prev.map(row => (row.id === rowId ? { ...row, [key]: value } : row)));\n    },\n    [],\n  );\n\n  const columns = useMemo<TableColumnDef<SecurityEvent>[]>(\n    () => [\n      // The first column is the Table's pinned \"master\" column — keep it\n      // read-only; editable cells live in the plain columns after it.\n      securityColumnHelper.accessor('sourceIp', {\n        header: 'Source',\n        size: 200,\n        meta: { resizeType: 'cut' as const },\n        cell: ({ getValue }) => <Text size='sm'>{getValue()}</Text>,\n      }),\n      securityColumnHelper.accessor('objectName', {\n        header: 'Object name',\n        size: 400,\n        meta: EDITABLE_CELL_COLUMN_META,\n        cell: ({ row, getValue }) => (\n          <EditableTextCell\n            value={getValue()}\n            aria-label='Edit object name'\n            onCommit={value => updateCell(row.id, 'objectName', value)}\n          />\n        ),\n      }),\n      securityColumnHelper.accessor('status', {\n        header: 'Status',\n        size: 200,\n        meta: EDITABLE_CELL_COLUMN_META,\n        cell: ({ row, getValue }) => (\n          <EditableSelectCell\n            value={getValue()}\n            items={statusItems}\n            onCommit={value => updateCell(row.id, 'status', value as SecurityEvent['status'])}\n          >\n            <StatusBadge value={getValue()} />\n          </EditableSelectCell>\n        ),\n      }),\n      // Empty-by-default select: consumer supplies the `placeholder` text.\n      securityColumnHelper.display({\n        id: 'category',\n        header: 'Category',\n        size: 200,\n        meta: EDITABLE_CELL_COLUMN_META,\n        cell: ({ row }) => {\n          const value = categories[row.id] ?? '';\n          return (\n            <EditableSelectCell\n              value={value}\n              items={categoryItems}\n              placeholder='Select…'\n              aria-label='Edit category'\n              onCommit={next => setCategories(prev => ({ ...prev, [row.id]: next }))}\n            >\n              {categoryItems.find(item => item.value === value)?.label}\n            </EditableSelectCell>\n          );\n        },\n      }),\n      securityColumnHelper.accessor('parameter', {\n        header: 'Parameters',\n        size: 240,\n        meta: { resizeType: 'cut' as const },\n        cell: ({ getValue }) => <InlineCodeSnippet code={getValue()} size='sm' copyable={false} />,\n      }),\n    ],\n    [updateCell, categories],\n  );\n\n  return (\n    <VStack gap={12} align='stretch'>\n      <Text size='sm' color='secondary'>\n        Hover an Object name (text) or Status / Category (select) cell — the whole cell highlights.\n        Click to edit: the cell gets a brand-orange border and the content stays exactly in place\n        (no shift). Category starts empty and shows a consumer-set “Select…” placeholder. Enter or\n        blur commits, Escape reverts; the read-only columns stay static.\n      </Text>\n      <Table data={data} columns={columns} getRowId={row => row.id} />\n    </VStack>\n  );\n}"
         }
       ]
     },
@@ -83729,6 +84331,12 @@
           "required": false,
           "description": "Whether to unmount on exit.",
           "defaultValue": "true"
+        },
+        {
+          "name": "hideMode",
+          "type": "\"display-none\" | \"activity\"",
+          "required": false,
+          "description": "How to hide content when mounted but not present.\n- `'display-none'`: HTML `hidden` attribute. Effects stay alive.\n- `'activity'`: React 19 `<Activity mode=\"hidden\">`. Effects pause. Requires React 19+."
         }
       ],
       "variants": [],
@@ -85643,6 +86251,12 @@
               "required": false,
               "description": "Whether to unmount on exit."
             },
+            {
+              "name": "hideMode",
+              "type": "\"display-none\" | \"activity\"",
+              "required": false,
+              "description": "How to hide content when mounted but not present.\n- `'display-none'`: HTML `hidden` attribute. Effects stay alive.\n- `'activity'`: React 19 `<Activity mode=\"hidden\">`. Effects pause. Requires React 19+."
+            },
             {
               "name": "asChild",
               "type": "boolean | undefined",