@vibe/core 3.82.4 → 3.83.2

package/dist/metadata.json

@@ -4774,7 +4774,7 @@
         "name": "renderAction",
         "required": false,
         "type": {
-          "name": "React.ReactElement<(ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLElement>> & Required<IconButtonStaticProps>) | (ForwardRefExoticComponent<...> & Required<...>)>"
+          "name": "React.ReactElement<any>"
         }
       },
       "hideRenderActionOnInput": {
@@ -8413,7 +8413,214 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/Heading/Heading.tsx",
+    "filePath": "src/Text/Text.tsx",
+    "aggregator": "core",
+    "symbols": [
+      "default as Text",
+      "type TextProps",
+      "TextType",
+      "TextWeight"
+    ],
+    "displayName": "Text",
+    "description": "",
+    "props": {
+      "type": {
+        "defaultValue": {
+          "value": "text2"
+        },
+        "description": "The text style variant.",
+        "name": "type",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "TextType",
+          "value": [
+            {
+              "value": "\"text1\""
+            },
+            {
+              "value": "\"text2\""
+            },
+            {
+              "value": "\"text3\""
+            }
+          ]
+        }
+      },
+      "weight": {
+        "defaultValue": {
+          "value": "normal"
+        },
+        "description": "The font weight of the text.",
+        "name": "weight",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "TextWeight",
+          "value": [
+            {
+              "value": "\"bold\""
+            },
+            {
+              "value": "\"medium\""
+            },
+            {
+              "value": "\"normal\""
+            }
+          ]
+        }
+      },
+      "children": {
+        "defaultValue": null,
+        "description": "The content inside the text component.",
+        "name": "children",
+        "required": true,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "element": {
+        "defaultValue": {
+          "value": "div"
+        },
+        "description": "The HTML element tag used for the text component.",
+        "name": "element",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "color": {
+        "defaultValue": null,
+        "description": "The text color.",
+        "name": "color",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "TypographyColor",
+          "value": [
+            {
+              "value": "\"inherit\""
+            },
+            {
+              "value": "\"primary\""
+            },
+            {
+              "value": "\"secondary\""
+            },
+            {
+              "value": "\"onPrimary\""
+            },
+            {
+              "value": "\"onInverted\""
+            },
+            {
+              "value": "\"fixedLight\""
+            },
+            {
+              "value": "\"fixedDark\""
+            },
+            {
+              "value": "\"negative\""
+            }
+          ]
+        }
+      },
+      "align": {
+        "defaultValue": null,
+        "description": "The text alignment.",
+        "name": "align",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "TypographyAlign",
+          "value": [
+            {
+              "value": "\"inherit\""
+            },
+            {
+              "value": "\"start\""
+            },
+            {
+              "value": "\"center\""
+            },
+            {
+              "value": "\"end\""
+            }
+          ]
+        }
+      },
+      "ellipsis": {
+        "defaultValue": null,
+        "description": "If true, truncates overflowing text with an ellipsis.",
+        "name": "ellipsis",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "maxLines": {
+        "defaultValue": null,
+        "description": "The maximum number of lines before truncating with an ellipsis.",
+        "name": "maxLines",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "tooltipProps": {
+        "defaultValue": null,
+        "description": "Props passed to the tooltip displayed when hovering over the text.",
+        "name": "tooltipProps",
+        "required": false,
+        "type": {
+          "name": "Partial<TooltipProps>"
+        }
+      },
+      "withoutTooltip": {
+        "defaultValue": null,
+        "description": "If true, disables the tooltip that appears when text is truncated.",
+        "name": "withoutTooltip",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "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 { Text } from \"@vibe/typography\"",
+    "subComponents": [
+      "TextConstants"
+    ]
+  },
+  {
+    "filePath": "src/Heading/Heading.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Heading",
@@ -8615,7 +8822,178 @@
         }
       }
     },
