@vibe/core 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-27d50.0

package/dist/metadata/components.json

@@ -1173,7 +1173,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-attentionbox--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Avatar/Avatar.tsx",
+    "filePath": "src/Avatar/Avatar.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Avatar",
@@ -1425,12 +1425,6 @@
             },
             {
               "value": "\"warning\""
-            },
-            {
-              "value": "\"info\""
-            },
-            {
-              "value": "\"neutral\""
             }
           ]
         }
@@ -2495,7 +2489,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-button--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/ButtonGroup/ButtonGroup.tsx",
+    "filePath": "src/ButtonGroup/ButtonGroup.tsx",
     "aggregator": "core",
     "symbols": [
       "default as ButtonGroup",
@@ -2735,12 +2729,14 @@
       }
     },
     "import": "import { ButtonGroup } from \"@vibe/core\"",
-    "subComponents": [],
+    "subComponents": [
+      "ButtonGroupConstants"
+    ],
     "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/components/Checkbox/Checkbox.tsx",
+    "filePath": "src/Checkbox/Checkbox.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Checkbox",
@@ -4675,7 +4671,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/Counter/Counter.tsx",
+    "filePath": "src/Counter/Counter.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Counter",
@@ -5428,6 +5424,17 @@
           "name": "boolean"
         }
       },
