docs: update collapsible

Author: segunadebayo

website/data/components/collapsible.mdx

@@ -88,6 +88,22 @@ const service = useMachine(collapsible.machine, {
 })
 ```
 
+### Partial collapse (setting minimum dimensions)
+
+Use the `collapsedHeight` or `collapsedWidth` machine context properties to
+create a "partially collapsed" state. When collapsed, the content will maintain
+the specified minimum dimensions instead of collapsing to `0px`.
+
+```jsx {3}
+const service = useMachine(collapsible.machine, {
+  // Content shows 100px height when collapsed
+  collapsedHeight: "100px",
+})
+```
+
+This is useful for creating "show more/less" content sections or preview states
+where a portion of the content shows even when collapsed.
+
 ### Animating the collapsible
 
 Use CSS animations to animate the collapsible when it expands and collapses. The
@@ -172,9 +188,10 @@ root, trigger and content.
 
 ### Collapse animation
 
-The collapsible content provides `--width` and `--height` CSS variables that can
-be used to create smooth animations. These variables are automatically
-calculated and updated based on the content's dimensions.
+The collapsible content provides `--width`, `--height`, `--collapsed-width`, and
+`--collapsed-height` CSS variables that can be used to create smooth animations.
+These variables are automatically calculated and updated based on the content's
+dimensions.
 
 ```css
 [data-scope="collapsible"][data-part="content"][data-state="open"] {