-    "import": "import { Heading } from \"@vibe/core\"",
+    "import": "import { Heading } from \"@vibe/typography\"",
+    "subComponents": [
+      "HeadingConstants"
+    ]
+  },
+  {
+    "filePath": "src/Typography/Typography.tsx",
+    "aggregator": "core",
+    "symbols": [
+      "default as Typography",
+      "type TypographyProps",
+      "TypographyColor",
+      "TypographyAlign"
+    ],
+    "displayName": "Typography",
+    "description": "",
+    "props": {
+      "element": {
+        "defaultValue": {
+          "value": "span"
+        },
+        "description": "The HTML element tag used for the text component.",
+        "name": "element",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "children": {
+        "defaultValue": null,
+        "description": "The content inside the typography component.",
+        "name": "children",
+        "required": true,
+        "type": {
+          "name": "ElementContent"
+        }
+      },
+      "color": {
+        "defaultValue": {
+          "value": "primary"
+        },
+        "description": "The text color.",
+        "name": "color",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "TypographyColor",
+          "value": [
+            {
+              "value": "\"primary\""
+            },
+            {
+              "value": "\"secondary\""
+            },
+            {
+              "value": "\"onPrimary\""
+            },
+            {
+              "value": "\"onInverted\""
+            },
+            {
+              "value": "\"fixedLight\""
+            },
+            {
+              "value": "\"fixedDark\""
+            },
+            {
+              "value": "\"inherit\""
+            },
+            {
+              "value": "\"negative\""
+            }
+          ]
+        }
+      },
+      "align": {
+        "defaultValue": {
+          "value": "start"
+        },
+        "description": "The text alignment.",
+        "name": "align",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "TypographyAlign",
+          "value": [
+            {
+              "value": "\"inherit\""
+            },
+            {
+              "value": "\"start\""
+            },
+            {
+              "value": "\"center\""
+            },
+            {
+              "value": "\"end\""
+            }
+          ]
+        }
+      },
+      "ellipsis": {
+        "defaultValue": {
+          "value": "true"
+        },
+        "description": "If true, truncates overflowing text with an ellipsis.",
+        "name": "ellipsis",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "maxLines": {
+        "defaultValue": {
+          "value": "1"
+        },
+        "description": "The maximum number of lines before truncating with an ellipsis.",
+        "name": "maxLines",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "tooltipProps": {
+        "defaultValue": null,
+        "description": "Props passed to the tooltip displayed when hovering over the text.",
+        "name": "tooltipProps",
+        "required": false,
+        "type": {
+          "name": "Partial<TooltipProps>"
+        }
+      },
+      "withoutTooltip": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, disables the tooltip that appears when text is truncated.",
+        "name": "withoutTooltip",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "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 { Typography } from \"@vibe/typography\"",
     "subComponents": []
   },
   {
@@ -8959,7 +9337,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/IconButton/IconButton.tsx",
+    "filePath": "src/IconButton/IconButton.tsx",
     "aggregator": "core",
     "symbols": [
       "default as IconButton",
@@ -9088,19 +9466,19 @@
           "raw": "Size",
           "value": [
             {
-              "value": "\"xxs\""
+              "value": "\"small\""
             },
             {
-              "value": "\"xs\""
+              "value": "\"medium\""
             },
             {
-              "value": "\"small\""
+              "value": "\"large\""
             },
             {
-              "value": "\"medium\""
+              "value": "\"xxs\""
             },
             {
-              "value": "\"large\""
+              "value": "\"xs\""
             }
           ]
         }
@@ -9286,7 +9664,7 @@
         }
       }
     },