+      "positioningActive": {
+        "defaultValue": {
+          "value": "true"
+        },
+        "description": "Whether Floating UI tracks the dialog's position (gated by the shown state). Defaults to `true`;\npass your own open state for a permanently-mounted dialog to avoid always-on tracking.",
+        "name": "positioningActive",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "showTriggerIgnoreClass": {
         "defaultValue": null,
         "description": "CSS class names that, when present on target, prevent showing the dialog.",
@@ -5845,7 +5852,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-dialogcontentcontainer--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Divider/Divider.tsx",
+    "filePath": "src/Divider/Divider.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Divider",
@@ -6470,7 +6477,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/EditableHeading/EditableHeading.tsx",
+    "filePath": "src/EditableHeading/EditableHeading.tsx",
     "aggregator": "core",
     "symbols": [
       "default as EditableHeading",
@@ -6661,7 +6668,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-editableheading--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/EditableText/EditableText.tsx",
+    "filePath": "src/EditableText/EditableText.tsx",
     "aggregator": "core",
     "symbols": [
       "default as EditableText",
@@ -6940,11 +6947,12 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-emptystate--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/ExpandCollapse/ExpandCollapse.tsx",
+    "filePath": "src/ExpandCollapse/ExpandCollapse.tsx",
     "aggregator": "core",
     "symbols": [
       "default as ExpandCollapse",
-      "type ExpandCollapseProps"
+      "type ExpandCollapseProps",
+      "ExpandCollapseIconPosition"
     ],
     "displayName": "ExpandCollapse",
     "description": "",
@@ -8060,7 +8068,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=layout-box--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/FormattedNumber/FormattedNumber.tsx",
+    "filePath": "src/FormattedNumber/FormattedNumber.tsx",
     "aggregator": "core",
     "symbols": [
       "default as FormattedNumber",
@@ -9627,7 +9635,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-info--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Label/Label.tsx",
+    "filePath": "src/Label/Label.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Label",
@@ -9941,7 +9949,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/Link/Link.tsx",
+    "filePath": "src/Link/Link.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Link",
@@ -13534,7 +13542,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-multistepindicator--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/ProgressBars/ProgressBar/ProgressBar.tsx",
+    "filePath": "src/ProgressBars/ProgressBar/ProgressBar.tsx",
     "aggregator": "core",
     "symbols": [
       "default as ProgressBar",
@@ -13644,19 +13652,19 @@
           "raw": "ProgressBarSize",
           "value": [
             {
-              "value": "\"xxs\""
+              "value": "\"small\""
             },
             {
-              "value": "\"xs\""
+              "value": "\"medium\""
             },
             {
-              "value": "\"small\""
+              "value": "\"large\""
             },
             {
-              "value": "\"medium\""
+              "value": "\"xxs\""
             },
             {
-              "value": "\"large\""
+              "value": "\"xs\""
             }
           ]
         }
@@ -13754,13 +13762,12 @@
       }
     },
     "import": "import { ProgressBar } from \"@vibe/core\"",
-    "parentComponent": "ProgressBars",
     "subComponents": [],
     "storyUrl": "https://vibe.monday.com/?path=/docs/components-progressbar--docs",
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-progressbar--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/RadioButton/RadioButton.tsx",
+    "filePath": "src/RadioButton/RadioButton.tsx",
     "aggregator": "core",
     "symbols": [
       "default as RadioButton",
@@ -15794,6 +15801,175 @@
     "storyUrl": "https://vibe.monday.com/?path=/docs/components-steps--docs",
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-steps--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
+  {
+    "filePath": "src/components/StrokeSpotlight/StrokeSpotlight.tsx",
+    "aggregator": "core",
+    "symbols": [
+      "default as StrokeSpotlight",
+      "StrokeSpotlightProps",
+      "StrokeSpotlightPalette"
+    ],
+    "displayName": "StrokeSpotlight",
+    "description": "",
+    "props": {
+      "borderWidth": {
+        "defaultValue": {
+          "value": "2"
+        },
+        "description": "Border stroke width in px; mirrored to CSS `--border`.",
+        "name": "borderWidth",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "glowBlur": {
+        "defaultValue": {
+          "value": "12"
+        },
+        "description": "Blur radius in px of the halo bleeding outward from the stroke.",
+        "name": "glowBlur",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "palette": {
+        "defaultValue": {
+          "value": "default"
+        },
+        "description": "Stroke/glow color palette. Default matches agents cyan→blue→violet.",
+        "name": "palette",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "StrokeSpotlightPalette",
+          "value": [
+            {
+              "value": "\"default\""
+            },
+            {
+              "value": "\"sidekick\""
+            },
+            {
+              "value": "\"vibe\""
+            }
+          ]
+        }
+      },
+      "radius": {
+        "defaultValue": {
+          "value": "16"
+        },
+        "description": "Corner radius in px (unitless CSS var `--radius`).",
+        "name": "radius",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "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"
+        }
+      },
+      "proximity": {
+        "defaultValue": null,
+        "description": "How far outside the box (px) the glow still responds.",
+        "name": "proximity",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "inactiveZone": {
+        "defaultValue": null,
+        "description": "Fraction of half-min-side; inside this radius from center, glow is off.",
+        "name": "inactiveZone",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "edgeFade": {
+        "defaultValue": null,
+        "description": "Outward distance from the outer margins (px) over which the stroke fades\nfrom full to off. Inside the box stays full strength.",
+        "name": "edgeFade",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "spread": {
+        "defaultValue": null,
+        "description": "Angular width of the glowing arc (degrees).",
+        "name": "spread",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "movementDuration": {
+        "defaultValue": null,
+        "description": "Seconds for angle interpolation.",
+        "name": "movementDuration",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      }
+    },
+    "import": "import { StrokeSpotlight } from \"@vibe/core\"",
+    "subComponents": []
+  },
+  {
+    "filePath": "src/components/StrokeSpotlight/useStrokeSpotlight.ts",
+    "aggregator": "core",
+    "symbols": [
+      "STROKE_NO_PULSE_ATTR",
+      "type StrokeSpotlightOptions"
+    ],
+    "displayName": "useStrokeSpotlight",
+    "description": "Pointer-following conic border glow via `--start` / `--active`, plus one-shot\nclick pulse. Traveling stroke is suppressed while the box is `:focus-within`\nand resumes on hover after focus leaves.",
+    "props": {},
+    "import": "import { useStrokeSpotlight } from \"@vibe/core\"",
+    "subComponents": []
+  },
+  {
+    "filePath": "src/components/StrokeSpotlight/useStrokeSpotlight.ts",
+    "aggregator": "core",
+    "symbols": [
+      "STROKE_NO_PULSE_ATTR",
+      "type StrokeSpotlightOptions"
+    ],
+    "displayName": "STROKE_NO_PULSE_ATTR",
+    "description": "Mark controls that should not trigger the click pulse (e.g. attach, model picker).",
+    "props": {},
+    "import": "import { STROKE_NO_PULSE_ATTR } from \"@vibe/core\"",
+    "subComponents": []
+  },
   {
     "filePath": "src/components/Table/Table/Table.tsx",
     "aggregator": "core",
@@ -17326,10 +17502,10 @@
           "name": "(node: HTMLElement) => void"
         }
       },
-      "iconName": {
+      "icon": {
         "defaultValue": null,
         "description": "The primary icon displayed inside the text field.",
-        "name": "iconName",
+        "name": "icon",
         "required": false,
         "type": {
           "name": "any"
@@ -17491,15 +17667,22 @@
           "name": "string"
         }
       },
-      "iconsNames": {
-        "defaultValue": {
-          "value": "{ primary: \"\", secondary: \"\" }"
-        },
-        "description": "Icon labels for accessibility.",
-        "name": "iconsNames",
+      "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",
         "required": false,
         "type": {
-          "name": "{ primary: string; secondary: string; }"
+          "name": "string"
         }
       },
       "type": {
@@ -20031,6 +20214,15 @@
           "name": "boolean"
         }
       },
+      "positioningActive": {
+        "defaultValue": null,
+        "description": "Whether Floating UI tracks the dialog's position (gated by the shown state). Defaults to `true`;\npass your own open state for a permanently-mounted dialog to avoid always-on tracking.",
+        "name": "positioningActive",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "showTriggerIgnoreClass": {
         "defaultValue": null,
         "description": "CSS class names that, when present on target, prevent showing the dialog.",

package/dist/metadata/examples/StrokeSpotlight.md

@@ -0,0 +1,41 @@
+# Storybook Code Examples
+
+## Overview
+
+```tsx
+<div className={styles.stage}>
+      <div className={styles.shell}>
+        <StrokeSpotlight {...args}>
+          <ChatComposer />
+        </StrokeSpotlight>
+      </div>
+    </div>
+```
+
+## Palettes
+
+```tsx
+<div className={styles.paletteGrid}>
+      {([["default", "Default (Agents)"], ["sidekick", "Sidekick"], ["vibe", "Vibe"]] as const).map(([palette, label]) => <div key={palette} className={styles.paletteItem}>
+          <Text type="text2" weight="medium" className={styles.paletteLabel}>
+            {label}
+          </Text>
+          <StrokeSpotlight palette={palette} borderWidth={1.5} glowBlur={12} spread={40}>
+            <ChatComposer placeholder={`Compose with ${label} palette…`} />
+          </StrokeSpotlight>
+        </div>)}
+    </div>
+```
+
+## Chat composer
+
+```tsx
+<div className={styles.stage}>
+      <div className={styles.shell}>
+        <StrokeSpotlight palette="sidekick" borderWidth={1.5} glowBlur={12} spread={40} proximity={64}>
+          <ChatComposer placeholder="@ Mention boards and docs..." />
+        </StrokeSpotlight>
+      </div>
+    </div>
+```
+