diff --git a/packages/react/stories/Button.stories.tsx b/packages/react/stories/Button.stories.tsx
deleted file mode 100644
index 4932ca3..0000000
--- a/packages/react/stories/Button.stories.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Button } from "../components/Button";
-
-export default {
-  title: "React/Button",
-};
-
-export const Default = () => {
-  return <Button preset="default">Button</Button>;
-};
-export const Ghost = () => {
-  return <Button preset="ghost">Ghost Button</Button>;
-};
-
-export const Link = () => {
-  return <Button preset="link">Link Button</Button>;
-};
-
-export const Success = () => {
-  return <Button preset="success">Success Button</Button>;
-};
-
-export const Warning = () => {
-  return <Button preset="warning">Warning Button</Button>;
-};
-
-export const Danger = () => {
-  return <Button preset="danger">Danger Button</Button>;
-};
-
-export const AsChild = () => {
-  return (
-    <Button asChild preset="default">
-      <a href="https://google.com">As Child Button</a>
-    </Button>
-  );
-};
diff --git a/packages/react/stories/Checkbox.stories.tsx b/packages/react/stories/Checkbox.stories.tsx
deleted file mode 100644
index 688515f..0000000
--- a/packages/react/stories/Checkbox.stories.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React from "react";
-import { Checkbox } from "../components/Checkbox";
-import { Label } from "../components/Label";
-import { Toaster, useToast } from "../components/Toast";
-
-export default {
-  title: "React/Checkbox",
-};
-
-export const Default = () => {
-  return <Checkbox />;
-};
-
-export const DefaultChecked = () => {
-  return <Checkbox defaultChecked />;
-};
-
-export const Controlled = () => {
-  const [state, setState] = React.useState(false);
-  const { toast } = useToast();
-
-  React.useEffect(() => {
-    toast({
-      title: "Checkbox Toggled",
-      description: `Checkbox state changed to ${state}`,
-      status: state ? "success" : "error",
-    });
-  }, [state]);
-
-  return (
-    <>
-      <Toaster />
-      <Checkbox
-        checked={state}
-        onChange={(e) => {
-          setState(e.currentTarget.checked);
-        }}
-      />
-    </>
-  );
-};
-
-export const UsingWithLabel = () => {
-  return (
-    <Label direction="horizontal">
-      <Checkbox />
-      <span>Check this out</span>
-    </Label>
-  );
-};
-
-export const Disabled = () => {
-  return (
-    <Label direction="horizontal">
-      <Checkbox disabled />
-      <span>Disabled checkbox</span>
-    </Label>
-  );
-};
-
-export const DisabledChecked = () => {
-  return (
-    <Label direction="horizontal">
-      <Checkbox disabled checked />
-      <span>Disabled checkbox</span>
-    </Label>
-  );
-};
-
-export const BaseSize = () => {
-  return (
-    <Label direction="horizontal">
-      <Checkbox size="base" />
-      <span>Base</span>
-    </Label>
-  );
-};
-
-export const MediumSize = () => {
-  return (
-    <Label direction="horizontal">
-      <Checkbox size="md" />
-      <span>Medium</span>
-    </Label>
-  );
-};
-
-export const LargeSize = () => {
-  return (
-    <Label direction="horizontal">
-      <Checkbox size="lg" />
-      <span>Large</span>
-    </Label>
-  );
-};