-    "import": "import { IconButton } from \"@vibe/core\"",
+    "import": "import { IconButton } from \"@vibe/icon-button\"",
     "subComponents": []
   },
   {
@@ -13594,7 +13972,7 @@
         "name": "renderAction",
         "required": false,
         "type": {
-          "name": "React.ReactElement<(ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLElement>> & Required<IconButtonStaticProps>) | (ForwardRefExoticComponent<...> & Required<...>)>"
+          "name": "React.ReactElement<any>"
         }
       },
       "hideRenderActionOnInput": {
@@ -16310,297 +16688,91 @@
         "description": "The child elements representing the tab list and tab panels.",
         "name": "children",
         "required": false,
-        "type": {
-          "name": "ReactElement<any, string | JSXElementConstructor<any>> | ReactElement<any, string | JSXElementConstructor<any>>[]"
-        }
-      },
-      "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 { TabsContext } from \"@vibe/core\"",
-    "parentComponent": "Tabs",
-    "subComponents": []
-  },
-  {
-    "filePath": "src/components/Tabs/TabPanels/TabPanels.tsx",
-    "aggregator": "core",
-    "symbols": [
-      "default as TabPanels",
-      "type TabPanelsProps",
-      "TabPanelsAnimationDirection"
-    ],
-    "displayName": "TabPanels",
-    "description": "",
-    "props": {
-      "activeTabId": {
-        "defaultValue": {
-          "value": "0"
-        },
-        "description": "The index of the currently active tab panel.",
-        "name": "activeTabId",
-        "required": false,
-        "type": {
-          "name": "number"
-        }
-      },
-      "animationDirection": {
-        "defaultValue": {
-          "value": "rtl"
-        },
-        "description": "The animation direction when switching between tab panels.",
-        "name": "animationDirection",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "TabPanelsAnimationDirection",
-          "value": [
-            {
-              "value": "\"rtl\""
-            },
-            {
-              "value": "\"ltr\""
-            }
-          ]
-        }
-      },
-      "children": {
-        "defaultValue": null,
-        "description": "The child elements representing tab panels.",
-        "name": "children",
-        "required": false,
-        "type": {
-          "name": "ReactElement<TabPanelProps, string | JSXElementConstructor<any>> | ReactElement<TabPanelProps, string | JSXElementConstructor<...>>[]"
-        }
-      },
-      "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 { TabPanels } from \"@vibe/core\"",
-    "parentComponent": "Tabs",
-    "subComponents": []
-  },
-  {
-    "filePath": "src/components/Text/Text.tsx",
-    "aggregator": "core",
-    "symbols": [
-      "default as Text",
-      "type TextProps",
-      "TextType",
-      "TextWeight"
-    ],
-    "displayName": "Text",
-    "description": "",
-    "props": {
-      "type": {
-        "defaultValue": {
-          "value": "text2"
-        },
-        "description": "The text style variant.",
-        "name": "type",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "TextType",
-          "value": [
-            {
-              "value": "\"text1\""
-            },
-            {
-              "value": "\"text2\""
-            },
-            {
-              "value": "\"text3\""
-            }
-          ]
-        }
-      },
-      "weight": {
-        "defaultValue": {
-          "value": "normal"
-        },
-        "description": "The font weight of the text.",
-        "name": "weight",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "TextWeight",
-          "value": [
-            {
-              "value": "\"bold\""
-            },
-            {
-              "value": "\"medium\""
-            },
-            {
-              "value": "\"normal\""
-            }
-          ]
-        }
-      },
-      "children": {
-        "defaultValue": null,
-        "description": "The content inside the text component.",
-        "name": "children",
-        "required": true,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "element": {
-        "defaultValue": {
-          "value": "div"
-        },
-        "description": "The HTML element tag used for the text component.",
-        "name": "element",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "color": {
-        "defaultValue": null,
-        "description": "The text color.",
-        "name": "color",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "TypographyColor",
-          "value": [
-            {
-              "value": "\"inherit\""
-            },
-            {
-              "value": "\"primary\""
-            },
-            {
-              "value": "\"secondary\""
-            },
-            {
-              "value": "\"onPrimary\""
-            },
-            {
-              "value": "\"onInverted\""
-            },
-            {
-              "value": "\"fixedLight\""
-            },
-            {
-              "value": "\"fixedDark\""
-            },
-            {
-              "value": "\"negative\""
-            }
-          ]
-        }
-      },
-      "align": {
-        "defaultValue": null,
-        "description": "The text alignment.",
-        "name": "align",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "TypographyAlign",
-          "value": [
-            {
-              "value": "\"inherit\""
-            },
-            {
-              "value": "\"start\""
-            },
-            {
-              "value": "\"center\""
-            },
-            {
-              "value": "\"end\""
-            }
-          ]
+        "type": {
+          "name": "ReactElement<any, string | JSXElementConstructor<any>> | ReactElement<any, string | JSXElementConstructor<any>>[]"
         }
       },
-      "ellipsis": {
+      "className": {
         "defaultValue": null,
-        "description": "If true, truncates overflowing text with an ellipsis.",
-        "name": "ellipsis",
+        "description": "A CSS class name to apply to the component.",
+        "name": "className",
         "required": false,
         "type": {
-          "name": "boolean"
+          "name": "string"
         }
       },
-      "maxLines": {
+      "data-testid": {
         "defaultValue": null,
-        "description": "The maximum number of lines before truncating with an ellipsis.",
-        "name": "maxLines",
+        "description": "A unique identifier for testing purposes.",
+        "name": "data-testid",
         "required": false,
         "type": {
-          "name": "number"
+          "name": "string"
         }
       },
-      "tooltipProps": {
+      "id": {
         "defaultValue": null,
-        "description": "Props passed to the tooltip displayed when hovering over the text.",
-        "name": "tooltipProps",
+        "description": "An HTML id attribute for the component.",
+        "name": "id",
         "required": false,
         "type": {
-          "name": "Partial<TooltipProps>"
+          "name": "string"
+        }
+      }
+    },
+    "import": "import { TabsContext } from \"@vibe/core\"",
+    "parentComponent": "Tabs",
+    "subComponents": []
+  },
+  {
+    "filePath": "src/components/Tabs/TabPanels/TabPanels.tsx",
+    "aggregator": "core",
+    "symbols": [
+      "default as TabPanels",
+      "type TabPanelsProps",
+      "TabPanelsAnimationDirection"
+    ],
+    "displayName": "TabPanels",
+    "description": "",
+    "props": {
+      "activeTabId": {
+        "defaultValue": {
+          "value": "0"
+        },
+        "description": "The index of the currently active tab panel.",
+        "name": "activeTabId",
+        "required": false,
+        "type": {
+          "name": "number"
         }
       },
-      "withoutTooltip": {
+      "animationDirection": {
+        "defaultValue": {
+          "value": "rtl"
+        },
+        "description": "The animation direction when switching between tab panels.",
+        "name": "animationDirection",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "TabPanelsAnimationDirection",
+          "value": [
+            {
+              "value": "\"rtl\""
+            },
+            {
+              "value": "\"ltr\""
+            }
+          ]
+        }
+      },
+      "children": {
         "defaultValue": null,
-        "description": "If true, disables the tooltip that appears when text is truncated.",
-        "name": "withoutTooltip",
+        "description": "The child elements representing tab panels.",
+        "name": "children",
         "required": false,
         "type": {
-          "name": "boolean"
+          "name": "ReactElement<TabPanelProps, string | JSXElementConstructor<any>> | ReactElement<TabPanelProps, string | JSXElementConstructor<...>>[]"
         }
       },
       "className": {
@@ -16631,7 +16803,8 @@
         }
       }
     },
-    "import": "import { Text } from \"@vibe/core\"",
+    "import": "import { TabPanels } from \"@vibe/core\"",
+    "parentComponent": "Tabs",
     "subComponents": []
   },
   {
@@ -19182,7 +19355,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/Tooltip/Tooltip.tsx",
+    "filePath": "src/Tooltip/Tooltip.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Tooltip",
@@ -19606,8 +19779,10 @@
         }
       }
     },
