feat

package.json

@@ -1,6 +1,6 @@
 {
  "name": "goji_ui",
- "version": "1.0.3",
+ "version": "1.0.4",
  "description": "react goji react modal compnents ",
  "main": "dist/cjs/index.js",
  "modue": "dist/esm/index.js",
@@ -25,7 +25,6 @@
  "url": "https://github.com/RobinYang11/goji.git"
  },
  "peerDependencies": {
- "framer-motion": "^9.0.2",
  "react": ">=16.9.0",
  "react-dom": ">=16.9.0"
  },
@@ -70,6 +69,7 @@
  "webpack-dev-server": "^4.12.0"
  },
  "dependencies": {
+ "framer-motion": "^8.5.5",
  "@types/uuid": "^9.0.1",
  "uuid": "^9.0.0"
  }

src/components/tab/tab.tsx

@@ -31,16 +31,17 @@ export default function Tab(props: TabProps) {
  const [currentTab, setCurrentTab] = useState(0);
 
  return <div className={`${styles.tab} ${className}`}>
- <motion.ul className={styles.title} >
+ <motion.ul aria-invalid className={styles.title} >
  {items?.map((tab, index) => {
  return <motion.li
+ aria-label="tab"
  onClick={() => { setCurrentTab(index) }}
  key={tab.key}>
  {tab.title}
  </motion.li>
  })}
  </motion.ul>
- <motion.div {...motionConfig} className={styles.body}>
+ <motion.div aria-label="tab-content" {...motionConfig} className={styles.body}>
  {items?.[currentTab].children}
  </motion.div>
  </div>