From d1ec3f87354883d1123091e61ac939626cf5db4b Mon Sep 17 00:00:00 2001
From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
Date: Wed, 23 Aug 2023 08:18:18 +0000
Subject: [PATCH 1/6] feat: init button component

---
 src/components/button/Button.stories.tsx | 25 ++++++++++++++++++++++++
 src/components/button/Button.tsx         | 13 ++++++++++++
 src/index.ts                             |  1 +
 3 files changed, 39 insertions(+)
 create mode 100644 src/components/button/Button.stories.tsx
 create mode 100644 src/components/button/Button.tsx

diff --git a/src/components/button/Button.stories.tsx b/src/components/button/Button.stories.tsx
new file mode 100644
index 0000000..81198f4
--- /dev/null
+++ b/src/components/button/Button.stories.tsx
@@ -0,0 +1,25 @@
+import { Meta } from "@storybook/react";
+import { Button } from "./Button";
+import { StoryObj } from "@storybook/react";
+
+const meta = {
+	title: "Elements/Button",
+	component: Button,
+	parameters: {
+		layout: "centered"
+	},
+	argTypes: {
+		onClick: { action: "clicked" }
+	},
+	tags: ["autodocs"]
+} satisfies Meta<typeof Button>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const PrimaryButton: Story = {
+	args: {
+		children: "Hello World"
+	}
+};
diff --git a/src/components/button/Button.tsx b/src/components/button/Button.tsx
new file mode 100644
index 0000000..5a03acd
--- /dev/null
+++ b/src/components/button/Button.tsx
@@ -0,0 +1,13 @@
+import React, { ButtonHTMLAttributes } from "react";
+import { cn } from "../../utilities/index";
+
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {}
+
+export function Button({ className, ...rest }: ButtonProps) {
+	return (
+		<button
+			className={cn("bg-primary-500 rounded-md py-1 px-3 text-theme-text-negative", className)}
+			{...rest}
+		/>
+	);
+}
diff --git a/src/index.ts b/src/index.ts
index 03e1285..9a29c7c 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,2 +1,3 @@
 export { cn } from "./utilities/index";
 export { zenmlPlugin, zenmlPreset } from "./tailwind/index";
+export { Button, ButtonProps } from "./components/button/Button";

From d7908ae7c4117310c060b69fa55fd62c8e4e2feb Mon Sep 17 00:00:00 2001
From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
Date: Wed, 23 Aug 2023 08:43:27 +0000
Subject: [PATCH 2/6] feat: add cva

---
 package.json                     |  1 +
 pnpm-lock.yaml                   |  9 +++++++++
 src/components/button/Button.tsx | 14 +++++++-------
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index fb94405..a43a421 100644
--- a/package.json
+++ b/package.json
@@ -58,6 +58,7 @@
 		"*.{css,js,md,ts,jsx,tsx,ts}": "prettier --write"
 	},
 	"dependencies": {
+		"class-variance-authority": "^0.7.0",
 		"clsx": "^2.0.0",
 		"tailwind-merge": "^1.14.0",
 		"tailwindcss": "^3.3.3"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 605cb6c..4fd97a6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ dependencies:
   '@types/react-dom':
     specifier: ^18.0.0
     version: 18.2.7
+  class-variance-authority:
+    specifier: ^0.7.0
+    version: 0.7.0
   clsx:
     specifier: ^2.0.0
     version: 2.0.0
@@ -4625,6 +4628,12 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /class-variance-authority@0.7.0:
+    resolution: {integrity: sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==}
+    dependencies:
+      clsx: 2.0.0
+    dev: false
+
   /clean-stack@2.2.0:
     resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
     engines: {node: '>=6'}
diff --git a/src/components/button/Button.tsx b/src/components/button/Button.tsx
index 5a03acd..ea000b1 100644
--- a/src/components/button/Button.tsx
+++ b/src/components/button/Button.tsx
@@ -1,13 +1,13 @@
 import React, { ButtonHTMLAttributes } from "react";
+import { type VariantProps, cva } from "class-variance-authority";
 import { cn } from "../../utilities/index";
 
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {}
+const buttonVariants = cva("bg-primary-500 rounded-md py-1 px-3 text-theme-text-negative");
+
+export interface ButtonProps
+	extends ButtonHTMLAttributes<HTMLButtonElement>,
+		VariantProps<typeof buttonVariants> {}
 
 export function Button({ className, ...rest }: ButtonProps) {
-	return (
-		<button
-			className={cn("bg-primary-500 rounded-md py-1 px-3 text-theme-text-negative", className)}
-			{...rest}
-		/>
-	);
+	return <button className={cn(buttonVariants(), className)} {...rest} />;
 }

From 25c9b0fc122ea52c16bbd6c5b079facdf05b1d14 Mon Sep 17 00:00:00 2001
From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
Date: Wed, 23 Aug 2023 09:23:01 +0000
Subject: [PATCH 3/6] feat: add variants & sizes

---
 src/components/button/Button.stories.tsx | 18 +++++++++++--
 src/components/button/Button.tsx         | 32 +++++++++++++++++++++---
 2 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/src/components/button/Button.stories.tsx b/src/components/button/Button.stories.tsx
index 81198f4..50ba242 100644
--- a/src/components/button/Button.stories.tsx
+++ b/src/components/button/Button.stories.tsx
@@ -9,7 +9,19 @@ const meta = {
 		layout: "centered"
 	},
 	argTypes: {
-		onClick: { action: "clicked" }
+		onClick: { action: "clicked" },
+		size: {
+			description: "defining the size of the button",
+			control: "select",
+			defaultValue: "sm",
+			options: ["sm", "lg", "xl"]
+		},
+		intent: {
+			description: "defining the intent of the button",
+			defaultValue: "primary",
+			control: "select",
+			options: ["primary", "secondary", "danger"]
+		}
 	},
 	tags: ["autodocs"]
 } satisfies Meta<typeof Button>;
