@cryptlex/web-components 1.3.5 → 1.4.1

package/dist/index.es.js

@@ -1,18 +1,18 @@
 import { Accordion as t, AccordionContent as a, AccordionItem as n, AccordionTrigger as i } from "./components/ui/accordion.es.js";
 import { Avatar as m, AvatarFallback as l, AvatarImage as d } from "./components/ui/avatar.es.js";
-import { Badge as S, badgeVariants as g } from "./components/ui/badge.es.js";
-import { Breadcrumb as b, BreadcrumbEllipsis as C, BreadcrumbItem as D, BreadcrumbLink as x, BreadcrumbList as f, BreadcrumbPage as c, BreadcrumbSeparator as s } from "./components/ui/breadcrumb.es.js";
-import { Button as I, buttonVariants as P } from "./components/ui/button.es.js";
-import { Calendar as F } from "./components/ui/calendar.es.js";
-import { Card as E, CardContent as R, CardDescription as v, CardFooter as h, CardHeader as A, CardTitle as O } from "./components/ui/card.es.js";
-import { ChartContainer as N, ChartLegend as _, ChartLegendContent as y, ChartStyle as G, ChartTooltip as k, ChartTooltipContent as H } from "./components/ui/chart.es.js";
+import { Badge as S, badgeVariants as T } from "./components/ui/badge.es.js";
+import { Breadcrumb as C, BreadcrumbEllipsis as b, BreadcrumbItem as D, BreadcrumbLink as x, BreadcrumbList as f, BreadcrumbPage as c, BreadcrumbSeparator as s } from "./components/ui/breadcrumb.es.js";
+import { Button as I, buttonVariants as L } from "./components/ui/button.es.js";
+import { Calendar as E } from "./components/ui/calendar.es.js";
+import { Card as F, CardContent as w, CardDescription as O, CardFooter as R, CardHeader as v, CardTitle as _ } from "./components/ui/card.es.js";
+import { ChartContainer as B, ChartLegend as N, ChartLegendContent as y, ChartStyle as G, ChartTooltip as k, ChartTooltipContent as H } from "./components/ui/chart.es.js";
 import { Checkbox as V } from "./components/ui/checkbox.es.js";
 import { Collapsible as K, CollapsibleContent as z, CollapsibleTrigger as X } from "./components/ui/collapsible.es.js";
 import { Command as q, CommandDialog as J, CommandEmpty as Q, CommandGroup as W, CommandInput as Z, CommandItem as $, CommandList as ee, CommandSeparator as oe, CommandShortcut as re } from "./components/ui/command.es.js";
 import { CopyButton as ae } from "./components/ui/copy-button.es.js";
