shapes-ui 0.4.0 → 0.4.2

package/.idea/compiler.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="TypeScriptCompiler">
+    <option name="useServicePoweredTypesWasEnabledByExperiment" value="true" />
+  </component>
+</project>

package/.idea/copilot.data.migration.ask2agent.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Ask2AgentMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # shapes-ui
 
+## 0.4.2
+
+### Patch Changes
+
+- 476148c: Updated menubar docs and stylings.
+- 60ac79e: Updated meter examples and stylings
+- a591c64: Added examples for preview card
+- 7f642b5: Updated number field component and examples
+- 30ebfe7: UPdated progress styles and example
+- c2be2cd: Updated popover component and examples
+- 2d38dfc: Updated navihation menu styles and demo
+
+## 0.4.1
+
+### Patch Changes
+
+- 803ab28: Updated menu component stylings and examples
+
 ## 0.4.0
 
 ### Minor Changes

package/content/components/menu.mdx

@@ -12,6 +12,33 @@ description: Dropdown menu component with support for items, groups, separators,
 
 ## Examples
 
-### Demo
+### Sides and alignments
 
-<RenderPreview name="menu-demo" />
+Side and alignment of the menu can be configured using the `side` and `align` props on the `MenuPopup` component.
+
+<RenderPreview name="menu-align" />
+
+### Groups
+
+Use `MenuGroup` and `MenuLabel` to visually group related menu items (for example — account actions vs. file actions).
+
+<RenderPreview name="menu-group" />
+
+### Submenus
+
+Nest `MenuSub` with `MenuSubTrigger` to create hierarchical menus and "open recent"‑style lists.
+
+<RenderPreview name="menu-submenu" />
+
+### Checkbox & radio items
+
+Use `MenuCheckboxItem` for independent toggles and `MenuRadioGroup`/`MenuRadioItem` for exclusive selections inside a menu.
+
+<RenderPreview name="menu-checkbox" />
+<RenderPreview name="menu-radio" />
+
+### Advanced
+
+A combined example showing groups, a submenu, checkbox items and radio items together.
+
+<RenderPreview name="menu-advanced" />

package/content/components/menubar.mdx

@@ -10,8 +10,10 @@ description: Menu bar providing commands and options for your application with d
 
 <InstallationBlock name="menubar" />
 
+Menubar relies on `Menu` component, but for the ease of use, it also provides a set of components that are built on top of `Menu` component with same styling and APIs.
+
 ## Examples
 
-### Demo
+### Submenus
 
-<RenderPreview name="menubar-demo" />
+<RenderPreview name="menubar-advanced" />

package/content/components/meter.mdx

@@ -12,6 +12,18 @@ description: Meter component that provides a graphical display of a numeric valu
 
 ## Examples
 
-### Demo
+### Default
 
 <RenderPreview name="meter-demo" />
+
+### Value only
+
+<RenderPreview name="meter-no-label" />
+
+### Label only
+
+<RenderPreview name="meter-no-value" />
+
+### Flip
+
+<RenderPreview name="meter-flip" />

package/content/components/navigation-menu.mdx

@@ -3,3 +3,9 @@ title: Navigation Menu
 slug: navigation-menu
 description: Navigation menu component for displaying a collection of links and dropdown menus.
 ---
+
+<RenderPreview name="navigation-menu-demo" />
+
+## Installation
+
+<InstallationBlock name="navigation-menu" />

package/content/components/number-field.mdx

@@ -3,3 +3,27 @@ title: Number Field
 slug: number-field
 description: An input field component specifically designed for numeric input, with built-in validation and formatting options
 ---
+
+<RenderPreview name="number-field-demo" />
+
+## Installation
+
+<InstallationBlock name="number-field" />
+
+## Examples
+
+### Basic
+
+Use data-align `start` and `end` to position increment and decrement controls at the start or end of the input.
+
+<RenderPreview name="number-field-demo" />
+
+### Scrub area
+
+A number field with a scrub area (drag over input to change value).
+
+<RenderPreview name="number-field-scrub" />
+
+### Buttons at end
+
+<RenderPreview name="number-field-buttons-end" />

package/content/components/popover.mdx

@@ -3,3 +3,23 @@ title: Popover
 slug: popover
 description: Popover component that displays content anchored to a trigger element.
 ---
+
+<RenderPreview name="popover-demo" />
+
+## Installation
+
+<InstallationBlock name="popover" />
+
+## Examples
+
+### Basic
+
+<RenderPreview name="popover-demo" />
+
+### Sides
+
+<RenderPreview name="popover-positions" />
+
+### Form
+
+<RenderPreview name="popover-form" />

package/content/components/preview-card.mdx

@@ -3,3 +3,14 @@ title: Preview Card
 slug: preview-card
 description: Component that displays a preview of linked content when hovered.
 ---
+
+<RenderPreview name={'preview-card-demo'} />
+
+
+## Installation
+<InstallationBlock name="preview-card" />
+
+## Examples
+
+### Composed as CTA
+<RenderPreview name="preview-card-links" />

package/content/components/progress.mdx

@@ -3,3 +3,5 @@ title: Progress
 slug: progress
 description: Progress bar component for displaying the status of a task.
 ---
+
+<RenderPreview name={'progress-demo'} />