@@ -20,6 +32,8 @@ type Story = StoryObj<typeof meta>;
 
 export const PrimaryButton: Story = {
 	args: {
-		children: "Hello World"
+		children: "Hello World",
+		size: "sm",
+		intent: "primary"
 	}
 };
diff --git a/src/components/button/Button.tsx b/src/components/button/Button.tsx
index ea000b1..3c84467 100644
--- a/src/components/button/Button.tsx
+++ b/src/components/button/Button.tsx
@@ -2,12 +2,38 @@ import React, { ButtonHTMLAttributes } from "react";
 import { type VariantProps, cva } from "class-variance-authority";
 import { cn } from "../../utilities/index";
 
-const buttonVariants = cva("bg-primary-500 rounded-md py-1 px-3 text-theme-text-negative");
+const buttonVariants = cva(
+	"transition-all duration-200 flex gap-1 items-center font-semibold disabled:pointer-events-none",
+	{
+		variants: {
+			intent: {
+				primary:
+					"bg-primary-500 text-white hover:bg-primary-400 active:ring-[#E4D8FD] active:bg-primary-500 active-visible:outline-none active:ring-4 disabled:bg-primary-50",
+				secondary:
+					"bg-neutral-200 text-theme-text-primary hover:bg-neutral-300 active-visible:outline-none active:bg-neutral-400 active:ring-4 active:ring-[#E5E7EB] disabled:text-neutral-100",
+				transparent:
+					"bg-transparent text-theme-text-secondary hover:bg-neutral-300 hover:text-theme-text-primary active:bg-neutral-400 active:outline-none active:ring-4 active:ring-[#E5E7EB] disabled:text-theme-text-tertiary",
+				headless: "",
+				danger:
+					"bg-error-600 text-white hover:bg-error-500 active:ring-error-50 active:bg-error-600 active-visible:outline-none active:ring-4 disabled:bg-error-50"
+			},
+			size: {
+				sm: "rounded-md py-1 px-2",
+				lg: "rounded-md py-2 px-3",
+				xl: "rounded-md py-3 px-5"
+			}
+		},
+		defaultVariants: {
+			intent: "primary",
+			size: "sm"
+		}
+	}
+);
 
 export interface ButtonProps
 	extends ButtonHTMLAttributes<HTMLButtonElement>,
 		VariantProps<typeof buttonVariants> {}
 
