feat: Initialized package and storybook

.npmrc

@@ -1 +1,2 @@
-public-hoist-pattern[]=@nextui-org*
+public-hoist-pattern[]=@nextui-org*
+public-hoist-pattern[]=@storybook/*

.storybook/main.ts

@@ -4,12 +4,11 @@ const config: StorybookConfig = {
   stories: [
     "../stories/**/*.mdx",
     "../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+    "../packages/ui/src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
   ],
   addons: [
-    "@storybook/addon-onboarding",
     "@storybook/addon-links",
     "@storybook/addon-essentials",
-    "@chromatic-com/storybook",
     "@storybook/addon-interactions",
   ],
   framework: {

.storybook/preview.ts

@@ -1,4 +1,5 @@
 import type { Preview } from "@storybook/react";
+import '../global.css';
 
 const preview: Preview = {
   parameters: {

global.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package.json

@@ -1,9 +1,12 @@
 {
-  "name": "workspace",
+  "name": "@do-ob/ui",
   "private": true,
   "version": "0.0.0",
   "description": "do-ob workspace for mild components",
   "type": "module",
+  "exports": {
+    ".": "./packages/ui/src/index.ts"
+  },
   "scripts": {
     "build": "pnpm --filter './packages/*' build",
     "lint": "eslint ./packages",
@@ -13,8 +16,12 @@
   "keywords": [],
   "author": "",
   "license": "MIT",
+  "dependencies": {
+    "@heroicons/react": "^2.1.3",
+    "@nextui-org/react": "^2.4.1",
+    "framer-motion": "^11.2.10"
+  },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.5.0",
     "@do-ob/eslint-config": "^2.1.2",
     "@do-ob/ts-config": "^2.0.0",
     "@do-ob/vite-lib-config": "^3.0.1",
@@ -23,7 +30,6 @@
     "@storybook/addon-essentials": "^8.1.6",
     "@storybook/addon-interactions": "^8.1.6",
     "@storybook/addon-links": "^8.1.6",
-    "@storybook/addon-onboarding": "^8.1.6",
     "@storybook/blocks": "^8.1.6",
     "@storybook/react": "^8.1.6",
     "@storybook/react-vite": "^8.1.6",
@@ -38,8 +44,8 @@
     "eslint-plugin-tailwindcss": "^3.17.0",
     "framer-motion": "^11.2.10",
     "postcss": "^8.4.38",
-    "react": "19.0.0-rc-935180c7e0-20240524",
-    "react-dom": "19.0.0-rc-935180c7e0-20240524",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "storybook": "8.1.6",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5",

packages/README.md

@@ -0,0 +1 @@
+# Packages

packages/ui/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "@do-ob/mild",
+  "name": "@do-ob/ui",
   "version": "0.0.0",
-  "description": "A mild TailwindCSS component library for React 19+",
+  "description": "A TailwindCSS and NextUI (Open Source) components library for React.",
   "type": "module",
   "exports": {
     ".": {
@@ -20,18 +20,17 @@
     "react",
     "tailwindcss",
     "typescript",
-    "mild",
-    "minimal",
-    "unstyled"
+    "nextui"
   ],
   "author": "Eric Crowell <[email protected]> (https://do-ob.io)",
   "license": "MIT",
   "scripts": {
-    "build": "tsc"
+    "build": "tsc --project tsconfig.build.json"
   },
   "dependencies": {
-    "@headlessui/react": "2",
-    "@heroicons/react": "2"
+    "@heroicons/react": "^2.1.3",
+    "@nextui-org/react": "^2.4.1",
+    "framer-motion": "^11.2.10"
   },
   "peerDependencies": {
     "react": "rc"

packages/ui/src/Navigation/Navigation.stories.tsx

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { Navigation } from './Navigation';
+
+const meta = {
+  component: Navigation,
+  layout: 'fullscreen',
+} as Meta<typeof Navigation>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};

packages/ui/src/Navigation/Navigation.tsx

@@ -0,0 +1,13 @@
+import { Navbar, NavbarContent, NavbarBrand } from '@nextui-org/react';
+
+export function Navigation() {
+    return (
+        <Navbar className=''>
+            <NavbarContent>
+                <NavbarBrand>NextUI</NavbarBrand>
+            </NavbarContent>
+        </Navbar>
+    );
+}
+
+export default Navigation;

packages/ui/src/index.ts

@@ -0,0 +1 @@
+export { Navigation } from "./Navigation/Navigation";

packages/ui/tsconfig.build.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "declaration": true,
+    "allowImportingTsExtensions": false,
+    "emitDeclarationOnly": false,
+    "noEmit": false,
+    "declarationDir": "./dist",
+    "outDir": "./dist",
+  },
+  "include": ["src"],
+  "exclude": ["src/**/*.stories.tsx"]
+}

packages/ui/tsconfig.json

@@ -4,7 +4,9 @@
       "outDir": "./dist",
       "jsx": "react-jsx",
       "baseUrl": ".",
-      "emitDeclarationOnly": false,
+      "declaration": false,
+      "declarationDir": null,
+      "skipLibCheck": true,
       "paths": {
         "@do-ob/ui": ["src/index.ts"],
         "@do-ob/ui/*": ["src/*.ts"]