@vibe/core 4.5.6 → 4.6.0-alpha-1900b.0

package/dist/metadata/components.json

@@ -1426,6 +1426,9 @@
             {
               "value": "\"warning\""
             },
+            {
+              "value": "\"info\""
+            },
             {
               "value": "\"neutral\""
             }
@@ -1778,10 +1781,10 @@
           "raw": "CounterSize",
           "value": [
             {
-              "value": "\"xs\""
+              "value": "\"small\""
             },
             {
-              "value": "\"small\""
+              "value": "\"xs\""
             },
             {
               "value": "\"large\""
@@ -2492,7 +2495,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-button--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/ButtonGroup/ButtonGroup.tsx",
+    "filePath": "src/components/ButtonGroup/ButtonGroup.tsx",
     "aggregator": "core",
     "symbols": [
       "default as ButtonGroup",
@@ -2732,14 +2735,12 @@
       }
     },
     "import": "import { ButtonGroup } from \"@vibe/core\"",
-    "subComponents": [
-      "ButtonGroupConstants"
-    ],
+    "subComponents": [],
     "storyUrl": "https://vibe.monday.com/?path=/docs/components-buttongroup--docs",
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-buttongroup--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/Checkbox/Checkbox.tsx",
+    "filePath": "src/components/Checkbox/Checkbox.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Checkbox",
@@ -2932,6 +2933,7 @@
     "symbols": [
       "default as Chips",
       "type ChipsProps",
+      "ChipsVariant",
       "ChipsSize"
     ],
     "displayName": "Chips",
@@ -2948,6 +2950,29 @@
           "name": "ElementContent"
         }
       },
