From caef70521256ef6b02d316c091ef2d0818d6cfb9 Mon Sep 17 00:00:00 2001
From: castrogarciajs <johancs.mm@gmail.com>
Date: Wed, 4 Sep 2024 23:04:49 -0500
Subject: [PATCH] feat: create new component examples

---
 docs/components/banners/hero.tsx              |   2 +
 docs/components/demo.tsx                      |  71 ++++++++
 docs/components/examples.tsx                  | 155 ------------------
 docs/components/examples/alert.tsx            |  13 ++
 docs/components/examples/dialog.tsx           |  47 ++++++
 .../examples/multiple-components.tsx          | 126 ++++++++++++++
 docs/components/examples/progress.tsx         |  13 ++
 docs/components/examples/table.tsx            |  50 ++++++
 docs/components/header.tsx                    |   2 +-
 docs/components/icons/arrow-left.tsx          |   7 +
 docs/components/icons/arrow-right.tsx         |   7 +
 docs/components/icons/arrow.tsx               |   7 +
 docs/components/icons/chat.tsx                |  12 ++
 docs/components/icons/check.tsx               |  12 ++
 docs/components/icons/copy.tsx                |  12 ++
 docs/components/icons/search.tsx              |   7 +
 docs/components/icons/terminal.tsx            |  12 ++
 docs/components/install-command.tsx           |  10 +-
 docs/components/main.tsx                      |   4 +-
 docs/next.config.mjs                          |   1 +
 docs/public/example-gerzon.jpeg               | Bin 0 -> 22637 bytes
 src/components/forms/input/input.tsx          |  10 +-
 .../forms/select/select-trigger.tsx           |   2 +-
 src/plugins/animations.ts                     |   2 +-
 src/plugins/components/button.ts              |   2 +-
 src/plugins/components/dialog.ts              |   6 +-
 src/plugins/components/input.ts               |  33 ++--
 src/plugins/components/progress.ts            |   5 +-
 src/plugins/components/select.ts              |   2 +-
 src/plugins/components/skeleton.ts            |   2 +-
 src/plugins/components/table.ts               |  10 +-
 src/plugins/components/tooltip.ts             |   4 +-
 32 files changed, 442 insertions(+), 206 deletions(-)
 create mode 100644 docs/components/demo.tsx
 delete mode 100644 docs/components/examples.tsx
 create mode 100644 docs/components/examples/alert.tsx
 create mode 100644 docs/components/examples/dialog.tsx
 create mode 100644 docs/components/examples/multiple-components.tsx
 create mode 100644 docs/components/examples/progress.tsx
 create mode 100644 docs/components/examples/table.tsx
 create mode 100644 docs/components/icons/arrow-left.tsx
 create mode 100644 docs/components/icons/arrow-right.tsx
 create mode 100644 docs/components/icons/arrow.tsx
 create mode 100644 docs/components/icons/chat.tsx
 create mode 100644 docs/components/icons/check.tsx
 create mode 100644 docs/components/icons/copy.tsx
 create mode 100644 docs/components/icons/search.tsx
 create mode 100644 docs/components/icons/terminal.tsx
 create mode 100644 docs/public/example-gerzon.jpeg

diff --git a/docs/components/banners/hero.tsx b/docs/components/banners/hero.tsx
index d073385..f6238f9 100644
--- a/docs/components/banners/hero.tsx
+++ b/docs/components/banners/hero.tsx
@@ -1,6 +1,7 @@
 import { Button } from '@openlite/ui'
 import Link from 'next/link'
 import InstallCommand from '../install-command'
