build: update registry

docs/components/example/index.json

@@ -1,8 +1,9 @@
 {
+  "action-button-brand-outline": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonBrandOutline() {\n  return <ActionButton variant=\"brandOutline\">라벨</ActionButton>;\n}",
   "action-button-brand-solid": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonBrandSolid() {\n  return <ActionButton variant=\"brandSolid\">라벨</ActionButton>;\n}",
-  "action-button-brand-weak": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonBrandWeak() {\n  return <ActionButton variant=\"brandWeak\">라벨</ActionButton>;\n}",
   "action-button-danger-solid": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonDangerSolid() {\n  return <ActionButton variant=\"dangerSolid\">라벨</ActionButton>;\n}",
   "action-button-icon-only": "import { IconPlusFill } from \"@daangn/react-monochrome-icon\";\nimport { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonIconOnly() {\n  return (\n    <ActionButton layout=\"iconOnly\">\n      <IconPlusFill />\n    </ActionButton>\n  );\n}",
+  "action-button-neutral-outline": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonNeutralOutline() {\n  return <ActionButton variant=\"neutralOutline\">라벨</ActionButton>;\n}",
   "action-button-neutral-solid": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonNeutralSolid() {\n  return <ActionButton variant=\"neutralSolid\">라벨</ActionButton>;\n}",
   "action-button-neutral-weak": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonNeutralWeak() {\n  return <ActionButton variant=\"neutralWeak\">라벨</ActionButton>;\n}",
   "action-button-prefix-icon": "import { IconPlusFill } from \"@daangn/react-monochrome-icon\";\nimport { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonPrefixIcon() {\n  return <ActionButton prefixIcon={<IconPlusFill />}>라벨</ActionButton>;\n}",

docs/public/__registry__/ui/action-button.json

@@ -7,7 +7,7 @@
     {
       "name": "action-button.tsx",
       "type": "ui",
-      "content": "\"use client\";\n\nimport \"@seed-design/stylesheet/actionButton.css\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  actionButton,\n  type ActionButtonVariantProps,\n} from \"@seed-design/recipe/actionButton\";\n\nexport interface ActionButtonProps extends ActionButtonVariantProps {\n  prefixIcon?: React.ReactNode;\n\n  suffixIcon?: React.ReactNode;\n\n  /**\n   * @default false\n   */\n  asChild?: boolean;\n}\n\ninterface ReactActionButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    ActionButtonProps {}\n\n/**\n * @see https://v3.seed-design.io/docs/react/components/action-button\n */\nexport const ActionButton = React.forwardRef<\n  HTMLButtonElement,\n  ReactActionButtonProps\n>(\n  (\n    {\n      className,\n      variant = \"brandSolid\",\n      size = \"medium\",\n      children,\n      prefixIcon,\n      suffixIcon,\n      layout = \"withText\",\n      asChild = false,\n      ...otherProps\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const classNames = actionButton({ variant, layout, size });\n    return (\n      <Comp\n        ref={ref}\n        className={clsx(classNames.root, className)}\n        {...otherProps}\n      >\n        {prefixIcon && (\n          <Slot className={classNames.prefixIcon}>{prefixIcon}</Slot>\n        )}\n        {layout === \"withText\" ? (\n          <span className={classNames.label}>{children}</span>\n        ) : (\n          <Slot className={classNames.icon}>{children}</Slot>\n        )}\n        {suffixIcon && (\n          <Slot className={classNames.suffixIcon}>{suffixIcon}</Slot>\n        )}\n      </Comp>\n    );\n  },\n);\nActionButton.displayName = \"ActionButton\";\n"
+      "content": "\"use client\";\n\nimport \"@seed-design/stylesheet/actionButton.css\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  actionButton,\n  type ActionButtonVariantProps,\n} from \"@seed-design/recipe/actionButton\";\n\nexport interface ActionButtonProps extends ActionButtonVariantProps {\n  prefixIcon?: React.ReactNode;\n\n  suffixIcon?: React.ReactNode;\n\n  /**\n   * @default false\n   */\n  asChild?: boolean;\n}\n\ninterface ReactActionButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    ActionButtonProps {}\n\n/**\n * @see https://v3.seed-design.io/docs/react/components/action-button\n */\nexport const ActionButton = React.forwardRef<\n  HTMLButtonElement,\n  ReactActionButtonProps\n>(\n  (\n    {\n      className,\n      variant = \"brandSolid\",\n      size = \"medium\",\n      children,\n      prefixIcon,\n      suffixIcon,\n      layout = \"withText\",\n      asChild = false,\n      ...otherProps\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const classNames = actionButton({ variant, layout, size });\n    return (\n      <Comp\n        ref={ref}\n        className={clsx(classNames.root, className)}\n        {...otherProps}\n      >\n        {layout === \"withText\" ? (\n          <>\n            {prefixIcon && (\n              <Slot className={classNames.prefixIcon}>{prefixIcon}</Slot>\n            )}\n            <span className={classNames.label}>{children}</span>\n            {suffixIcon && (\n              <Slot className={classNames.suffixIcon}>{suffixIcon}</Slot>\n            )}\n          </>\n        ) : (\n          <Slot className={classNames.icon}>{children}</Slot>\n        )}\n      </Comp>\n    );\n  },\n);\nActionButton.displayName = \"ActionButton\";\n"
     }
   ]
 }