-import { Dialog as ie, DialogClose as pe, DialogContent as me, DialogDescription as le, DialogFooter as de, DialogHeader as ue, DialogOverlay as Se, DialogPortal as ge, DialogTitle as Te, DialogTrigger as be } from "./components/ui/dialog.es.js";
-import { Drawer as De, DrawerClose as xe, DrawerContent as fe, DrawerDescription as ce, DrawerFooter as se, DrawerHeader as Me, DrawerOverlay as Ie, DrawerPortal as Pe, DrawerTitle as Le, DrawerTrigger as Fe } from "./components/ui/drawer.es.js";
-import { DropdownMenu as Ee, DropdownMenuCheckboxItem as Re, DropdownMenuContent as ve, DropdownMenuGroup as he, DropdownMenuItem as Ae, DropdownMenuLabel as Oe, DropdownMenuPortal as Be, DropdownMenuRadioGroup as Ne, DropdownMenuRadioItem as _e, DropdownMenuSeparator as ye, DropdownMenuShortcut as Ge, DropdownMenuSub as ke, DropdownMenuSubContent as He, DropdownMenuSubTrigger as Ue, DropdownMenuTrigger as Ve } from "./components/ui/dropdown-menu.es.js";
+import { Dialog as ie, DialogClose as pe, DialogContent as me, DialogDescription as le, DialogFooter as de, DialogHeader as ue, DialogOverlay as Se, DialogPortal as Te, DialogTitle as ge, DialogTrigger as Ce } from "./components/ui/dialog.es.js";
+import { Drawer as De, DrawerClose as xe, DrawerContent as fe, DrawerDescription as ce, DrawerFooter as se, DrawerHeader as Me, DrawerOverlay as Ie, DrawerPortal as Le, DrawerTitle as Pe, DrawerTrigger as Ee } from "./components/ui/drawer.es.js";
+import { DropdownMenu as Fe, DropdownMenuCheckboxItem as we, DropdownMenuContent as Oe, DropdownMenuGroup as Re, DropdownMenuItem as ve, DropdownMenuLabel as _e, DropdownMenuPortal as he, DropdownMenuRadioGroup as Be, DropdownMenuRadioItem as Ne, DropdownMenuSeparator as ye, DropdownMenuShortcut as Ge, DropdownMenuSub as ke, DropdownMenuSubContent as He, DropdownMenuSubTrigger as Ue, DropdownMenuTrigger as Ve } from "./components/ui/dropdown-menu.es.js";
 import { Form as Ke, FormControl as ze, FormDescription as Xe, FormField as je, FormItem as qe, FormLabel as Je, FormMessage as Qe, useFormField as We } from "./components/ui/form.es.js";
 import { Input as $e } from "./components/ui/input.es.js";
 import { InputOTP as oo, InputOTPGroup as ro, InputOTPSeparator as to, InputOTPSlot as ao } from "./components/ui/input-otp.es.js";
@@ -20,16 +20,16 @@ import { Label as io } from "./components/ui/label.es.js";
 import { LinkButton as mo } from "./components/ui/link-button.es.js";
 import { Loader as uo } from "./components/ui/loader.es.js";
 import "./components/ui/mutli-select.es.js";
-import { NavigationMenu as go, NavigationMenuContent as To, NavigationMenuIndicator as bo, NavigationMenuItem as Co, NavigationMenuLink as Do, NavigationMenuList as xo, NavigationMenuListItem as fo, NavigationMenuTrigger as co, NavigationMenuViewport as so, navigationMenuTriggerStyle as Mo } from "./components/ui/navigation-menu.es.js";
-import { Pagination as Po, PaginationContent as Lo, PaginationEllipsis as Fo, PaginationItem as wo, PaginationLink as Eo, PaginationNext as Ro, PaginationPrevious as vo } from "./components/ui/pagination.es.js";
-import { PasswordInput as Ao } from "./components/ui/password-input.es.js";
-import { Popover as Bo, PopoverAnchor as No, PopoverContent as _o, PopoverTrigger as yo } from "./components/ui/popover.es.js";
+import { NavigationMenu as To, NavigationMenuContent as go, NavigationMenuIndicator as Co, NavigationMenuItem as bo, NavigationMenuLink as Do, NavigationMenuList as xo, NavigationMenuListItem as fo, NavigationMenuTrigger as co, NavigationMenuViewport as so, navigationMenuTriggerStyle as Mo } from "./components/ui/navigation-menu.es.js";
+import { Pagination as Lo, PaginationContent as Po, PaginationEllipsis as Eo, PaginationItem as Ao, PaginationLink as Fo, PaginationNext as wo, PaginationPrevious as Oo } from "./components/ui/pagination.es.js";
+import { PasswordInput as vo } from "./components/ui/password-input.es.js";
+import { Popover as ho, PopoverAnchor as Bo, PopoverContent as No, PopoverTrigger as yo } from "./components/ui/popover.es.js";
 import { RadioGroup as ko, RadioGroupItem as Ho } from "./components/ui/radio-group.es.js";
 import { SearchInput as Vo } from "./components/ui/search-input.es.js";
 import { Select as Ko, SelectContent as zo, SelectGroup as Xo, SelectItem as jo, SelectLabel as qo, SelectScrollDownButton as Jo, SelectScrollUpButton as Qo, SelectSeparator as Wo, SelectTrigger as Zo, SelectValue as $o } from "./components/ui/select.es.js";
 import { Separator as or } from "./components/ui/separator.es.js";
 import { Sheet as tr, SheetClose as ar, SheetContent as nr, SheetDescription as ir, SheetFooter as pr, SheetHeader as mr, SheetOverlay as lr, SheetPortal as dr, SheetTitle as ur, SheetTrigger as Sr } from "./components/ui/sheet.es.js";
