update registry

Author: cschroeter

website/public/registry/components/react/icon-button.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "https://next.park-ui.com/schema/registry-item.json",
+  "id": "icon-button",
+  "type": "component",
+  "files": [
+    {
+      "type": "component",
+      "fileName": "icon-button.ts",
+      "content": "import { ark } from '@ark-ui/react/factory'\nimport { styled } from 'styled-system/jsx'\nimport { type ButtonVariantProps, button } from 'styled-system/recipes'\nimport type { ComponentProps } from 'styled-system/types'\n\nexport type IconButtonProps = ComponentProps<typeof IconButton>\nexport const IconButton = styled(ark.button, button, {\n  defaultProps: { px: '0' } as ButtonVariantProps,\n})\n",
+      "indexFile": {
+        "exports": [
+          {
+            "type": "named",
+            "symbols": [
+              {
+                "name": "IconButton",
+                "isType": false
+              },
+              {
+                "name": "IconButtonProps",
+                "isType": true
+              }
+            ],
+            "moduleSpecifier": "./icon-button"
+          }
+        ]
+      }
+    }
+  ]
+}

website/public/registry/components/react/icon.json

@@ -0,0 +1,59 @@
+{
+  "$schema": "https://next.park-ui.com/schema/registry-item.json",
+  "id": "icon",
+  "type": "component",
+  "files": [
+    {
+      "type": "component",
+      "fileName": "icon.ts",
+      "content": "import { ark } from '@ark-ui/react/factory'\nimport { styled } from 'styled-system/jsx'\nimport { icon } from 'styled-system/recipes'\nimport type { ComponentProps } from 'styled-system/types'\n\nexport type IconProps = ComponentProps<typeof Icon>\nexport const Icon = styled(ark.svg, icon, {\n  defaultProps: { asChild: true },\n})\n",
+      "indexFile": {
+        "exports": [
+          {
+            "type": "named",
+            "symbols": [
+              {
+                "name": "Icon",
+                "isType": false
+              },
+              {
+                "name": "IconProps",
+                "isType": true
+              }
+            ],
+            "moduleSpecifier": "./icon"
+          }
+        ]
+      }
+    },
+    {
+      "type": "recipe",
+      "fileName": "icon.ts",
+      "content": "import { defineRecipe } from '@pandacss/dev'\n\nexport const icon = defineRecipe({\n  className: 'icon',\n  base: {\n    color: 'currentcolor',\n    display: 'inline-block',\n    flexShrink: '0',\n    verticalAlign: 'middle',\n    lineHeight: '1em',\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n  variants: {\n    size: {\n      xs: {\n        w: '3',\n        h: '3',\n      },\n      sm: {\n        w: '4',\n        h: '4',\n      },\n      md: {\n        w: '5',\n        h: '5',\n      },\n      lg: {\n        w: '6',\n        h: '6',\n      },\n      xl: {\n        w: '7',\n        h: '7',\n      },\n      '2xl': {\n        w: '8',\n        h: '8',\n      },\n    },\n  },\n})\n",
+      "indexFile": {
+        "imports": [
+          {
+            "type": "named",
+            "moduleSpecifier": "./icon",
+            "symbols": [
+              {
+                "name": "icon"
+              }
+            ]
+          }
+        ],
+        "exports": [
+          {
+            "type": "object-literal",
+            "variableName": "recipes",
+            "properties": [
+              {
+                "name": "icon"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
+}

website/public/registry/components/react/index.json

@@ -17,6 +17,12 @@
   {
     "id": "heading"
   },
+  {
+    "id": "icon"
+  },
+  {
+    "id": "icon-button"
+  },
   {
     "id": "input"
   },