chore: dependencies update (#275)

* chore: update react-aria-components to v1.5.0 * chore: update workspace packages * chore: update theme packages * chore: update react project dependencies * chore: update tooling packages * fix: eslint errors * chore: update @types/react to v18.3.13 * chore: update deps
giantnodes · Dec 6, 2024 · b0d22c9 · b0d22c9
1 parent 788f837
commit b0d22c9
Show file tree

Hide file tree

Showing 83 changed files with 2,564 additions and 3,289 deletions.
diff --git a/package.json b/package.json
@@ -23,13 +23,13 @@
     "typecheck": "turbo run typecheck"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.5.0",
-    "@commitlint/config-conventional": "^19.5.0",
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
     "@giantnodes/prettier-config": "workspace:*",
-    "husky": "^9.1.6",
+    "husky": "^9.1.7",
     "prettier": "catalog:",
     "tsup": "^6.6.0",
-    "turbo": "^2.1.3",
+    "turbo": "^2.3.3",
     "typescript": "catalog:"
   },
   "engines": {

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -30,42 +30,42 @@
   },
   "dependencies": {
     "@giantnodes/theme": "workspace:*",
-    "class-variance-authority": "^0.7.0",
-    "libphonenumber-js": "^1.11.11",
-    "next-themes": "^0.3.0",
-    "react-aria": "^3.35.0",
-    "react-aria-components": "^1.4.0",
-    "tailwind-merge": "^2.5.4",
-    "tailwindcss-react-aria-components": "^1.1.6"
+    "class-variance-authority": "^0.7.1",
+    "libphonenumber-js": "^1.11.16",
+    "next-themes": "^0.4.4",
+    "react-aria": "^3.36.0",
+    "react-aria-components": "^1.5.0",
+    "tailwind-merge": "^2.5.5",
+    "tailwindcss-react-aria-components": "^1.2.0"
   },
   "devDependencies": {
     "@giantnodes/eslint-config": "workspace:*",
     "@giantnodes/prettier-config": "workspace:*",
     "@giantnodes/tsconfig": "workspace:*",
     "@jest/types": "^29.6.3",
-    "@storybook/addon-backgrounds": "^8.3.5",
-    "@storybook/addon-essentials": "^8.3.5",
-    "@storybook/addon-interactions": "^8.3.5",
-    "@storybook/addon-links": "^8.3.5",
-    "@storybook/addon-themes": "^8.3.5",
-    "@storybook/blocks": "^8.3.5",
-    "@storybook/react": "^8.3.5",
-    "@storybook/react-vite": "^8.3.5",
+    "@storybook/addon-backgrounds": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
     "@types/react": "catalog:react",
     "@types/react-dom": "catalog:react",
     "autoprefixer": "^10.4.20",
-    "concurrently": "^9.0.1",
+    "concurrently": "^9.1.0",
     "jest": "^29.7.0",
-    "postcss": "^8.4.47",
+    "postcss": "^8.4.49",
     "prop-types": "15.8.1",
     "react": "catalog:react",
     "react-dom": "catalog:react",
-    "resolve-tspaths": "^0.8.22",
-    "storybook": "^8.3.5",
-    "tailwindcss": "^3.4.13",
+    "resolve-tspaths": "^0.8.23",
+    "storybook": "^8.4.7",
+    "tailwindcss": "catalog:",
     "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",
-    "vite": "^5.4.10"
+    "vite": "^6.0.3"
   },
   "peerDependencies": {
     "react": ">=18",

diff --git a/packages/react/src/components/alert/Alert.tsx b/packages/react/src/components/alert/Alert.tsx
@@ -19,11 +19,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, color, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__

diff --git a/packages/react/src/components/alert/AlertBody.tsx b/packages/react/src/components/alert/AlertBody.tsx
@@ -7,7 +7,7 @@ import { useAlert } from '~/components/alert/use-alert.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
-type ComponentOwnProps = unknown
+type ComponentOwnProps = object
 
 type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
   TElement,
@@ -18,11 +18,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__

diff --git a/packages/react/src/components/alert/AlertHeading.tsx b/packages/react/src/components/alert/AlertHeading.tsx
@@ -20,11 +20,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, level = 3, ...rest } = props
 
     const Element = as ?? Heading

diff --git a/packages/react/src/components/alert/AlertItem.tsx b/packages/react/src/components/alert/AlertItem.tsx
@@ -7,7 +7,7 @@ import { useAlert } from '~/components/alert/use-alert.hook'
 
 const __ELEMENT_TYPE__ = 'li'
 
-type ComponentOwnProps = unknown
+type ComponentOwnProps = object
 
 type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
   TElement,