-export function Button({ className, ...rest }: ButtonProps) {
-	return <button className={cn(buttonVariants(), className)} {...rest} />;
+export function Button({ intent, size, className, ...rest }: ButtonProps) {
+	return <button className={cn(buttonVariants({ intent, size }), className)} {...rest} />;
 }

From d54dd91e59778dd8862fae4dff97beeaa20d51cd Mon Sep 17 00:00:00 2001
From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
Date: Wed, 23 Aug 2023 09:56:11 +0000
Subject: [PATCH 4/6] feat: add slot

---
 package.json                     |  2 ++
 pnpm-lock.yaml                   |  7 +++----
 src/components/button/Button.tsx | 18 +++++++++++-------
 3 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index a43a421..706c01f 100644
--- a/package.json
+++ b/package.json
@@ -46,6 +46,7 @@
 		"changeset": "changeset && pnpm install",
 		"changeset:publish": "changeset publish",
 		"changeset:version": "changeset version && pnpm install --lockfile-only",
+		"dev": "tsup --watch",
 		"format": "prettier -w src",
 		"prepare": "husky install",
 		"prepublishOnly": "pnpm build",
@@ -58,6 +59,7 @@
 		"*.{css,js,md,ts,jsx,tsx,ts}": "prettier --write"
 	},
 	"dependencies": {
+		"@radix-ui/react-slot": "^1.0.2",
 		"class-variance-authority": "^0.7.0",
 		"clsx": "^2.0.0",
 		"tailwind-merge": "^1.14.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4fd97a6..0053322 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,6 +5,9 @@ settings:
   excludeLinksFromLockfile: false
 
 dependencies:
+  '@radix-ui/react-slot':
+    specifier: ^1.0.2
+    version: 1.0.2(react@18.2.0)
   '@types/react':
     specifier: ^18.0.0
     version: 18.2.20
@@ -1375,7 +1378,6 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.0
-    dev: true
 
   /@babel/template@7.22.5:
     resolution: {integrity: sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==}
@@ -2116,7 +2118,6 @@ packages:
     dependencies:
       '@babel/runtime': 7.22.10
       react: 18.2.0
-    dev: true
 
   /@radix-ui/react-context@1.0.1(react@18.2.0):
     resolution: {integrity: sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==}
@@ -2378,7 +2379,6 @@ packages:
       '@babel/runtime': 7.22.10
       '@radix-ui/react-compose-refs': 1.0.1(react@18.2.0)
       react: 18.2.0
-    dev: true
 
   /@radix-ui/react-toggle-group@1.0.4(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==}
@@ -8183,7 +8183,6 @@ packages:
 
   /regenerator-runtime@0.14.0:
     resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
-    dev: true
 
   /regenerator-transform@0.15.2:
     resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==}
diff --git a/src/components/button/Button.tsx b/src/components/button/Button.tsx
index 3c84467..b7a2094 100644
--- a/src/components/button/Button.tsx
+++ b/src/components/button/Button.tsx
@@ -1,9 +1,10 @@
 import React, { ButtonHTMLAttributes } from "react";
