diff --git a/packages/storybook-framework-tybalt-example/components/one.stories.ts b/packages/storybook-framework-tybalt-example/components/one.stories.ts
index 9eefde59..180a7467 100644
--- a/packages/storybook-framework-tybalt-example/components/one.stories.ts
+++ b/packages/storybook-framework-tybalt-example/components/one.stories.ts
@@ -10,10 +10,14 @@ export default meta;
 
 type Story = StoryObj;
 
+export const Default: Story = {
+  render: () => html`<tybalt-one></tybalt-one>`,
+};
+
 export const Primary: Story = {
   render: () => html`<tybalt-one prop="primary"></tybalt-one>`,
 };
 
 export const Secondary: Story = {
     render: () => html`<tybalt-one prop="secondary"></tybalt-one>`,
-  };
+};
diff --git a/packages/storybook-framework-tybalt-example/components/two.stories.ts b/packages/storybook-framework-tybalt-example/components/two.stories.ts
index 71f11972..3c2bc46c 100644
--- a/packages/storybook-framework-tybalt-example/components/two.stories.ts
+++ b/packages/storybook-framework-tybalt-example/components/two.stories.ts
@@ -1,6 +1,5 @@
 
 import type { Meta, StoryObj } from 'storybook-framework-tybalt';
-
 import { html } from '@tybalt/core';
 
 const meta: Meta = {
@@ -10,6 +9,10 @@ export default meta;
 
 type Story = StoryObj;
 
+export const Default: Story = {
+  render: () => html`<tybalt-two></tybalt-two>`,
+};
+
 export const Primary: Story = {
   render: () => html`<tybalt-two prop="primary"></tybalt-two>`,
 };
@@ -19,5 +22,5 @@ export const Secondary: Story = {
 };
 
 export const Tertiary: Story = {
-  render: () => html`<tybalt-two prop="secondary"></tybalt-two>`,
+  render: () => html`<tybalt-two prop="tertiary"></tybalt-two>`,
 };
diff --git a/packages/storybook-framework-tybalt-example/components/two.ts b/packages/storybook-framework-tybalt-example/components/two.ts
index e69de29b..67accb3f 100644
--- a/packages/storybook-framework-tybalt-example/components/two.ts
+++ b/packages/storybook-framework-tybalt-example/components/two.ts
@@ -0,0 +1,11 @@
+import { defineComponent, html } from "@tybalt/core";
+
+export default defineComponent({
+    name: 'tybalt-two',
+    props: {
+        prop: { default: 'primary' }
+    },
+    render({ prop }) {
+        return html`<div>two: ${prop}</div>`;
+    }
+});
\ No newline at end of file
diff --git a/packages/storybook-framework-tybalt/package.json b/packages/storybook-framework-tybalt/package.json
index e7ce8be0..ec4edc2b 100644
--- a/packages/storybook-framework-tybalt/package.json
+++ b/packages/storybook-framework-tybalt/package.json
@@ -3,9 +3,12 @@
   "version": "0.0.19",
   "description": "Framework for using storybook with tybalt",
   "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": ["dist/**/*", "types/**/*", "README.md", "*.js", "*.d.ts"],
   "scripts": {
     "build": "tsc index.ts --outDir dist",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"no tests yet\" && exit 0"
   },
   "devDependencies": {
     "typescript": "^4.1.3"
@@ -27,9 +30,20 @@
   },
   "exports": {
     ".": {
-      "types": "./index.d.ts",
-      "require": "./dist/index.js"
-    }
-  },
-  "types": "./index.d.ts"
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    },
+    "./preset": {
+      "types": "./dist/preset.d.ts",
+      "require": "./dist/preset.js",
+      "import": "./dist/preset.mjs"
+    },
+    "./preview.js": {
+      "types": "./dist/preview.d.ts",
+      "require": "./dist/preview.js",
+      "import": "./dist/preview.mjs"
+    },
+    "./package.json": "./package.json"
+  }
 }