-import { Sidebar as Tr, SidebarContent as br, SidebarFooter as Cr, SidebarGroup as Dr, SidebarGroupAction as xr, SidebarGroupContent as fr, SidebarGroupLabel as cr, SidebarHeader as sr, SidebarInput as Mr, SidebarInset as Ir, SidebarMenu as Pr, SidebarMenuAction as Lr, SidebarMenuBadge as Fr, SidebarMenuButton as wr, SidebarMenuItem as Er, SidebarMenuSkeleton as Rr, SidebarMenuSub as vr, SidebarMenuSubButton as hr, SidebarMenuSubItem as Ar, SidebarProvider as Or, SidebarRail as Br, SidebarSeparator as Nr, SidebarTrigger as _r, useSidebar as yr } from "./components/ui/sidebar.es.js";
+import { Sidebar as gr, SidebarContent as Cr, SidebarFooter as br, SidebarGroup as Dr, SidebarGroupAction as xr, SidebarGroupContent as fr, SidebarGroupLabel as cr, SidebarHeader as sr, SidebarInput as Mr, SidebarInset as Ir, SidebarMenu as Lr, SidebarMenuAction as Pr, SidebarMenuBadge as Er, SidebarMenuButton as Ar, SidebarMenuItem as Fr, SidebarMenuSkeleton as wr, SidebarMenuSub as Or, SidebarMenuSubButton as Rr, SidebarMenuSubItem as vr, SidebarProvider as _r, SidebarRail as hr, SidebarSeparator as Br, SidebarTrigger as Nr, useSidebar as yr } from "./components/ui/sidebar.es.js";
 import { Skeleton as kr } from "./components/ui/skeleton.es.js";
 import { Toaster as Ur } from "./components/ui/sonner.es.js";
 import { Table as Yr, TableBody as Kr, TableCaption as zr, TableCell as Xr, TableFooter as jr, TableHead as qr, TableHeader as Jr, TableRow as Qr } from "./components/ui/table.es.js";
@@ -37,49 +37,50 @@ import { Tabs as Zr, TabsContent as $r, TabsList as et, TabsTrigger as ot } from
 import { Tooltip as tt, TooltipContent as at, TooltipProvider as nt, TooltipTrigger as it } from "./components/ui/tooltip.es.js";
 import { TablePageLayout as mt } from "./components/ui/table-page-layout.es.js";
 import { useIsMobile as dt } from "./hooks/use-mobile.es.js";