+import { Slot } from "@radix-ui/react-slot";
 import { type VariantProps, cva } from "class-variance-authority";
 import { cn } from "../../utilities/index";
 
 const buttonVariants = cva(
-	"transition-all duration-200 flex gap-1 items-center font-semibold disabled:pointer-events-none",
+	"transition-all duration-200 flex gap-1 items-center rounded-md font-semibold disabled:pointer-events-none",
 	{
 		variants: {
 			intent: {
@@ -18,9 +19,9 @@ const buttonVariants = cva(
 					"bg-error-600 text-white hover:bg-error-500 active:ring-error-50 active:bg-error-600 active-visible:outline-none active:ring-4 disabled:bg-error-50"
 			},
 			size: {
-				sm: "rounded-md py-1 px-2",
-				lg: "rounded-md py-2 px-3",
-				xl: "rounded-md py-3 px-5"
+				sm: "py-1 px-2",
+				lg: "py-2 px-3",
+				xl: "py-3 px-5"
 			}
 		},
 		defaultVariants: {
@@ -32,8 +33,11 @@ const buttonVariants = cva(
 
 export interface ButtonProps
 	extends ButtonHTMLAttributes<HTMLButtonElement>,
-		VariantProps<typeof buttonVariants> {}
+		VariantProps<typeof buttonVariants> {
+	asChild?: boolean;
+}
 
-export function Button({ intent, size, className, ...rest }: ButtonProps) {
-	return <button className={cn(buttonVariants({ intent, size }), className)} {...rest} />;
+export function Button({ intent, size, className, asChild, ...rest }: ButtonProps) {
+	const Comp = asChild ? Slot : "button";
+	return <Comp className={cn(buttonVariants({ intent, size }), className)} {...rest} />;
 }

From ecfdb4ecb6d5be6e23a54581ebdead7ba8efaa29 Mon Sep 17 00:00:00 2001
From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
Date: Wed, 23 Aug 2023 11:47:47 +0000
Subject: [PATCH 5/6] feat: add other variants

---
 src/components/button/Button.stories.tsx      | 86 +++++++++++++++++-
 src/components/button/Button.tsx              | 87 ++++++++++++++++---
 .../{Button.stories.ts => Button.story.ts}    |  0
 .../{Header.stories.ts => Header.story.ts}    |  0
 .../{Page.stories.ts => Page.story.ts}        |  0
 5 files changed, 158 insertions(+), 15 deletions(-)
 rename src/stories/{Button.stories.ts => Button.story.ts} (100%)
 rename src/stories/{Header.stories.ts => Header.story.ts} (100%)
 rename src/stories/{Page.stories.ts => Page.story.ts} (100%)

diff --git a/src/components/button/Button.stories.tsx b/src/components/button/Button.stories.tsx
index 50ba242..422cf6a 100644
--- a/src/components/button/Button.stories.tsx
+++ b/src/components/button/Button.stories.tsx
@@ -21,6 +21,17 @@ const meta = {
 			defaultValue: "primary",
 			control: "select",
 			options: ["primary", "secondary", "danger"]
+		},
+		asChild: {
+			description: "if true, the props of the button are getting merged to the first child",
+			defaultValue: false,
+			control: "boolean"
+		},
+		emphasis: {
+			description: "emphasis of the button",
+			defaultValue: "bold",
+			control: "select",
+			options: ["bold", "subtle", "minimal"]
 		}
 	},
 	tags: ["autodocs"]
@@ -30,10 +41,83 @@ export default meta;
 
 type Story = StoryObj<typeof meta>;
 
-export const PrimaryButton: Story = {
+export const Primary: Story = {
+	args: {
+		children: "Hello World",
+		size: "sm",
+		intent: "primary",
+		emphasis: "bold"
+	}
+};
+
+export const Secondary: Story = {
+	args: {
+		children: "Hello World",
+		size: "sm",
+		intent: "secondary",
+		emphasis: "bold"
+	}
+};
+
+export const Danger: Story = {
+	args: {
+		children: "Hello World",
+		size: "sm",
+		intent: "danger",
+		emphasis: "bold"
+	}
+};
+
+export const Small: Story = {
 	args: {
 		children: "Hello World",
 		size: "sm",
+		intent: "primary",
+		emphasis: "bold"
+	}
+};
+
+export const Large: Story = {
+	args: {
+		children: "Hello World",
+		size: "lg",
+		intent: "primary",
+		emphasis: "bold"
+	}
+};
+
+export const ExtraLarge: Story = {
+	args: {
+		children: "Hello World",
+		size: "xl",
+		intent: "primary",
+		emphasis: "bold"
+	}
+};
+
+export const Bold: Story = {
+	args: {
+		children: "Hello World",
+		emphasis: "bold",
+		size: "xl",
 		intent: "primary"
 	}
 };
+
+export const Subtle: Story = {
+	args: {
+		children: "Hello World",
+		size: "xl",
+		emphasis: "subtle",
+		intent: "primary"
+	}
+};
+
+export const Minimal: Story = {
+	args: {
+		children: "Hello World",
+		size: "xl",
+		intent: "primary",
+		emphasis: "minimal"
+	}
+};
diff --git a/src/components/button/Button.tsx b/src/components/button/Button.tsx
index b7a2094..75b5225 100644
--- a/src/components/button/Button.tsx
+++ b/src/components/button/Button.tsx
@@ -4,19 +4,18 @@ import { type VariantProps, cva } from "class-variance-authority";
 import { cn } from "../../utilities/index";
 
 const buttonVariants = cva(
-	"transition-all duration-200 flex gap-1 items-center rounded-md font-semibold disabled:pointer-events-none",
+	"transition-all rounded-md duration-200 flex gap-1 items-center font-semibold disabled:pointer-events-none",
 	{
 		variants: {
+			emphasis: {
+				bold: "",
+				subtle: "",
+				minimal: ""
+			},
 			intent: {
-				primary:
-					"bg-primary-500 text-white hover:bg-primary-400 active:ring-[#E4D8FD] active:bg-primary-500 active-visible:outline-none active:ring-4 disabled:bg-primary-50",
-				secondary:
-					"bg-neutral-200 text-theme-text-primary hover:bg-neutral-300 active-visible:outline-none active:bg-neutral-400 active:ring-4 active:ring-[#E5E7EB] disabled:text-neutral-100",
-				transparent:
-					"bg-transparent text-theme-text-secondary hover:bg-neutral-300 hover:text-theme-text-primary active:bg-neutral-400 active:outline-none active:ring-4 active:ring-[#E5E7EB] disabled:text-theme-text-tertiary",
-				headless: "",
-				danger:
-					"bg-error-600 text-white hover:bg-error-500 active:ring-error-50 active:bg-error-600 active-visible:outline-none active:ring-4 disabled:bg-error-50"
+				primary: "",
+				secondary: "",
+				danger: ""
 			},
 			size: {
 				sm: "py-1 px-2",
@@ -24,9 +23,69 @@ const buttonVariants = cva(
 				xl: "py-3 px-5"
 			}
 		},
+		compoundVariants: [
+			// Primary
+			{
+				emphasis: "bold",
+				intent: "primary",
+				class:
+					"bg-primary-500 text-white hover:bg-primary-400 active:ring-[#E4D8FD] active:bg-primary-500 focus-visible:outline-none active:ring-4 disabled:bg-primary-50"
+			},
+			{
+				emphasis: "subtle",
+				intent: "primary",
+				class:
+					"border border-primary-400 text-primary-600 hover:bg-primary-50 active:bg-primary-100 active:ring-[#E4D8FD] active:ring-4 disabled:border-primary-100 disabled:text-primary-100"
+			},
+			{
+				emphasis: "minimal",
+				intent: "primary",
+				class:
+					"text-primary-600 hover:bg-primary-50 active:bg-primary-100 active:ring-[#E4D8FD] active:ring-4 disabled:text-primary-100"
+			},
+			// Secondary
+			{
+				emphasis: "bold",
+				intent: "secondary",
+				class:
+					"bg-neutral-200 text-theme-text-primary hover:bg-neutral-300 focus-visible:outline-none active:bg-neutral-400 active:ring-4 active:ring-[#E5E7EB] disabled:text-neutral-300"
+			},
+			{
+				emphasis: "subtle",
+				intent: "secondary",
+				class:
+					"border border-neutral-300 text-neutral-900 hover:bg-neutral-100 active:border-neutral-400 active:bg-neutral-300 active:ring-4 active:ring-neutral-100 disabled:border-neutral-300 disabled:text-neutral-300"
+			},
+			{
+				emphasis: "minimal",
+				intent: "secondary",
+				class:
+					"text-primary-900 hover:bg-neutral-200 active:bg-neutral-300 active:ring-4 active:ring-neutral-100 disabled:text-neutral-300"
+			},
+			// Danger
+			{
+				emphasis: "bold",
+				intent: "danger",
+				class:
+					"bg-error-600 text-white hover:bg-error-500 active:ring-error-50 active:bg-error-600 focus-visible:outline-none active:ring-4 disabled:bg-error-100"
+			},
+			{
+				emphasis: "subtle",
+				intent: "danger",
+				class:
+					"border border-error-600 text-error-700 hover:bg-error-50 active:bg-error-100 active:ring-4 active:ring-error-50 disabled:border-error-100 disabled:text-error-100"
+			},
+			{
+				emphasis: "minimal",
+				intent: "danger",
+				class:
+					"text-error-700 hover:bg-error-50 active:bg-error-100 active:ring-4 active:ring-error-50 disabled:text-error-100"
+			}
+		],
 		defaultVariants: {
-			intent: "primary",
-			size: "sm"
+			size: "sm",
+			emphasis: "bold",
+			intent: "primary"
 		}
 	}
 );
@@ -37,7 +96,7 @@ export interface ButtonProps
 	asChild?: boolean;
 }
 
-export function Button({ intent, size, className, asChild, ...rest }: ButtonProps) {
+export function Button({ intent, size, className, asChild, emphasis, ...rest }: ButtonProps) {
 	const Comp = asChild ? Slot : "button";
-	return <Comp className={cn(buttonVariants({ intent, size }), className)} {...rest} />;
+	return <Comp className={cn(buttonVariants({ intent, size, emphasis }), className)} {...rest} />;
 }
diff --git a/src/stories/Button.stories.ts b/src/stories/Button.story.ts
similarity index 100%
rename from src/stories/Button.stories.ts
rename to src/stories/Button.story.ts
diff --git a/src/stories/Header.stories.ts b/src/stories/Header.story.ts
similarity index 100%
rename from src/stories/Header.stories.ts
rename to src/stories/Header.story.ts
diff --git a/src/stories/Page.stories.ts b/src/stories/Page.story.ts
similarity index 100%
rename from src/stories/Page.stories.ts
rename to src/stories/Page.story.ts

From d864b13a59740c44e06541efd27c2fd6762f2bf9 Mon Sep 17 00:00:00 2001
From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
Date: Wed, 23 Aug 2023 11:49:08 +0000
Subject: [PATCH 6/6] feat: add changeset

---
 .changeset/afraid-steaks-give.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/afraid-steaks-give.md

diff --git a/.changeset/afraid-steaks-give.md b/.changeset/afraid-steaks-give.md
new file mode 100644
index 0000000..e1a1ed1
--- /dev/null
+++ b/.changeset/afraid-steaks-give.md
@@ -0,0 +1,5 @@
+---
+"@zenml-io/react-component-library": minor
+---
+
+add initial version of the button component to the library