feat(docs): progress done, internal APi improved

apps/docs/content/components/index.ts

@@ -13,3 +13,4 @@ export * from "./kbd";
 export * from "./spacer";
 export * from "./spinner";
 export * from "./link";
+export * from "./progress";

apps/docs/content/components/link/external.ts

@@ -3,7 +3,7 @@ const App = `import {Link} from "@nextui-org/react";
 export default function App() {
   return (
     <div className="flex gap-4">
-      <Link isExternal aria-visible={true} href="https://github.com/nextui-org/nextui">
+      <Link isExternal href="https://github.com/nextui-org/nextui">
         External Link
       </Link>
       <Link

apps/docs/content/components/progress/colors.ts

@@ -0,0 +1,22 @@
+const App = `import {Progress} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <div className="flex flex-col gap-6 w-full max-w-md">
+      <Progress color="default" aria-label="Loading..." value={70} />
+      <Progress color="primary" aria-label="Loading..." value={70} />
+      <Progress color="secondary" aria-label="Loading..." value={70} />
+      <Progress color="success" aria-label="Loading..." value={70} />
+      <Progress color="warning" aria-label="Loading..." value={70} />
+      <Progress color="danger" aria-label="Loading..." value={70} />
+    </div> 
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};

apps/docs/content/components/progress/custom-styles.ts

@@ -0,0 +1,28 @@
+const App = `import { Progress } from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Progress
+      size="sm"
+      radius="sm"
+      classNames={{
+        base: "max-w-md",
+        track: "drop-shadow-md border border-default",
+        indicator: "bg-gradient-to-r from-pink-500 to-yellow-500",
+        label: "tracking-wider font-medium text-default-600",
+        value: "text-foreground/60",
+      }}
+      label="Lose weight"
+      value={65}
+      showValueLabel={true}
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};

apps/docs/content/components/progress/indeterminate.ts

@@ -0,0 +1,20 @@
+const App = `import { Progress } from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Progress
+      size="xs"
+      isIndeterminate
+      aria-label="Loading..."
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};

apps/docs/content/components/progress/index.ts

@@ -0,0 +1,21 @@
+import usage from "./usage";
+import sizes from "./sizes";
+import colors from "./colors";
+import indeterminate from "./indeterminate";
+import striped from "./striped";
+import label from "./label";
+import value from "./value";
+import valueFormatting from "./value-formatting";
+import customStyles from "./custom-styles";
+
+export const progressContent = {
+  usage,
+  sizes,
+  colors,
+  indeterminate,
+  striped,
+  label,
+  value,
+  valueFormatting,
+  customStyles,
+};

apps/docs/content/components/progress/label.ts

@@ -0,0 +1,15 @@
+const App = `import {Progress} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Progress label="Loading..." value={55}  className="max-w-md" />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};

apps/docs/content/components/progress/sizes.ts

@@ -0,0 +1,21 @@
+const App = `import {Progress} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <div className="flex flex-col gap-6 w-full max-w-md">
+      <Progress size="xs" aria-label="Loading..." value={30} />
+      <Progress size="sm" aria-label="Loading..." value={40} />
+      <Progress size="md" aria-label="Loading..." value={50} />
+      <Progress size="lg" aria-label="Loading..." value={60} />
+      <Progress size="xl" aria-label="Loading..." value={70} />
+    </div> 
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};

apps/docs/content/components/progress/striped.ts

@@ -0,0 +1,22 @@
+const App = `import { Progress } from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Progress
+      isStriped
+      aria-label="Loading..."
+      color="secondary"
+      value={60}
+      className="max-w-md"
+    />
+  );
+}
+`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};

apps/docs/content/components/progress/usage.ts

@@ -0,0 +1,15 @@
+const App = `import {Progress} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Progress aria-label="Loading..." value={60} className="max-w-md"/>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};

apps/docs/content/components/progress/value-formatting.ts

@@ -0,0 +1,24 @@
+const App = `import {Progress} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <Progress
+      label="Monthly expenses"
+      size="sm"
+      value={4000}
+      maxValue={10000}
+      color="warning"
+      formatOptions={{style: "currency", currency: "ARS"}}
+      showValueLabel={true}
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};

apps/docs/content/components/progress/value.ts

