@cryptlex/web-components 1.6.2 → 1.6.4

package/dist/index.es.d.ts

@@ -128,12 +128,12 @@ export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & Rea
 export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
     loading?: boolean;
-    icon?: LucideIcon;
+    icon?: (() => LucideIcon);
 }
 
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "default" | "xs" | "sm" | "icon" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Calendar: React_2.FC<CalendarProps>;
@@ -444,7 +444,7 @@ export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownM
 export declare const DropdownMenuSubContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 /**
- * TODO
+ * TODO (mudasirpandith)
  * Focus on trigger.
  * Focus on content after trigger is pressed?
  * List keyboard navigation in buttons within DropdownItems
@@ -478,7 +478,7 @@ export declare type FilterablePropertyType = (typeof FILTERABLE_PROPERTY_TYPES)[
 
 export declare type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];
 
-export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React_2.JSX.Element;
+export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React_2.JSX.Element;
 
 export declare function FormatDate(date: string | null | undefined): string | null;
 
@@ -565,6 +565,8 @@ export declare const InputOTPSlot: React_2.ForwardRefExoticComponent<Omit<React_
 } & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
+    icon?: LucideIcon;
+    buttonProps?: ButtonProps;
 }
 
 export declare type JwtDecode = {
@@ -944,6 +946,8 @@ export declare const TabsList: React_2.ForwardRefExoticComponent<Omit<TabsPrimit
 
 export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+export declare const Textarea: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React_2.RefAttributes<HTMLTextAreaElement>>;
+
 export declare const Toaster: ({ ...props }: ToasterProps) => JSX_2.Element;
 
 declare type ToasterProps = React.ComponentProps<typeof Toaster_2>;

package/dist/index.es.js

@@ -1,7 +1,7 @@
 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 } from "./components/ui/badge.es.js";
-import { Breadcrumb as g, BreadcrumbEllipsis as C, BreadcrumbItem as b, BreadcrumbLink as D, BreadcrumbList as x, BreadcrumbPage as f, BreadcrumbSeparator as c } from "./components/ui/breadcrumb.es.js";
+import { Badge as T } from "./components/ui/badge.es.js";
+import { Breadcrumb as g, BreadcrumbEllipsis as C, BreadcrumbItem as b, BreadcrumbLink as x, BreadcrumbList as D, BreadcrumbPage as f, BreadcrumbSeparator as c } from "./components/ui/breadcrumb.es.js";
 import { Button as M, buttonVariants as I } from "./components/ui/button.es.js";
 import { Calendar as P } from "./components/ui/calendar.es.js";
 import { Card as O, CardContent as A, CardDescription as F, CardFooter as _, CardHeader as w, CardTitle as R } from "./components/ui/card.es.js";
@@ -10,8 +10,8 @@ import { Checkbox as k } from "./components/ui/checkbox.es.js";
 import { Collapsible as V, CollapsibleContent as Y, CollapsibleTrigger as K } from "./components/ui/collapsible.es.js";
 import { Command as X, CommandDialog as j, CommandEmpty as q, CommandGroup as J, CommandInput as Q, CommandItem as W, CommandList as Z, CommandSeparator as $, CommandShortcut as ee } from "./components/ui/command.es.js";
 import { COPY_BUTTON_STATE_TIMEOUT as re, CopyButton as te } from "./components/ui/copy-button.es.js";
-import { Dialog as ne, DialogClose as ie, DialogContent as pe, DialogDescription as me, DialogFooter as le, DialogHeader as de, DialogOverlay as ue, DialogPortal as Se, DialogTitle as Te, DialogTrigger as ge } from "./components/ui/dialog.es.js";
-import { Drawer as be, DrawerClose as De, DrawerContent as xe, DrawerDescription as fe, DrawerFooter as ce, DrawerHeader as se, DrawerOverlay as Me, DrawerPortal as Ie, DrawerTitle as Le, DrawerTrigger as Pe } from "./components/ui/drawer.es.js";
+import { Dialog as ne, DialogClose as ie, DialogContent as pe, DialogDescription as me, DialogFooter as le, DialogHeader as de, DialogOverlay as ue, DialogPortal as Te, DialogTitle as Se, DialogTrigger as ge } from "./components/ui/dialog.es.js";
+import { Drawer as be, DrawerClose as xe, DrawerContent as De, DrawerDescription as fe, DrawerFooter as ce, DrawerHeader as se, DrawerOverlay as Me, DrawerPortal as Ie, DrawerTitle as Le, DrawerTrigger as Pe } from "./components/ui/drawer.es.js";
 import { DropdownMenu as Oe, DropdownMenuCheckboxItem as Ae, DropdownMenuContent as Fe, DropdownMenuGroup as _e, DropdownMenuItem as we, DropdownMenuLabel as Re, DropdownMenuPortal as ve, DropdownMenuRadioGroup as Be, DropdownMenuRadioItem as Ne, DropdownMenuShortcut as he, DropdownMenuSub as ye, DropdownMenuSubContent as Ge, DropdownMenuSubTrigger as Ue, DropdownMenuTrigger as ke } from "./components/ui/dropdown-menu.es.js";
 import { Form as Ve, FormControl as Ye, FormDescription as Ke, FormField as ze, FormItem as Xe, FormLabel as je, FormMessage as qe, useFormField as Je } from "./components/ui/form.es.js";
 import { Input as We } from "./components/ui/input.es.js";
@@ -20,7 +20,7 @@ import { Label as ao } from "./components/ui/label.es.js";
 import { LinkButton as io } from "./components/ui/link-button.es.js";
 import { Loader as mo } from "./components/ui/loader.es.js";
 import "./components/ui/mutli-select.es.js";
-import { NavigationMenu as uo, NavigationMenuContent as So, NavigationMenuIndicator as To, NavigationMenuItem as go, NavigationMenuLink as Co, NavigationMenuList as bo, NavigationMenuListItem as Do, NavigationMenuTrigger as xo, NavigationMenuViewport as fo, navigationMenuTriggerStyle as co } from "./components/ui/navigation-menu.es.js";
+import { NavigationMenu as uo, NavigationMenuContent as To, NavigationMenuIndicator as So, NavigationMenuItem as go, NavigationMenuLink as Co, NavigationMenuList as bo, NavigationMenuListItem as xo, NavigationMenuTrigger as Do, NavigationMenuViewport as fo, navigationMenuTriggerStyle as co } from "./components/ui/navigation-menu.es.js";
 import { Pagination as Mo, PaginationContent as Io, PaginationEllipsis as Lo, PaginationItem as Po, PaginationLink as Eo, PaginationNext as Oo, PaginationPrevious as Ao } from "./components/ui/pagination.es.js";
 import { PasswordInput as _o } from "./components/ui/password-input.es.js";
 import { Popover as Ro, PopoverAnchor as vo, PopoverContent as Bo, PopoverTrigger as No } from "./components/ui/popover.es.js";
@@ -29,49 +29,50 @@ import { SearchInput as ko } from "./components/ui/search-input.es.js";
 import { Select as Vo, SelectContent as Yo, SelectGroup as Ko, SelectItem as zo, SelectScrollDownButton as Xo, SelectScrollUpButton as jo, SelectTrigger as qo, SelectValue as Jo } from "./components/ui/select.es.js";
 import { Separator as Wo } from "./components/ui/separator.es.js";
 import { Sheet as $o, SheetClose as er, SheetContent as or, SheetDescription as rr, SheetFooter as tr, SheetHeader as ar, SheetOverlay as nr, SheetPortal as ir, SheetTitle as pr, SheetTrigger as mr } from "./components/ui/sheet.es.js";
-import { Sidebar as dr, SidebarContent as ur, SidebarFooter as Sr, SidebarGroup as Tr, SidebarGroupAction as gr, SidebarGroupContent as Cr, SidebarGroupLabel as br, SidebarHeader as Dr, SidebarInput as xr, SidebarInset as fr, SidebarMenu as cr, SidebarMenuAction as sr, SidebarMenuBadge as Mr, SidebarMenuButton as Ir, SidebarMenuItem as Lr, SidebarMenuSkeleton as Pr, SidebarMenuSub as Er, SidebarMenuSubButton as Or, SidebarMenuSubItem as Ar, SidebarProvider as Fr, SidebarRail as _r, SidebarSeparator as wr, SidebarTrigger as Rr, useSidebar as vr } from "./components/ui/sidebar.es.js";
+import { Sidebar as dr, SidebarContent as ur, SidebarFooter as Tr, SidebarGroup as Sr, SidebarGroupAction as gr, SidebarGroupContent as Cr, SidebarGroupLabel as br, SidebarHeader as xr, SidebarInput as Dr, SidebarInset as fr, SidebarMenu as cr, SidebarMenuAction as sr, SidebarMenuBadge as Mr, SidebarMenuButton as Ir, SidebarMenuItem as Lr, SidebarMenuSkeleton as Pr, SidebarMenuSub as Er, SidebarMenuSubButton as Or, SidebarMenuSubItem as Ar, SidebarProvider as Fr, SidebarRail as _r, SidebarSeparator as wr, SidebarTrigger as Rr, useSidebar as vr } from "./components/ui/sidebar.es.js";
 import { Skeleton as Nr } from "./components/ui/skeleton.es.js";
 import { Toaster as yr } from "./components/ui/sonner.es.js";
 import { Table as Ur, TableBody as kr, TableCaption as Hr, TableCell as Vr, TableFooter as Yr, TableHead as Kr, TableHeader as zr, TableRow as Xr } from "./components/ui/table.es.js";
 import { Tabs as qr, TabsContent as Jr, TabsList as Qr, TabsTrigger as Wr } from "./components/ui/tabs.es.js";
-import { Tooltip as $r, TooltipContent as et, TooltipProvider as ot, TooltipTrigger as rt } from "./components/ui/tooltip.es.js";
-import { TablePageLayout as at } from "./components/ui/table-page-layout.es.js";
-import { useIsMobile as it } from "./hooks/use-mobile.es.js";
-import { cn as mt, getThemeHue as lt, logout as dt, setThemeHue as ut } from "./utils/index.es.js";
-import { ACTIONS_COLUMN_ID as Tt, DataTable as gt } from "./components/data-table/data-table.es.js";
-import { TABLE_CHECK_BOX_COLUMN as bt, TABLE_DEFAULT_DATE_COLUMNS as Dt, TABLE_ID_COLUMN as xt } from "./components/data-table/table-commons.es.js";
-import { ALL_OS as ct, COMPARISON_OPERATOR_LABELS as st, DEFAULT_FILTERABLE_FIELDS as Mt, FILTERABLE_PROPERTY_TYPES as It, FILTER_COMPARISON_OPERATORS as Lt, OPERATORS_FOR_FILTER_TYPE as Pt, RESOURCE_DEFINITIONS as Et, RESOURCE_NAMES as Ot, getLicenseStatus as At, getResourceDisplayName as Ft, getValidityDisplay as _t, getValueFromData as wt, secondsToDuration as Rt } from "./components/data-table/table-utils/constants.es.js";
-import { createTableFetchFn as Bt } 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 Gt } from "./components/data-table/table-utils/link-display.es.js";
-import { convertCamelCaseToTitleCase as kt, convertToTitleCase as Ht, pluralizeTimes as Vt } from "./components/data-table/table-utils/string.es.js";
-import { DYNAMIC_INPUT_TARGET as Kt } from "./components/data-table/table-utils/types.es.js";
-import { KeyValueCard as Xt } from "./components/key-value-card/key-value-card.es.js";
-import { AppLayout as qt } from "./components/sidebar/app-layout.es.js";
-import { NavMain as Qt } from "./components/sidebar/nav-main.es.js";
-import { SideBar as Zt } from "./components/sidebar/sidebar.es.js";
-import { StaticDataTable as ea } from "./components/static-data-table/data-table.es.js";
+import { Textarea as $r } from "./components/ui/textarea.es.js";
+import { Tooltip as ot, TooltipContent as rt, TooltipProvider as tt, TooltipTrigger as at } from "./components/ui/tooltip.es.js";
+import { StaticDataTable as it } from "./components/static-data-table/static-data-table.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 Tt, getThemeHue as St, logout as gt, setThemeHue as Ct } from "./utils/index.es.js";
+import { ACTIONS_COLUMN_ID as xt, DataTable as Dt } 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 Ot, FILTER_COMPARISON_OPERATORS as At, OPERATORS_FOR_FILTER_TYPE as Ft, RESOURCE_DEFINITIONS as _t, RESOURCE_NAMES as wt, getLicenseStatus as Rt, getResourceDisplayName as vt, getValidityDisplay as Bt, getValueFromData as Nt, secondsToDuration as ht } 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 kt } 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";
 export {
-  Tt as ACTIONS_COLUMN_ID,
-  ct as ALL_OS,
+  xt 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,
+  T as Badge,
   g as Breadcrumb,
   C as BreadcrumbEllipsis,
   b as BreadcrumbItem,
-  D as BreadcrumbLink,
-  x as BreadcrumbList,
+  x as BreadcrumbLink,
+  D as BreadcrumbList,
   f as BreadcrumbPage,
   c as BreadcrumbSeparator,
   M as Button,
-  st as COMPARISON_OPERATOR_LABELS,
+  Pt as COMPARISON_OPERATOR_LABELS,
   re as COPY_BUTTON_STATE_TIMEOUT,
   P as Calendar,
   O as Card,
@@ -99,9 +100,9 @@ export {
   $ as CommandSeparator,
   ee as CommandShortcut,
   te as CopyButton,
-  Mt as DEFAULT_FILTERABLE_FIELDS,
-  Kt as DYNAMIC_INPUT_TARGET,
-  gt as DataTable,
+  Et as DEFAULT_FILTERABLE_FIELDS,
+  qt as DYNAMIC_INPUT_TARGET,
+  Dt as DataTable,
   ne as Dialog,
   ie as DialogClose,
   pe as DialogContent,
@@ -109,12 +110,12 @@ export {
   le as DialogFooter,
   de as DialogHeader,
   ue as DialogOverlay,
-  Se as DialogPortal,
-  Te as DialogTitle,
+  Te as DialogPortal,
+  Se as DialogTitle,
   ge as DialogTrigger,
   be as Drawer,
-  De as DrawerClose,
-  xe as DrawerContent,
+  xe as DrawerClose,
+  De as DrawerContent,
   fe as DrawerDescription,
   ce as DrawerFooter,
   se as DrawerHeader,
@@ -136,8 +137,8 @@ export {
   Ge as DropdownMenuSubContent,
   Ue as DropdownMenuSubTrigger,
   ke as DropdownMenuTrigger,
-  It as FILTERABLE_PROPERTY_TYPES,
-  Lt as FILTER_COMPARISON_OPERATORS,
+  Ot as FILTERABLE_PROPERTY_TYPES,
+  At as FILTER_COMPARISON_OPERATORS,
   Ve as Form,
   Ye as FormControl,
   Ke as FormDescription,
@@ -145,27 +146,27 @@ export {
   Xe as FormItem,
   je as FormLabel,
   qe as FormMessage,
-  ht as FormatDate,
+  kt as FormatDate,
   We as Input,
   $e as InputOTP,
   eo as InputOTPGroup,
   oo as InputOTPSeparator,
   ro as InputOTPSlot,
-  Xt as KeyValueCard,
+  Qt as KeyValueCard,
   ao as Label,
   io as LinkButton,
   mo as Loader,
-  Qt as NavMain,
+  ea as NavMain,
   uo as NavigationMenu,
-  So as NavigationMenuContent,
-  To as NavigationMenuIndicator,
+  To as NavigationMenuContent,
+  So as NavigationMenuIndicator,
   go as NavigationMenuItem,
   Co as NavigationMenuLink,
   bo as NavigationMenuList,
-  Do as NavigationMenuListItem,
-  xo as NavigationMenuTrigger,
+  xo as NavigationMenuListItem,
+  Do as NavigationMenuTrigger,
   fo as NavigationMenuViewport,
-  Pt as OPERATORS_FOR_FILTER_TYPE,
+  Ft as OPERATORS_FOR_FILTER_TYPE,
   Mo as Pagination,
   Io as PaginationContent,
   Lo as PaginationEllipsis,
@@ -178,8 +179,8 @@ export {
   vo as PopoverAnchor,
   Bo as PopoverContent,
   No as PopoverTrigger,
-  Et as RESOURCE_DEFINITIONS,
-  Ot as RESOURCE_NAMES,
+  _t as RESOURCE_DEFINITIONS,
+  wt as RESOURCE_NAMES,
   yo as RadioGroup,
   Go as RadioGroupItem,
   ko as SearchInput,
@@ -202,16 +203,16 @@ export {
   ir as SheetPortal,
   pr as SheetTitle,
   mr as SheetTrigger,
-  Zt as SideBar,
+  ra as SideBar,
   dr as Sidebar,
   ur as SidebarContent,
-  Sr as SidebarFooter,
-  Tr as SidebarGroup,
+  Tr as SidebarFooter,
+  Sr as SidebarGroup,
   gr as SidebarGroupAction,
   Cr as SidebarGroupContent,
   br as SidebarGroupLabel,
-  Dr as SidebarHeader,
-  xr as SidebarInput,
+  xr as SidebarHeader,
+  Dr as SidebarInput,
   fr as SidebarInset,
   cr as SidebarMenu,
   sr as SidebarMenuAction,
@@ -227,10 +228,10 @@ export {
   wr as SidebarSeparator,
   Rr as SidebarTrigger,
   Nr as Skeleton,
-  ea as StaticDataTable,
-  bt as TABLE_CHECK_BOX_COLUMN,
-  Dt as TABLE_DEFAULT_DATE_COLUMNS,
-  xt as TABLE_ID_COLUMN,
+  it as StaticDataTable,
+  ct as TABLE_CHECK_BOX_COLUMN,
+  st as TABLE_DEFAULT_DATE_COLUMNS,
+  Mt as TABLE_ID_COLUMN,
   Ur as Table,
   kr as TableBody,
   Hr as TableCaption,
@@ -238,35 +239,36 @@ export {
   Yr as TableFooter,
   Kr as TableHead,
   zr as TableHeader,
-  at as TablePageLayout,
+  mt as TablePageLayout,
   Xr as TableRow,
   qr as Tabs,
   Jr as TabsContent,
   Qr as TabsList,
   Wr as TabsTrigger,
+  $r as Textarea,
   yr as Toaster,
-  $r as Tooltip,
-  et as TooltipContent,
-  ot as TooltipProvider,
-  rt as TooltipTrigger,
+  ot as Tooltip,
+  rt as TooltipContent,
+  tt as TooltipProvider,
+  at as TooltipTrigger,
   I as buttonVariants,
-  mt as cn,
-  kt as convertCamelCaseToTitleCase,
-  Ht as convertToTitleCase,
-  Bt as createTableFetchFn,
-  At as getLicenseStatus,
-  Gt as getLinkDisplay,
-  Ft as getResourceDisplayName,
-  lt as getThemeHue,
-  _t as getValidityDisplay,
-  wt as getValueFromData,
-  dt as logout,
+  Tt as cn,
+  Kt as convertCamelCaseToTitleCase,
+  zt as convertToTitleCase,
+  Gt as createTableFetchFn,
+  Rt as getLicenseStatus,
+  Vt as getLinkDisplay,
+  vt as getResourceDisplayName,
+  St as getThemeHue,
+  Bt as getValidityDisplay,
+  Nt as getValueFromData,
+  gt as logout,
   co as navigationMenuTriggerStyle,
-  Vt as pluralizeTimes,
-  Rt as secondsToDuration,
-  ut as setThemeHue,
+  Xt as pluralizeTimes,
+  ht as secondsToDuration,
+  Ct as setThemeHue,
   Je as useFormField,
-  it as useIsMobile,
+  dt as useIsMobile,
   vr as useSidebar
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/index.css

@@ -1,56 +1,3 @@
-@import url('tokens.css');
 @import 'tailwindcss';
-@import './tailwind.preset.css';
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-
-  a {
-    @apply link;
-  }
-
-  h1 {
-    @apply h1;
-  }
-
-  h2 {
-    @apply h2;
-  }
-
-  h3 {
-    @apply h3;
-  }
-
-  h4 {
-    @apply h4;
-  }
-
-  h5 {
-    @apply h5;
-  }
-
-  h6 {
-    @apply h6;
-  }
-
-  body {
-    @apply bg-background text-foreground;
-  }
-
-  *::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-
-  *::-webkit-scrollbar-track {
-    background: white;
-    border-radius: 2px;
-  }
-
-  *::-webkit-scrollbar-thumb {
-    background-color: gray;
-    border: 3px solid gray;
-  }
-}
+@import './tokens.css';
+@import './tailwind.preset.css';

package/lib/tailwind.preset.css

@@ -231,4 +231,61 @@
 /* Fluid grid with minimum width */
 @utility grid-fluid {
     @apply grid grid-cols-[repeat(auto-fill,_minmax(var(--fluid-grid-min),_1fr))] gap-4;
+}
+
+@utility input {
+    @apply w-full rounded-md border border-input bg-background px-3 py-2 body placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50;
+}
+
+@layer base {
+    * {
+      @apply border-border outline-ring/50;
+    }
+  
+    a {
+      @apply link;
+    }
+  
+    h1 {
+      @apply h1;
+    }
+  
+    h2 {
+      @apply h2;
+    }
+  
+    h3 {
+      @apply h3;
+    }
+  
+    h4 {
+      @apply h4;
+    }
+  
+    h5 {
+      @apply h5;
+    }
+  
+    h6 {
+      @apply h6;
+    }
+  
+    body {
+      @apply bg-background text-foreground;
+    }
+  
+    *::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+  
+    *::-webkit-scrollbar-track {
+      background: white;
+      border-radius: 2px;
+    }
+  
+    *::-webkit-scrollbar-thumb {
+      background-color: gray;
+      border: 3px solid gray;
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",

package/dist/components/static-data-table/data-table.es.js

@@ -1,30 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Badge as h } from "../ui/badge.es.js";
-import { Table as g, TableHeader as x, TableRow as c, TableHead as f, TableCell as t, TableBody as u } from "../ui/table.es.js";
-import { getResourceDisplayName as y, getValueFromData as N } from "../data-table/table-utils/constants.es.js";
-function A({ accessors: d, data: o, affectedData: n }) {
-  return /* @__PURE__ */ i(g, { children: [
-    /* @__PURE__ */ e(x, { className: "text-left align-middle sticky top-0 z-10 bg-card", children: /* @__PURE__ */ i(c, { children: [
-      d.map((r) => /* @__PURE__ */ e(
-        f,
-        {
-          className: "px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card",
-          children: y(String(r), "admin-portal")
-        },
-        String(r)
-      )),
-      n && /* @__PURE__ */ e(t, { className: "px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card", children: "Affected" })
-    ] }) }),
-    /* @__PURE__ */ e(u, { children: o.map((r, m) => /* @__PURE__ */ i(c, { children: [
-      d.map((a) => {
-        const p = r[a];
-        return Array.isArray(p) ? /* @__PURE__ */ e(t, { className: "flex gap-4", children: p.map((l, s) => /* @__PURE__ */ e(h, { children: (l == null ? void 0 : l.name) || l }, s)) }, String(a)) : /* @__PURE__ */ e(t, { children: N(r, a) }, String(a));
-      }),
-      n && /* @__PURE__ */ e(t, { children: n.includes(r) ? /* @__PURE__ */ e("span", { className: "text-success-foreground", children: "✔" }) : /* @__PURE__ */ e("span", { className: "text-destructive-foreground", children: "✖" }) })
-    ] }, m)) })
-  ] });
-}
-export {
-  A as StaticDataTable
-};
-//# sourceMappingURL=data-table.es.js.map

package/dist/components/static-data-table/data-table.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.es.js","sources":["../../../lib/components/static-data-table/data-table.tsx"],"sourcesContent":["import { getResourceDisplayName, getValueFromData } from '@/components/data-table';\nimport { Badge } from '@/components/ui/badge';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';\n\n\nexport interface StaticDataTableProps<T> {\n  accessors: (keyof T)[];\n  data: T[];\n  affectedData?: T[];\n}\n\nexport function StaticDataTable<T>({ accessors, data, affectedData }: StaticDataTableProps<T>) {\n  return (\n    <Table>\n      <TableHeader className=\"text-left align-middle sticky top-0 z-10 bg-card\">\n        <TableRow>\n          {accessors.map((accessor) => (\n            <TableHead\n              key={String(accessor)}\n              className=\"px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card\"\n            >\n              {getResourceDisplayName(String(accessor), 'admin-portal')}\n            </TableHead>\n          ))}\n          {affectedData && (\n            <TableCell className=\"px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card\">\n              Affected\n            </TableCell>\n          )}\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        {data.map((item, index) => (\n          <TableRow key={index}>\n            {accessors.map((accessor) => {\n              const value = item[accessor];\n              // Handle arrays (e.g., userGroups) with badges\n              if (Array.isArray(value)) {\n                return (\n                  <TableCell key={String(accessor)} className=\"flex gap-4\">\n                    {value.map((subItem, subIndex) => (\n                      <Badge key={subIndex}>{subItem?.name || subItem}</Badge>\n                    ))}\n                  </TableCell>\n                );\n              }\n              // Handle other data types\n              return (\n                <TableCell key={String(accessor)}>{getValueFromData(item, accessor)}</TableCell>\n              );\n            })}\n            {affectedData && (\n              <TableCell>\n                {affectedData.includes(item) ? (\n                  <span className=\"text-success-foreground\">✔</span>\n                ) : (\n                  <span className=\"text-destructive-foreground\">✖</span>\n                )}\n              </TableCell>\n            )}\n          </TableRow>\n        ))}\n      </TableBody>\n    </Table>\n  );\n}\n"],"names":["StaticDataTable","accessors","data","affectedData","Table","jsx","TableHeader","jsxs","TableRow","accessor","TableHead","getResourceDisplayName","TableCell","TableBody","item","index","value","subItem","subIndex","Badge","getValueFromData"],"mappings":";;;;AAWO,SAASA,EAAmB,EAAE,WAAAC,GAAW,MAAAC,GAAM,cAAAC,KAAyC;AAC7F,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAY,EAAA,WAAU,oDACrB,UAAA,gBAAAC,EAACC,GACE,EAAA,UAAA;AAAA,MAAUP,EAAA,IAAI,CAACQ,MACd,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAET,UAAuBC,EAAA,OAAOF,CAAQ,GAAG,cAAc;AAAA,QAAA;AAAA,QAHnD,OAAOA,CAAQ;AAAA,MAAA,CAKvB;AAAA,MACAN,KACC,gBAAAE,EAACO,GAAU,EAAA,WAAU,oFAAmF,UAExG,WAAA,CAAA;AAAA,IAAA,EAAA,CAEJ,EACF,CAAA;AAAA,IACA,gBAAAP,EAACQ,KACE,UAAKX,EAAA,IAAI,CAACY,GAAMC,wBACdP,GACE,EAAA,UAAA;AAAA,MAAUP,EAAA,IAAI,CAACQ,MAAa;AACrB,cAAAO,IAAQF,EAAKL,CAAQ;AAEvB,eAAA,MAAM,QAAQO,CAAK,sBAElBJ,GAAiC,EAAA,WAAU,cACzC,UAAMI,EAAA,IAAI,CAACC,GAASC,wBAClBC,GAAsB,EAAA,WAAAF,KAAA,gBAAAA,EAAS,SAAQA,EAA5B,GAAAC,CAAoC,CACjD,EAHa,GAAA,OAAOT,CAAQ,CAI/B,IAKF,gBAAAJ,EAACO,KAAkC,UAAiBQ,EAAAN,GAAML,CAAQ,EAAlD,GAAA,OAAOA,CAAQ,CAAqC;AAAA,MAAA,CAEvE;AAAA,MACAN,KACE,gBAAAE,EAAAO,GAAA,EACE,YAAa,SAASE,CAAI,IACxB,gBAAAT,EAAA,QAAA,EAAK,WAAU,2BAA0B,eAAC,IAE3C,gBAAAA,EAAC,UAAK,WAAU,+BAA8B,cAAC,CAAA,EAEnD,CAAA;AAAA,IAAA,EAzBW,GAAAU,CA2Bf,CACD,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}