@@ -18,11 +18,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__

diff --git a/packages/react/src/components/alert/AlertList.tsx b/packages/react/src/components/alert/AlertList.tsx
@@ -7,7 +7,7 @@ import { useAlert } from '~/components/alert/use-alert.hook'
 
 const __ELEMENT_TYPE__ = 'ul'
 
-type ComponentOwnProps = unknown
+type ComponentOwnProps = object
 
 type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
   TElement,
@@ -18,11 +18,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__

diff --git a/packages/react/src/components/avatar/Avatar.tsx b/packages/react/src/components/avatar/Avatar.tsx
@@ -19,11 +19,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, color, radius, size, zoomed, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__

diff --git a/packages/react/src/components/avatar/AvatarGroup.tsx b/packages/react/src/components/avatar/AvatarGroup.tsx
@@ -19,11 +19,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, color, radius, size, zoomed, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__

diff --git a/packages/react/src/components/avatar/AvatarIcon.tsx b/packages/react/src/components/avatar/AvatarIcon.tsx
@@ -20,11 +20,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, className, icon, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__

diff --git a/packages/react/src/components/avatar/AvatarImage.tsx b/packages/react/src/components/avatar/AvatarImage.tsx
@@ -7,7 +7,7 @@ import { useAvatar } from '~/components/avatar/use-avatar.hook'
 
 const __ELEMENT_TYPE__ = 'img'
 
-type ComponentOwnProps = unknown
+type ComponentOwnProps = object
 
 type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
   TElement,
@@ -18,11 +18,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__

diff --git a/packages/react/src/components/avatar/AvatarNotification.tsx b/packages/react/src/components/avatar/AvatarNotification.tsx
@@ -19,11 +19,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, color, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__

diff --git a/packages/react/src/components/breadcrumb/Breadcrumb.tsx b/packages/react/src/components/breadcrumb/Breadcrumb.tsx
@@ -22,7 +22,7 @@ type ComponentType = <TData extends object, TElement extends React.ElementType =
 ) => React.ReactNode
 
 const Component: ComponentType = React.forwardRef(
-  <TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+  <TData extends object, TElement extends React.ElementType>(
     props: ComponentProps<TData, TElement>,
     ref: Polymophic.Ref<TElement>
   ) => {

diff --git a/packages/react/src/components/breadcrumb/BreadcrumbItem.tsx b/packages/react/src/components/breadcrumb/BreadcrumbItem.tsx
@@ -10,9 +10,9 @@ import { cn } from '~/utilities'
 
 const __ELEMENT_TYPE__ = 'span'
 
-type ComponentOwnProps = {
+type ComponentOwnProps = BreadcrumbProps & {
   href?: string
-} & BreadcrumbProps
+}
 
 type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
   TElement,
@@ -23,11 +23,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, href, ...rest } = props
 
     const Element = as ?? Breadcrumb

diff --git a/packages/react/src/components/button/Button.tsx b/packages/react/src/components/button/Button.tsx
@@ -11,10 +11,10 @@ import Spinner from '~/components/spinner/Spinner'
 
 const __ELEMENT_TYPE__ = 'button'
 
-type ComponentOwnProps = {
-  isLoading?: boolean
-} & ButtonProps &
-  ButtonVariantProps
+type ComponentOwnProps = ButtonProps &
+  ButtonVariantProps & {
+    isLoading?: boolean
+  }
 
 type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
   TElement,
@@ -25,11 +25,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, isLoading = false, isDisabled = false, color, size, ...rest } = props
 
     const Element = as ?? Button

diff --git a/packages/react/src/components/card/Card.tsx b/packages/react/src/components/card/Card.tsx
@@ -19,11 +19,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, size, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__

diff --git a/packages/react/src/components/card/CardBody.tsx b/packages/react/src/components/card/CardBody.tsx
@@ -7,7 +7,7 @@ import { useCard } from '~/components/card/use-card.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
-type ComponentOwnProps = unknown
+type ComponentOwnProps = object
 
 type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
   TElement,
@@ -18,11 +18,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__

diff --git a/packages/react/src/components/card/CardFooter.tsx b/packages/react/src/components/card/CardFooter.tsx
@@ -7,7 +7,7 @@ import { useCard } from '~/components/card/use-card.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
-type ComponentOwnProps = unknown
+type ComponentOwnProps = object
 
 type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
   TElement,
@@ -18,11 +18,8 @@ type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE
   props: ComponentProps<TElement>
 ) => React.ReactNode
 
-const Component: ComponentType = React.forwardRef(
-  <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
-    props: ComponentProps<TElement>,
-    ref: Polymophic.Ref<TElement>
-  ) => {
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__