@cryptlex/web-components 3.1.2 → 3.2.0

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { useIsMobile as o } from "./hooks/use-mobile.es.js";
 import { cn as a, getThemeHue as n, logout as i, setThemeHue as p } from "./utils/index.es.js";
-import { fieldContext as T, formContext as d, useFieldContext as u } from "./utils/form-context.es.js";
+import { fieldContext as T, formContext as d, useFieldContext as m } from "./utils/form-context.es.js";
 import { useAppForm as S } from "./utils/form-hook.es.js";
 import { ACTIONS_COLUMN_ID as x, DataTable as f } from "./components/data-table/data-table.es.js";
 import { TABLE_CHECK_BOX_COLUMN as D, TABLE_DEFAULT_DATE_COLUMNS as g, TABLE_ID_COLUMN as s } from "./components/data-table/table-commons.es.js";
@@ -16,105 +16,106 @@ import { FormField as ee } from "./components/inputs/form-field.es.js";
 import { Input as oe, TfInput as te } from "./components/inputs/input.es.js";
 import { InputOTP as ne, InputOTPGroup as ie, InputOTPSeparator as pe, InputOTPSlot as le } from "./components/inputs/input-otp.es.js";
 import { TfLicenseTypeSelect as de } from "./components/inputs/license-type-select.es.js";
-import { MultiSelect as me, TfMultiSelect as Se } from "./components/inputs/multi-select.es.js";
+import { MultiSelect as ue, TfMultiSelect as Se } from "./components/inputs/multi-select.es.js";
 import { PasswordInput as xe } from "./components/inputs/password-input.es.js";
 import { RadioGroup as Ce, RadioGroupItem as De } from "./components/inputs/radio-group.es.js";
 import { SearchInput as se } from "./components/inputs/search-input.es.js";
