fix: heroui name and storybook welcome page

heroui-inc · Jan 16, 2025 · 6773e80 · 6773e80
1 parent f780b76
commit 6773e80
Show file tree

Hide file tree

Showing 81 changed files with 95 additions and 98 deletions.
diff --git a/apps/docs/content/docs/frameworks/vite.mdx b/apps/docs/content/docs/frameworks/vite.mdx
@@ -172,7 +172,7 @@ the following code to your `tailwind.config.js` file:
 
 ```js {2,8,13-14}
 // tailwind.config.js
-const { heorui } = require("@heroui/react");
+const { heroui } = require("@heroui/react");
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {

diff --git a/packages/components/accordion/src/accordion-item.tsx b/packages/components/accordion/src/accordion-item.tsx
@@ -126,6 +126,6 @@ const AccordionItem = forwardRef<"button", AccordionItemProps>((props, ref) => {
   );
 });
 
-AccordionItem.displayName = "HeorUI.AccordionItem";
+AccordionItem.displayName = "HeroUI.AccordionItem";
 
 export default AccordionItem;
diff --git a/packages/components/accordion/src/accordion.tsx b/packages/components/accordion/src/accordion.tsx
@@ -59,6 +59,6 @@ const AccordionGroup = forwardRef<"div", AccordionProps>((props, ref) => {
   );
 });
 
-AccordionGroup.displayName = "HeorUI.Accordion";
+AccordionGroup.displayName = "HeroUI.Accordion";
 
 export default AccordionGroup;
diff --git a/packages/components/alert/src/alert.tsx b/packages/components/alert/src/alert.tsx
@@ -83,6 +83,6 @@ const Alert = forwardRef<"div", AlertProps>((props, ref) => {
   );
 });
 
-Alert.displayName = "HeorUI.Alert";
+Alert.displayName = "HeroUI.Alert";
 
 export default Alert;
diff --git a/packages/components/avatar/src/avatar-group.tsx b/packages/components/avatar/src/avatar-group.tsx
@@ -30,6 +30,6 @@ const AvatarGroup = forwardRef<"div", AvatarGroupProps>((props, ref) => {
   );
 });
 
-AvatarGroup.displayName = "HeorUI.AvatarGroup";
+AvatarGroup.displayName = "HeroUI.AvatarGroup";
 
 export default AvatarGroup;
diff --git a/packages/components/avatar/src/avatar.tsx b/packages/components/avatar/src/avatar.tsx
@@ -56,6 +56,6 @@ const Avatar = forwardRef<"span", AvatarProps>((props, ref) => {
   );
 });
 
-Avatar.displayName = "HeorUI.Avatar";
+Avatar.displayName = "HeroUI.Avatar";
 
 export default Avatar;
diff --git a/packages/components/badge/src/badge.tsx b/packages/components/badge/src/badge.tsx
@@ -19,6 +19,6 @@ const Badge = forwardRef<"span", BadgeProps>((props, ref) => {
   );
 });
 
-Badge.displayName = "HeorUI.Badge";
+Badge.displayName = "HeroUI.Badge";
 
 export default Badge;
diff --git a/packages/components/breadcrumbs/src/breadcrumb-item.tsx b/packages/components/breadcrumbs/src/breadcrumb-item.tsx
@@ -34,6 +34,6 @@ const Breadcrumbs = forwardRef<"li", BreadcrumbItemProps>((props, ref) => {
   );
 });
 
-Breadcrumbs.displayName = "HeorUI.Breadcrumbs";
+Breadcrumbs.displayName = "HeroUI.Breadcrumbs";
 
 export default Breadcrumbs;
diff --git a/packages/components/breadcrumbs/src/breadcrumbs.tsx b/packages/components/breadcrumbs/src/breadcrumbs.tsx
@@ -110,6 +110,6 @@ const Breadcrumbs = forwardRef<"div", BreadcrumbsProps>((props, ref) => {
   );
 });
 
-Breadcrumbs.displayName = "HeorUI.Breadcrumbs";
+Breadcrumbs.displayName = "HeroUI.Breadcrumbs";
 
 export default Breadcrumbs;
diff --git a/packages/components/button/src/button-group.tsx b/packages/components/button/src/button-group.tsx
@@ -20,6 +20,6 @@ const ButtonGroup = forwardRef<"div", ButtonGroupProps>((props, ref) => {
   );
 });
 
-ButtonGroup.displayName = "HeorUI.ButtonGroup";
+ButtonGroup.displayName = "HeroUI.ButtonGroup";
 
 export default ButtonGroup;
diff --git a/packages/components/button/src/button.tsx b/packages/components/button/src/button.tsx
@@ -36,6 +36,6 @@ const Button = forwardRef<"button", ButtonProps>((props, ref) => {
   );
 });
 
-Button.displayName = "HeorUI.Button";
+Button.displayName = "HeroUI.Button";
 
 export default Button;
diff --git a/packages/components/card/src/card-body.tsx b/packages/components/card/src/card-body.tsx
@@ -21,6 +21,6 @@ const CardBody = forwardRef<"div", HTMLHeroUIProps<"div">>((props, ref) => {
   );
 });
 
-CardBody.displayName = "HeorUI.CardBody";
+CardBody.displayName = "HeroUI.CardBody";
 
 export default CardBody;
diff --git a/packages/components/card/src/card-footer.tsx b/packages/components/card/src/card-footer.tsx
@@ -23,6 +23,6 @@ const CardFooter = forwardRef<"div", CardFooterProps>((props, ref) => {
   );
 });
 
-CardFooter.displayName = "HeorUI.CardFooter";
+CardFooter.displayName = "HeroUI.CardFooter";
 
 export default CardFooter;
diff --git a/packages/components/card/src/card-header.tsx b/packages/components/card/src/card-header.tsx
@@ -21,6 +21,6 @@ const CardHeader = forwardRef<"div", HTMLHeroUIProps<"div">>((props, ref) => {
   );
 });
 
-CardHeader.displayName = "HeorUI.CardHeader";
+CardHeader.displayName = "HeroUI.CardHeader";
 
 export default CardHeader;
diff --git a/packages/components/card/src/card.tsx b/packages/components/card/src/card.tsx
@@ -26,6 +26,6 @@ const Card = forwardRef<"div", CardProps>((props, ref) => {
   );
 });
 
-Card.displayName = "HeorUI.Card";
+Card.displayName = "HeroUI.Card";
 
 export default Card;
diff --git a/packages/components/checkbox/src/checkbox-group.tsx b/packages/components/checkbox/src/checkbox-group.tsx
@@ -35,6 +35,6 @@ const CheckboxGroup = forwardRef<"div", CheckboxGroupProps>((props, ref) => {
   );
 });
 
-CheckboxGroup.displayName = "HeorUI.CheckboxGroup";
+CheckboxGroup.displayName = "HeroUI.CheckboxGroup";
 
 export default CheckboxGroup;
diff --git a/packages/components/checkbox/src/checkbox.tsx b/packages/components/checkbox/src/checkbox.tsx
@@ -32,6 +32,6 @@ const Checkbox = forwardRef<"input", CheckboxProps>((props, ref) => {
   );
 });
 
-Checkbox.displayName = "HeorUI.Checkbox";
+Checkbox.displayName = "HeroUI.Checkbox";
 
 export default Checkbox;
diff --git a/packages/components/chip/src/chip.tsx b/packages/components/chip/src/chip.tsx
@@ -48,6 +48,6 @@ const Chip = forwardRef<"div", ChipProps>((props, ref) => {
   );
 });
 
-Chip.displayName = "HeorUI.Chip";
+Chip.displayName = "HeroUI.Chip";
 
 export default Chip;
diff --git a/packages/components/code/src/code.tsx b/packages/components/code/src/code.tsx
@@ -14,6 +14,6 @@ const Code = forwardRef<"div", CodeProps>((props, ref) => {
   );
 });
 
-Code.displayName = "HeorUI.Code";
+Code.displayName = "HeroUI.Code";
 
 export default Code;
diff --git a/packages/components/date-input/src/date-input-field.tsx b/packages/components/date-input/src/date-input-field.tsx
@@ -42,4 +42,4 @@ export const DateInputField = forwardRef<"div", DateInputFieldProps>((props, ref
   );
 });
 
-DateInputField.displayName = "HeorUI.DateInputField";
+DateInputField.displayName = "HeroUI.DateInputField";
diff --git a/packages/components/date-input/src/date-input-group.tsx b/packages/components/date-input/src/date-input-group.tsx
@@ -94,4 +94,4 @@ export const DateInputGroup = forwardRef<"div", DateInputGroupProps>((props, ref
   );
 });
 
-DateInputGroup.displayName = "HeorUI.DateInputGroup";
+DateInputGroup.displayName = "HeroUI.DateInputGroup";
diff --git a/packages/components/divider/src/divider.tsx b/packages/components/divider/src/divider.tsx
@@ -10,6 +10,6 @@ const Divider = forwardRef<"div", DividerProps>((props, ref) => {
   return <Component ref={ref} {...getDividerProps()} />;
 });
 
-Divider.displayName = "HeorUI.Divider";
+Divider.displayName = "HeroUI.Divider";
 
 export default Divider;
diff --git a/packages/components/drawer/src/drawer.tsx b/packages/components/drawer/src/drawer.tsx
@@ -17,6 +17,6 @@ const Drawer = forwardRef<"div", DrawerProps>(({children, ...props}, ref) => {
   );
 });
 
-Drawer.displayName = "HeorUI.Drawer";
+Drawer.displayName = "HeroUI.Drawer";
 
 export default Drawer;
diff --git a/packages/components/dropdown/src/dropdown-trigger.tsx b/packages/components/dropdown/src/dropdown-trigger.tsx
@@ -20,6 +20,6 @@ const DropdownTrigger = (props: DropdownTriggerProps) => {
   return <PopoverTrigger {...getMenuTriggerProps(otherProps)}>{children}</PopoverTrigger>;
 };
 
-DropdownTrigger.displayName = "HeorUI.DropdownTrigger";
+DropdownTrigger.displayName = "HeroUI.DropdownTrigger";
 
 export default DropdownTrigger;
diff --git a/packages/components/dropdown/src/dropdown.tsx b/packages/components/dropdown/src/dropdown.tsx
@@ -29,6 +29,6 @@ const Dropdown = (props: DropdownProps) => {
   );
 };
 
-Dropdown.displayName = "HeorUI.Dropdown";
+Dropdown.displayName = "HeroUI.Dropdown";
 
 export default Dropdown;
diff --git a/packages/components/image/src/image.tsx b/packages/components/image/src/image.tsx
@@ -52,6 +52,6 @@ const Image = forwardRef<"img", ImageProps>((props, ref) => {
   return img;
 });
 
-Image.displayName = "HeorUI.Image";
+Image.displayName = "HeroUI.Image";
 
 export default Image;
diff --git a/packages/components/input-otp/src/input-otp.tsx b/packages/components/input-otp/src/input-otp.tsx
@@ -75,6 +75,6 @@ const InputOtp = forwardRef<"input", InputOtpProps>((props, ref) => {
   );
 });
 
-InputOtp.displayName = "HeorUI.InputOtp";
+InputOtp.displayName = "HeroUI.InputOtp";
 
 export default InputOtp;
diff --git a/packages/components/input/src/input.tsx b/packages/components/input/src/input.tsx
@@ -121,6 +121,6 @@ const Input = forwardRef<"input", InputProps>((props, ref) => {
   );
 });
 
-Input.displayName = "HeorUI.Input";
+Input.displayName = "HeroUI.Input";
 
 export default Input;
diff --git a/packages/components/input/src/textarea.tsx b/packages/components/input/src/textarea.tsx
@@ -168,6 +168,6 @@ const Textarea = forwardRef<"textarea", TextAreaProps>(
   },
 );
 
-Textarea.displayName = "HeorUI.Textarea";
+Textarea.displayName = "HeroUI.Textarea";
 
 export default Textarea;
diff --git a/packages/components/kbd/src/kbd.tsx b/packages/components/kbd/src/kbd.tsx
@@ -31,6 +31,6 @@ const Kbd = forwardRef<"kbd", KbdProps>((props, ref) => {
   );
 });
 
-Kbd.displayName = "HeorUI.Kbd";
+Kbd.displayName = "HeroUI.Kbd";
 
 export default Kbd;
diff --git a/packages/components/link/src/link.tsx b/packages/components/link/src/link.tsx
@@ -28,6 +28,6 @@ const Link = forwardRef<"a", LinkProps>((props, ref) => {
   );
 });
 
-Link.displayName = "HeorUI.Link";
+Link.displayName = "HeroUI.Link";
 
 export default Link;
diff --git a/packages/components/listbox/src/listbox-item.tsx b/packages/components/listbox/src/listbox-item.tsx
@@ -62,6 +62,6 @@ const ListboxItem = (props: ListboxItemProps) => {
   );
 };
 
-ListboxItem.displayName = "HeorUI.ListboxItem";
+ListboxItem.displayName = "HeroUI.ListboxItem";
 
 export default ListboxItem;
diff --git a/packages/components/listbox/src/listbox-section.tsx b/packages/components/listbox/src/listbox-section.tsx
@@ -130,6 +130,6 @@ const ListboxSection = forwardRef<"li", ListboxSectionProps>(
   },
 );
 
-ListboxSection.displayName = "HeorUI.ListboxSection";
+ListboxSection.displayName = "HeroUI.ListboxSection";
 
 export default ListboxSection;
diff --git a/packages/components/menu/src/menu-item.tsx b/packages/components/menu/src/menu-item.tsx
@@ -66,6 +66,6 @@ const MenuItem = (props: MenuItemProps) => {
   );
 };
 
-MenuItem.displayName = "HeorUI.MenuItem";
+MenuItem.displayName = "HeroUI.MenuItem";
 
 export default MenuItem;
diff --git a/packages/components/menu/src/menu-section.tsx b/packages/components/menu/src/menu-section.tsx
@@ -139,6 +139,6 @@ const MenuSection = forwardRef<"li", MenuSectionProps>(
   },
 );
 
-MenuSection.displayName = "HeorUI.MenuSection";
+MenuSection.displayName = "HeroUI.MenuSection";
 
 export default MenuSection;
diff --git a/packages/components/modal/src/modal-body.tsx b/packages/components/modal/src/modal-body.tsx
@@ -38,6 +38,6 @@ const ModalBody = forwardRef<"div", ModalBodyProps>((props, ref) => {
   );
 });
 
-ModalBody.displayName = "HeorUI.ModalBody";
+ModalBody.displayName = "HeroUI.ModalBody";
 
 export default ModalBody;
diff --git a/packages/components/modal/src/modal-content.tsx b/packages/components/modal/src/modal-content.tsx
@@ -140,6 +140,6 @@ const ModalContent = (props: ModalContentProps) => {
   );
 };
 
-ModalContent.displayName = "HeorUI.ModalContent";
+ModalContent.displayName = "HeroUI.ModalContent";
 
 export default ModalContent;
diff --git a/packages/components/modal/src/modal-footer.tsx b/packages/components/modal/src/modal-footer.tsx
@@ -26,6 +26,6 @@ const ModalFooter = forwardRef<"footer", ModalFooterProps>((props, ref) => {
   );
 });
 
-ModalFooter.displayName = "HeorUI.ModalFooter";
+ModalFooter.displayName = "HeroUI.ModalFooter";
 
 export default ModalFooter;
diff --git a/packages/components/modal/src/modal-header.tsx b/packages/components/modal/src/modal-header.tsx
@@ -43,6 +43,6 @@ const ModalHeader = forwardRef<"header", ModalHeaderProps>((props, ref) => {
   );
 });
 
-ModalHeader.displayName = "HeorUI.ModalHeader";
+ModalHeader.displayName = "HeroUI.ModalHeader";
 
 export default ModalHeader;
diff --git a/packages/components/modal/src/modal.tsx b/packages/components/modal/src/modal.tsx
@@ -30,6 +30,6 @@ const Modal = forwardRef<"div", ModalProps>((props, ref) => {
   );
 });
 
-Modal.displayName = "HeorUI.Modal";
+Modal.displayName = "HeroUI.Modal";
 
 export default Modal;
diff --git a/packages/components/navbar/src/navbar-brand.tsx b/packages/components/navbar/src/navbar-brand.tsx
@@ -25,6 +25,6 @@ const NavbarBrand = forwardRef<"div", NavbarBrandProps>((props, ref) => {
   );
 });
 
-NavbarBrand.displayName = "HeorUI.NavbarBrand";
+NavbarBrand.displayName = "HeroUI.NavbarBrand";
 
 export default NavbarBrand;
diff --git a/packages/components/navbar/src/navbar-content.tsx b/packages/components/navbar/src/navbar-content.tsx
@@ -38,6 +38,6 @@ const NavbarContent = forwardRef<"ul", NavbarContentProps>((props, ref) => {
   );
 });
 
-NavbarContent.displayName = "HeorUI.NavbarContent";
+NavbarContent.displayName = "HeroUI.NavbarContent";
 
 export default NavbarContent;
diff --git a/packages/components/navbar/src/navbar-item.tsx b/packages/components/navbar/src/navbar-item.tsx
@@ -35,6 +35,6 @@ const NavbarItem = forwardRef<"li", NavbarItemProps>((props, ref) => {
   );
 });
 
-NavbarItem.displayName = "HeorUI.NavbarItem";
+NavbarItem.displayName = "HeroUI.NavbarItem";
 
 export default NavbarItem;
diff --git a/packages/components/navbar/src/navbar-menu-item.tsx b/packages/components/navbar/src/navbar-menu-item.tsx
@@ -35,6 +35,6 @@ const NavbarMenuItem = forwardRef<"li", NavbarMenuItemProps>((props, ref) => {
   );
 });
 
-NavbarMenuItem.displayName = "HeorUI.NavbarMenuItem";
+NavbarMenuItem.displayName = "HeroUI.NavbarMenuItem";
 
 export default NavbarMenuItem;
diff --git a/packages/components/navbar/src/navbar-menu-toggle.tsx b/packages/components/navbar/src/navbar-menu-toggle.tsx
@@ -89,6 +89,6 @@ const NavbarMenuToggle = forwardRef<"button", NavbarMenuToggleProps>((props, ref
   );
 });
 
-NavbarMenuToggle.displayName = "HeorUI.NavbarMenuToggle";
+NavbarMenuToggle.displayName = "HeroUI.NavbarMenuToggle";
 
 export default NavbarMenuToggle;
diff --git a/packages/components/navbar/src/navbar-menu.tsx b/packages/components/navbar/src/navbar-menu.tsx
@@ -82,6 +82,6 @@ const NavbarMenu = forwardRef<"ul", NavbarMenuProps>((props, ref) => {
   return contents;
 });
 
-NavbarMenu.displayName = "HeorUI.NavbarMenu";
+NavbarMenu.displayName = "HeroUI.NavbarMenu";
 
 export default NavbarMenu;
diff --git a/packages/components/navbar/src/navbar.tsx b/packages/components/navbar/src/navbar.tsx
@@ -50,6 +50,6 @@ const Navbar = forwardRef<"div", NavbarProps>((props, ref) => {
   );
 });
 
-Navbar.displayName = "HeorUI.Navbar";
+Navbar.displayName = "HeroUI.Navbar";
 
 export default Navbar;
diff --git a/packages/components/pagination/src/pagination-cursor.tsx b/packages/components/pagination/src/pagination-cursor.tsx
@@ -21,6 +21,6 @@ const PaginationCursor = forwardRef<"span", PaginationCursorProps>((props, ref)
   );
 });
 
-PaginationCursor.displayName = "HeorUI.PaginationCursor";
+PaginationCursor.displayName = "HeroUI.PaginationCursor";
 
 export default PaginationCursor;
diff --git a/packages/components/pagination/src/pagination-item.tsx b/packages/components/pagination/src/pagination-item.tsx
@@ -10,6 +10,6 @@ const PaginationItem = forwardRef<"li", PaginationItemProps>((props, ref) => {
   return <Component {...getItemProps()}>{children}</Component>;
 });
 
-PaginationItem.displayName = "HeorUI.PaginationItem";
+PaginationItem.displayName = "HeroUI.PaginationItem";
 
 export default PaginationItem;
diff --git a/packages/components/pagination/src/pagination.tsx b/packages/components/pagination/src/pagination.tsx
@@ -204,6 +204,6 @@ const Pagination = forwardRef<"nav", PaginationProps>((props, ref) => {
   );
 });
 
-Pagination.displayName = "HeorUI.Pagination";
+Pagination.displayName = "HeroUI.Pagination";
 
 export default Pagination;
-Original file line number
+Diff line change
@@ Expand Up @@
       );
     });
-    DateInputField.displayName = "HeorUI.DateInputField";
+    DateInputField.displayName = "HeroUI.DateInputField";