@@ -0,0 +1,32 @@
+const App = `import {Progress} from "@nextui-org/react";
+
+export default function App() {
+  const [value, setValue] = React.useState(0);
+
+  React.useEffect(() => {
+    const interval = setInterval(() => {
+      setValue((v) => (v >= 100 ? 0 : v + 10));
+    }, 500);
+
+    return () => clearInterval(interval);
+  }, []);
+
+  return (
+    <Progress
+      aria-label="Downloading..."
+      size="md"
+      value={value}
+      color="success"
+      showValueLabel={true}
+      className="max-w-md"
+    />
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};

apps/docs/content/docs/components/circular-progress.mdx

@@ -88,6 +88,7 @@ option parameter of [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs
 - Labeling support for accessibility.
 - Internationalized number formatting as a percentage or value.
 - Determinate and indeterminate progress support.
+- Exposes the `aria-valuenow`, `aria-valuemin`, `aria-valuemax` and `aria-valuetext` attributes.
 
 ## API
 
@@ -96,12 +97,12 @@ option parameter of [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs
 | Attribute        | Type                                                                                                                    | Description                                                       | Default              |
 | ---------------- | ----------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | -------------------- |
 | label            | `ReactNode`                                                                                                             | The content to display as the label.                              | -                    |
-| value            | `number`                                                                                                                | The current value (controlled).                                   | -                    |
 | size             | `xs` \| `sm` \| `md` \| `lg` \| `xl`                                                                                    | The size of the indicator.                                        | `md`                 |
 | color            | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`                                             | The color of the indicator.                                       | `primary`            |
+| value            | `number`                                                                                                                | The current value (controlled).                                   | -                    |
+| valueLabel       | `ReactNode`                                                                                                             | The content to display as the value's label (e.g. 1 of 4).        | -                    |
 | minValue         | `number`                                                                                                                | The smallest value allowed for the input.                         | `0`                  |
 | maxValue         | `number`                                                                                                                | The largest value allowed for the input.                          | `100`                |
-| valueLabel       | `ReactNode`                                                                                                             | The content to display as the value's label (e.g. 1 of 4).        | -                    |
 | formatOptions    | [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) | The options to format the value.                                  | `{style: 'percent'}` |
 | isIndeterminate  | `boolean`                                                                                                               | Whether the progress is indeterminate.                            | `true`               |
 | showValueLabel   | `boolean`                                                                                                               | Whether to show the value label.                                  | `true`               |

apps/docs/content/docs/components/progress.mdx

@@ -1,6 +1,6 @@
 ---
-title: 'Progress'
+title: "Progress"
-description: 'The Progress component allows you to view the progress of any activity.'
+description: "The Progress component allows you to view the progress of any activity."
 url: https://nextui.org/docs/components/progress
 ---
 
@@ -8,6 +8,110 @@ url: https://nextui.org/docs/components/progress
 
 The Progress component allows you to view the progress of any activity.
 