-import { cn as St, getThemeHue as gt, logout as Tt, setThemeHue as bt } from "./utils/index.es.js";
-import { DataTable as Dt } from "./components/data-table/data-table.es.js";
-import { CHECK_BOX as ft, DEFAULT_DATE_COLUMNS as ct, ID_COLUMN as st } from "./components/data-table/table-commons.es.js";
-import { COMPARISON_OPERATOR_LABELS as It, DEFAULT_FILTERABLE_FIELDS as Pt, FILTERABLE_PROPERTY_TYPES as Lt, FILTER_COMPARISON_OPERATORS as Ft, OPERATORS_FOR_FILTER_TYPE as wt, RESOURCE_DEFINITIONS as Et, RESOURCE_NAMES as Rt, getLicenseStatus as vt, getResourceDisplayName as ht, getValidityDisplay as At, getValueFromData as Ot, secondsToDuration as Bt } from "./components/data-table/table-utils/constants.es.js";
-import { createTableFetchFn as _t } from "./components/data-table/table-utils/createTableFetchFn.es.js";
-import { FormatDate as Gt } from "./components/data-table/table-utils/date.es.js";
-import { getLinkDisplay as Ht } from "./components/data-table/table-utils/link-display.es.js";
-import { convertCamelCaseToTitleCase as Vt, convertToTitleCase as Yt, pluralizeTimes as Kt } from "./components/data-table/table-utils/string.es.js";
-import { DYNAMIC_INPUT_TARGET as Xt } from "./components/data-table/table-utils/types.es.js";
-import { KeyValueCard as qt } from "./components/key-value-card/key-value-card.es.js";
-import { AppLayout as Qt } from "./components/sidebar/app-layout.es.js";
-import { NavMain as Zt } from "./components/sidebar/nav-main.es.js";
-import { SideBar as ea } from "./components/sidebar/sidebar.es.js";
-import { StaticDataTable as ra } from "./components/static-data-table/data-table.es.js";
+import { cn as St, getThemeHue as Tt, logout as gt, setThemeHue as Ct } from "./utils/index.es.js";
+import { ACTIONS_COLUMN_ID as Dt, DataTable as xt } from "./components/data-table/data-table.es.js";
+import { TABLE_CHECK_BOX_COLUMN as ct, TABLE_DEFAULT_DATE_COLUMNS as st, TABLE_ID_COLUMN as Mt } from "./components/data-table/table-commons.es.js";
+import { ALL_OS as Lt, COMPARISON_OPERATOR_LABELS as Pt, DEFAULT_FILTERABLE_FIELDS as Et, FILTERABLE_PROPERTY_TYPES as At, FILTER_COMPARISON_OPERATORS as Ft, OPERATORS_FOR_FILTER_TYPE as wt, RESOURCE_DEFINITIONS as Ot, RESOURCE_NAMES as Rt, getLicenseStatus as vt, getResourceDisplayName as _t, getValidityDisplay as ht, getValueFromData as Bt, secondsToDuration as Nt } from "./components/data-table/table-utils/constants.es.js";
+import { createTableFetchFn as Gt } from "./components/data-table/table-utils/createTableFetchFn.es.js";
+import { FormatDate as Ht } from "./components/data-table/table-utils/date.es.js";
+import { getLinkDisplay as Vt } from "./components/data-table/table-utils/link-display.es.js";
+import { convertCamelCaseToTitleCase as Kt, convertToTitleCase as zt, pluralizeTimes as Xt } from "./components/data-table/table-utils/string.es.js";
+import { DYNAMIC_INPUT_TARGET as qt } from "./components/data-table/table-utils/types.es.js";
+import { KeyValueCard as Qt } from "./components/key-value-card/key-value-card.es.js";
+import { AppLayout as Zt } from "./components/sidebar/app-layout.es.js";
+import { NavMain as ea } from "./components/sidebar/nav-main.es.js";
+import { SideBar as ra } from "./components/sidebar/sidebar.es.js";
+import { StaticDataTable as aa } from "./components/static-data-table/data-table.es.js";
 export {
+  Dt as ACTIONS_COLUMN_ID,
+  Lt as ALL_OS,
   t as Accordion,
   a as AccordionContent,
   n as AccordionItem,
   i as AccordionTrigger,
-  Qt as AppLayout,
+  Zt as AppLayout,
   m as Avatar,
   l as AvatarFallback,
   d as AvatarImage,
   S as Badge,
-  b as Breadcrumb,
-  C as BreadcrumbEllipsis,
+  C as Breadcrumb,
+  b as BreadcrumbEllipsis,
   D as BreadcrumbItem,
   x as BreadcrumbLink,
   f as BreadcrumbList,
   c as BreadcrumbPage,
   s as BreadcrumbSeparator,
   I as Button,
-  ft as CHECK_BOX,
-  It as COMPARISON_OPERATOR_LABELS,
-  F as Calendar,
-  E as Card,
-  R as CardContent,
-  v as CardDescription,
-  h as CardFooter,
-  A as CardHeader,
-  O as CardTitle,
-  N as ChartContainer,
-  _ as ChartLegend,
+  Pt as COMPARISON_OPERATOR_LABELS,
+  E as Calendar,
+  F as Card,
+  w as CardContent,
+  O as CardDescription,
+  R as CardFooter,
+  v as CardHeader,
+  _ as CardTitle,
+  B as ChartContainer,
+  N as ChartLegend,
   y as ChartLegendContent,
   G as ChartStyle,
   k as ChartTooltip,
@@ -98,10 +99,9 @@ export {
   oe as CommandSeparator,
   re as CommandShortcut,
   ae as CopyButton,
-  ct as DEFAULT_DATE_COLUMNS,
-  Pt as DEFAULT_FILTERABLE_FIELDS,
-  Xt as DYNAMIC_INPUT_TARGET,
-  Dt as DataTable,
+  Et as DEFAULT_FILTERABLE_FIELDS,
+  qt as DYNAMIC_INPUT_TARGET,
+  xt as DataTable,
   ie as Dialog,
   pe as DialogClose,
   me as DialogContent,
@@ -109,9 +109,9 @@ export {
   de as DialogFooter,
   ue as DialogHeader,
   Se as DialogOverlay,
-  ge as DialogPortal,
-  Te as DialogTitle,
-  be as DialogTrigger,
+  Te as DialogPortal,
+  ge as DialogTitle,
+  Ce as DialogTrigger,
   De as Drawer,
   xe as DrawerClose,
   fe as DrawerContent,
@@ -119,25 +119,25 @@ export {
   se as DrawerFooter,
   Me as DrawerHeader,
   Ie as DrawerOverlay,
-  Pe as DrawerPortal,
-  Le as DrawerTitle,
-  Fe as DrawerTrigger,
-  Ee as DropdownMenu,
-  Re as DropdownMenuCheckboxItem,
-  ve as DropdownMenuContent,
-  he as DropdownMenuGroup,
-  Ae as DropdownMenuItem,
-  Oe as DropdownMenuLabel,
-  Be as DropdownMenuPortal,
-  Ne as DropdownMenuRadioGroup,
-  _e as DropdownMenuRadioItem,
+  Le as DrawerPortal,
+  Pe as DrawerTitle,
+  Ee as DrawerTrigger,
+  Fe as DropdownMenu,
+  we as DropdownMenuCheckboxItem,
+  Oe as DropdownMenuContent,
+  Re as DropdownMenuGroup,
+  ve as DropdownMenuItem,
+  _e as DropdownMenuLabel,
+  he as DropdownMenuPortal,
+  Be as DropdownMenuRadioGroup,
+  Ne as DropdownMenuRadioItem,
   ye as DropdownMenuSeparator,
   Ge as DropdownMenuShortcut,
   ke as DropdownMenuSub,
   He as DropdownMenuSubContent,
   Ue as DropdownMenuSubTrigger,
   Ve as DropdownMenuTrigger,
-  Lt as FILTERABLE_PROPERTY_TYPES,
+  At as FILTERABLE_PROPERTY_TYPES,
   Ft as FILTER_COMPARISON_OPERATORS,
   Ke as Form,
   ze as FormControl,
@@ -146,41 +146,40 @@ export {
   qe as FormItem,
   Je as FormLabel,
   Qe as FormMessage,
-  Gt as FormatDate,
-  st as ID_COLUMN,
+  Ht as FormatDate,
   $e as Input,
   oo as InputOTP,
   ro as InputOTPGroup,
   to as InputOTPSeparator,
   ao as InputOTPSlot,
-  qt as KeyValueCard,
+  Qt as KeyValueCard,
   io as Label,
   mo as LinkButton,
   uo as Loader,
-  Zt as NavMain,
-  go as NavigationMenu,
-  To as NavigationMenuContent,
-  bo as NavigationMenuIndicator,
-  Co as NavigationMenuItem,
+  ea as NavMain,
+  To as NavigationMenu,
+  go as NavigationMenuContent,
+  Co as NavigationMenuIndicator,
+  bo as NavigationMenuItem,
   Do as NavigationMenuLink,
   xo as NavigationMenuList,
   fo as NavigationMenuListItem,
   co as NavigationMenuTrigger,
   so as NavigationMenuViewport,
   wt as OPERATORS_FOR_FILTER_TYPE,
-  Po as Pagination,
-  Lo as PaginationContent,
-  Fo as PaginationEllipsis,
-  wo as PaginationItem,
-  Eo as PaginationLink,
-  Ro as PaginationNext,
-  vo as PaginationPrevious,
-  Ao as PasswordInput,
-  Bo as Popover,
-  No as PopoverAnchor,
-  _o as PopoverContent,
+  Lo as Pagination,
+  Po as PaginationContent,
+  Eo as PaginationEllipsis,
+  Ao as PaginationItem,
+  Fo as PaginationLink,
+  wo as PaginationNext,
+  Oo as PaginationPrevious,
+  vo as PasswordInput,
+  ho as Popover,
+  Bo as PopoverAnchor,
+  No as PopoverContent,
   yo as PopoverTrigger,
-  Et as RESOURCE_DEFINITIONS,
+  Ot as RESOURCE_DEFINITIONS,
   Rt as RESOURCE_NAMES,
   ko as RadioGroup,
   Ho as RadioGroupItem,
@@ -206,10 +205,10 @@ export {
   dr as SheetPortal,
   ur as SheetTitle,
   Sr as SheetTrigger,
-  ea as SideBar,
-  Tr as Sidebar,
-  br as SidebarContent,
-  Cr as SidebarFooter,
+  ra as SideBar,
+  gr as Sidebar,
+  Cr as SidebarContent,
+  br as SidebarFooter,
   Dr as SidebarGroup,
   xr as SidebarGroupAction,
   fr as SidebarGroupContent,
@@ -217,21 +216,24 @@ export {
   sr as SidebarHeader,
   Mr as SidebarInput,
   Ir as SidebarInset,
-  Pr as SidebarMenu,
-  Lr as SidebarMenuAction,
-  Fr as SidebarMenuBadge,
-  wr as SidebarMenuButton,
-  Er as SidebarMenuItem,
-  Rr as SidebarMenuSkeleton,
-  vr as SidebarMenuSub,
-  hr as SidebarMenuSubButton,
-  Ar as SidebarMenuSubItem,
-  Or as SidebarProvider,
-  Br as SidebarRail,
-  Nr as SidebarSeparator,
-  _r as SidebarTrigger,
+  Lr as SidebarMenu,
+  Pr as SidebarMenuAction,
+  Er as SidebarMenuBadge,
+  Ar as SidebarMenuButton,
+  Fr as SidebarMenuItem,
+  wr as SidebarMenuSkeleton,
+  Or as SidebarMenuSub,
+  Rr as SidebarMenuSubButton,
+  vr as SidebarMenuSubItem,
+  _r as SidebarProvider,
+  hr as SidebarRail,
+  Br as SidebarSeparator,
+  Nr as SidebarTrigger,
   kr as Skeleton,
-  ra as StaticDataTable,
+  aa as StaticDataTable,
+  ct as TABLE_CHECK_BOX_COLUMN,
+  st as TABLE_DEFAULT_DATE_COLUMNS,
+  Mt as TABLE_ID_COLUMN,
   Yr as Table,
   Kr as TableBody,
   zr as TableCaption,
@@ -250,23 +252,23 @@ export {
   at as TooltipContent,
   nt as TooltipProvider,
   it as TooltipTrigger,
-  g as badgeVariants,
-  P as buttonVariants,
+  T as badgeVariants,
+  L as buttonVariants,
   St as cn,
-  Vt as convertCamelCaseToTitleCase,
-  Yt as convertToTitleCase,
-  _t as createTableFetchFn,
+  Kt as convertCamelCaseToTitleCase,
+  zt as convertToTitleCase,
+  Gt as createTableFetchFn,
   vt as getLicenseStatus,
-  Ht as getLinkDisplay,
-  ht as getResourceDisplayName,
-  gt as getThemeHue,
-  At as getValidityDisplay,
-  Ot as getValueFromData,
-  Tt as logout,
+  Vt as getLinkDisplay,
+  _t as getResourceDisplayName,
+  Tt as getThemeHue,
+  ht as getValidityDisplay,
+  Bt as getValueFromData,
+  gt as logout,
   Mo as navigationMenuTriggerStyle,
-  Kt as pluralizeTimes,
-  Bt as secondsToDuration,
-  bt as setThemeHue,
+  Xt as pluralizeTimes,
+  Nt as secondsToDuration,
+  Ct as setThemeHue,
   We as useFormField,
   dt as useIsMobile,
   yr as useSidebar

package/lib/index.css

@@ -1,62 +1,9 @@
 @import url('tokens.css');
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+@import './tailwind.preset.css';
 
-:root {
-  /* shad/cn tokens */
-  --background: var(--neutral-1);
-  --foreground: var(--neutral-10);
-
-  --card: var(--neutral-2);
-  --card-foreground: var(--foreground);
-  --popover: var(--background);
-  --popover-foreground: var(--foreground);
-
-  --primary: var(--primary-8);
-  --primary-foreground: var(--primary-2);
-
-  --secondary: var(--secondary-8);
-  --secondary-foreground: var(--secondary-2);
-
-  --muted: var(--neutral-7);
-  --muted-foreground: var(--neutral-4);
-
-  --accent: var(--neutral-7);
-  --accent-foreground: var(--neutral-4);
-
-  --destructive: var(--destructive-8);
-  --destructive-foreground: var(--destructive-2);
-
-  --success: var(--success-8);
-  --succcess-foreground: var(--success-2);
-
-  --border: var(--neutral-3);
-  --input: var(--border);
-  --ring: var(--neutral-5);
-
-  --chart-1: var(--primary-5);
-  --chart-2: var(--primary-4);
-  --chart-3: var(--secondary-5);
-  --chart-4: var(--secondary-4);
-  --chart-5: var(--secondary-2);
-
-  --radius: 0.25rem;
-
-  --sidebar-background: var(--background);
-  --sidebar-foreground: var(--foreground);
-
-  --sidebar-primary: 240 5.9% 10%;
-  --sidebar-primary-foreground: 0 0% 98%;
-
-  --sidebar-accent: 240 4.8% 95.9%;
-  --sidebar-accent-foreground: 240 5.9% 10%;
-
-  --sidebar-border: 220 13% 91%;
-  --sidebar-ring: 217.2 91.2% 59.8%;
-
-  /** Grid Tokens */
-  --grid-fluid-min: 16rem;
+@utility link {
+  @apply text-primary underline hover:underline-offset-2 hover:text-primary/70;
 }
 
 @layer base {
@@ -68,42 +15,23 @@
     @apply link;
   }
 
-  h1 {
-    @apply text-heading-1;
-  }
-
-  h2 {
-    @apply text-heading-2;
-  }
-
-  h3 {
-    @apply text-heading-3;
-  }
-
-  h4 {
-    @apply text-heading-4;
-  }
-
-  h5 {
-    @apply text-heading-5;
+  body {
+    @apply bg-background/50 text-foreground;
   }
 
-  h6 {
-    @apply text-heading-6;
+  *::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
   }
 
-  p {
-    @apply text-body;
-  }  
-
-  body {
-    @apply bg-background text-foreground;
+  *::-webkit-scrollbar-track {
+    background: white;
+    border-radius: 2px;
   }
 
-}
+  *::-webkit-scrollbar-thumb {
+    background-color: gray;
 
-@layer components {
-  .link {
-    @apply text-primary underline hover:underline-offset-2 hover:text-primary/70;
+    border: 3px solid gray;
   }
 }