+import { Arrow } from '../icons/arrow'
 
 export function Hero() {
   return (
@@ -23,6 +24,7 @@ export function Hero() {
             <Button asChild>
               <Link href="/docs">
                 Getting started
+                <Arrow />
               </Link>
             </Button>
             <InstallCommand />
diff --git a/docs/components/demo.tsx b/docs/components/demo.tsx
new file mode 100644
index 0000000..b71552d
--- /dev/null
+++ b/docs/components/demo.tsx
@@ -0,0 +1,71 @@
+'use client'
+
+import { useState } from 'react'
+import {
+  Button,
+  Card,
+  CardContent,
+  Input,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from '@openlite/ui'
+import { AlertDemo } from './examples/alert'
+import { MultipleComponentDemo } from './examples/multiple-components'
+import { TableDemo } from './examples/table'
+
+export default function Component() {
+  const [activeTab, setActiveTab] = useState('account')
+
+  return (
+    <div className="w-full max-w-6xl mx-auto p-4 space-y-4">
+
+      <AlertDemo />
+      <div className="flex flex-col md:flex-row gap-5">
+        <Card>
+          <CardContent>
+            <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
+              <TabsList className="w-full justify-start rounded-none border-b">
+                <TabsTrigger value="account" className="rounded-none">Account</TabsTrigger>
+                <TabsTrigger value="password" className="rounded-none">Password</TabsTrigger>
+              </TabsList>
+              <TabsContent value="account" className="p-4">
+                <h2 className="text-2xl font-bold mb-4">Login</h2>
+                <p className="text-gray-500 mb-4">Make changes to your account here. Click save when you're done.</p>
+                <div className="space-y-4">
+                  <div>
+                    <label htmlFor="name" className="block text-sm font-medium text-gray-700">Name</label>
+                    <Input id="name" defaultValue="Benjamin" />
+                  </div>
+                  <div>
+                    <label htmlFor="password" className="block text-sm font-medium text-gray-700">Password</label>
+                    <Input type="password" id="username" defaultValue="*******" />
+                  </div>
+                  <Button>Login</Button>
+                </div>
+              </TabsContent>
+              <TabsContent value="password" className="p-4">
+                <h2 className="text-2xl font-bold mb-4">Create Account</h2>
+                <p className="text-gray-500 mb-4">Make changes to your account here. Click save when you're done.</p>
+                <div className="space-y-4">
+                  <div>
+                    <label htmlFor="name" className="block text-sm font-medium text-gray-700">Name</label>
+                    <Input id="name" defaultValue="Benjamin" />
+                  </div>
+                  <div>
+                    <label htmlFor="password" className="block text-sm font-medium text-gray-700">Password</label>
+                    <Input type="password" id="username" defaultValue="*******" />
+                  </div>
+                  <Button>Save account</Button>
+                </div>
+              </TabsContent>
+            </Tabs>
+          </CardContent>
+        </Card>
+        <MultipleComponentDemo />
+      </div>
+      <TableDemo />
+    </div>
+  )
+}
diff --git a/docs/components/examples.tsx b/docs/components/examples.tsx
deleted file mode 100644
index d1ff5e8..0000000
--- a/docs/components/examples.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  Badge,
-  Button,
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-  Checkbox,
-  Input,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-  Slider,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-} from '@openlite/ui'
-
-export default function Component() {
-  const [activeTab, setActiveTab] = useState('account')
-
-  return (
-    <div className="w-full max-w-6xl mx-auto p-4 space-y-4">
-      <header className="space-y-4">
-        <Slider value={70} />
-        <div className="flex justify-between items-center">
-          <div className="flex items-center space-x-2">
-            <Select>
-              <SelectTrigger className="w-[180px]">
-                <SelectValue placeholder="Options" />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectItem value="option1">Option 1</SelectItem>
-                <SelectItem value="option2">Option 2</SelectItem>
-              </SelectContent>
-            </Select>
-            <div className="flex -space-x-2">
-              <Avatar>
-                <AvatarImage src="/example-sebastian.jpeg" />
-                <AvatarFallback>AC</AvatarFallback>
-              </Avatar>
-              <Avatar>
-                <AvatarImage src="/example-sebastian.jpeg" />
-                <AvatarFallback>BC</AvatarFallback>
-              </Avatar>
-              <Badge variant="secondary">+1</Badge>
-            </div>
-            <Button>Button</Button>
-            <Badge>Badge</Badge>
-          </div>
-
-        </div>
-      </header>
-
-      <div className="grid grid-cols-3 gap-4">
-        <Card className="col-span-1">
-          <CardHeader>
-            <CardTitle>Notification</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <p>This is a notification!</p>
-          </CardContent>
-        </Card>
-
-        <Card className="col-span-2">
-          <CardContent className="p-0">
-            <div className="p-4">
-              <Input type="search" placeholder="Search..." className="w-full" />
-            </div>
-          </CardContent>
-        </Card>
-
-        <Card className="col-span-3">
-          <CardContent className="p-0">
-            <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
-              <TabsList className="w-full justify-start rounded-none border-b">
-                <TabsTrigger value="account" className="rounded-none">Account</TabsTrigger>
-                <TabsTrigger value="password" className="rounded-none">Password</TabsTrigger>
-              </TabsList>
-              <TabsContent value="account" className="p-4">
-                <h2 className="text-2xl font-bold mb-4">Account</h2>
-                <p className="text-gray-500 mb-4">Make changes to your account here. Click save when you're done.</p>
-                <div className="space-y-4">
-                  <div>
-                    <label htmlFor="name" className="block text-sm font-medium text-gray-700">Name</label>
-                    <Input id="name" defaultValue="Benjamin" />
-                  </div>
-                  <div>
-                    <label htmlFor="username" className="block text-sm font-medium text-gray-700">Username</label>
-                    <Input id="username" defaultValue="benjamincanac" />
-                  </div>
-                  <Button>Save account</Button>
-                </div>
-              </TabsContent>
-              <TabsContent value="password" className="p-4">
-                <h2 className="text-2xl font-bold mb-4">Password</h2>
-                <p className="text-gray-500 mb-4">Change your password here.</p>
-              </TabsContent>
-            </Tabs>
-          </CardContent>
-        </Card>
-
-        <Card className="col-span-3">
-          <CardContent>
-            <Table>
-              <TableHeader>
-                <TableRow>
-                  <TableHead className="w-[50px]"></TableHead>
-                  <TableHead>Id</TableHead>
-                  <TableHead>Name</TableHead>
-                  <TableHead>Title</TableHead>
-                  <TableHead>Email</TableHead>
-                  <TableHead>Role</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {[
-                  { id: 1, name: 'Lindsay Walton', title: 'Front-end Developer', email: 'lindsay.walton@example.com', role: 'Member' },
-                  { id: 2, name: 'Courtney Henry', title: 'Designer', email: 'courtney.henry@example.com', role: 'Admin' },
-                  { id: 3, name: 'Tom Cook', title: 'Director of Product', email: 'tom.cook@example.com', role: 'Member' },
-                  { id: 4, name: 'Whitney Francis', title: 'Copywriter', email: 'whitney.francis@example.com', role: 'Admin' },
-                  { id: 5, name: 'Leonard Krasner', title: 'Senior Designer', email: 'leonard.krasner@example.com', role: 'Owner' },
-                ].map(person => (
-                  <TableRow key={person.id}>
-                    <TableCell><Checkbox checked={person.id === 2} /></TableCell>
-                    <TableCell>{person.id}</TableCell>
-                    <TableCell>{person.name}</TableCell>
-                    <TableCell>{person.title}</TableCell>
-                    <TableCell>{person.email}</TableCell>
-                    <TableCell>{person.role}</TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-          </CardContent>
-        </Card>
-      </div>
-    </div>
-  )
-}
diff --git a/docs/components/examples/alert.tsx b/docs/components/examples/alert.tsx
new file mode 100644
index 0000000..5bb8367
--- /dev/null
+++ b/docs/components/examples/alert.tsx
@@ -0,0 +1,13 @@
+import { Alert, AlertDescription, AlertTitle } from '@openlite/ui'
+import { Chat } from '../icons/chat'
+
+export function AlertDemo() {
+  return (
+
+    <Alert>
+      <Chat />
+      <AlertTitle>You have a notification</AlertTitle>
+      <AlertDescription>Lorem ipsum dolor sit amet consectetur adipisicing elit. Est, asperiores. </AlertDescription>
+    </Alert>
+  )
+}
diff --git a/docs/components/examples/dialog.tsx b/docs/components/examples/dialog.tsx
new file mode 100644
index 0000000..3e4fb35
--- /dev/null
+++ b/docs/components/examples/dialog.tsx
@@ -0,0 +1,47 @@
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  Input,
+  Label,
+} from '@openlite/ui'
+import { Copy } from '../icons/copy'
+
+export function DialogDemo() {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button outline="default">Open Music</Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-md">
+        <DialogHeader>
+          <DialogTitle>Share link music</DialogTitle>
+          <DialogDescription>
+            Anyone who has this link will be able to view this.
+          </DialogDescription>
+        </DialogHeader>
+        <div className="flex items-center space-x-2">
+          <div className="grid flex-1 gap-2">
+            <Label htmlFor="link" className="sr-only">
+              Link
+            </Label>
+            <Input
+              id="link"
+              defaultValue="https://music.youtube.com/watch?v=5G0fa470jW4&si=IdyDJVKrnCx6GARc"
+              readOnly
+            />
+          </div>
+          <Button type="submit" size="sm" className="px-3">
+            <span className="sr-only">Copy</span>
+            <Copy />
+          </Button>
+        </div>
+
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/docs/components/examples/multiple-components.tsx b/docs/components/examples/multiple-components.tsx
new file mode 100644
index 0000000..4b92464
--- /dev/null
+++ b/docs/components/examples/multiple-components.tsx
@@ -0,0 +1,126 @@
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  Input,
+
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  Skeleton,
+  Slider,
+
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@openlite/ui'
+import Image from 'next/image'
+import { ArrowLeft } from '../icons/arrow-left'
+import { ArrowRight } from '../icons/arrow-right'
+
+import { Search } from '../icons/search'
+import { DialogDemo } from './dialog'
+import { ProgressDemo } from './progress'
+
+const items = [
+  'https://picsum.photos/100/100?random=1',
+  'https://picsum.photos/100/100?random=2',
+  'https://picsum.photos/100/100?random=3',
+  'https://picsum.photos/100/100?random=4',
+  'https://picsum.photos/100/100?random=5',
+  'https://picsum.photos/100/100?random=6',
+]
+
+export function MultipleComponentDemo() {
+  return (
+    <Card>
+      <CardContent>
+        <div className="flex flex-col md:flex-row gap-5 items-center py-5 flex-wrap lg:flex-nowrap">
+          <Select>
+            <SelectTrigger className="w-max">
+              <SelectValue placeholder="Select a value" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="option1">Option 1</SelectItem>
+              <SelectItem value="option2">Option 2</SelectItem>
+            </SelectContent>
+          </Select>
+          <div className="flex -space-x-2">
+            <Avatar>
+              <AvatarImage src="/example-sebastian.jpeg" />
+              <AvatarFallback>AC</AvatarFallback>
+            </Avatar>
+            <Avatar>
+              <AvatarImage src="/example-gerzon.jpeg" />
+              <AvatarFallback>BC</AvatarFallback>
+            </Avatar>
+          </div>
+
+          <Badge>Badge</Badge>
+          <div className="w-full relative border rounded-medium">
+            <Input type="search" placeholder="Search..." border="none" />
+            <Search className="absolute top-2.5 right-4" />
+          </div>
+        </div>
+        <div className="flex flex-col md:flex-row items-center justify-center gap-5 space-y-3 py-5 flex-wrap lg:flex-nowrap">
+          <div className="space-y-2">
+            <Skeleton className="h-4 w-[250px]" />
+            <Skeleton className="h-4 w-[200px]" />
+          </div>
+          <TooltipProvider>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button outline="default">What is the music?</Button>
+              </TooltipTrigger>
+              <TooltipContent>
+                <p>Like a prayer - Maddona</p>
+              </TooltipContent>
+            </Tooltip>
+          </TooltipProvider>
+          <DialogDemo />
+          <Button className="">Read more</Button>
+        </div>
+        <header className="py-5 flex flex-col gap-4">
+          <Slider defaultValue={[50]} max={100} step={1} />
+          <ProgressDemo />
+        </header>
+        <div className="pt-5 md:flex items-center justify-center hidden">
+          <Carousel
+            opts={{
+              align: 'start',
+            }}
+            className="w-full max-w-sm"
+          >
+            <CarouselContent>
+              {items.map((_, index) => (
+                <CarouselItem key={index} className="md:basis-1/2 lg:basis-1/3">
+                  <div className="p-1">
+                    <Image src={_} width={100} height={100} alt="Isla bonitas" className="rounded-full" />
+                  </div>
+                </CarouselItem>
+              ))}
+            </CarouselContent>
+            <CarouselPrevious>
+              <ArrowLeft />
+            </CarouselPrevious>
+            <CarouselNext>
+              <ArrowRight />
+            </CarouselNext>
+          </Carousel>
+        </div>
+      </CardContent>
+    </Card>
+  )
+}
diff --git a/docs/components/examples/progress.tsx b/docs/components/examples/progress.tsx
new file mode 100644
index 0000000..006c8a4
--- /dev/null
+++ b/docs/components/examples/progress.tsx
@@ -0,0 +1,13 @@
+import { useEffect, useState } from 'react'
+import { Progress } from '@openlite/ui'
+
+export function ProgressDemo() {
+  const [progress, setProgress] = useState(13)
+
+  useEffect(() => {
+    const timer = setTimeout(() => setProgress(66), 500)
+    return () => clearTimeout(timer)
+  }, [])
+
+  return <Progress value={progress} className="w-[60%]" />
+}
diff --git a/docs/components/examples/table.tsx b/docs/components/examples/table.tsx
new file mode 100644
index 0000000..0329fdb
--- /dev/null
+++ b/docs/components/examples/table.tsx
@@ -0,0 +1,50 @@
+import {
+  Card,
+  CardContent,
+  Checkbox,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@openlite/ui'
+
+export function TableDemo() {
+  return (
+    <Card>
+      <CardContent className="w-full">
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead></TableHead>
+              <TableHead>Id</TableHead>
+              <TableHead>Name</TableHead>
+              <TableHead>Title</TableHead>
+              <TableHead>Email</TableHead>
+              <TableHead>Role</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {[
+              { id: 1, name: 'Lindsay Walton', title: 'Front-end Developer', email: 'lindsay.walton@example.com', role: 'Member' },
+              { id: 2, name: 'Courtney Henry', title: 'Designer', email: 'courtney.henry@example.com', role: 'Admin' },
+              { id: 3, name: 'Tom Cook', title: 'Director of Product', email: 'tom.cook@example.com', role: 'Member' },
+              { id: 4, name: 'Whitney Francis', title: 'Copywriter', email: 'whitney.francis@example.com', role: 'Admin' },
+              { id: 5, name: 'Leonard Krasner', title: 'Senior Designer', email: 'leonard.krasner@example.com', role: 'Owner' },
+            ].map(person => (
+              <TableRow key={person.id}>
+                <TableCell><Checkbox checked={person.id === 2} /></TableCell>
+                <TableCell>{person.id}</TableCell>
+                <TableCell>{person.name}</TableCell>
+                <TableCell>{person.title}</TableCell>
+                <TableCell>{person.email}</TableCell>
+                <TableCell>{person.role}</TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </CardContent>
+    </Card>
+  )
+}
diff --git a/docs/components/header.tsx b/docs/components/header.tsx
index 72d71b5..9593d82 100644
--- a/docs/components/header.tsx
+++ b/docs/components/header.tsx
@@ -25,7 +25,7 @@ function LinkRepo({ classes }: { classes: string }) {
   return (
     <div className={classes}>
 
-      <Button asChild size="icon" outline="default">
+      <Button asChild size="icon" outline="default" className="hover:bg-default hover:text-default-foreground">
         <Link href="https://github.com/openlitedotdev/ui">
           <svg viewBox="0 0 438.549 438.549" className="size-4"><path fill="currentColor" d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"></path></svg>
         </Link>
diff --git a/docs/components/icons/arrow-left.tsx b/docs/components/icons/arrow-left.tsx
new file mode 100644
index 0000000..19a3038
--- /dev/null
+++ b/docs/components/icons/arrow-left.tsx
@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react'
+
+export function ArrowLeft(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1.3rem" height="1.3rem" viewBox="0 0 24 24" {...props}><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M15 6s-6 4.419-6 6s6 6 6 6" color="currentColor"></path></svg>
+  )
+}
diff --git a/docs/components/icons/arrow-right.tsx b/docs/components/icons/arrow-right.tsx
new file mode 100644
index 0000000..91ebcba
--- /dev/null
+++ b/docs/components/icons/arrow-right.tsx
@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react'
+
+export function ArrowRight(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1.3rem" height="1.3rem" viewBox="0 0 24 24" {...props}><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M9 6s6 4.419 6 6s-6 6-6 6" color="currentColor"></path></svg>
+  )
+}
diff --git a/docs/components/icons/arrow.tsx b/docs/components/icons/arrow.tsx
new file mode 100644
index 0000000..e640c77
--- /dev/null
+++ b/docs/components/icons/arrow.tsx
@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react'
+
+export function Arrow(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1.2rem" height="1.2rem" viewBox="0 0 24 24" {...props}><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M20 12H4m11 5s5-3.682 5-5s-5-5-5-5" color="currentColor"></path></svg>
+  )
+}
diff --git a/docs/components/icons/chat.tsx b/docs/components/icons/chat.tsx
new file mode 100644
index 0000000..10c1da9
--- /dev/null
+++ b/docs/components/icons/chat.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react'
+
+export function Chat(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}>
+      <g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" color="currentColor">
+        <path d="M22 11.567c0 5.283-4.478 9.566-10 9.566q-.977.001-1.935-.178c-.459-.087-.688-.13-.848-.105c-.16.024-.388.145-.842.386a6.5 6.5 0 0 1-4.224.657a5.3 5.3 0 0 0 1.087-2.348c.1-.53-.148-1.045-.52-1.422C3.034 16.411 2 14.105 2 11.567C2 6.284 6.478 2 12 2q1.03.002 2 .191"></path>
+        <path d="M23 5.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M11.996 12h.008m3.987 0H16m-8 0h.009"></path>
+      </g>
+    </svg>
+  )
+}
diff --git a/docs/components/icons/check.tsx b/docs/components/icons/check.tsx
new file mode 100644
index 0000000..d044e58
--- /dev/null
+++ b/docs/components/icons/check.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react'
+
+export function Check(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1.2rem" height="1.2rem" viewBox="0 0 24 24" {...props}>
+      <g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" color="currentColor">
+        <path d="M18.99 19H19m-.01 0c-.622.617-1.75.464-2.542.464c-.972 0-1.44.19-2.133.883C13.725 20.937 12.934 22 12 22s-1.725-1.063-2.315-1.653c-.694-.693-1.162-.883-2.133-.883c-.791 0-1.92.154-2.543-.464c-.627-.622-.473-1.756-.473-2.552c0-1.007-.22-1.47-.937-2.186C2.533 13.196 2 12.662 2 12s.533-1.196 1.6-2.262c.64-.64.936-1.274.936-2.186c0-.791-.154-1.92.464-2.543c.622-.627 1.756-.473 2.552-.473c.912 0 1.546-.297 2.186-.937C10.804 2.533 11.338 2 12 2s1.196.533 2.262 1.6c.64.64 1.274.936 2.186.936c.791 0 1.92-.154 2.543.464c.627.622.473 1.756.473 2.552c0 1.007.22 1.47.937 2.186C21.467 10.804 22 11.338 22 12s-.533 1.196-1.6 2.262c-.716.717-.936 1.18-.936 2.186c0 .796.154 1.93-.473 2.552"></path>
+        <path d="M9 12.893s1.2.652 1.8 1.607c0 0 1.8-3.75 4.2-5"></path>
+      </g>
+    </svg>
+  )
+}
diff --git a/docs/components/icons/copy.tsx b/docs/components/icons/copy.tsx
new file mode 100644
index 0000000..756a63e
--- /dev/null
+++ b/docs/components/icons/copy.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react'
+
+export function Copy(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1.2rem" height="1.2rem" viewBox="0 0 24 24" {...props}>
+      <g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" color="currentColor">
+        <path d="M9 15c0-2.828 0-4.243.879-5.121C10.757 9 12.172 9 15 9h1c2.828 0 4.243 0 5.121.879C22 10.757 22 12.172 22 15v1c0 2.828 0 4.243-.879 5.121C20.243 22 18.828 22 16 22h-1c-2.828 0-4.243 0-5.121-.879C9 20.243 9 18.828 9 16z"></path>
+        <path d="M17 9c-.003-2.957-.047-4.489-.908-5.538a4 4 0 0 0-.554-.554C14.43 2 12.788 2 9.5 2c-3.287 0-4.931 0-6.038.908a4 4 0 0 0-.554.554C2 4.57 2 6.212 2 9.5c0 3.287 0 4.931.908 6.038a4 4 0 0 0 .554.554c1.05.86 2.58.906 5.538.908"></path>
+      </g>
+    </svg>
+  )
+}
diff --git a/docs/components/icons/search.tsx b/docs/components/icons/search.tsx
new file mode 100644
index 0000000..0132d63
--- /dev/null
+++ b/docs/components/icons/search.tsx
@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react'
+
+export function Search(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1.2rem" height="1.2rem" viewBox="0 0 24 24" {...props}><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M17.5 17.5L22 22m-2-11a9 9 0 1 0-18 0a9 9 0 0 0 18 0" color="currentColor"></path></svg>
+  )
+}
diff --git a/docs/components/icons/terminal.tsx b/docs/components/icons/terminal.tsx
new file mode 100644
index 0000000..037a949
--- /dev/null
+++ b/docs/components/icons/terminal.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react'
+
+export function Terminal(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1.2rem" height="1.2rem" viewBox="0 0 24 24" {...props}>
+      <g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" color="currentColor">
+        <path d="M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12m0-3h19M7 6h.009M11 6h.009"></path>
+        <path d="m16 13l1.227 1.057c.515.445.773.667.773.943s-.258.498-.773.943L16 17m-8-4l-1.227 1.057C6.258 14.502 6 14.724 6 15s.258.498.773.943L8 17m5-5l-2 6"></path>
+      </g>
+    </svg>
+  )
+}
diff --git a/docs/components/install-command.tsx b/docs/components/install-command.tsx
index 2866e74..3106ee4 100644
--- a/docs/components/install-command.tsx
+++ b/docs/components/install-command.tsx
@@ -1,8 +1,10 @@
 'use client'
 
 import { useState } from 'react'
-import { Check, Copy, Terminal } from 'lucide-react'
 import { Button } from '@openlite/ui'
+import { Terminal } from './icons/terminal'
+import { Copy } from './icons/copy'
+import { Check } from './icons/check'
 
 export default function InstallCommand() {
   const [copied, setCopied] = useState(false)
@@ -17,7 +19,7 @@ export default function InstallCommand() {
   return (
     <div className="flex items-center space-x-2 border rounded-medium p-1 max-w-md">
       <pre className="flex items-center gap-2 flex-grow px-3 py-2">
-        <Terminal className="size-4 text-neutral-500" />
+        <Terminal className="text-neutral-500" />
         <code className="text-xs sm:text-sm text-neutral-500 dark:text-white">
           {installCommand}
         </code>
@@ -30,10 +32,10 @@ export default function InstallCommand() {
       >
         {copied
           ? (
-              <Check className="size-4 text-green-500" />
+              <Check className="text-green-500" />
             )
           : (
-              <Copy className="size-4" />
+              <Copy />
             )}
       </Button>
     </div>
diff --git a/docs/components/main.tsx b/docs/components/main.tsx
index cf16559..1aada97 100644
--- a/docs/components/main.tsx
+++ b/docs/components/main.tsx
@@ -1,11 +1,11 @@
 import { Hero } from './banners/hero'
-import Examples from './examples'
+import Demos from './demo'
 
 export default function Main() {
   return (
     <main className="min-h-screen">
       <Hero />
-      <Examples />
+      <Demos />
     </main>
   )
 }
diff --git a/docs/next.config.mjs b/docs/next.config.mjs
index 74e58aa..4f3b0fd 100644
--- a/docs/next.config.mjs
+++ b/docs/next.config.mjs
@@ -6,6 +6,7 @@ const withMDX = createMDX()
 const config = {
   reactStrictMode: true,
   eslint: { ignoreDuringBuilds: true },
+  images: { remotePatterns: [{ protocol: 'https', hostname: 'picsum.photos' }] },
 }
 
 export default withMDX(config)
diff --git a/docs/public/example-gerzon.jpeg b/docs/public/example-gerzon.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..d09307ba0cf4a48abe020f48355f33983b392291
GIT binary patch
literal 22637
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
V-7o$dy1)UQ4Pa37Nc->1{{T++d9eTh

literal 0
HcmV?d00001

diff --git a/src/components/forms/input/input.tsx b/src/components/forms/input/input.tsx
index bbc1996..15e1ed4 100644
--- a/src/components/forms/input/input.tsx
+++ b/src/components/forms/input/input.tsx
@@ -3,21 +3,17 @@ import { cn, input } from '@/tailwind'
 import type { VariantProps } from '@/tailwind'
 
 export interface Comp extends HTMLInputElement {}
-export interface Props extends React.InputHTMLAttributes<HTMLInputElement>,
-  VariantProps <typeof input> {
-  labelText?: string
-}
+export interface Props extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps <typeof input> {}
 
-const Input = React.forwardRef<Comp, Props>(({ className, rounded, icons, variant, labelText, type, ...props }, ref) => {
+const Input = React.forwardRef<Comp, Props>(({ className, rounded, border, type, ...props }, ref) => {
   return (
     <div className="relative flex flex-col-reverse">
       <input
         type={type}
-        className={cn(input({ variant, icons, rounded }), className)}
+        className={cn(input({ rounded, border }), className)}
         ref={ref}
         {...props}
       />
-      <label className="absolute top-0 -translate-y-1/2 left-4 pointer-events-none text-small backdrop-blur-sm px-1">{ labelText }</label>
     </div>
 
   )
diff --git a/src/components/forms/select/select-trigger.tsx b/src/components/forms/select/select-trigger.tsx
index c4eead7..c026f5b 100644
--- a/src/components/forms/select/select-trigger.tsx
+++ b/src/components/forms/select/select-trigger.tsx
@@ -16,7 +16,7 @@ const SelectTrigger = React.forwardRef<Comp, Props>(({ className, variant, child
     >
       {children}
       <SelectPrimitive.Icon asChild>
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="foreground" fill="none">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1.2rem" height="1.2rem" color="foreground" fill="none">
           <path d="M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
         </svg>
       </SelectPrimitive.Icon>
diff --git a/src/plugins/animations.ts b/src/plugins/animations.ts
index 061a22d..902a64e 100644
--- a/src/plugins/animations.ts
+++ b/src/plugins/animations.ts
@@ -1,7 +1,7 @@
 export const animations = {
   animation: {
     'pulse': 'pulse 1s ease-in-out',
-    'pop': 'pop 0.6s ease-out',
+    'pop-in': 'pop 0.6s ease-out',
     'pulse-fade-in': 'pulse-fade-in 0.3s ease-out',
     'dialog-in': 'dialog-in 0.3s ease-out',
     'dialog-out': 'dialog-out 0.3s ease-out',
diff --git a/src/plugins/components/button.ts b/src/plugins/components/button.ts
index 622d10d..68efa5b 100644
--- a/src/plugins/components/button.ts
+++ b/src/plugins/components/button.ts
@@ -25,7 +25,7 @@ export const button = cva(
       },
       outline: {
         none: 'border-0',
-        default: 'border boder-default bg-transparent text-foreground hover:text-default-foreground hover:bg-default',
+        default: 'border border-default-300 bg-transparent text-foreground hover:bg-default-200',
         primary: 'border border-primary bg-transparent text-foreground hover:text-primary-foreground hover:bg-primary',
         error: 'border border-error bg-transparent text-foreground hover:text-error-foreground hover:bg-error',
         success: 'border border-success bg-transparent text-foreground hover:text-success-foreground hover:bg-success',
diff --git a/src/plugins/components/dialog.ts b/src/plugins/components/dialog.ts
index 8cea6e4..775dedd 100644
--- a/src/plugins/components/dialog.ts
+++ b/src/plugins/components/dialog.ts
@@ -34,7 +34,7 @@ export const dialogPortal = cva('')
  *   // button elements
  * </DialogOverlay>
  */
-export const dialogOverlay = cva('fixed inset-0 z-50 bg-black/80  data-[state=open]:dialog-in data-[state=closed]:dialog-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0')
+export const dialogOverlay = cva('fixed inset-0 z-50 bg-default-200/50 data-[state=open]:animate-dialog-in data-[state=closed]:animate-dialog-out')
 
 /**
  * DialogClose wrapper **Class Variants** component
@@ -70,7 +70,7 @@ export const dialogTrigger = cva('')
  *   // button elements
  * </DialogContent>
  */
-export const dialogContent = cva('fixed left-[50%] top-[50%] z-50 translate-x-[-50%] translate-y-[-50%] w-full max-w-lg p-6 shadow-medium rounded-medium bg-default duration-200')
+export const dialogContent = cva('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-dialog-in data-[state=closed]:animate-dialog-out sm:rounded-lg')
 
 /**
  * DialogHeader wrapper **Class Variants** component
@@ -106,7 +106,7 @@ export const dialogFooter = cva('flex flex-col-reverse sm:flex-row sm:justify-en
  *   // button elements
  * </DialogTitle>
  */
-export const dialogTitle = cva('text-large font-medium leading-none tracking-tight')
+export const dialogTitle = cva('text-large font-medium leading-none tracking-tight text-foreground')
 
 /**
  * DialogDescription wrapper **Class Variants** component
diff --git a/src/plugins/components/input.ts b/src/plugins/components/input.ts
index 4f5ad69..d9405c3 100644
--- a/src/plugins/components/input.ts
+++ b/src/plugins/components/input.ts
@@ -8,31 +8,24 @@ import { cva } from 'class-variance-authority'
  * @example
  * <Input className={styles())} />
  */
-export const input = cva('h-10 w-full transition-colors rounded-medium border-2 bg-transparent px-4 py-2 text-medium ring-offset-background file:border-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0', {
+export const input = cva('h-10 w-full transition-colors bg-transparent px-4 py-2 text-medium ring-offset-background file:border-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0', {
   variants: {
-    variant: {
-      default: 'border-default/30 focus-visible:border-default transition-border durations-500',
-      primary: 'border-primary/30 focus-visible:border-primary transition-border durations-500',
-      success: 'border-success/30 focus-visible:border-success transition-border durations-500',
-      warn: 'border-warn/30 focus-visible:border-warn transition-border durations-500',
-      error: 'border-error/30 focus-visible:border-error transition-border durations-500',
-    },
-    icons: {
-      none: '',
-      left: 'pl-10',
-      right: 'pr-10',
-      both: 'px-10',
-    },
     rounded: {
       none: 'rounded-none',
-      small: 'rounded-small',
-      medium: 'rounded-medium',
-      large: 'rounded-large',
+      sm: 'rounded-small',
+      md: 'rounded-medium',
+      lg: 'rounded-large',
+    },
+
+    border: {
+      none: 'border-none',
+      sm: 'border',
+      md: 'border-2',
+      lg: 'border-4',
     },
   },
   defaultVariants: {
-    variant: 'default',
-    icons: 'none',
-    rounded: 'none',
+    rounded: 'md',
+    border: 'sm',
   },
 })
diff --git a/src/plugins/components/progress.ts b/src/plugins/components/progress.ts
index 148b87d..1a7f0b3 100644
--- a/src/plugins/components/progress.ts
+++ b/src/plugins/components/progress.ts
@@ -11,7 +11,7 @@ import { cva } from 'class-variance-authority'
  * </Progress>
  */
 
-export const progress = cva('relative bg-default w-96 overflow-hidden rounded-full', {
+export const progress = cva('relative bg-default-300 md:min-w-96 overflow-hidden rounded-full', {
   variants: {
     size: {
       sm: 'h-2',
@@ -37,6 +37,7 @@ export const progress = cva('relative bg-default w-96 overflow-hidden rounded-fu
 export const progressIndicator = cva('h-full relative w-full flex-1 transition-all rounded-full', {
   variants: {
     variant: {
+      default: 'bg-default',
       primary: 'bg-primary',
       success: 'bg-success',
       warn: 'bg-warn',
@@ -44,6 +45,6 @@ export const progressIndicator = cva('h-full relative w-full flex-1 transition-a
     },
   },
   defaultVariants: {
-    variant: 'primary',
+    variant: 'default',
   },
 })
diff --git a/src/plugins/components/select.ts b/src/plugins/components/select.ts
index 6a7026a..c7e6202 100644
--- a/src/plugins/components/select.ts
+++ b/src/plugins/components/select.ts
@@ -46,7 +46,7 @@ export const selectValue = cva('')
  *   // SelectTrigger elements
  * </SelectTrigger>
  */
-export const selectTrigger = cva('flex relative h-10 w-64 items-center justify-between rounded-medium px-3 py-2 text-small ring-offset-transparent focus:outline-none focus:ring-2 focus:ring-transparent focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1', {
+export const selectTrigger = cva('flex relative w-96 items-center justify-between rounded-medium px-3 py-2 text-small ring-offset-transparent focus:outline-none focus:ring-2 focus:ring-transparent focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1', {
   variants: {
     variant: {
       none: 'border-none',
diff --git a/src/plugins/components/skeleton.ts b/src/plugins/components/skeleton.ts
index a9c9287..fc02a62 100644
--- a/src/plugins/components/skeleton.ts
+++ b/src/plugins/components/skeleton.ts
@@ -10,7 +10,7 @@ import { cva } from 'class-variance-authority'
  *   // Skeleton elements
  * </Skeleton>
  */
-export const skeleton = cva('animate-pulse-infinite bg-default', {
+export const skeleton = cva('animate-pulse bg-default-300', {
   variants: {
     rounded: {
       none: 'rounded-none',
diff --git a/src/plugins/components/table.ts b/src/plugins/components/table.ts
index ea89b21..89fbe15 100644
--- a/src/plugins/components/table.ts
+++ b/src/plugins/components/table.ts
@@ -22,7 +22,7 @@ export const table = cva('w-full caption-bottom text-small rounded-lg overflow-h
  *   // TableHeader elements
  * </tableHeader>
  */
-export const tableHeader = cva('[&_tr]:border-b [&_tr]:border-default')
+export const tableHeader = cva('[&_tr]:border-b')
 
 /**
  * Table wrapper **Class Variants** component
@@ -46,7 +46,7 @@ export const tableBody = cva('&_tr:last-child]:border-0')
  *   // TableFooter elements
  * </TableFooter>
  */
-export const tableFooter = cva('border-t bg-default/50 font-medium [&>tr]:last:border-b-0')
+export const tableFooter = cva('border-t font-medium [&>tr]:last:border-b-0')
 
 /**
  * Table wrapper **Class Variants** component
@@ -58,7 +58,7 @@ export const tableFooter = cva('border-t bg-default/50 font-medium [&>tr]:last:b
  *   // TableRow elements
  * </TableRow>
  */
-export const tableRow = cva('border-b transition-colors hover:bg-default/30 border-b-default')
+export const tableRow = cva('border-b transition-colors hover:bg-default-100')
 
 /**
  * Table wrapper **Class Variants** component
@@ -70,7 +70,7 @@ export const tableRow = cva('border-b transition-colors hover:bg-default/30 bord
  *   // TableHead elements
  * </TableHead>
  */
-export const tableHead = cva('h-12 px-4 text-left align-middle font-medium text-default-foreground [&:has([role=checkbox])]:pr-0')
+export const tableHead = cva('h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0')
 
 /**
  * Table wrapper **Class Variants** component
@@ -94,4 +94,4 @@ export const tableCell = cva('p-4 align-middle [&:has([role=checkbox])]:pr-0')
  *   // TableCaption elements
  * </TableCaption>
  */
-export const tableCaption = cva('mt-4 text-sm text-default-foreground')
+export const tableCaption = cva('mt-4 text-small text-default-foreground')
diff --git a/src/plugins/components/tooltip.ts b/src/plugins/components/tooltip.ts
index 362fd53..33c651a 100644
--- a/src/plugins/components/tooltip.ts
+++ b/src/plugins/components/tooltip.ts
@@ -22,7 +22,7 @@ export const tooltip = cva('')
  *   // Tooltip elements
  * </TooltipTrigger>
  */
-export const tooltipTrigger = cva('px-2 py-1 text-white hover:animate-pop')
+export const tooltipTrigger = cva('px-2 py-1 hover:animate-pop-in text-foreground')
 
 /**
  * Tooltip wrapper **Class Variants** component
@@ -45,4 +45,4 @@ export const tooltipProvider = cva('')
  *   // Tooltip elements
  * </TooltipContent>
  */
-export const tooltipContent = cva('z-50 w-fit max-w-72 px-2 py-1 !text-foreground bg-background border border-default rounded-medium text-small shadow-small animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2')
+export const tooltipContent = cva('z-50 w-fit max-w-72 px-2 py-1 bg-background border rounded-medium text-small')