@cryptlex/web-components 3.2.5 → 3.3.1

package/dist/components/ui/separator.es.js

@@ -2,7 +2,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Root as m } from "../../node_modules/.pnpm/@radix-ui_react-separator@1.1.7_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-separator/dist/index.es.js";
 import { cn as p } from "../../utils/index.es.js";
-function u({
+function i({
   className: o,
   orientation: r = "horizontal",
   decorative: t = !0,
@@ -14,7 +14,7 @@ function u({
       decorative: t,
       orientation: r,
       className: p(
-        "shrink-0 bg-border",
+        "bg-border",
         r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         o
       ),
@@ -23,6 +23,6 @@ function u({
   );
 }
 export {
-  u as Separator
+  i as Separator
 };
 //# sourceMappingURL=separator.es.js.map

package/dist/components/ui/separator.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.es.js","sources":["../../../lib/components/ui/separator.tsx"],"sourcesContent":["\"use client\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** WHY WE HAVE THIS IS BEYOND ME\n * TODO, remove this in favour of borders or <hr>, unless there is good reason to keep this.\n */\nexport function Separator({\n\tclassName,\n\torientation = \"horizontal\",\n\tdecorative = true,\n\t...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n\treturn (\n\t\t<SeparatorPrimitive.Root\n\t\t\tdecorative={decorative}\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t\"shrink-0 bg-border\",\n\t\t\t\torientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive.Root","cn"],"mappings":";;;;AASO,SAASA,EAAU;AAAA,EACzB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACJ,GAAyD;AAEvD,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACV;AAAA,QACAL,MAAgB,eAAe,mBAAmB;AAAA,QAClDD;AAAA,MACD;AAAA,MACC,GAAGG;AAAA,IAAA;AAAA,EACL;AAEF;"}
+{"version":3,"file":"separator.es.js","sources":["../../../lib/components/ui/separator.tsx"],"sourcesContent":["\"use client\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** WHY WE HAVE THIS IS BEYOND ME\n * TODO, remove this in favour of borders or <hr>, unless there is good reason to keep this.\n */\nexport function Separator({\n\tclassName,\n\torientation = \"horizontal\",\n\tdecorative = true,\n\t...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n\treturn (\n\t\t<SeparatorPrimitive.Root\n\t\t\tdecorative={decorative}\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-border\",\n\t\t\t\torientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive.Root","cn"],"mappings":";;;;AASO,SAASA,EAAU;AAAA,EACzB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACJ,GAAyD;AAEvD,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACV;AAAA,QACAL,MAAgB,eAAe,mBAAmB;AAAA,QAClDD;AAAA,MACD;AAAA,MACC,GAAGG;AAAA,IAAA;AAAA,EACL;AAEF;"}

package/dist/components/ui/timeline.es.js

@@ -0,0 +1,43 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { Separator as m } from "./separator.es.js";
+import { cn as n } from "../../utils/index.es.js";
+import { cva as u } from "class-variance-authority";
+function v({ className: e, ...i }) {
+  return /* @__PURE__ */ t("ol", { className: n("flex flex-col gap-4", e), ...i });
+}
+const d = u(
+  "p-1 rounded-full",
+  {
+    variants: {
+      variant: {
+        destructive: "text-destructive-foreground bg-destructive",
+        success: "text-success-foreground bg-success",
+        muted: "text-muted-foreground bg-muted"
+      }
+    },
+    defaultVariants: {
+      variant: "muted"
+    }
+  }
+);
+function N({ date: e, dateFormatter: i, className: s, icon: r, children: a, iconVariant: c }) {
+  const l = `${(e.getMonth() + 1).toString().padStart(2, "0")}-${e.getFullYear()}`;
+  return /* @__PURE__ */ o("li", { className: "flex list-none gap-4", children: [
+    /* @__PURE__ */ t("time", { dateTime: e.toISOString(), className: "font-mono leading-none text-muted", children: i ? i(e) : l }),
+    /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-2", children: [
+      /* @__PURE__ */ t("div", { className: n(d(c)), children: r && /* @__PURE__ */ t(r, { className: "size-icon " }) }),
+      /* @__PURE__ */ t(m, { decorative: !0, orientation: "vertical" })
+    ] }),
+    /* @__PURE__ */ t("section", { className: n("grow", s), children: a })
+  ] });
+}
+function S({ date: e }) {
+  return /* @__PURE__ */ t("time", { dateTime: e.toISOString(), className: "text-muted", children: e.toDateString() });
+}
+export {
+  v as Timeline,
+  N as TimelineItem,
+  S as TimelineTime,
+  d as timelineIconVariants
+};
+//# sourceMappingURL=timeline.es.js.map

package/dist/components/ui/timeline.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.es.js","sources":["../../../lib/components/ui/timeline.tsx"],"sourcesContent":["import { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type { LucideIcon } from \"lucide-react\";\n\nexport function Timeline({ className, ...props }: React.ComponentProps<'ol'>) {\n    return <ol className={cn(\"flex flex-col gap-4\", className)} {...props} />\n}\n\nexport const timelineIconVariants = cva(\n    `p-1 rounded-full`,\n    {\n        variants: {\n            variant: {\n                destructive: \"text-destructive-foreground bg-destructive\",\n                success: \"text-success-foreground bg-success\",\n                muted: \"text-muted-foreground bg-muted\",\n            },\n        },\n        defaultVariants: {\n            variant: \"muted\",\n        },\n    },\n);\nexport function TimelineItem({ date, dateFormatter, className, icon: Icon, children, iconVariant }: React.ComponentProps<'div'> & { date: Date, dateFormatter?: (d: Date) => string; icon?: LucideIcon, iconVariant?: VariantProps<typeof timelineIconVariants> }) {\n    const defaultDateDisplay = `${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getFullYear()}`;\n    return (\n        <li className=\"flex list-none gap-4\">\n            <time dateTime={date.toISOString()} className=\"font-mono leading-none text-muted\">{dateFormatter ? dateFormatter(date) : defaultDateDisplay}</time>\n            {/* Status?? */}\n            <div className=\"flex flex-col items-center gap-2\">\n                <div className={cn(timelineIconVariants(iconVariant))}>\n                    {Icon && <Icon className=\"size-icon \" />}\n                </div>\n                <Separator decorative={true} orientation=\"vertical\" />\n            </div>\n\n            <section className={cn(\"grow\", className)}>\n                {children}\n            </section>\n        </li>\n    )\n}\n\nexport function TimelineTime({ date }: React.ComponentProps<'time'> & {\n    date: Date\n}) {\n    return <time dateTime={date.toISOString()} className=\"text-muted\">{date.toDateString()}</time>\n}\n\n// export function TimelineIcon()"],"names":["Timeline","className","props","jsx","cn","timelineIconVariants","cva","TimelineItem","date","dateFormatter","Icon","children","iconVariant","defaultDateDisplay","jsxs","Separator","TimelineTime"],"mappings":";;;;AAKO,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAAqC;AACnE,SAAA,gBAAAC,EAAC,QAAG,WAAWC,EAAG,uBAAuBH,CAAS,GAAI,GAAGC,GAAO;AAC3E;AAEO,MAAMG,IAAuBC;AAAA,EAChC;AAAA,EACA;AAAA,IACI,UAAU;AAAA,MACN,SAAS;AAAA,QACL,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,IACA,iBAAiB;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,EACb;AAER;AACgB,SAAAC,EAAa,EAAE,MAAAC,GAAM,eAAAC,GAAe,WAAAR,GAAW,MAAMS,GAAM,UAAAC,GAAU,aAAAC,KAA8K;AAC/P,QAAMC,IAAqB,IAAIL,EAAK,SAAA,IAAa,GAAG,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,IAAIA,EAAK,aAAa;AAEjG,SAAA,gBAAAM,EAAC,MAAG,EAAA,WAAU,wBACV,UAAA;AAAA,IAAC,gBAAAX,EAAA,QAAA,EAAK,UAAUK,EAAK,YAAY,GAAG,WAAU,qCAAqC,UAAgBC,IAAAA,EAAcD,CAAI,IAAIK,EAAmB,CAAA;AAAA,IAE5I,gBAAAC,EAAC,OAAI,EAAA,WAAU,oCACX,UAAA;AAAA,MAAA,gBAAAX,EAAC,OAAI,EAAA,WAAWC,EAAGC,EAAqBO,CAAW,CAAC,GAC/C,UAAAF,KAAS,gBAAAP,EAAAO,GAAA,EAAK,WAAU,aAAa,CAAA,GAC1C;AAAA,MACC,gBAAAP,EAAAY,GAAA,EAAU,YAAY,IAAM,aAAY,WAAW,CAAA;AAAA,IAAA,GACxD;AAAA,sBAEC,WAAQ,EAAA,WAAWX,EAAG,QAAQH,CAAS,GACnC,UAAAU,EACL,CAAA;AAAA,EAAA,GACJ;AAER;AAEgB,SAAAK,EAAa,EAAE,MAAAR,KAE5B;AACQ,SAAA,gBAAAL,EAAC,QAAK,EAAA,UAAUK,EAAK,YAAA,GAAe,WAAU,cAAc,UAAKA,EAAA,aAAe,EAAA,CAAA;AAC3F;"}

