@smwb/ui-mcp-react 2.1.3 → 2.3.0

package/component-meta/inputs/fileDrop/countPreview.json

@@ -1,6 +1,10 @@
 {
   "name": "CountPreview",
   "description": "Compact counter preview when multiple files are uploaded.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "styles": {
     "base": [
       "@smwb/ui-styles/less/foundation.less",

package/component-meta/inputs/fileDrop/fileDrop.json

@@ -1,6 +1,10 @@
 {
   "name": "FileUpload",
   "description": "File Upload component from the inputs module.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "DropzoneOptions"
   ],

package/component-meta/inputs/fileDrop/preview.json

@@ -1,6 +1,10 @@
 {
   "name": "Preview",
   "description": "Single uploaded file preview tile.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "styles": {
     "base": [
       "@smwb/ui-styles/less/foundation.less",

package/component-meta/inputs/fileDrop/previewWrapper.json

@@ -1,6 +1,10 @@
 {
   "name": "PreviewWrapper",
   "description": "Layout wrapper for file preview tiles in FileDrop.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "styles": {
     "base": [
       "@smwb/ui-styles/less/foundation.less",

package/component-meta/inputs/fileInput/fileInput.json

@@ -1,6 +1,10 @@
 {
   "name": "FileInput",
   "description": "Hidden file input integrated with react-dropzone.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "DropzoneOptions"
   ],

package/component-meta/inputs/floatingButton/floatingButton.json

@@ -1,6 +1,10 @@
 {
   "name": "FloatingButton",
   "description": "Prominent circular action button, often fixed on screen.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "ButtonHTMLAttributes<HTMLButtonElement>"
   ],

package/component-meta/inputs/radioButton/radioButton.json

@@ -1,6 +1,10 @@
 {
   "name": "RadioButton",
   "description": "Single-choice selection control within a group.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\">"
   ],

package/component-meta/inputs/rating/rating.json

@@ -1,6 +1,10 @@
 {
   "name": "Rating",
   "description": "Star rating input with customizable precision.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "styles": {
     "base": [
       "@smwb/ui-styles/less/foundation.less",

package/component-meta/inputs/selectField/dropdownMenu.json

@@ -1,6 +1,10 @@
 {
   "name": "DropdownItem",
   "description": "Dropdown Item component from the inputs module.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "styles": {
     "base": [
       "@smwb/ui-styles/less/foundation.less",

package/component-meta/inputs/selectField/selectField.json

@@ -1,6 +1,11 @@
 {
   "name": "SelectField",
   "description": "Dropdown select input with searchable options.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal",
+    "note": "The field renders on the server; the options popup mounts on the client."
+  },
   "styles": {
     "base": [
       "@smwb/ui-styles/less/foundation.less",

package/component-meta/inputs/slider/slider.json

@@ -1,6 +1,10 @@
 {
   "name": "Slider",
   "description": "Numeric value slider with optional range and marks.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "Omit<React.HTMLAttributes<HTMLSpanElement>, \"onChange\" | \"defaultValue\">"
   ],

package/component-meta/inputs/textField/textField.json

@@ -1,6 +1,10 @@
 {
   "name": "TextField",
   "description": "Text input field with label, adornments, validation, and variants.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onBlur\" | \"size\"\n>"
   ],

package/component-meta/inputs/textField/textFieldAdornment.json

@@ -1,6 +1,10 @@
 {
   "name": "TextFieldAdornment",
   "description": "Start or end adornment slot for a text field.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "Pick<JSX.IntrinsicElements[\"span\"], \"children\" | \"className\">"
   ],

package/component-meta/inputs/textField/textFieldWrapper.json

@@ -1,6 +1,10 @@
 {
   "name": "TextFieldWrapper",
   "description": "Layout wrapper around a text field control.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "React.HTMLAttributes<HTMLDivElement>"
   ],

package/component-meta/inputs/timePicker/timePicker.json

@@ -1,6 +1,11 @@
 {
   "name": "TimePicker",
   "description": "Time selection input with column or list popup.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal",
+    "note": "The input renders on the server; the time popup mounts on the client."
+  },
   "extends": [
     "Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\">"
   ],

package/component-meta/inputs/timePicker/timePickerColumns.json

@@ -1,6 +1,10 @@
 {
   "name": "TimePickerColumns",
   "description": "Hour, minute, and second columns for time selection.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "styles": {
     "base": [
       "@smwb/ui-styles/less/foundation.less",

package/component-meta/inputs/timePicker/timePickerInput.json

@@ -1,6 +1,10 @@
 {
   "name": "TimePickerInput",
   "description": "Internal time picker input field and toggle control.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "Omit<\n  TimePickerProps,\n  \"placement\" | \"disablePast\" | \"disableFuture\" | \"weekStartsOn\" | \"locale\" | \"showDaysOutsideMonth\"\n>"
   ],

package/component-meta/inputs/timePicker/timePickerList.json

@@ -1,6 +1,10 @@
 {
   "name": "TimePickerList",
   "description": "Scrollable time option list.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "styles": {
     "base": [
       "@smwb/ui-styles/less/foundation.less",

package/component-meta/inputs/toggle/toggle.json

@@ -1,6 +1,10 @@
 {
   "name": "Toggle",
   "description": "On/off switch control.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\">"
   ],

package/component-meta/inputs/valueSlider/valueSlider.json

@@ -0,0 +1,151 @@
+{
+  "name": "ValueSlider",
+  "description": "Slider preset with a value readout, a reset eraser, and an end-adornment slot.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
+  "extends": [
+    "SliderProps"
+  ],
+  "styles": {
+    "base": [
+      "@smwb/ui-styles/less/foundation.less",
+      "@smwb/ui-styles/less/theme.less"
+    ],
+    "entries": [
+      "@smwb/ui-styles/less/components/valueSlider/valueSlider.entry.less"
+    ],
+    "dependencies": [
+      "@smwb/ui-styles/less/components/slider/slider.entry.less"
+    ],
+    "importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/valueSlider/valueSlider.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/slider/slider.entry.less\";"
+  },
+  "props": {
+    "readout": {
+      "type": "boolean | ((value: SliderValue | undefined) => string)",
+      "required": false,
+      "description": "Read-only value readout beside the label. `true` shows the raw value; pass a\nformatter for units/precision (e.g. `(v) => `${v}%``). Reflects `value`.\n/"
+    },
+    "endAdornment": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Content at the end of the header row — a reset button, a favourite star, etc."
+    },
+    "onReset": {
+      "type": "() => void",
+      "required": false,
+      "description": "Renders a built-in reset control in the header; called on click."
+    },
+    "resetLabel": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label for the reset control."
+    },
+    "value": {
+      "type": "SliderValue",
+      "required": false,
+      "description": "Controlled value."
+    },
+    "onChange": {
+      "type": "(event: Event | React.SyntheticEvent, value: SliderValue, data: SliderProps) => void",
+      "required": false,
+      "description": "Callback fired when the value changes."
+    },
+    "min": {
+      "type": "number",
+      "required": false,
+      "description": "Minimum allowed value."
+    },
+    "max": {
+      "type": "number",
+      "required": false,
+      "description": "Maximum allowed value."
+    },
+    "step": {
+      "type": "number",
+      "required": false,
+      "description": "Step increment between values."
+    },
+    "name": {
+      "type": "string",
+      "required": false,
+      "description": "Form field name submitted with the value."
+    },
+    "defaultValue": {
+      "type": "SliderValue",
+      "required": false,
+      "description": "Initial uncontrolled value."
+    },
+    "disabled": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is disabled and non-interactive."
+    },
+    "variant": {
+      "type": "\"continuous\" | \"discrete\"",
+      "required": false,
+      "description": "Visual style variant."
+    },
+    "valueField": {
+      "type": "boolean",
+      "required": false,
+      "description": "Value Field. Optional. Type: boolean."
+    },
+    "withTicks": {
+      "type": "boolean",
+      "required": false,
+      "description": "With Ticks. Optional. Type: boolean."
+    },
+    "label": {
+      "type": "string",
+      "required": false,
+      "description": "Visible label text."
+    },
+    "helperText": {
+      "type": "React.ReactNode",
+      "required": false,
+      "description": "Supplementary hint text displayed below the control."
+    },
+    "error": {
+      "type": "boolean",
+      "required": false,
+      "description": "Whether the control is in an error state."
+    },
+    "size": {
+      "type": "\"small\" | \"medium\" | \"large\"",
+      "required": false,
+      "description": "Visual size preset."
+    },
+    "color": {
+      "type": "\"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\"",
+      "required": false,
+      "description": "Semantic color token."
+    },
+    "range": {
+      "type": "boolean",
+      "required": false,
+      "description": "Enables a two-thumb range slider (value becomes `[number, number]`)."
+    },
+    "orientation": {
+      "type": "\"horizontal\" | \"vertical\"",
+      "required": false,
+      "description": "Slider direction."
+    },
+    "marks": {
+      "type": "boolean | SliderMark[]",
+      "required": false,
+      "description": "Show ticks/marks. `true` derives marks from `step`; an array gives explicit positions/labels."
+    },
+    "aria-label": {
+      "type": "string",
+      "required": false,
+      "description": "Accessible label applied to the slider control."
+    },
+    "getAriaValueText": {
+      "type": "(value: number) => string",
+      "required": false,
+      "description": "Maps the numeric value to a human-readable string for assistive tech."
+    }
+  }
+}

package/component-meta/layout/appLayout/appLayout.json

@@ -1,6 +1,10 @@
 {
   "name": "AppLayout",
   "description": "Application shell layout with sidebar and content regions.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "HTMLAttributes<HTMLDivElement>"
   ],

package/component-meta/layout/divider/divider.json

@@ -1,6 +1,10 @@
 {
   "name": "Divider",
   "description": "Horizontal or vertical content separator.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "HTMLAttributes<HTMLDivElement>"
   ],

package/component-meta/layout/grid/grid.column.json

@@ -1,6 +1,10 @@
 {
   "name": "Column",
   "description": "Grid column with responsive span configuration.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "React.HTMLAttributes<HTMLDivElement> & {\n  /** Ширина на точке остановы: 1–12 из 12, `\"auto\"` (по контенту) или `true` (заполнить). */\n  xs?: BreakpointType;\n  sm?: BreakpointType;\n  md?: BreakpointType;\n  lg?: BreakpointType;\n  xl?: BreakpointType;\n  /** Сдвиг (пустые ведущие колонки) на точке остановы, 0–11. */\n  xsOffset?: OffsetType;\n  smOffset?: OffsetType;\n  mdOffset?: OffsetType;\n  lgOffset?: OffsetType;\n  xlOffset?: OffsetType;\n  /** Скрыть колонку: булево (всегда) или по точкам остановы `{ xs:true, md:false }`. */\n  hidden?: ResponsiveBool;\n}"
   ],

package/component-meta/layout/grid/grid.container.json

@@ -1,6 +1,10 @@
 {
   "name": "Container",
   "description": "Centered max-width page container.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "React.HTMLAttributes<HTMLDivElement>"
   ],

package/component-meta/layout/grid/grid.row.json

@@ -1,6 +1,10 @@
 {
   "name": "Row",
   "description": "Grid row container.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "React.HTMLAttributes<HTMLDivElement>"
   ],

package/component-meta/layout/page/page.json

@@ -1,6 +1,10 @@
 {
   "name": "Page",
   "description": "Standard page content wrapper.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "HTMLAttributes<HTMLElement>"
   ],

package/component-meta/layout/pageHeader/pageHeader.json

@@ -1,6 +1,10 @@
 {
   "name": "PageHeader",
   "description": "Page title area with optional actions and breadcrumbs slot.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "Omit<HTMLAttributes<HTMLElement>, \"title\">"
   ],

package/component-meta/layout/screenDivider/screenDivider.json

@@ -1,6 +1,10 @@
 {
   "name": "ScreenDivider",
   "description": "Responsive divider that changes orientation by breakpoint.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "styles": {
     "base": [
       "@smwb/ui-styles/less/foundation.less",

package/component-meta/layout/sheet/sheet.json

@@ -1,6 +1,11 @@
 {
   "name": "Sheet",
   "description": "Side or bottom sliding panel surface.",
+  "ssr": {
+    "safe": true,
+    "rendering": "client",
+    "note": "Renders nothing on the server; the panel is portaled into <body> on the client after hydration."
+  },
   "extends": [
     "React.HTMLAttributes<HTMLDivElement>"
   ],

package/component-meta/layout/stack/stack.json

@@ -1,6 +1,10 @@
 {
   "name": "Stack",
   "description": "Flex stack layout with spacing and optional dividers.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "HTMLAttributes<HTMLDivElement>"
   ],

package/component-meta/navigation/appBar/appBar.json

@@ -1,6 +1,10 @@
 {
   "name": "AppBar",
   "description": "Top application bar with title and action slots.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "Omit<React.HTMLAttributes<HTMLElement>, \"title\">"
   ],

package/component-meta/navigation/bottomBar/bottomBar.bottomBarMenuItem.json

@@ -1,6 +1,10 @@
 {
   "name": "BottomBarMenuItem",
   "description": "Bottom Bar Menu Item component from the navigation module.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "SidebarMenuItemProps"
   ],

package/component-meta/navigation/bottomBar/bottomBar.json

@@ -1,6 +1,10 @@
 {
   "name": "BottomBar",
   "description": "Bottom Bar component from the navigation module.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "React.HTMLAttributes<HTMLElement>"
   ],

package/component-meta/navigation/breadcrumbs/breadcrumbs.json

@@ -1,6 +1,10 @@
 {
   "name": "Breadcrumbs",
   "description": "Hierarchical navigation trail.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "HTMLAttributes<HTMLElement>"
   ],

package/component-meta/navigation/menu/menu.json

@@ -1,6 +1,11 @@
 {
   "name": "Menu",
   "description": "Dropdown menu anchored to a trigger element.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal",
+    "note": "The trigger renders on the server; the menu surface mounts on the client."
+  },
   "extends": [
     "MenuFloatingProps &\n  React.HTMLAttributes<HTMLElement> & {\n    variant?: \"static\" | \"floating\";\n    dense?: boolean;\n  }"
   ],

package/component-meta/navigation/menu/menuDivider.json

@@ -1,6 +1,10 @@
 {
   "name": "MenuDivider",
   "description": "Non-interactive separator between menu items.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "React.HTMLAttributes<HTMLLIElement>"
   ],

package/component-meta/navigation/menu/menuFloating.json

@@ -1,6 +1,11 @@
 {
   "name": "MenuFloating",
   "description": "Floating positioned surface used by menus and popovers.",
+  "ssr": {
+    "safe": true,
+    "rendering": "client",
+    "note": "Floating surface portaled on the client; nothing is emitted during SSR."
+  },
   "extends": [
     "React.HTMLAttributes<HTMLDivElement>"
   ],

package/component-meta/navigation/menu/menuItem.json

@@ -1,6 +1,10 @@
 {
   "name": "MenuItem",
   "description": "Interactive item inside a menu list.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "React.HTMLAttributes<HTMLLIElement>"
   ],

package/component-meta/navigation/menu/menuItemIcon.json

@@ -1,6 +1,10 @@
 {
   "name": "MenuItemIcon",
   "description": "Leading icon slot for a menu item.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "React.HTMLAttributes<HTMLSpanElement>"
   ],

package/component-meta/navigation/menu/menuItemText.json

@@ -1,6 +1,10 @@
 {
   "name": "MenuItemText",
   "description": "Primary text slot for a menu item.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "React.HTMLAttributes<HTMLSpanElement>"
   ],

package/component-meta/navigation/menu/menuList.json

@@ -1,6 +1,10 @@
 {
   "name": "MenuList",
   "description": "List container inside a menu.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "React.HTMLAttributes<HTMLDivElement>"
   ],

package/component-meta/navigation/menu/menuSubmenu.json

@@ -1,6 +1,10 @@
 {
   "name": "MenuSubmenu",
   "description": "Nested submenu with hover or click activation.",
+  "ssr": {
+    "safe": true,
+    "rendering": "universal"
+  },
   "extends": [
     "Pick<MenuFloatingProps, \"placement\" | \"onClose\"> &\n  React.HTMLAttributes<HTMLDivElement> & {\n    toggleElement?: React.ReactElement;\n    /** Items and/or nested `MenuSubmenu` elements (multi-level supported). */\n    children: React.ReactNode;\n    /** Open the submenu on pointer hover in addition to click. */\n    openOnHover?: boolean;\n  }"
   ],