+      "variant": {
+        "defaultValue": {
+          "value": "default"
+        },
+        "description": "Visual and behavioral variant of the chip.\n- `default` — standard chip (colors, optional remove / click)\n- `readOnly` — display only; no interaction\n- `filterable` — primary theme only; default / hover / pressed states",
+        "name": "variant",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "ChipsVariant",
+          "value": [
+            {
+              "value": "\"default\""
+            },
+            {
+              "value": "\"readOnly\""
+            },
+            {
+              "value": "\"filterable\""
+            }
+          ]
+        }
+      },
       "disabled": {
         "defaultValue": {
           "value": "false"
@@ -2963,13 +2988,44 @@
         "defaultValue": {
           "value": "false"
         },
-        "description": "If true, the chip is read-only and cannot be deleted.",
+        "description": "If true, the chip is read-only and cannot be deleted or interacted with.\nPrefer `variant=\"readOnly\"` for new usage.",
         "name": "readOnly",
         "required": false,
         "type": {
           "name": "boolean"
         }
       },
+      "pressed": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "When `variant=\"filterable\"`, shows the pressed (selected) state.",
+        "name": "pressed",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "size": {
+        "defaultValue": {
+          "value": "medium"
+        },
+        "description": "The size of the chip.\n- `medium` — default (24px height)\n- `small` — 20px height, 12px text",
+        "name": "size",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "ChipsSize",
+          "value": [
+            {
+              "value": "\"medium\""
+            },
+            {
+              "value": "\"small\""
+            }
+          ]
+        }
+      },
       "rightRenderer": {
         "defaultValue": null,
         "description": "A React element displayed on the right side.",
@@ -3100,12 +3156,12 @@
         "defaultValue": {
           "value": "primary"
         },
-        "description": "The background color of the chip.",
+        "description": "The background color of the chip.\nIgnored when `variant=\"filterable\"` (always primary).",
         "name": "color",
         "required": false,
         "type": {
           "name": "enum",
-          "raw": "\"grass_green\" | \"done-green\" | \"bright-green\" | \"saladish\" | \"egg_yolk\" | \"working_orange\" | \"dark-orange\" | \"peach\" | \"sunset\" | \"stuck-red\" | \"dark-red\" | \"sofia_pink\" | \"lipstick\" | ... 29 more ... | \"neutral\"",
+          "raw": "\"grass_green\" | \"done-green\" | \"bright-green\" | \"saladish\" | \"egg_yolk\" | \"working_orange\" | \"dark-orange\" | \"peach\" | \"sunset\" | \"stuck-red\" | \"dark-red\" | \"sofia_pink\" | \"lipstick\" | ... 30 more ... | \"neutral\"",
           "value": [
             {
               "value": "\"grass_green\""
@@ -3233,6 +3289,9 @@
             {
               "value": "\"warning\""
             },
+            {
+              "value": "\"info\""
+            },
             {
               "value": "\"neutral\""
             }
@@ -3240,9 +3299,7 @@
         }
       },
       "iconSize": {
-        "defaultValue": {
-          "value": "18"
-        },
+        "defaultValue": null,
         "description": "The size of the icons inside the chip.",
         "name": "iconSize",
         "required": false,
@@ -3301,19 +3358,32 @@
           "name": "(event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void"
         }
       },
-      "aria-label": {
+      "ariaLabel": {
         "defaultValue": null,
         "description": "The label of the chip for accessibility.",
-        "name": "aria-label",
+        "name": "ariaLabel",
         "required": false,
         "type": {
           "name": "string"
         }
       },
-      "aria-haspopup": {
-        "defaultValue": null,
+      "ariaHasPopup": {
+        "defaultValue": {
+          "value": "false"
+        },
         "description": "If true, indicates that the chip has a popup.",
-        "name": "aria-haspopup",
+        "name": "ariaHasPopup",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "disableClickableBehavior": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, disables all click behaviors.",
+        "name": "disableClickableBehavior",
         "required": false,
         "type": {
           "name": "boolean"
@@ -3352,26 +3422,6 @@
           "name": "boolean"
         }
       },
-      "size": {
-        "defaultValue": {
-          "value": "medium"
-        },
-        "description": "The size of the chip.",
-        "name": "size",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "ChipsSize",
-          "value": [
-            {
-              "value": "\"small\""
-            },
-            {
-              "value": "\"medium\""
-            }
-          ]
-        }
-      },
       "className": {
         "defaultValue": null,
         "description": "A CSS class name to apply to the component.",
@@ -5795,7 +5845,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-dialogcontentcontainer--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/Divider/Divider.tsx",
+    "filePath": "src/components/Divider/Divider.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Divider",
@@ -8010,7 +8060,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=layout-box--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/FormattedNumber/FormattedNumber.tsx",
+    "filePath": "src/components/FormattedNumber/FormattedNumber.tsx",
     "aggregator": "core",
     "symbols": [
       "default as FormattedNumber",
@@ -12028,7 +12078,7 @@
       },
       "dialogPaddingSize": {
         "defaultValue": {
-          "value": "small"
+          "value": "none"
         },
         "description": "The padding size inside the menu dialog.",
         "name": "dialogPaddingSize",
@@ -14202,6 +14252,151 @@
     "storyUrl": "https://vibe.monday.com/?path=/docs/components-search--docs",
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-search--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
+  {
+    "filePath": "src/components/SegmentedControl/SegmentedControl.tsx",
+    "aggregator": "core",
+    "symbols": [
+      "default as SegmentedControl",
+      "SegmentedControlProps",
+      "SegmentedControlOption",
+      "SegmentedControlSize"
+    ],
+    "displayName": "SegmentedControl",
+    "description": "",
+    "props": {
+      "options": {
+        "defaultValue": null,
+        "description": "The list of segment options.",
+        "name": "options",
+        "required": true,
+        "type": {
+          "name": "SegmentedControlOption[]"
+        }
+      },
+      "value": {
+        "defaultValue": null,
+        "description": "The currently selected segment value (controlled).",
+        "name": "value",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "defaultValue": {
+        "defaultValue": null,
+        "description": "The default selected segment value (uncontrolled).",
+        "name": "defaultValue",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "onChange": {
+        "defaultValue": null,
+        "description": "Callback fired when the selected segment changes.",
+        "name": "onChange",
+        "required": false,
+        "type": {
+          "name": "(value: string) => void"
+        }
+      },
+      "size": {
+        "defaultValue": {
+          "value": "medium"
+        },
+        "description": "The size of the segmented control.",
+        "name": "size",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "SegmentedControlSize",
+          "value": [
+            {
+              "value": "\"xs\""
+            },
+            {
+              "value": "\"small\""
+            },
+            {
+              "value": "\"medium\""
+            },
+            {
+              "value": "\"large\""
+            }
+          ]
+        }
+      },
+      "disabled": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, disables the entire segmented control.",
+        "name": "disabled",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "fullWidth": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, makes the segmented control take the full width of its container.",
+        "name": "fullWidth",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "ariaLabel": {
+        "defaultValue": null,
+        "description": "Accessible label for the radiogroup.",
+        "name": "ariaLabel",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "aria-labelledby": {
+        "defaultValue": null,
+        "description": "ID of the element that labels the radiogroup.",
+        "name": "aria-labelledby",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "A CSS class name to apply to the component.",
+        "name": "className",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "data-testid": {
+        "defaultValue": null,
+        "description": "A unique identifier for testing purposes.",
+        "name": "data-testid",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "id": {
+        "defaultValue": null,
+        "description": "An HTML id attribute for the component.",
+        "name": "id",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      }
+    },
+    "import": "import { SegmentedControl } from \"@vibe/core\"",
+    "subComponents": []
+  },
   {
     "filePath": "src/components/Skeleton/Skeleton.tsx",
     "aggregator": "core",
@@ -15246,16 +15441,16 @@
         "required": false,
         "type": {
           "name": "enum",
-          "raw": "\"xxs\" | \"xs\" | \"small\" | \"medium\" | \"large\"",
+          "raw": "\"small\" | \"xxs\" | \"xs\" | \"medium\" | \"large\"",
           "value": [
             {
-              "value": "\"xxs\""
+              "value": "\"small\""
             },
             {
-              "value": "\"xs\""
+              "value": "\"xxs\""
             },
             {
-              "value": "\"small\""
+              "value": "\"xs\""
             },
             {
               "value": "\"medium\""
@@ -17131,15 +17326,35 @@
           "name": "(node: HTMLElement) => void"
         }
       },
-      "icon": {
+      "iconName": {
         "defaultValue": null,
         "description": "The primary icon displayed inside the text field.",
-        "name": "icon",
+        "name": "iconName",
         "required": false,
         "type": {
           "name": "any"
         }
       },
+      "iconPosition": {
+        "defaultValue": {
+          "value": "right"
+        },
+        "description": "Position of the primary icon inside the text field.",
+        "name": "iconPosition",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "\"left\" | \"right\"",
+          "value": [
+            {
+              "value": "\"left\""
+            },
+            {
+              "value": "\"right\""
+            }
+          ]
+        }
+      },
       "secondaryIconName": {
         "defaultValue": null,
         "description": "The secondary icon displayed inside the text field.",
@@ -17276,22 +17491,15 @@
           "name": "string"
         }
       },
-      "iconLabel": {
-        "defaultValue": null,
-        "description": "Accessible label for the primary icon.",
-        "name": "iconLabel",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "secondaryIconLabel": {
-        "defaultValue": null,
-        "description": "Accessible label for the secondary icon.",
-        "name": "secondaryIconLabel",
+      "iconsNames": {
+        "defaultValue": {
+          "value": "{ primary: \"\", secondary: \"\" }"
+        },
+        "description": "Icon labels for accessibility.",
+        "name": "iconsNames",
         "required": false,
         "type": {
-          "name": "string"
+          "name": "{ primary: string; secondary: string; }"
         }
       },
       "type": {
@@ -18477,6 +18685,17 @@
           "name": "string"
         }
       },
+      "inline": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, renders the toast in place (for gallery previews) instead of fixed at the top.",
+        "name": "inline",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "A CSS class name to apply to the component.",
@@ -18623,7 +18842,9 @@
         }
       },
       "color": {
-        "defaultValue": null,
+        "defaultValue": {
+          "value": "primary"
+        },
         "description": "The button's color",
         "name": "color",
         "required": false,