package/dist/index.es.d.ts

@@ -689,6 +689,23 @@ export declare function TfTextarea({ disabled, ...props }: TfTextareaProps): JSX
 export declare interface TfTextareaProps extends Omit<React_2.ComponentProps<typeof Textarea>, "value" | "onChange" | "onBlur"> {
 }
 
+export declare function Timeline({ className, ...props }: React.ComponentProps<'ol'>): JSX.Element;
+
+export declare const timelineIconVariants: (props?: ({
+    variant?: "destructive" | "success" | "muted" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function TimelineItem({ date, dateFormatter, className, icon: Icon, children, iconVariant }: React.ComponentProps<'div'> & {
+    date: Date;
+    dateFormatter?: (d: Date) => string;
+    icon?: LucideIcon;
+    iconVariant?: VariantProps<typeof timelineIconVariants>;
+}): JSX.Element;
+
+export declare function TimelineTime({ date }: React.ComponentProps<'time'> & {
+    date: Date;
+}): JSX.Element;
+
 export declare function Toaster({ ...props }: ToasterProps): JSX.Element;
 
 declare type ToasterProps = React.ComponentProps<typeof Toaster_2>;

package/dist/index.es.js

@@ -1,10 +1,10 @@
 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 m } from "./utils/form-context.es.js";
+import { cn as a, getThemeHue as i, logout as n, setThemeHue as p } from "./utils/index.es.js";
+import { fieldContext as T, formContext as m, useFieldContext as d } 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";
-import { ALL_OS as P, COMPARISON_OPERATOR_LABELS as I, DEFAULT_FILTERABLE_FIELDS as M, FILTERABLE_PROPERTY_TYPES as E, FILTER_COMPARISON_OPERATORS as O, OPERATORS_FOR_FILTER_TYPE as L, RESOURCE_DEFINITIONS as A, RESOURCE_NAMES as _, getLicenseStatus as R, getResourceDisplayName as w, getValidityDisplay as F, getValueFromData as B, secondsToDuration as h } from "./components/data-table/table-utils/constants.es.js";
+import { ALL_OS as I, COMPARISON_OPERATOR_LABELS as P, DEFAULT_FILTERABLE_FIELDS as M, FILTERABLE_PROPERTY_TYPES as E, FILTER_COMPARISON_OPERATORS as O, OPERATORS_FOR_FILTER_TYPE as L, RESOURCE_DEFINITIONS as A, RESOURCE_NAMES as _, getLicenseStatus as R, getResourceDisplayName as w, getValidityDisplay as F, getValueFromData as B, secondsToDuration as h } from "./components/data-table/table-utils/constants.es.js";
 import { createTableFetchFn as v } from "./components/data-table/table-utils/createTableFetchFn.es.js";
 import { FormatDate as U } from "./components/data-table/table-utils/date.es.js";
 import { convertCamelCaseToTitleCase as H, convertToTitleCase as k, pluralizeTimes as V } from "./components/data-table/table-utils/string.es.js";
@@ -14,13 +14,13 @@ import { Checkbox as q, TfCheckbox as J } from "./components/inputs/checkbox.es.
 import { CountrySelect as W, TfCountrySelect as Z } from "./components/inputs/country-select.es.js";
 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 { InputOTP as ie, InputOTPGroup as ne, InputOTPSeparator as pe, InputOTPSlot as le } from "./components/inputs/input-otp.es.js";
+import { TfLicenseTypeSelect as me } from "./components/inputs/license-type-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 { SingleSelect as Pe, TfSingleSelect as Ie } from "./components/inputs/select.es.js";
+import { SingleSelect as Ie, TfSingleSelect as Pe } 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";
@@ -30,28 +30,29 @@ import { Badge as He } from "./components/ui/badge.es.js";
 import { Breadcrumb as Ve, BreadcrumbEllipsis as Ye, BreadcrumbItem as Ke, BreadcrumbLink as ze, BreadcrumbList as Xe, BreadcrumbPage as je, BreadcrumbSeparator as qe } from "./components/ui/breadcrumb.es.js";
 import { Button as Qe, buttonVariants as We } from "./components/ui/button.es.js";
 import { Card as $e, CardContent as er, CardDescription as rr, CardFooter as or, CardHeader as tr, CardTitle as ar } from "./components/ui/card.es.js";
-import { Collapsible as ir, CollapsibleContent as pr, CollapsibleTrigger as lr } from "./components/ui/collapsible.es.js";
-import { COPY_BUTTON_STATE_TIMEOUT as dr, CopyButton as mr } from "./components/ui/copy-button.es.js";
-import { Dialog as Sr, DialogClose as br, DialogContent as xr, DialogDescription as fr, DialogFooter as Cr, DialogHeader as Dr, DialogOverlay as gr, DialogPortal as sr, DialogTitle as cr, DialogTrigger as Pr } from "./components/ui/dialog.es.js";
+import { Collapsible as nr, CollapsibleContent as pr, CollapsibleTrigger as lr } from "./components/ui/collapsible.es.js";
+import { COPY_BUTTON_STATE_TIMEOUT as mr, CopyButton as dr } from "./components/ui/copy-button.es.js";
+import { Dialog as Sr, DialogClose as br, DialogContent as xr, DialogDescription as fr, DialogFooter as Cr, DialogHeader as Dr, DialogOverlay as gr, DialogPortal as sr, DialogTitle as cr, DialogTrigger as Ir } from "./components/ui/dialog.es.js";
 import { Drawer as Mr, DrawerClose as Er, DrawerContent as Or, DrawerDescription as Lr, DrawerFooter as Ar, DrawerHeader as _r, DrawerOverlay as Rr, DrawerPortal as wr, DrawerTitle as Fr, DrawerTrigger as Br } from "./components/ui/drawer.es.js";
 import { DropdownMenu as Nr, DropdownMenuCheckboxItem as vr, DropdownMenuContent as yr, DropdownMenuGroup as Ur, DropdownMenuItem as Gr, DropdownMenuLabel as Hr, DropdownMenuPortal as kr, DropdownMenuRadioGroup as Vr, DropdownMenuRadioItem as Yr, DropdownMenuSub as Kr, DropdownMenuSubContent as zr, DropdownMenuSubTrigger as Xr, DropdownMenuTrigger as jr } from "./components/ui/dropdown-menu.es.js";
 import { Label as Jr } from "./components/ui/label.es.js";
 import { Loader as Wr } from "./components/ui/loader.es.js";
-import { Pagination as $r, PaginationContent as eo, PaginationEllipsis as ro, PaginationItem as oo, PaginationLink as to, PaginationNext as ao, PaginationPrevious as no } from "./components/ui/pagination.es.js";
+import { Pagination as $r, PaginationContent as eo, PaginationEllipsis as ro, PaginationItem as oo, PaginationLink as to, PaginationNext as ao, PaginationPrevious as io } from "./components/ui/pagination.es.js";
 import { Popover as po, PopoverAnchor as lo, PopoverContent as To, PopoverTrigger as mo } from "./components/ui/popover.es.js";
 import { Separator as So } from "./components/ui/separator.es.js";
-import { Sheet as xo, SheetClose as fo, SheetContent as Co, SheetDescription as Do, SheetFooter as go, SheetHeader as so, SheetOverlay as co, SheetPortal as Po, SheetTitle as Io, SheetTrigger as Mo } from "./components/ui/sheet.es.js";
+import { Sheet as xo, SheetClose as fo, SheetContent as Co, SheetDescription as Do, SheetFooter as go, SheetHeader as so, SheetOverlay as co, SheetPortal as Io, SheetTitle as Po, SheetTrigger as Mo } from "./components/ui/sheet.es.js";
 import { Sidebar as Oo, SidebarContent as Lo, SidebarContext as Ao, SidebarFooter as _o, SidebarGroup as Ro, SidebarGroupAction as wo, SidebarGroupContent as Fo, SidebarGroupLabel as Bo, SidebarHeader as ho, SidebarInset as No, SidebarMenu as vo, SidebarMenuAction as yo, SidebarMenuBadge as Uo, SidebarMenuButton as Go, SidebarMenuItem as Ho, SidebarMenuSkeleton as ko, SidebarMenuSub as Vo, SidebarMenuSubButton as Yo, SidebarMenuSubItem as Ko, SidebarProvider as zo, SidebarRail as Xo, SidebarTrigger as jo, useSidebar as qo } from "./components/ui/sidebar.es.js";
 import { Skeleton as Qo } from "./components/ui/skeleton.es.js";
 import { Toaster as Zo } from "./components/ui/sonner.es.js";
 import { StaticDataTable as et } from "./components/ui/static-data-table.es.js";
-import { Table as ot, TableBody as tt, TableCaption as at, TableCell as nt, TableFooter as it, TableHead as pt, TableHeader as lt, TableRow as Tt } from "./components/ui/table.es.js";
-import { TablePageLayout as mt } from "./components/ui/table-page-layout.es.js";
+import { Table as ot, TableBody as tt, TableCaption as at, TableCell as it, TableFooter as nt, TableHead as pt, TableHeader as lt, TableRow as Tt } from "./components/ui/table.es.js";
+import { TablePageLayout as dt } from "./components/ui/table-page-layout.es.js";
 import { Tabs as St, TabsContent as bt, TabsList as xt, TabsTrigger as ft } from "./components/ui/tabs.es.js";
-import { Tooltip as Dt, TooltipContent as gt, TooltipProvider as st, TooltipTrigger as ct } from "./components/ui/tooltip.es.js";
+import { Timeline as Dt, TimelineItem as gt, TimelineTime as st, timelineIconVariants as ct } from "./components/ui/timeline.es.js";
+import { Tooltip as Pt, TooltipContent as Mt, TooltipProvider as Et, TooltipTrigger as Ot } from "./components/ui/tooltip.es.js";
 export {
   x as ACTIONS_COLUMN_ID,
-  P as ALL_OS,
+  I as ALL_OS,
   Re as Accordion,
   we as AccordionContent,
   Fe as AccordionItem,
@@ -67,8 +68,8 @@ export {
   je as BreadcrumbPage,
   qe as BreadcrumbSeparator,
   Qe as Button,
-  I as COMPARISON_OPERATOR_LABELS,
-  dr as COPY_BUTTON_STATE_TIMEOUT,
+  P as COMPARISON_OPERATOR_LABELS,
+  mr as COPY_BUTTON_STATE_TIMEOUT,
   X as Calendar,
   $e as Card,
   er as CardContent,
@@ -77,10 +78,10 @@ export {
   tr as CardHeader,
   ar as CardTitle,
   q as Checkbox,
-  ir as Collapsible,
+  nr as Collapsible,
   pr as CollapsibleContent,
   lr as CollapsibleTrigger,
-  mr as CopyButton,
+  dr as CopyButton,
   W as CountrySelect,
   M as DEFAULT_FILTERABLE_FIELDS,
   K as DYNAMIC_INPUT_TARGET,
@@ -94,7 +95,7 @@ export {
   gr as DialogOverlay,
   sr as DialogPortal,
   cr as DialogTitle,
-  Pr as DialogTrigger,
+  Ir as DialogTrigger,
   Mr as Drawer,
   Er as DrawerClose,
   Or as DrawerContent,
@@ -123,8 +124,8 @@ export {
   ee as FormField,
   U as FormatDate,
   oe as Input,
-  ne as InputOTP,
-  ie as InputOTPGroup,
+  ie as InputOTP,
+  ne as InputOTPGroup,
   pe as InputOTPSeparator,
   le as InputOTPSlot,
   Ae as KeyValueCard,
@@ -138,7 +139,7 @@ export {
   oo as PaginationItem,
   to as PaginationLink,
   ao as PaginationNext,
-  no as PaginationPrevious,
+  io as PaginationPrevious,
   xe as PasswordInput,
   po as Popover,
   lo as PopoverAnchor,
@@ -157,8 +158,8 @@ export {
   go as SheetFooter,
   so as SheetHeader,
   co as SheetOverlay,
-  Po as SheetPortal,
-  Io as SheetTitle,
+  Io as SheetPortal,
+  Po as SheetTitle,
   Mo as SheetTrigger,
   Oo as Sidebar,
   Lo as SidebarContent,
@@ -182,7 +183,7 @@ export {
   zo as SidebarProvider,
   Xo as SidebarRail,
   jo as SidebarTrigger,
-  Pe as SingleSelect,
+  Ie as SingleSelect,
   Qo as Skeleton,
   et as StaticDataTable,
   D as TABLE_CHECK_BOX_COLUMN,
@@ -191,11 +192,11 @@ export {
   ot as Table,
   tt as TableBody,
   at as TableCaption,
-  nt as TableCell,
-  it as TableFooter,
+  it as TableCell,
+  nt as TableFooter,
   pt as TableHead,
   lt as TableHeader,
-  mt as TablePageLayout,
+  dt as TablePageLayout,
   Tt as TableRow,
   St as Tabs,
   bt as TabsContent,
@@ -205,15 +206,18 @@ export {
   J as TfCheckbox,
   Z as TfCountrySelect,
   te as TfInput,
-  de as TfLicenseTypeSelect,
+  me as TfLicenseTypeSelect,
   Se as TfMultiSelect,
-  Ie as TfSingleSelect,
+  Pe as TfSingleSelect,
   Oe as TfTextarea,
+  Dt as Timeline,
+  gt as TimelineItem,
+  st as TimelineTime,
   Zo as Toaster,
-  Dt as Tooltip,
-  gt as TooltipContent,
-  st as TooltipProvider,
-  ct as TooltipTrigger,
+  Pt as Tooltip,
+  Mt as TooltipContent,
+  Et as TooltipProvider,
+  Ot as TooltipTrigger,
   ve as alertVariants,
   We as buttonVariants,
   a as cn,
@@ -221,18 +225,19 @@ export {
   k as convertToTitleCase,
   v as createTableFetchFn,
   T as fieldContext,
-  d as formContext,
+  m as formContext,
   R as getLicenseStatus,
   w as getResourceDisplayName,
-  n as getThemeHue,
+  i as getThemeHue,
   F as getValidityDisplay,
   B as getValueFromData,
-  i as logout,
+  n as logout,
   V as pluralizeTimes,
   h as secondsToDuration,
   p as setThemeHue,
+  ct as timelineIconVariants,
   S as useAppForm,
-  m as useFieldContext,
+  d as useFieldContext,
   o as useIsMobile,
   qo as useSidebar
 };

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/package.json

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