chore: rm ark-ui anatomy

segunadebayo · segunadebayo · commit 73fef72a1914 · 2025-04-25T19:55:13.000+01:00
diff --git a/playground/package.json b/playground/package.json
@@ -19,7 +19,6 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@ark-ui/anatomy": "2.2.0",
     "@ark-ui/react": "5.7.0",
     "@monaco-editor/react": "4.6.0",
     "@pandacss/config": "workspace:*",
diff --git a/playground/theme/recipes/menu.ts b/playground/theme/recipes/menu.ts
@@ -1,5 +1,5 @@
 import { defineParts, defineRecipe } from '@pandacss/dev'
-import { menuAnatomy } from '@ark-ui/anatomy'
+import { menuAnatomy } from '@ark-ui/react/menu'
 
 const parts = defineParts(menuAnatomy.build())
 
@@ -61,7 +61,6 @@ export const menu = defineRecipe({
       flexDirection: 'column',
     },
     item: itemStyle,
-    optionItem: itemStyle,
     triggerItem: itemStyle,
   }),
 })
diff --git a/playground/theme/recipes/segment-group.ts b/playground/theme/recipes/segment-group.ts
@@ -1,5 +1,5 @@
 import { defineParts, defineRecipe } from '@pandacss/dev'
-import { segmentGroupAnatomy } from '@ark-ui/anatomy'
+import { segmentGroupAnatomy } from '@ark-ui/react/segment-group'
 
 const parts = defineParts(segmentGroupAnatomy.build())
 
diff --git a/playground/theme/recipes/splitter.ts b/playground/theme/recipes/splitter.ts
@@ -1,5 +1,5 @@
 import { defineParts, defineRecipe } from '@pandacss/dev'
-import { splitterAnatomy } from '@ark-ui/anatomy'
+import { splitterAnatomy } from '@ark-ui/react/splitter'
 
 const parts = defineParts(splitterAnatomy.build())
 
diff --git a/playground/theme/recipes/toast.ts b/playground/theme/recipes/toast.ts
@@ -1,4 +1,4 @@
-import { toastAnatomy } from '@ark-ui/anatomy'
+import { toastAnatomy } from '@ark-ui/react/toast'
 import { defineParts, defineRecipe } from '@pandacss/dev'
 
 const parts = defineParts({
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/website/package.json b/website/package.json
@@ -12,7 +12,6 @@
     "start": "next start"
   },
   "dependencies": {
-    "@ark-ui/anatomy": "2.2.0",
     "@ark-ui/react": "5.7.0",
     "@pandacss/preset-panda": "workspace:*",
     "@pandacss/token-dictionary": "workspace:*",
diff --git a/website/theme/recipes/button.recipe.ts b/website/theme/recipes/button.recipe.ts
@@ -1,4 +1,4 @@
-import { createAnatomy } from '@ark-ui/anatomy'
+import { createAnatomy } from '@ark-ui/react/anatomy'
 import { defineParts, defineRecipe } from '@pandacss/dev'
 
 const anatomy = createAnatomy('button', ['leftIcon', 'rightIcon'])
diff --git a/website/theme/recipes/callout.recipe.ts b/website/theme/recipes/callout.recipe.ts
@@ -1,4 +1,4 @@
-import { createAnatomy } from '@ark-ui/anatomy'
+import { createAnatomy } from '@ark-ui/react/anatomy'
 import { defineParts, defineRecipe } from '@pandacss/dev'
 
 const anatomy = createAnatomy('callout', ['root', 'icon', 'content'])
diff --git a/website/theme/recipes/card.recipe.ts b/website/theme/recipes/card.recipe.ts
@@ -1,4 +1,4 @@
-import { createAnatomy } from '@ark-ui/anatomy'
+import { createAnatomy } from '@ark-ui/react/anatomy'
 import { defineParts, defineRecipe } from '@pandacss/dev'
 
 const anatomy = createAnatomy('card', ['root', 'title', 'content'])
diff --git a/website/theme/recipes/code-tabs.recipe.ts b/website/theme/recipes/code-tabs.recipe.ts
@@ -1,4 +1,4 @@
-import { tabsAnatomy } from '@ark-ui/anatomy'
+import { tabsAnatomy } from '@ark-ui/react/tabs'
 import { defineParts, defineRecipe } from '@pandacss/dev'
 
 const parts = defineParts(tabsAnatomy.build())
diff --git a/website/theme/recipes/input.recipe.ts b/website/theme/recipes/input.recipe.ts
@@ -1,4 +1,4 @@
-import { createAnatomy } from '@ark-ui/anatomy'
+import { createAnatomy } from '@ark-ui/react/anatomy'
 import { defineParts, defineRecipe } from '@pandacss/dev'
 
 const anatomy = createAnatomy('input', ['input', 'leftIcon', 'rightIcon'])
diff --git a/website/theme/recipes/navbar.recipe.ts b/website/theme/recipes/navbar.recipe.ts
@@ -1,4 +1,4 @@
-import { createAnatomy } from '@ark-ui/anatomy'
+import { createAnatomy } from '@ark-ui/react/anatomy'
 import { defineParts, defineRecipe } from '@pandacss/dev'
 
 const anatomy = createAnatomy('navbar', [
diff --git a/website/theme/recipes/nextra-banner.recipe.ts b/website/theme/recipes/nextra-banner.recipe.ts
@@ -1,4 +1,4 @@
-import { createAnatomy } from '@ark-ui/anatomy'
+import { createAnatomy } from '@ark-ui/react/anatomy'
 import { defineParts, defineRecipe } from '@pandacss/dev'
 
 const anatomy = createAnatomy('banner', [
diff --git a/website/theme/recipes/nextra-tabs.recipe.ts b/website/theme/recipes/nextra-tabs.recipe.ts
@@ -1,4 +1,4 @@
-import { tabsAnatomy } from '@ark-ui/anatomy'
+import { tabsAnatomy } from '@ark-ui/react/tabs'
 import { defineParts, defineRecipe } from '@pandacss/dev'
 
 const parts = defineParts(tabsAnatomy.build())

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { toastAnatomy } from '@ark-ui/anatomy'`
	`1`	`+import { toastAnatomy } from '@ark-ui/react/toast'`
`2`	`2`	`import { defineParts, defineRecipe } from '@pandacss/dev'`
`3`	`3`
`4`	`4`	`const parts = defineParts({`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { createAnatomy } from '@ark-ui/anatomy'`
	`1`	`+import { createAnatomy } from '@ark-ui/react/anatomy'`
`2`	`2`	`import { defineParts, defineRecipe } from '@pandacss/dev'`
`3`	`3`
`4`	`4`	`const anatomy = createAnatomy('button', ['leftIcon', 'rightIcon'])`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { tabsAnatomy } from '@ark-ui/anatomy'`
	`1`	`+import { tabsAnatomy } from '@ark-ui/react/tabs'`
`2`	`2`	`import { defineParts, defineRecipe } from '@pandacss/dev'`
`3`	`3`
`4`	`4`	`const parts = defineParts(tabsAnatomy.build())`