for react 19

actifyjs · Dec 6, 2024 · 3d9a51d · 3d9a51d
1 parent 6a31d21
commit 3d9a51d
Show file tree

Hide file tree

Showing 8 changed files with 1,080 additions and 1,087 deletions.
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -8,13 +8,13 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@docsearch/react": "^3.6.0",
+    "@docsearch/react": "^3.8.0",
     "@material/material-color-utilities": "^0.2.7",
     "actify": "workspace:*",
     "codesandbox": "^2.2.3",
     "date-fns": "^3.6.0",
     "gray-matter": "^4.0.3",
-    "next": "^15.0.2",
+    "next": "^15.0.4",
     "next-themes": "^0.4.3",
     "react": "catalog:",
     "react-dom": "catalog:",

diff --git a/apps/docs/src/views/icon.tsx b/apps/docs/src/views/icon.tsx
@@ -88,7 +88,7 @@ export default () => {
         label={`Search ${filterIcons.length} icons`}
       />
 
-      <LinearProgress isIndeterminate={isPending} />
+      <LinearProgress aria-label="loading" isIndeterminate={isPending} />
       <div className="mt-2 gap-2 grid grid-cols-[repeat(auto-fill,minmax(52px,1fr))]">
         {filterIcons.map((icon) => (
           <IconWrapper key={icon} fill={selected}>

diff --git a/packages/actify/package.json b/packages/actify/package.json
@@ -1,6 +1,6 @@
 {
   "name": "actify",
-  "version": "0.3.9",
+  "version": "0.4.0",
   "license": "MIT",
   "author": "Lerte Smith",
   "keywords": [
@@ -66,8 +66,8 @@
     "react-stately": "^3.34.0"
   },
   "peerDependencies": {
-    "react": "19.0.0-rc-66855b96-20241106",
-    "react-dom": "19.0.0-rc-66855b96-20241106"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",

diff --git a/packages/actify/src/components/Field/Field.tsx b/packages/actify/src/components/Field/Field.tsx
@@ -1,7 +1,6 @@
 import { SupportingText, SupportingTextProps } from './SupportingText'
 import { cubicBezier, motion } from 'framer-motion'
 
-import { LabelAria } from 'react-aria'
 import React from 'react'
 import clsx from 'clsx'
 import styles from './styles/field.module.css'
@@ -20,9 +19,9 @@ export interface FieldProps extends SupportingTextProps {
   leadingIcon?: React.ReactNode
   trailingIcon?: React.ReactNode
 
-  renderBackground?: () => JSX.Element
-  renderIndicator?: (focused: boolean) => JSX.Element
-  renderOutline?: (floatingLabel: JSX.Element | '') => JSX.Element
+  renderBackground?: () => React.JSX.Element
+  renderIndicator?: (focused: boolean) => React.JSX.Element
+  renderOutline?: (floatingLabel: React.JSX.Element | '') => React.JSX.Element
 }
 const Field = (props: FieldProps) => {
   const {

diff --git a/packages/actify/src/components/Field/OutlinedField.tsx b/packages/actify/src/components/Field/OutlinedField.tsx
@@ -1,12 +1,13 @@
 import { Field, FieldProps } from './Field'
 
+import React from 'react'
 import styles from './styles/field.module.css'
 
 export interface OutlinedFieldProps
   extends FieldProps,
     React.ComponentProps<'div'> {}
 
-const renderOutline = (floatingLabel: JSX.Element | '') => (
+const renderOutline = (floatingLabel: React.JSX.Element | '') => (
   <div className={styles['outline']}>
     <div className={styles['outline-start']} />
     <div className={styles['outline-notch']}>

diff --git a/packages/actify/src/components/Icon/Icon.tsx b/packages/actify/src/components/Icon/Icon.tsx
@@ -22,7 +22,6 @@ const Icon = ({ className, children, fill, ...rest }: IconProps) => {
     >
       <link
         rel="stylesheet"
-        // @ts-expect-error
         precedence="default"
         href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1&display=swap"
       />