-```jsx
+<ComponentLinks component="progress" reactAriaHook="useProgressBar" />
-import {Progress} from '@nextui-org/react';
+
-```
+---
+
+## Import
+
+<ImportTabs
+  commands={{
+    global: 'import {Progress} from "@nextui-org/react";',
+    individual: 'import {Progress} from "@nextui-org/progress";',
+  }}
+/>
+
+## Usage
+
+<CodeDemo title="Usage" files={progressContent.usage} />
+
+> **Note**: Make sure to pass the `aria-label` prop when the `label` prop is not provided. This is required for accessibility.
+
+### Sizes
+
+<CodeDemo title="Sizes" files={progressContent.sizes} />
+
+### Colors
+
+<CodeDemo title="Colors" files={progressContent.colors} />
+
+### Indeterminate
+
+You can use the `isIndeterminate` prop to display an indeterminate progress bar.
+This is useful when you don't know how long an operation will take.
+
+<CodeDemo title="Indeterminate" highlightedLines={7} files={progressContent.indeterminate} />
+
+### Striped
+
+<CodeDemo title="Striped" highlightedLines={6} files={progressContent.striped} />
+
+### With Label
+
+<CodeDemo title="With Label" files={progressContent.label} />
+
+> **Note**: If you pass the `label` prop you don't need to pass `aria-label` prop anymore.
+
+### With Value
+
+<CodeDemo title="With Value" files={progressContent.value} />
+
+### Value Formatting
+
+Values are formatted as a percentage by default, but this can be modified by using the
+`formatOptions` prop to specify a different format. `formatOptions` is compatible with the
+option parameter of [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) and is applied based on the current locale.
+
+<CodeDemo title="Value Formatting" files={progressContent.valueFormatting} highlightedLines="10" />
+
+## Slots
+
+- **base**: The base slot of the progress, it is the main container.
+- **labelWrapper**: The label and value label wrapper.
+- **label**: The label of the progress.
+- **value**: The value label of the progress.
+- **track**: The track is the background bar of the progress.
+- **indicator**: The indicator is the bar that is filled according to the `value`.
+
+### Custom Styles
+
+<CodeDemo title="Custom Styles" files={progressContent.customStyles} highlightedLines="9-13" />
+
+## Data Attributes
+
+`CircularProgress` has the following attributes on the `root` element:
+
+- **data-indeterminate**:
+  Indicates whether the progress is indeterminate.
+- **data-disabled**:
+  Indicates whether the progress is disabled. Based on `isDisabled` prop.
+
+## Accessibility
+
+- Exposed to assistive technology as a progress bar via ARIA.
+- Labeling support for accessibility.
+- Internationalized number formatting as a percentage or value.
+- Determinate and indeterminate progress support.
+- Exposes the `aria-valuenow`, `aria-valuemin`, `aria-valuemax` and `aria-valuetext` attributes.
+
+## API
+
+### Circular Progress Props
+
+| Attribute        | Type                                                                                                                    | Description                                                | Default              |
+| ---------------- | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | -------------------- |
+| label            | `ReactNode`                                                                                                             | The content to display as the label.                       | -                    |
+| size             | `xs` \| `sm` \| `md` \| `lg` \| `xl`                                                                                    | The size of the indicator.                                 | `md`                 |
+| color            | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`                                             | The color of the indicator.                                | `primary`            |
+| radius           | `none` \| `base` \| `sm` \| `md` \| `lg` \| `xl` \| `full`                                                             | The progress border radius.                                | `full`               |
+| value            | `number`                                                                                                                | The current value (controlled).                            | -                    |
+| valueLabel       | `ReactNode`                                                                                                             | The content to display as the value's label (e.g. 1 of 4). | -                    |
+| minValue         | `number`                                                                                                                | The smallest value allowed for the input.                  | `0`                  |
+| maxValue         | `number`                                                                                                                | The largest value allowed for the input.                   | `100`                |
+| formatOptions    | [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) | The options to format the value.                           | `{style: 'percent'}` |
+| isIndeterminate  | `boolean`                                                                                                               | Whether the progress is indeterminate.                     | `false`              |
+| isStriped        | `boolean`                                                                                                               | Whether the progress is striped.                           | `false`              |
+| showValueLabel   | `boolean`                                                                                                               | Whether to show the value label.                           | `true`               |
+| isDisabled       | `boolean`                                                                                                               | Whether the progress is disabled.                          | `false`              |
+| disableAnimation | `boolean`                                                                                                               | Whether to disable the animation.                          | `false`              |
+| classNames       | `Record<"base"｜"labelWrapper"｜"label"｜"track"｜"value"｜"track"｜"indicator", string>`                               | Allows to set custom class names for the progress slots.   | -                    |

packages/components/accordion/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @nextui-org/accordion
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230528022407
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/accordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/accordion",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
   "keywords": [
     "react",

packages/components/avatar/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/avatar
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-image@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/avatar",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
   "keywords": [
     "avatar"

packages/components/badge/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/badge
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/badge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/badge",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Badges are used as a small numerical value or status descriptor for UI elements.",
   "keywords": [
     "badge"

packages/components/button/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nextui-org/button
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/spinner@0.0.0-dev-v2-20230528022407
+  - @nextui-org/drip@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/button",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Buttons allow users to perform actions and choose with a single tap.",
   "keywords": [
     "button"

packages/components/card/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/card
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/drip@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/card",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Card is a container for text, photos, and actions in the context of a single subject.",
   "keywords": [
     "card"

packages/components/checkbox/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/checkbox
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/checkbox",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
   "keywords": [
     "checkbox"

packages/components/chip/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/chip
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/chip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/chip",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Chips help people enter information, make selections, filter content, or trigger actions.",
   "keywords": [
     "chip"

packages/components/code/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/code
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/code/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/code",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Code is a component used to display inline code.",
   "keywords": [
     "code"

packages/components/divider/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/divider
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/divider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/divider",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": ". A separator is a visual divider between two groups of content",
   "keywords": [
     "divider"

packages/components/drip/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/drip
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/drip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/drip",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously",
   "keywords": [
     "drip"

packages/components/dropdown/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nextui-org/dropdown
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-is-mobile@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/popover@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/dropdown/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/dropdown",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "A dropdown displays a list of actions or options that a user can choose.",
   "keywords": [
     "dropdown"

packages/components/image/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/image
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-image@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/image",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "A simple image component",
   "keywords": [
     "image"

packages/components/input/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/input
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-aria-field@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/input",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "The input component is designed for capturing user input within a text field.",
   "keywords": [
     "input"

packages/components/kbd/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/kbd
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/kbd/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/kbd",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "The keyboard key components indicates which key or set of keys used to execute a specificv  action",
   "keywords": [
     "kbd"

packages/components/link/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/link
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/link",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an <a>",
   "keywords": [
     "link"

packages/components/modal/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @nextui-org/modal
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-disclosure@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/modal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/modal",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Displays a dialog with a custom content that requires attention or provides additional information.",
   "keywords": [
     "modal"

packages/components/navbar/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nextui-org/navbar
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230528022407
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-scroll-position@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/navbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/navbar",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
   "keywords": [
     "navbar"

packages/components/pagination/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/pagination
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-pagination@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/pagination/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/pagination",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "The Pagination component allows you to display active page and navigate between multiple pages.",
   "keywords": [
     "pagination"

packages/components/popover/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @nextui-org/popover
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230528022407
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/button@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/popover/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/popover",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "A popover is an overlay element positioned relative to a trigger.",
   "keywords": [
     "popover"

packages/components/progress/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/progress
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-aria-label@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-is-mounted@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/progress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/progress",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
   "keywords": [
     "progress"

packages/components/progress/src/progress.tsx

@@ -33,7 +33,7 @@ const Progress = forwardRef<ProgressProps, "div">((props, ref) => {
       ) : null}
       <div className={slots.track({class: classNames?.track})}>
         <div
-          className={slots.filler({class: classNames?.filler})}
+          className={slots.indicator({class: classNames?.indicator})}
           style={{
             transform: `translateX(-${100 - (percentage || 0)}%)`,
           }}

packages/components/progress/src/use-progress.ts

@@ -34,7 +34,7 @@ interface Props extends HTMLNextUIProps<"div"> {
    *    label: "label-classes",
    *    value: "value-classes",
    *    track: "track-classes",
-   *    filler: "filler-classes",
+   *    indicator: "indicator-classes",
    * }} />
    * ```
    */

