@b3-crow/ui-kit 0.0.19 → 0.0.23

package/.github/workflows/publish.yml

@@ -59,13 +59,17 @@ jobs:
       packages: write
     steps:
       - uses: actions/checkout@v4
+      - name: Pull latest version changes
+        run: git pull origin ${{ github.ref_name }}
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
       - uses: actions/setup-node@v4
         with:
           node-version: '20.x'
           registry-url: 'https://registry.npmjs.org'
-      - uses: pnpm/action-setup@v4
-      - run: pnpm install
-      - run: pnpm build
-      - run: pnpm publish --no-git-checks
+      - run: bun install
+      - run: bun run build
+      - run: bunx npm publish --no-git-checks
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.husky/pre-commit

@@ -1 +1 @@
-pnpm run lint-staged 
+bun run lint-staged 

package/.prettierignore

@@ -16,7 +16,7 @@ build/
 # Package manager files
 package-lock.json
 yarn.lock
-pnpm-lock.yaml
+bun.lock
 
 # IDE files
 .vscode/

package/README.md

@@ -1,12 +1,16 @@
 # CROW-B3 UI Kit
 
 CROW-B3 UI Kit is a set of UI components for CROW-B3 projects.
-A React component library built with shadcn/ui and Tailwind CSS v4.
+A React component library built with Framer Motion for smooth animations.
+
+## Preview
+
+![Coming Soon Page](./docs/screenshot.svg)
 
 ## Installation
 
 ```bash
-pnpm add @b3-crow/ui-kit
+bun add @b3-crow/ui-kit
 ```
 
 ## Local Development
@@ -20,44 +24,36 @@ pnpm add @b3-crow/ui-kit
 ### 1. Install Peer Dependencies
 
 ```bash
-pnpm add react react-dom
-pnpm add -D tailwindcss @tailwindcss/postcss postcss
-```
-
-### 2. Configure PostCSS
-
-Create or update `postcss.config.mjs`:
-
-```js
-export default {
-  plugins: {
-    '@tailwindcss/postcss': {},
-  },
-};
-```
-
-### 3. Import Styles
-
-Import the global styles in your app:
-
-```tsx
-import '@b3-crow/ui-kit/dist/styles/globals.css';
+bun add react react-dom framer-motion
 ```
 
 ## Usage
 
-### Button Component
+### Coming Soon Components
+
+The UI kit includes a complete Coming Soon page with animated components:
 
 ```tsx
-import { Button } from '@b3-crow/ui-kit';
+import {
+  AnimatedBackground,
+  HeroText,
+  Logo,
+  TypewriterText,
+  Subtitle,
+} from '@b3-crow/ui-kit';
 
 function App() {
   return (
     <div>
-      <Button>Click me</Button>
-      <Button variant="outline">Outline</Button>
-      <Button variant="destructive">Delete</Button>
-      <Button size="lg">Large</Button>
+      <AnimatedBackground />
+      <Logo src="/your-logo.png" alt="Your Logo" />
+      <HeroText text="Your Brand" />
+      <TypewriterText text="COMING SOON" />
+      <Subtitle>
+        Your subtitle text here
+        <br />
+        Can be multi-line with custom formatting
+      </Subtitle>
     </div>
   );
 }
@@ -65,32 +61,26 @@ function App() {
 
 ### Available Components
 
-- **Button**: Fully customizable button component with multiple variants and sizes
-
-### Utilities
-
-- **cn**: Utility function for merging Tailwind classes
-
-```tsx
-import { cn } from '@b3-crow/ui-kit';
-
-const className = cn('px-4 py-2', 'bg-blue-500', { 'text-white': true });
-```
+- **AnimatedBackground**: Animated gradient background with blurred circles
+- **HeroText**: Large gradient text with fade-in animation (requires `text` prop, optional `gradient` prop)
+- **Logo**: Animated logo component with breathing effect (requires `src` and `alt` props)
+- **TypewriterText**: Typewriter effect text with blinking cursor (requires `text` prop)
+- **Subtitle**: Subtitle text with fade-in animation (requires `children` for custom JSX content)
 
 ## Development
 
 ```bash
 # Install dependencies
-pnpm install
+bun install
 
 # Build the library
-pnpm run build
+bun run build
 
 # Lint
-pnpm run lint
+bun run lint
 
 # Format
-pnpm run format
+bun run format
 ```
 
 ## License