-import { Textarea as Pe, TfTextarea as Ie } from "./components/inputs/textarea.es.js";
-import { KeyValueCard as Ee } from "./components/key-value-card/key-value-card.es.js";
-import { Accordion as Le, AccordionContent as Ae, AccordionItem as _e, AccordionTrigger as Re } from "./components/ui/accordion.es.js";
-import { Avatar as Fe } from "./components/ui/avatar.es.js";
-import { Badge as he } from "./components/ui/badge.es.js";
-import { Breadcrumb as ve, BreadcrumbEllipsis as ye, BreadcrumbItem as Ue, BreadcrumbLink as Ge, BreadcrumbList as He, BreadcrumbPage as ke, BreadcrumbSeparator as Ye } from "./components/ui/breadcrumb.es.js";
-import { Button as Ke, buttonVariants as ze } from "./components/ui/button.es.js";
-import { Card as je, CardContent as qe, CardDescription as Je, CardFooter as Qe, CardHeader as We, CardTitle as Ze } from "./components/ui/card.es.js";
-import { Collapsible as er, CollapsibleContent as rr, CollapsibleTrigger as or } from "./components/ui/collapsible.es.js";
-import { COPY_BUTTON_STATE_TIMEOUT as ar, CopyButton as nr } from "./components/ui/copy-button.es.js";
-import { Dialog as pr, DialogClose as lr, DialogContent as Tr, DialogDescription as dr, DialogFooter as ur, DialogHeader as mr, DialogOverlay as Sr, DialogPortal as br, DialogTitle as xr, DialogTrigger as fr } from "./components/ui/dialog.es.js";
-import { Drawer as Dr, DrawerClose as gr, DrawerContent as sr, DrawerDescription as cr, DrawerFooter as Pr, DrawerHeader as Ir, DrawerOverlay as Mr, DrawerPortal as Er, DrawerTitle as Or, DrawerTrigger as Lr } from "./components/ui/drawer.es.js";
-import { DropdownMenu as _r, DropdownMenuCheckboxItem as Rr, DropdownMenuContent as wr, DropdownMenuGroup as Fr, DropdownMenuItem as Br, DropdownMenuLabel as hr, DropdownMenuPortal as Nr, DropdownMenuRadioGroup as vr, DropdownMenuRadioItem as yr, DropdownMenuSub as Ur, DropdownMenuSubContent as Gr, DropdownMenuSubTrigger as Hr, DropdownMenuTrigger as kr } from "./components/ui/dropdown-menu.es.js";
-import { Label as Vr } from "./components/ui/label.es.js";
-import { Loader as zr } from "./components/ui/loader.es.js";
-import { Pagination as jr, PaginationContent as qr, PaginationEllipsis as Jr, PaginationItem as Qr, PaginationLink as Wr, PaginationNext as Zr, PaginationPrevious as $r } from "./components/ui/pagination.es.js";
-import { Popover as ro, PopoverAnchor as oo, PopoverContent as to, PopoverTrigger as ao } from "./components/ui/popover.es.js";
-import { Separator as io } from "./components/ui/separator.es.js";
-import { Sheet as lo, SheetClose as To, SheetContent as uo, SheetDescription as mo, SheetFooter as So, SheetHeader as bo, SheetOverlay as xo, SheetPortal as fo, SheetTitle as Co, SheetTrigger as Do } from "./components/ui/sheet.es.js";
-import { Sidebar as so, SidebarContent as co, SidebarFooter as Po, SidebarGroup as Io, SidebarGroupAction as Mo, SidebarGroupContent as Eo, SidebarGroupLabel as Oo, SidebarHeader as Lo, SidebarInset as Ao, SidebarMenu as _o, SidebarMenuAction as Ro, SidebarMenuBadge as wo, SidebarMenuButton as Fo, SidebarMenuItem as Bo, SidebarMenuSkeleton as ho, SidebarMenuSub as No, SidebarMenuSubButton as vo, SidebarMenuSubItem as yo, SidebarProvider as Uo, SidebarRail as Go, SidebarSeparator as Ho, SidebarTrigger as ko, useSidebar as Yo } from "./components/ui/sidebar.es.js";
-import { Skeleton as Ko } from "./components/ui/skeleton.es.js";
-import { Toaster as Xo } from "./components/ui/sonner.es.js";
-import { StaticDataTable as qo } from "./components/ui/static-data-table.es.js";
-import { Table as Qo, TableBody as Wo, TableCaption as Zo, TableCell as $o, TableFooter as et, TableHead as rt, TableHeader as ot, TableRow as tt } from "./components/ui/table.es.js";
-import { TablePageLayout as nt } from "./components/ui/table-page-layout.es.js";
-import { Tabs as pt, TabsContent as lt, TabsList as Tt, TabsTrigger as dt } from "./components/ui/tabs.es.js";
-import { Tooltip as mt, TooltipContent as St, TooltipProvider as bt, TooltipTrigger as xt } from "./components/ui/tooltip.es.js";
+import { SingleSelect as Pe, TfSingleSelect as Ie } from "./components/inputs/select.es.js";
+import { Textarea as Ee, TfTextarea as Oe } from "./components/inputs/textarea.es.js";
+import { KeyValueCard as Ae } from "./components/key-value-card/key-value-card.es.js";
+import { Accordion as Re, AccordionContent as we, AccordionItem as Fe, AccordionTrigger as Be } from "./components/ui/accordion.es.js";
+import { Avatar as Ne } from "./components/ui/avatar.es.js";
+import { Badge as ye } from "./components/ui/badge.es.js";
+import { Breadcrumb as Ge, BreadcrumbEllipsis as He, BreadcrumbItem as ke, BreadcrumbLink as Ye, BreadcrumbList as Ve, BreadcrumbPage as Ke, BreadcrumbSeparator as ze } from "./components/ui/breadcrumb.es.js";
+import { Button as je, buttonVariants as qe } from "./components/ui/button.es.js";
+import { Card as Qe, CardContent as We, CardDescription as Ze, CardFooter as $e, CardHeader as er, CardTitle as rr } from "./components/ui/card.es.js";
+import { Collapsible as tr, CollapsibleContent as ar, CollapsibleTrigger as nr } from "./components/ui/collapsible.es.js";
+import { COPY_BUTTON_STATE_TIMEOUT as pr, CopyButton as lr } from "./components/ui/copy-button.es.js";
+import { Dialog as dr, DialogClose as mr, DialogContent as ur, DialogDescription as Sr, DialogFooter as br, DialogHeader as xr, DialogOverlay as fr, DialogPortal as Cr, DialogTitle as Dr, DialogTrigger as gr } from "./components/ui/dialog.es.js";
+import { Drawer as cr, DrawerClose as Pr, DrawerContent as Ir, DrawerDescription as Mr, DrawerFooter as Er, DrawerHeader as Or, DrawerOverlay as Lr, DrawerPortal as Ar, DrawerTitle as _r, DrawerTrigger as Rr } from "./components/ui/drawer.es.js";
+import { DropdownMenu as Fr, DropdownMenuCheckboxItem as Br, DropdownMenuContent as hr, DropdownMenuGroup as Nr, DropdownMenuItem as vr, DropdownMenuLabel as yr, DropdownMenuPortal as Ur, DropdownMenuRadioGroup as Gr, DropdownMenuRadioItem as Hr, DropdownMenuSub as kr, DropdownMenuSubContent as Yr, DropdownMenuSubTrigger as Vr, DropdownMenuTrigger as Kr } from "./components/ui/dropdown-menu.es.js";
+import { Label as Xr } from "./components/ui/label.es.js";
+import { Loader as qr } from "./components/ui/loader.es.js";
+import { Pagination as Qr, PaginationContent as Wr, PaginationEllipsis as Zr, PaginationItem as $r, PaginationLink as eo, PaginationNext as ro, PaginationPrevious as oo } from "./components/ui/pagination.es.js";
+import { Popover as ao, PopoverAnchor as no, PopoverContent as io, PopoverTrigger as po } from "./components/ui/popover.es.js";
+import { Separator as To } from "./components/ui/separator.es.js";
+import { Sheet as uo, SheetClose as So, SheetContent as bo, SheetDescription as xo, SheetFooter as fo, SheetHeader as Co, SheetOverlay as Do, SheetPortal as go, SheetTitle as so, SheetTrigger as co } from "./components/ui/sheet.es.js";
+import { Sidebar as Io, SidebarContent as Mo, SidebarContext as Eo, SidebarFooter as Oo, SidebarGroup as Lo, SidebarGroupAction as Ao, SidebarGroupContent as _o, SidebarGroupLabel as Ro, SidebarHeader as wo, SidebarInset as Fo, SidebarMenu as Bo, SidebarMenuAction as ho, SidebarMenuBadge as No, SidebarMenuButton as vo, SidebarMenuItem as yo, SidebarMenuSkeleton as Uo, SidebarMenuSub as Go, SidebarMenuSubButton as Ho, SidebarMenuSubItem as ko, SidebarProvider as Yo, SidebarRail as Vo, SidebarTrigger as Ko, useSidebar as zo } from "./components/ui/sidebar.es.js";
+import { Skeleton as jo } from "./components/ui/skeleton.es.js";
+import { Toaster as Jo } from "./components/ui/sonner.es.js";
+import { StaticDataTable as Wo } from "./components/ui/static-data-table.es.js";
+import { Table as $o, TableBody as et, TableCaption as rt, TableCell as ot, TableFooter as tt, TableHead as at, TableHeader as nt, TableRow as it } from "./components/ui/table.es.js";
+import { TablePageLayout as lt } from "./components/ui/table-page-layout.es.js";
+import { Tabs as dt, TabsContent as mt, TabsList as ut, TabsTrigger as St } from "./components/ui/tabs.es.js";
+import { Tooltip as xt, TooltipContent as ft, TooltipProvider as Ct, TooltipTrigger as Dt } from "./components/ui/tooltip.es.js";
 export {
   x as ACTIONS_COLUMN_ID,
   P as ALL_OS,
-  Le as Accordion,
-  Ae as AccordionContent,
-  _e as AccordionItem,
-  Re as AccordionTrigger,
-  Fe as Avatar,
-  he as Badge,
-  ve as Breadcrumb,
-  ye as BreadcrumbEllipsis,
-  Ue as BreadcrumbItem,
-  Ge as BreadcrumbLink,
-  He as BreadcrumbList,
-  ke as BreadcrumbPage,
-  Ye as BreadcrumbSeparator,
-  Ke as Button,
+  Re as Accordion,
+  we as AccordionContent,
+  Fe as AccordionItem,
+  Be as AccordionTrigger,
+  Ne as Avatar,
+  ye as Badge,
+  Ge as Breadcrumb,
+  He as BreadcrumbEllipsis,
+  ke as BreadcrumbItem,
+  Ye as BreadcrumbLink,
+  Ve as BreadcrumbList,
+  Ke as BreadcrumbPage,
+  ze as BreadcrumbSeparator,
+  je as Button,
   I as COMPARISON_OPERATOR_LABELS,
-  ar as COPY_BUTTON_STATE_TIMEOUT,
+  pr as COPY_BUTTON_STATE_TIMEOUT,
   X as Calendar,
-  je as Card,
-  qe as CardContent,
-  Je as CardDescription,
-  Qe as CardFooter,
-  We as CardHeader,
-  Ze as CardTitle,
+  Qe as Card,
+  We as CardContent,
+  Ze as CardDescription,
+  $e as CardFooter,
+  er as CardHeader,
+  rr as CardTitle,
   q as Checkbox,
-  er as Collapsible,
-  rr as CollapsibleContent,
-  or as CollapsibleTrigger,
-  nr as CopyButton,
+  tr as Collapsible,
+  ar as CollapsibleContent,
+  nr as CollapsibleTrigger,
+  lr as CopyButton,
   W as CountrySelect,
   M as DEFAULT_FILTERABLE_FIELDS,
   K as DYNAMIC_INPUT_TARGET,
   f as DataTable,
-  pr as Dialog,
-  lr as DialogClose,
-  Tr as DialogContent,
-  dr as DialogDescription,
-  ur as DialogFooter,
-  mr as DialogHeader,
-  Sr as DialogOverlay,
-  br as DialogPortal,
-  xr as DialogTitle,
-  fr as DialogTrigger,
-  Dr as Drawer,
-  gr as DrawerClose,
-  sr as DrawerContent,
-  cr as DrawerDescription,
-  Pr as DrawerFooter,
-  Ir as DrawerHeader,
-  Mr as DrawerOverlay,
-  Er as DrawerPortal,
-  Or as DrawerTitle,
-  Lr as DrawerTrigger,
-  _r as DropdownMenu,
-  Rr as DropdownMenuCheckboxItem,
-  wr as DropdownMenuContent,
-  Fr as DropdownMenuGroup,
-  Br as DropdownMenuItem,
-  hr as DropdownMenuLabel,
-  Nr as DropdownMenuPortal,
-  vr as DropdownMenuRadioGroup,
-  yr as DropdownMenuRadioItem,
-  Ur as DropdownMenuSub,
-  Gr as DropdownMenuSubContent,
-  Hr as DropdownMenuSubTrigger,
-  kr as DropdownMenuTrigger,
+  dr as Dialog,
+  mr as DialogClose,
+  ur as DialogContent,
+  Sr as DialogDescription,
+  br as DialogFooter,
+  xr as DialogHeader,
+  fr as DialogOverlay,
+  Cr as DialogPortal,
+  Dr as DialogTitle,
+  gr as DialogTrigger,
+  cr as Drawer,
+  Pr as DrawerClose,
+  Ir as DrawerContent,
+  Mr as DrawerDescription,
+  Er as DrawerFooter,
+  Or as DrawerHeader,
+  Lr as DrawerOverlay,
+  Ar as DrawerPortal,
+  _r as DrawerTitle,
+  Rr as DrawerTrigger,
+  Fr as DropdownMenu,
+  Br as DropdownMenuCheckboxItem,
+  hr as DropdownMenuContent,
+  Nr as DropdownMenuGroup,
+  vr as DropdownMenuItem,
+  yr as DropdownMenuLabel,
+  Ur as DropdownMenuPortal,
+  Gr as DropdownMenuRadioGroup,
+  Hr as DropdownMenuRadioItem,
+  kr as DropdownMenuSub,
+  Yr as DropdownMenuSubContent,
+  Vr as DropdownMenuSubTrigger,
+  Kr as DropdownMenuTrigger,
   E as FILTERABLE_PROPERTY_TYPES,
   O as FILTER_COMPARISON_OPERATORS,
   ee as FormField,
@@ -124,92 +125,94 @@ export {
   ie as InputOTPGroup,
   pe as InputOTPSeparator,
   le as InputOTPSlot,
-  Ee as KeyValueCard,
-  Vr as Label,
-  zr as Loader,
-  me as MultiSelect,
+  Ae as KeyValueCard,
+  Xr as Label,
+  qr as Loader,
+  ue as MultiSelect,
   L as OPERATORS_FOR_FILTER_TYPE,
-  jr as Pagination,
-  qr as PaginationContent,
-  Jr as PaginationEllipsis,
-  Qr as PaginationItem,
-  Wr as PaginationLink,
-  Zr as PaginationNext,
-  $r as PaginationPrevious,
+  Qr as Pagination,
+  Wr as PaginationContent,
+  Zr as PaginationEllipsis,
+  $r as PaginationItem,
+  eo as PaginationLink,
+  ro as PaginationNext,
+  oo as PaginationPrevious,
   xe as PasswordInput,
-  ro as Popover,
-  oo as PopoverAnchor,
-  to as PopoverContent,
-  ao as PopoverTrigger,
+  ao as Popover,
+  no as PopoverAnchor,
+  io as PopoverContent,
+  po as PopoverTrigger,
   A as RESOURCE_DEFINITIONS,
   _ as RESOURCE_NAMES,
   Ce as RadioGroup,
   De as RadioGroupItem,
   se as SearchInput,
-  io as Separator,
-  lo as Sheet,
-  To as SheetClose,
-  uo as SheetContent,
-  mo as SheetDescription,
-  So as SheetFooter,
-  bo as SheetHeader,
-  xo as SheetOverlay,
-  fo as SheetPortal,
-  Co as SheetTitle,
-  Do as SheetTrigger,
-  so as Sidebar,
-  co as SidebarContent,
-  Po as SidebarFooter,
-  Io as SidebarGroup,
-  Mo as SidebarGroupAction,
-  Eo as SidebarGroupContent,
-  Oo as SidebarGroupLabel,
-  Lo as SidebarHeader,
-  Ao as SidebarInset,
-  _o as SidebarMenu,
-  Ro as SidebarMenuAction,
-  wo as SidebarMenuBadge,
-  Fo as SidebarMenuButton,
-  Bo as SidebarMenuItem,
-  ho as SidebarMenuSkeleton,
-  No as SidebarMenuSub,
-  vo as SidebarMenuSubButton,
-  yo as SidebarMenuSubItem,
-  Uo as SidebarProvider,
-  Go as SidebarRail,
-  Ho as SidebarSeparator,
-  ko as SidebarTrigger,
-  Ko as Skeleton,
-  qo as StaticDataTable,
+  To as Separator,
+  uo as Sheet,
+  So as SheetClose,
+  bo as SheetContent,
+  xo as SheetDescription,
+  fo as SheetFooter,
+  Co as SheetHeader,
+  Do as SheetOverlay,
+  go as SheetPortal,
+  so as SheetTitle,
+  co as SheetTrigger,
+  Io as Sidebar,
+  Mo as SidebarContent,
+  Eo as SidebarContext,
+  Oo as SidebarFooter,
+  Lo as SidebarGroup,
+  Ao as SidebarGroupAction,
+  _o as SidebarGroupContent,
+  Ro as SidebarGroupLabel,
+  wo as SidebarHeader,
+  Fo as SidebarInset,
+  Bo as SidebarMenu,
+  ho as SidebarMenuAction,
+  No as SidebarMenuBadge,
+  vo as SidebarMenuButton,
+  yo as SidebarMenuItem,
+  Uo as SidebarMenuSkeleton,
+  Go as SidebarMenuSub,
+  Ho as SidebarMenuSubButton,
+  ko as SidebarMenuSubItem,
+  Yo as SidebarProvider,
+  Vo as SidebarRail,
+  Ko as SidebarTrigger,
+  Pe as SingleSelect,
+  jo as Skeleton,
+  Wo as StaticDataTable,
   D as TABLE_CHECK_BOX_COLUMN,
   g as TABLE_DEFAULT_DATE_COLUMNS,
   s as TABLE_ID_COLUMN,
-  Qo as Table,
-  Wo as TableBody,
-  Zo as TableCaption,
-  $o as TableCell,
-  et as TableFooter,
-  rt as TableHead,
-  ot as TableHeader,
-  nt as TablePageLayout,
-  tt as TableRow,
-  pt as Tabs,
-  lt as TabsContent,
-  Tt as TabsList,
-  dt as TabsTrigger,
-  Pe as Textarea,
+  $o as Table,
+  et as TableBody,
+  rt as TableCaption,
+  ot as TableCell,
+  tt as TableFooter,
+  at as TableHead,
+  nt as TableHeader,
+  lt as TablePageLayout,
+  it as TableRow,
+  dt as Tabs,
+  mt as TabsContent,
+  ut as TabsList,
+  St as TabsTrigger,
+  Ee as Textarea,
   J as TfCheckbox,
   Z as TfCountrySelect,
   te as TfInput,
   de as TfLicenseTypeSelect,
   Se as TfMultiSelect,
-  Ie as TfTextarea,
-  Xo as Toaster,
-  mt as Tooltip,
-  St as TooltipContent,
-  bt as TooltipProvider,
-  xt as TooltipTrigger,
-  ze as buttonVariants,
+  Ie as TfSingleSelect,
+  Oe as TfTextarea,
+  Jo as Toaster,
+  xt as Tooltip,
+  ft as TooltipContent,
+  Ct as TooltipProvider,
+  Dt as TooltipTrigger,
+  qe as buttonVariants,
   a as cn,
   H as convertCamelCaseToTitleCase,
   k as convertToTitleCase,
@@ -226,8 +229,8 @@ export {
   h as secondsToDuration,
   p as setThemeHue,
   S as useAppForm,
-  u as useFieldContext,
+  m as useFieldContext,
   o as useIsMobile,
-  Yo as useSidebar
+  zo 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,5 +1,5 @@
-@plugin "tailwindcss-animate";
 @import "tailwindcss";
+@import "tw-animate-css";
 @import "./tokens.css";
 @import "./theme.css" layer(theme);
 @import "./utilities.css";

package/lib/theme.css

@@ -130,6 +130,11 @@
     --spacing-input: calc(var(--spacing) * 8);
     --spacing-table: calc(var(--spacing) * 100);
 
+    /* Header nav */
+    --spacing-header: calc(var(--spacing) * 16);
+    /* Helper for using sidebar with header */
+    --spacing-sidebar: calc(100svh - var(--spacing-header));
+
     /* Minimum length for fluid grid containers */
     --fluid-grid-min: var(--container-3xs);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "3.1.2",
+  "version": "3.2.0",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -61,7 +61,7 @@
     "recharts": "2.15.3",
     "sonner": "^1.7.0",
     "tailwindcss": "^4.0.6",
-    "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "1.3.0",
     "vaul": "1.1.2"
   },
   "dependencies": {