@ceed/ads 1.35.1 → 1.37.0-next.1

package/dist/components/feedback/CircularProgress.md

@@ -29,14 +29,14 @@ function MyComponent() {
 
 ## Sizes
 
-CircularProgress supports three sizes: `sm`, `md` (default), and `lg`.
+CircularProgress supports three sizes: `sm` (default), `md`, and `lg`.
 
 ```tsx
 <>
-  <CircularProgress size="sm" />
-  <CircularProgress size="md" />
-  <CircularProgress size="lg" />
-</>
+    <CircularProgress size="sm" />
+    <CircularProgress size="md" />
+    <CircularProgress size="lg" />
+  </>
 ```
 
 ```tsx
@@ -51,12 +51,12 @@ Five semantic colors are available via the `color` prop. The default is `primary
 
 ```tsx
 <>
-  <CircularProgress color="primary" />
-  <CircularProgress color="neutral" />
-  <CircularProgress color="danger" />
-  <CircularProgress color="success" />
-  <CircularProgress color="warning" />
-</>
+    <CircularProgress color="primary" />
+    <CircularProgress color="neutral" />
+    <CircularProgress color="danger" />
+    <CircularProgress color="success" />
+    <CircularProgress color="warning" />
+  </>
 ```
 
 ```tsx
@@ -73,11 +73,11 @@ Four visual variants are supported: `solid`, `soft` (default), `outlined`, and `
 
 ```tsx
 <>
-  <CircularProgress variant="solid" />
-  <CircularProgress variant="soft" />
-  <CircularProgress variant="outlined" />
-  <CircularProgress variant="plain" />
-</>
+    <CircularProgress variant="solid" />
+    <CircularProgress variant="soft" />
+    <CircularProgress variant="outlined" />
+    <CircularProgress variant="plain" />
+  </>
 ```
 
 ```tsx
@@ -93,11 +93,11 @@ Set `determinate` to `true` and provide a `value` (0–100) to display specific
 
 ```tsx
 <>
-  <CircularProgress determinate value={25} />
-  <CircularProgress determinate value={50} />
-  <CircularProgress determinate value={75} />
-  <CircularProgress determinate value={100} />
-</>
+    <CircularProgress determinate value={25} />
+    <CircularProgress determinate value={50} />
+    <CircularProgress determinate value={75} />
+    <CircularProgress determinate value={100} />
+  </>
 ```
 
 ```tsx
@@ -113,8 +113,8 @@ Pass children to display a label inside the progress ring. This is useful for sh
 
 ```tsx
 <CircularProgress determinate value={66}>
-  <Typography level="body-xs">66%</Typography>
-</CircularProgress>
+    <Typography level="body-xs">66%</Typography>
+  </CircularProgress>
 ```
 
 ```tsx
@@ -129,13 +129,11 @@ Use CircularProgress inside a Button to indicate a loading state.
 
 ```tsx
 <>
-  <Button startDecorator={<CircularProgress variant="solid" size="sm" />}>
-    Loading…
-  </Button>
-  <Button disabled>
-    <CircularProgress variant="soft" size="sm" />
-  </Button>
-</>
+    <Button startDecorator={<CircularProgress variant="solid" size="sm" />}>Loading…</Button>
+    <Button disabled>
+      <CircularProgress variant="soft" size="sm" />
+    </Button>
+  </>
 ```
 
 ```tsx
@@ -154,10 +152,10 @@ Control the stroke thickness of the progress ring with the `thickness` prop.
 
 ```tsx
 <>
-  <CircularProgress thickness={2} />
-  <CircularProgress thickness={4} />
-  <CircularProgress thickness={8} />
-</>
+    <CircularProgress thickness={2} />
+    <CircularProgress thickness={4} />
+    <CircularProgress thickness={8} />
+  </>
 ```
 
 ```tsx
@@ -214,9 +212,7 @@ function SubmitButton({ isSubmitting }: { isSubmitting: boolean }) {
   return (
     <Button
       disabled={isSubmitting}
-      startDecorator={
-        isSubmitting ? <CircularProgress variant="solid" size="sm" /> : null
-      }
+      startDecorator={isSubmitting ? <CircularProgress variant="solid" size="sm" /> : null}
     >
       {isSubmitting ? 'Submitting…' : 'Submit'}
     </Button>
@@ -232,7 +228,7 @@ function SubmitButton({ isSubmitting }: { isSubmitting: boolean }) {
 | ------------- | -------------------------------------------------------------- | ----------- | -------------------------------------------- |
 | `determinate` | `boolean`                                                      | `false`     | Show determinate progress (requires `value`) |
 | `value`       | `number`                                                       | -           | Progress value (0-100) for determinate mode  |
-| `size`        | `'sm' \| 'md' \| 'lg'`                                         | `'md'`      | Progress indicator size                      |
+| `size`        | `'sm' \| 'md' \| 'lg'`                                         | `'sm'`      | Progress indicator size                      |
 | `variant`     | `'solid' \| 'soft' \| 'outlined' \| 'plain'`                   | `'soft'`    | Visual style                                 |
 | `color`       | `'primary' \| 'neutral' \| 'danger' \| 'success' \| 'warning'` | `'primary'` | Color scheme                                 |
 | `thickness`   | `number`                                                       | -           | Stroke width of the circle                   |

package/dist/components/feedback/Dialog.md

@@ -85,9 +85,9 @@ Dialog with form inputs and keyboard event handling.
 
 ```tsx
 <DialogFrame {...args} title="Dialog Title" actions={<Button variant="plain">Action</Button>}>
-Dialog Content
-<Input />
-</DialogFrame>
+    Dialog Content
+    <Input />
+  </DialogFrame>
 ```
 
 ## Standalone DialogFrame
@@ -104,20 +104,28 @@ DialogFrame can be used without a Modal wrapper for embedding dialog-style layou
 > DialogFrame inherits its dimensions from `ModalDialog`, which normally receives sizing from the Modal overlay. Without these constraints, the component will not render with correct dimensions.
 
 ```tsx
-<Box sx={{
-  position: 'relative',
-  width: 480,
-  height: 300
-}}>
-<DialogFrame {...args} title="Standalone Dialog" actions={<>
-  <Button variant="plain" color="neutral">
-    Cancel
-  </Button>
-  <Button variant="plain">Confirm</Button>
-</>}>
-DialogFrame used without Modal. The parent container must provide explicit width and height.
-</DialogFrame>
-</Box>
+<Box
+    sx={{
+      position: "relative",
+      width: 480,
+      height: 300
+    }}
+  >
+    <DialogFrame
+      {...args}
+      title="Standalone Dialog"
+      actions={
+        <>
+          <Button variant="plain" color="neutral">
+            Cancel
+          </Button>
+          <Button variant="plain">Confirm</Button>
+        </>
+      }
+    >
+      DialogFrame used without Modal. The parent container must provide explicit width and height.
+    </DialogFrame>
+  </Box>
 ```
 
 ```tsx