-    "import": "import { Tooltip } from \"@vibe/core\"",
-    "subComponents": []
+    "import": "import { Tooltip } from \"@vibe/tooltip\"",
+    "subComponents": [
+      "TooltipConstants"
+    ]
   },
   {
     "filePath": "src/components/TransitionView/TransitionView.tsx",
@@ -20128,175 +20303,6 @@
     "import": "import { VirtualizedList } from \"@vibe/core\"",
     "subComponents": []
   },
-  {
-    "filePath": "src/components/Typography/Typography.tsx",
-    "aggregator": "core",
-    "symbols": [
-      "default as Typography",
-      "TypographyProps",
-      "TypographyColor",
-      "TypographyAlign"
-    ],
-    "displayName": "Typography",
-    "description": "",
-    "props": {
-      "element": {
-        "defaultValue": {
-          "value": "span"
-        },
-        "description": "The HTML element tag used for the text component.",
-        "name": "element",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "children": {
-        "defaultValue": null,
-        "description": "The content inside the typography component.",
-        "name": "children",
-        "required": true,
-        "type": {
-          "name": "ElementContent"
-        }
-      },
-      "color": {
-        "defaultValue": {
-          "value": "primary"
-        },
-        "description": "The text color.",
-        "name": "color",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "TypographyColor",
-          "value": [
-            {
-              "value": "\"primary\""
-            },
-            {
-              "value": "\"secondary\""
-            },
-            {
-              "value": "\"onPrimary\""
-            },
-            {
-              "value": "\"onInverted\""
-            },
-            {
-              "value": "\"fixedLight\""
-            },
-            {
-              "value": "\"fixedDark\""
-            },
-            {
-              "value": "\"inherit\""
-            },
-            {
-              "value": "\"negative\""
-            }
-          ]
-        }
-      },
-      "align": {
-        "defaultValue": {
-          "value": "start"
-        },
-        "description": "The text alignment.",
-        "name": "align",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "TypographyAlign",
-          "value": [
-            {
-              "value": "\"inherit\""
-            },
-            {
-              "value": "\"start\""
-            },
-            {
-              "value": "\"center\""
-            },
-            {
-              "value": "\"end\""
-            }
-          ]
-        }
-      },
-      "ellipsis": {
-        "defaultValue": {
-          "value": "true"
-        },
-        "description": "If true, truncates overflowing text with an ellipsis.",
-        "name": "ellipsis",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "maxLines": {
-        "defaultValue": {
-          "value": "1"
-        },
-        "description": "The maximum number of lines before truncating with an ellipsis.",
-        "name": "maxLines",
-        "required": false,
-        "type": {
-          "name": "number"
-        }
-      },
-      "tooltipProps": {
-        "defaultValue": null,
-        "description": "Props passed to the tooltip displayed when hovering over the text.",
-        "name": "tooltipProps",
-        "required": false,
-        "type": {
-          "name": "Partial<TooltipProps>"
-        }
-      },
-      "withoutTooltip": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "If true, disables the tooltip that appears when text is truncated.",
-        "name": "withoutTooltip",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "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 { Typography } from \"@vibe/core\"",
-    "subComponents": []
-  },
   {
     "filePath": "src/components/next/AttentionBox/AttentionBox.tsx",
     "aggregator": "next",
@@ -21636,10 +21642,10 @@
           "raw": "ModalTopActionsTheme",
           "value": [
             {
-              "value": "\"dark\""
+              "value": "\"light\""
             },
             {
-              "value": "\"light\""
+              "value": "\"dark\""
             }
           ]
         }