packages/components/radio/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/radio
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/radio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/radio",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Radios allow users to select a single option from a list of mutually exclusive options.",
   "keywords": [
     "radio"

packages/components/skeleton/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/skeleton
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/skeleton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/skeleton",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Skeleton is used to display the loading state of some component.",
   "keywords": [
     "skeleton"

packages/components/snippet/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @nextui-org/snippet
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-clipboard@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/tooltip@0.0.0-dev-v2-20230528022407
+  - @nextui-org/button@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/snippet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/snippet",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Display a snippet of copyable code for the command line.",
   "keywords": [
     "snippet"

packages/components/spacer/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/spacer
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/spacer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/spacer",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.",
   "keywords": [
     "spacer"

packages/components/spinner/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/spinner
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/spinner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/spinner",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Loaders express an unspecified wait time or display the length of a process.",
   "keywords": [
     "loading",

packages/components/switch/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/switch
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/switch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/switch",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
   "keywords": [
     "switch"

packages/components/table/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nextui-org/table
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/checkbox@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/spacer@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/table/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/table",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Tables are used to display tabular data using rows and columns. ",
   "keywords": [
     "table"

packages/components/tabs/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nextui-org/tabs
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-is-mounted@0.0.0-dev-v2-20230528022407
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/tabs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/tabs",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Tabs organize content into multiple sections and allow users to navigate between them.",
   "keywords": [
     "tabs"

packages/components/tooltip/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/tooltip
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230528022407
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/tooltip",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "A React Component for rendering dynamically positioned Tooltips",
   "keywords": [
     "tooltip"

packages/components/user/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/user
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230528022407
+  - @nextui-org/avatar@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/components/user/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/user",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Flexible User Profile Component.",
   "keywords": [
     "user"

packages/core/react/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @nextui-org/react
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/pagination@0.0.0-dev-v2-20230528022407
+  - @nextui-org/accordion@0.0.0-dev-v2-20230528022407
+  - @nextui-org/checkbox@0.0.0-dev-v2-20230528022407
+  - @nextui-org/dropdown@0.0.0-dev-v2-20230528022407
+  - @nextui-org/progress@0.0.0-dev-v2-20230528022407
+  - @nextui-org/skeleton@0.0.0-dev-v2-20230528022407
+  - @nextui-org/divider@0.0.0-dev-v2-20230528022407
+  - @nextui-org/popover@0.0.0-dev-v2-20230528022407
+  - @nextui-org/snippet@0.0.0-dev-v2-20230528022407
+  - @nextui-org/spinner@0.0.0-dev-v2-20230528022407
+  - @nextui-org/tooltip@0.0.0-dev-v2-20230528022407
+  - @nextui-org/avatar@0.0.0-dev-v2-20230528022407
+  - @nextui-org/button@0.0.0-dev-v2-20230528022407
+  - @nextui-org/navbar@0.0.0-dev-v2-20230528022407
+  - @nextui-org/spacer@0.0.0-dev-v2-20230528022407
+  - @nextui-org/switch@0.0.0-dev-v2-20230528022407
+  - @nextui-org/badge@0.0.0-dev-v2-20230528022407
+  - @nextui-org/image@0.0.0-dev-v2-20230528022407
+  - @nextui-org/input@0.0.0-dev-v2-20230528022407
+  - @nextui-org/modal@0.0.0-dev-v2-20230528022407
+  - @nextui-org/radio@0.0.0-dev-v2-20230528022407
+  - @nextui-org/table@0.0.0-dev-v2-20230528022407
+  - @nextui-org/card@0.0.0-dev-v2-20230528022407
+  - @nextui-org/chip@0.0.0-dev-v2-20230528022407
+  - @nextui-org/code@0.0.0-dev-v2-20230528022407
+  - @nextui-org/drip@0.0.0-dev-v2-20230528022407
+  - @nextui-org/link@0.0.0-dev-v2-20230528022407
+  - @nextui-org/tabs@0.0.0-dev-v2-20230528022407
+  - @nextui-org/user@0.0.0-dev-v2-20230528022407
+  - @nextui-org/kbd@0.0.0-dev-v2-20230528022407
+  - @nextui-org/system@0.0.0-dev-v2-20230528022407
+  - @nextui-org/theme@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/react",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "🚀 Beautiful and modern React UI library.",
   "author": "Junior Garcia <jrgarciadev@gmail.com>",
   "homepage": "https://nextui.org",

packages/core/system/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/system
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/core/system/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/system",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "NextUI system primitives",
   "keywords": [
     "system"

packages/core/theme/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/theme
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/core/theme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",

packages/core/theme/src/components/progress.ts

@@ -7,7 +7,7 @@ import {tv} from "tailwind-variants";
  *
  * @example
  * ```js
- * const {base, labelWrapper, label, value, track, filler} = progress({...})
+ * const {base, labelWrapper, label, value, track, indicator} = progress({...})
  *
  * <div className={base()} aria-label="progress" role="progressbar" aria-valuenow={value} aria-valuemin={min} aria-valuemax={max}>
  *   <div className={labelWrapper()}>
@@ -15,7 +15,7 @@ import {tv} from "tailwind-variants";
  *      <span className={value()}>{value}</span>
  *   </div>
  *   <div className={track()}>
- *     <div className={filler()} style={{width: `${value}%`}} />
+ *     <div className={indicator()} style={{width: `${value}%`}} />
  *   </div>
  * </div>
  * ```
@@ -28,27 +28,27 @@ const progress = tv(
       labelWrapper: "flex justify-between",
       value: "",
       track: "z-0 relative bg-default-300/50 overflow-hidden",
-      filler: "h-full",
+      indicator: "h-full",
     },
     variants: {
       color: {
         default: {
-          filler: "bg-default-400",
+          indicator: "bg-default-400",
         },
         primary: {
-          filler: "bg-primary",
+          indicator: "bg-primary",
         },
         secondary: {
-          filler: "bg-secondary",
+          indicator: "bg-secondary",
         },
         success: {
-          filler: "bg-success",
+          indicator: "bg-success",
         },
         warning: {
-          filler: "bg-warning",
+          indicator: "bg-warning",
         },
         danger: {
-          filler: "bg-danger",
+          indicator: "bg-danger",
         },
       },
       size: {
@@ -81,41 +81,41 @@ const progress = tv(
       radius: {
         none: {
           track: "rounded-none",
-          filler: "rounded-none",
+          indicator: "rounded-none",
         },
         base: {
           track: "rounded",
-          filler: "rounded",
+          indicator: "rounded",
         },
         sm: {
           track: "rounded-sm",
-          filler: "rounded-sm",
+          indicator: "rounded-sm",
         },
         md: {
           track: "rounded-md",
-          filler: "rounded-md",
+          indicator: "rounded-md",
         },
         lg: {
           track: "rounded-lg",
-          filler: "rounded-lg",
+          indicator: "rounded-lg",
         },
         xl: {
           track: "rounded-xl",
-          filler: "rounded-xl",
+          indicator: "rounded-xl",
         },
         full: {
           track: "rounded-full",
-          filler: "rounded-full",
+          indicator: "rounded-full",
         },
       },
       isStriped: {
         true: {
-          filler: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]",
+          indicator: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]",
         },
       },
       isIndeterminate: {
         true: {
-          filler: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"],
+          indicator: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"],
         },
       },
       isDisabled: {
@@ -126,7 +126,7 @@ const progress = tv(
       disableAnimation: {
         true: {},
         false: {
-          filler: "transition-transform !duration-500",
+          indicator: "transition-transform !duration-500",
         },
       },
     },
@@ -145,7 +145,7 @@ const progress = tv(
         disableAnimation: true,
         isIndeterminate: false,
         class: {
-          filler: "!transition-none motion-reduce:transition-none",
+          indicator: "!transition-none motion-reduce:transition-none",
         },
       },
     ],

packages/hooks/use-aria-accordion-item/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/use-aria-accordion-item
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/hooks/use-aria-accordion-item/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-accordion-item",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Internal impl for react aria accordion item",
   "keywords": [
     "use-aria-accordion-item"

packages/hooks/use-aria-button/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/use-aria-button
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/hooks/use-aria-button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-button",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning",
   "keywords": [
     "use-aria-button"

packages/hooks/use-aria-field/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/use-aria-field
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230528022407
+  - @nextui-org/use-aria-label@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/hooks/use-aria-field/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-field",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Based on react-aria useField hook, provides the accessibility implementation for input fields",
   "keywords": [
     "use-aria-field"

packages/hooks/use-aria-label/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/use-aria-label
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/hooks/use-aria-label/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-label",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Based on react-aria label hook, it provides the accessibility implementation for labels and their associated elements. Labels provide context for user inputs.",
   "keywords": [
     "use-aria-label"

packages/hooks/use-aria-slot-id/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/use-aria-slot-id
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/hooks/use-aria-slot-id/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-slot-id",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Based on react-aria useSlotId, used to generate an id, and after render check if that id is rendered",
   "keywords": [
     "use-aria-slot-id"

packages/hooks/use-aria-toggle-button/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @nextui-org/use-aria-toggle-button
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/hooks/use-aria-toggle-button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-toggle-button",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning",
   "keywords": [
     "use-aria-toggle-button"

packages/hooks/use-callback-ref/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @nextui-org/use-callback-ref
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/hooks/use-callback-ref/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-callback-ref",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "React hook to persist any value between renders, but keeps it up-to-date if it changes.",
   "keywords": [
     "use-callback-ref"

packages/hooks/use-clipboard/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/use-clipboard
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes

packages/hooks/use-clipboard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-clipboard",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528022407",
   "description": "Wrapper around navigator.clipboard with feedback timeout",
   "keywords": [
     "use-clipboard"

packages/hooks/use-disclosure/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @nextui-org/use-disclosure
 
+## 0.0.0-dev-v2-20230528022407
+
+### Patch Changes
+
+- Progress API improved
+- Updated dependencies
+  - @nextui-org/use-callback-ref@0.0.0-dev-v2-20230528022407
+
 ## 0.0.0-dev-v2-20230527161625
 
 ### Patch Changes