fina-react-ds 1.0.6 → 1.0.8

package/dist/components/calendar.js

@@ -1,6 +1,6 @@
 var w = Object.defineProperty;
-var n = (f, o) => w(f, "name", { value: o, configurable: !0 });
-import { jsx as c } from "react/jsx-runtime";
+var f = (d, o) => w(d, "name", { value: o, configurable: !0 });
+import { jsx as a } from "react/jsx-runtime";
 import * as g from "react";
 import { ChevronLeftIcon as h, ChevronRightIcon as y, ChevronDownIcon as _ } from "lucide-react";
 import { getDefaultClassNames as x, DayPicker as v } from "react-day-picker";
@@ -8,9 +8,9 @@ import { cn as e } from "../lib/utils.js";
 import { buttonVariants as p, Button as z } from "./button.js";
 import { fr as k } from "../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr.js";
 function q({
-  className: f,
+  className: d,
   classNames: o,
-  showOutsideDays: r = !0,
+  showOutsideDays: c = !0,
   captionLayout: s = "label",
   buttonVariant: u = "ghost",
   formatters: i,
@@ -18,20 +18,20 @@ function q({
   ...b
 }) {
   const t = x();
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ a(
     v,
     {
       locale: k,
-      showOutsideDays: r,
+      showOutsideDays: c,
       className: e(
         "fc:group/calendar fc:p-3 fc:[--cell-size:--spacing(8)]",
         String.raw`fc:rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`fc:rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        f
+        d
       ),
       captionLayout: s,
       formatters: {
-        formatMonthDropdown: /* @__PURE__ */ n((a) => a.toLocaleString("default", { month: "short" }), "formatMonthDropdown"),
+        formatMonthDropdown: /* @__PURE__ */ f((r) => r.toLocaleString("default", { month: "short" }), "formatMonthDropdown"),
         ...i
       },
       classNames: {
@@ -131,54 +131,54 @@ function q({
         ...o
       },
       components: {
-        Root: /* @__PURE__ */ n(({ className: a, rootRef: d, ...l }) => /* @__PURE__ */ c(
+        Root: /* @__PURE__ */ f(({ className: r, rootRef: n, ...l }) => /* @__PURE__ */ a(
           "div",
           {
             "data-slot": "calendar",
-            ref: d,
-            className: e(a),
+            ref: n,
+            className: e(r),
             ...l
           }
         ), "Root"),
-        Chevron: /* @__PURE__ */ n(({ className: a, orientation: d, ...l }) => d === "left" ? /* @__PURE__ */ c(
+        Chevron: /* @__PURE__ */ f(({ className: r, orientation: n, ...l }) => n === "left" ? /* @__PURE__ */ a(
           h,
           {
-            className: e("fc:size-4", a),
+            className: e("fc:size-4", r),
             ...l
           }
-        ) : d === "right" ? /* @__PURE__ */ c(
+        ) : n === "right" ? /* @__PURE__ */ a(
           y,
           {
-            className: e("fc:size-4", a),
+            className: e("fc:size-4", r),
             ...l
           }
-        ) : /* @__PURE__ */ c(
+        ) : /* @__PURE__ */ a(
           _,
           {
-            className: e("fc:size-4", a),
+            className: e("fc:size-4", r),
             ...l
           }
         ), "Chevron"),
         DayButton: N,
-        WeekNumber: /* @__PURE__ */ n(({ children: a, ...d }) => /* @__PURE__ */ c("td", { ...d, children: /* @__PURE__ */ c("div", { className: "fc:flex fc:size-(--cell-size) fc:items-center fc:justify-center fc:text-center", children: a }) }), "WeekNumber"),
+        WeekNumber: /* @__PURE__ */ f(({ children: r, ...n }) => /* @__PURE__ */ a("td", { ...n, children: /* @__PURE__ */ a("div", { className: "fc:flex fc:size-(--cell-size) fc:items-center fc:justify-center fc:text-center", children: r }) }), "WeekNumber"),
         ...m
       },
       ...b
     }
   );
 }
-n(q, "Calendar");
+f(q, "Calendar");
 function N({
-  className: f,
+  className: d,
   day: o,
-  modifiers: r,
+  modifiers: c,
   ...s
 }) {
   const u = x(), i = g.useRef(null);
   return g.useEffect(() => {
     var m;
-    r.focused && ((m = i.current) == null || m.focus());
-  }, [r.focused]), /* @__PURE__ */ c(
+    c.focused && ((m = i.current) == null || m.focus());
+  }, [c.focused]), /* @__PURE__ */ a(
     z,
     {
       ref: i,
@@ -186,20 +186,20 @@ function N({
       size: "icon",
       color: "dark",
       "data-day": o.date.toLocaleDateString(),
-      "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
-      "data-range-start": r.range_start,
-      "data-range-end": r.range_end,
-      "data-range-middle": r.range_middle,
+      "data-selected-single": c.selected && !c.range_start && !c.range_end && !c.range_middle,
+      "data-range-start": c.range_start,
+      "data-range-end": c.range_end,
+      "data-range-middle": c.range_middle,
       className: e(
-        "fc:data-[selected-single=true]:bg-primary! fc:data-[selected-single=true]:text-primary-foreground! data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        "fc:data-[selected-single=true]:bg-primary! fc:data-[selected-single=true]:text-primary-foreground! fc:data-[range-middle=true]:bg-accent fc:data-[range-middle=true]:text-accent-foreground fc:data-[range-start=true]:bg-primary fc:data-[range-start=true]:text-primary-foreground fc:data-[range-end=true]:bg-primary fc:data-[range-end=true]:text-primary-foreground fc:group-data-[focused=true]/day:border-ring fc:group-data-[focused=true]/day:ring-ring/50 fc:dark:hover:text-accent-foreground fc:flex fc:aspect-square fc:size-auto fc:w-full fc:min-w-(--cell-size) fc:flex-col fc:gap-1 fc:leading-none fc:font-normal fc:group-data-[focused=true]/day:relative fc:group-data-[focused=true]/day:z-10 fc:group-data-[focused=true]/day:ring-[3px] fc:data-[range-end=true]:rounded-md fc:data-[range-end=true]:rounded-r-md fc:data-[range-middle=true]:rounded-none fc:data-[range-start=true]:rounded-md fc:data-[range-start=true]:rounded-l-md fc:[&>span]:text-xs fc:[&>span]:opacity-70",
         u.day,
-        f
+        d
       ),
       ...s
     }
   );
 }
-n(N, "CalendarDayButton");
+f(N, "CalendarDayButton");
 export {
   q as Calendar,
   N as CalendarDayButton

package/dist/components/hover-card.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/hover-card.js

@@ -0,0 +1,43 @@
+var n = Object.defineProperty;
+var o = (t, a) => n(t, "name", { value: a, configurable: !0 });
+import { jsx as e } from "react/jsx-runtime";
+import { Root as c, Trigger as f, Portal as i, Content as s } from "../node_modules/@radix-ui/react-hover-card/dist/index.js";
+import { cn as m } from "../lib/utils.js";
+function h({
+  ...t
+}) {
+  return /* @__PURE__ */ e(c, { "data-slot": "hover-card", ...t });
+}
+o(h, "HoverCard");
+function v({
+  ...t
+}) {
+  return /* @__PURE__ */ e(f, { "data-slot": "hover-card-trigger", ...t });
+}
+o(v, "HoverCardTrigger");
+function C({
+  className: t,
+  align: a = "center",
+  sideOffset: r = 4,
+  ...d
+}) {
+  return /* @__PURE__ */ e(i, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ e(
+    s,
+    {
+      "data-slot": "hover-card-content",
+      align: a,
+      sideOffset: r,
+      className: m(
+        "fc:bg-popover fc:text-popover-foreground fc:data-[state=open]:animate-in fc:data-[state=closed]:animate-out fc:data-[state=closed]:fade-out-0 fc:data-[state=open]:fade-in-0 fc:data-[state=closed]:zoom-out-95 fc:data-[state=open]:zoom-in-95 fc:data-[side=bottom]:slide-in-from-top-2 fc:data-[side=left]:slide-in-from-right-2 fc:data-[side=right]:slide-in-from-left-2 fc:data-[side=top]:slide-in-from-bottom-2 fc:z-50 fc:w-64 fc:origin-(--radix-hover-card-content-transform-origin) fc:rounded-md fc:border fc:p-4 fc:shadow-md fc:outline-hidden",
+        t
+      ),
+      ...d
+    }
+  ) });
+}
+o(C, "HoverCardContent");
+export {
+  h as HoverCard,
+  C as HoverCardContent,
+  v as HoverCardTrigger
+};

package/dist/components/mode-toggle.js

@@ -1,22 +1,22 @@
 var a = Object.defineProperty;
 var o = (r, t) => a(r, "name", { value: t, configurable: !0 });
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { Sun as i, Moon as l } from "lucide-react";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Sun as l, Moon as i } from "lucide-react";
 import { Button as s } from "./button.js";
-import { DropdownMenu as m, DropdownMenuTrigger as f, DropdownMenuContent as d, DropdownMenuItem as c } from "./dropdown-menu.js";
+import { DropdownMenu as m, DropdownMenuTrigger as f, DropdownMenuContent as d, DropdownMenuItem as n } from "./dropdown-menu.js";
 import { useTheme as h } from "../providers/theme-provider.js";
 function C() {
   const { setTheme: r } = h();
-  return /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ n(s, { variant: "outline", size: "icon", children: [
-      /* @__PURE__ */ e(i, { className: "fc:h-[1.2rem] fc:w-[1.2rem] fc:scale-100 fc:rotate-0 fc:transition-all fc:dark:scale-0 fc:dark:-rotate-90" }),
-      /* @__PURE__ */ e(l, { className: "fc:absolute fc:h-[1.2rem] fc:w-[1.2rem] fc:scale-0 fc:rotate-90 fc:transition-all fc:dark:scale-100 fc:dark:rotate-0" }),
+  return /* @__PURE__ */ c(m, { children: [
+    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ c(s, { variant: "ghost", color: "dark", size: "icon", children: [
+      /* @__PURE__ */ e(l, { className: "fc:h-[1.2rem] fc:w-[1.2rem] fc:scale-100 fc:rotate-0 fc:transition-all fc:dark:scale-0 fc:dark:-rotate-90" }),
+      /* @__PURE__ */ e(i, { className: "fc:absolute fc:h-[1.2rem] fc:w-[1.2rem] fc:scale-0 fc:rotate-90 fc:transition-all fc:dark:scale-100 fc:dark:rotate-0" }),
       /* @__PURE__ */ e("span", { className: "fc:sr-only", children: "Toggle theme" })
     ] }) }),
-    /* @__PURE__ */ n(d, { align: "end", children: [
-      /* @__PURE__ */ e(c, { onClick: /* @__PURE__ */ o(() => r("light"), "onClick"), children: "Light" }),
-      /* @__PURE__ */ e(c, { onClick: /* @__PURE__ */ o(() => r("dark"), "onClick"), children: "Dark" }),
-      /* @__PURE__ */ e(c, { onClick: /* @__PURE__ */ o(() => r("system"), "onClick"), children: "System" })
+    /* @__PURE__ */ c(d, { align: "end", children: [
+      /* @__PURE__ */ e(n, { onClick: /* @__PURE__ */ o(() => r("light"), "onClick"), children: "Light" }),
+      /* @__PURE__ */ e(n, { onClick: /* @__PURE__ */ o(() => r("dark"), "onClick"), children: "Dark" }),
+      /* @__PURE__ */ e(n, { onClick: /* @__PURE__ */ o(() => r("system"), "onClick"), children: "System" })
     ] })
   ] });
 }

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export { DatePicker } from "./components/date-picker";
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/dialog";
 export { DataLoader } from "./components/data-loader";
 export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from "./components/dropdown-menu";
+export { HoverCard, HoverCardTrigger, HoverCardContent } from "./components/hover-card";
 export { Input } from "./components/input";
 export { Label } from "./components/label";
 export { ModeToggle } from "./components/mode-toggle";

package/dist/index.js

@@ -4,32 +4,33 @@ import { Badge as f } from "./components/badge.js";
 import { Button as M, buttonVariants as s } from "./components/button.js";
 import { Avatar as P, AvatarFallback as c, AvatarImage as w } from "./components/avatar.js";
 import { Calendar as v } from "./components/calendar.js";
-import { Card as k, CardAction as B, CardContent as F, CardDescription as H, CardFooter as G, CardHeader as L, CardTitle as R } from "./components/card.js";
+import { Card as I, CardAction as k, CardContent as B, CardDescription as F, CardFooter as G, CardHeader as L, CardTitle as R } from "./components/card.js";
 import { Checkbox as O } from "./components/checkbox.js";
 import { DatePicker as N } from "./components/date-picker.js";
 import { Dialog as j, DialogClose as q, DialogContent as z, DialogDescription as J, DialogFooter as K, DialogHeader as Q, DialogOverlay as U, DialogPortal as W, DialogTitle as X, DialogTrigger as Y } from "./components/dialog.js";
 import { DataLoader as _ } from "./components/data-loader.js";
 import { DropdownMenu as ee, DropdownMenuCheckboxItem as oe, DropdownMenuContent as re, DropdownMenuGroup as te, DropdownMenuItem as ae, DropdownMenuLabel as ie, DropdownMenuPortal as ne, DropdownMenuRadioGroup as le, DropdownMenuRadioItem as pe, DropdownMenuSeparator as de, DropdownMenuShortcut as ge, DropdownMenuSub as be, DropdownMenuSubContent as Se, DropdownMenuSubTrigger as ue, DropdownMenuTrigger as me } from "./components/dropdown-menu.js";
-import { Input as xe } from "./components/input.js";
-import { Label as fe } from "./components/label.js";
-import { ModeToggle as Me } from "./components/mode-toggle.js";
-import { Pagination as Ae, PaginationContent as Pe, PaginationEllipsis as ce, PaginationItem as we, PaginationLink as he, PaginationNext as ve, PaginationPrevious as Ie } from "./components/pagination.js";
-import { PasswordRulesChecker as Be } from "./components/password-rules-checker.js";
-import { Popover as He, PopoverAnchor as Ge, PopoverContent as Le, PopoverTrigger as Re } from "./components/popover.js";
-import { Select as Oe } from "./components/select.js";
-import { Separator as Ne } from "./components/separator.js";
-import { Sheet as je, SheetBody as qe, SheetClose as ze, SheetContent as Je, SheetDescription as Ke, SheetFooter as Qe, SheetHeader as Ue, SheetTitle as We, SheetTrigger as Xe } from "./components/sheet.js";
-import { Sidebar as Ze, SidebarContent as _e, SidebarFooter as $e, SidebarGroup as eo, SidebarGroupAction as oo, SidebarGroupContent as ro, SidebarGroupLabel as to, SidebarHeader as ao, SidebarInput as io, SidebarInset as no, SidebarMenu as lo, SidebarMenuAction as po, SidebarMenuBadge as go, SidebarMenuButton as bo, SidebarMenuItem as So, SidebarMenuSkeleton as uo, SidebarMenuSub as mo, SidebarMenuSubButton as Do, SidebarMenuSubItem as xo, SidebarProvider as To, SidebarRail as fo, SidebarSeparator as Co, SidebarTrigger as Mo, useSidebar as so } from "./components/sidebar.js";
-import { SimplePagination as Po } from "./components/simple-pagination.js";
-import { SimpleTooltip as wo } from "./components/simple-tooltip.js";
-import { Skeleton as vo } from "./components/skeleton.js";
-import { Switch as ko } from "./components/switch.js";
-import { Toaster as Fo } from "./components/sonner.js";
-import { Table as Go, TableBody as Lo, TableCaption as Ro, TableCell as yo, TableFooter as Oo, TableHead as Eo, TableHeader as No, TableRow as Vo } from "./components/table.js";
-import { Tabs as qo, TabsContent as zo, TabsList as Jo, TabsTrigger as Ko } from "./components/tabs.js";
-import { Textarea as Uo } from "./components/textarea.js";
-import { Tooltip as Xo, TooltipContent as Yo, TooltipProvider as Zo, TooltipTrigger as _o } from "./components/tooltip.js";
-import { ThemeProvider as er, useTheme as or } from "./providers/theme-provider.js";
+import { HoverCard as xe, HoverCardContent as Te, HoverCardTrigger as fe } from "./components/hover-card.js";
+import { Input as Me } from "./components/input.js";
+import { Label as Ae } from "./components/label.js";
+import { ModeToggle as ce } from "./components/mode-toggle.js";
+import { Pagination as he, PaginationContent as ve, PaginationEllipsis as He, PaginationItem as Ie, PaginationLink as ke, PaginationNext as Be, PaginationPrevious as Fe } from "./components/pagination.js";
+import { PasswordRulesChecker as Le } from "./components/password-rules-checker.js";
+import { Popover as ye, PopoverAnchor as Oe, PopoverContent as Ee, PopoverTrigger as Ne } from "./components/popover.js";
+import { Select as je } from "./components/select.js";
+import { Separator as ze } from "./components/separator.js";
+import { Sheet as Ke, SheetBody as Qe, SheetClose as Ue, SheetContent as We, SheetDescription as Xe, SheetFooter as Ye, SheetHeader as Ze, SheetTitle as _e, SheetTrigger as $e } from "./components/sheet.js";
+import { Sidebar as oo, SidebarContent as ro, SidebarFooter as to, SidebarGroup as ao, SidebarGroupAction as io, SidebarGroupContent as no, SidebarGroupLabel as lo, SidebarHeader as po, SidebarInput as go, SidebarInset as bo, SidebarMenu as So, SidebarMenuAction as uo, SidebarMenuBadge as mo, SidebarMenuButton as Do, SidebarMenuItem as xo, SidebarMenuSkeleton as To, SidebarMenuSub as fo, SidebarMenuSubButton as Co, SidebarMenuSubItem as Mo, SidebarProvider as so, SidebarRail as Ao, SidebarSeparator as Po, SidebarTrigger as co, useSidebar as wo } from "./components/sidebar.js";
+import { SimplePagination as vo } from "./components/simple-pagination.js";
+import { SimpleTooltip as Io } from "./components/simple-tooltip.js";
+import { Skeleton as Bo } from "./components/skeleton.js";
+import { Switch as Go } from "./components/switch.js";
+import { Toaster as Ro } from "./components/sonner.js";
+import { Table as Oo, TableBody as Eo, TableCaption as No, TableCell as Vo, TableFooter as jo, TableHead as qo, TableHeader as zo, TableRow as Jo } from "./components/table.js";
+import { Tabs as Qo, TabsContent as Uo, TabsList as Wo, TabsTrigger as Xo } from "./components/tabs.js";
+import { Textarea as Zo } from "./components/textarea.js";
+import { Tooltip as $o, TooltipContent as er, TooltipProvider as or, TooltipTrigger as rr } from "./components/tooltip.js";
+import { ThemeProvider as ar, useTheme as ir } from "./providers/theme-provider.js";
 export {
   m as Alert,
   D as AlertDescription,
@@ -51,10 +52,10 @@ export {
   f as Badge,
   M as Button,
   v as Calendar,
-  k as Card,
-  B as CardAction,
-  F as CardContent,
-  H as CardDescription,
+  I as Card,
+  k as CardAction,
+  B as CardContent,
+  F as CardDescription,
   G as CardFooter,
   L as CardHeader,
   R as CardTitle,
@@ -86,79 +87,82 @@ export {
   Se as DropdownMenuSubContent,
   ue as DropdownMenuSubTrigger,
   me as DropdownMenuTrigger,
-  xe as Input,
-  fe as Label,
-  Me as ModeToggle,
-  Ae as Pagination,
-  Pe as PaginationContent,
-  ce as PaginationEllipsis,
-  we as PaginationItem,
-  he as PaginationLink,
-  ve as PaginationNext,
-  Ie as PaginationPrevious,
-  Be as PasswordRulesChecker,
-  He as Popover,
-  Ge as PopoverAnchor,
-  Le as PopoverContent,
-  Re as PopoverTrigger,
-  Oe as Select,
-  Ne as Separator,
-  je as Sheet,
-  qe as SheetBody,
-  ze as SheetClose,
-  Je as SheetContent,
-  Ke as SheetDescription,
-  Qe as SheetFooter,
-  Ue as SheetHeader,
-  We as SheetTitle,
-  Xe as SheetTrigger,
-  Ze as Sidebar,
-  _e as SidebarContent,
-  $e as SidebarFooter,
-  eo as SidebarGroup,
-  oo as SidebarGroupAction,
-  ro as SidebarGroupContent,
-  to as SidebarGroupLabel,
-  ao as SidebarHeader,
-  io as SidebarInput,
-  no as SidebarInset,
-  lo as SidebarMenu,
-  po as SidebarMenuAction,
-  go as SidebarMenuBadge,
-  bo as SidebarMenuButton,
-  So as SidebarMenuItem,
-  uo as SidebarMenuSkeleton,
-  mo as SidebarMenuSub,
-  Do as SidebarMenuSubButton,
-  xo as SidebarMenuSubItem,
-  To as SidebarProvider,
-  fo as SidebarRail,
-  Co as SidebarSeparator,
-  Mo as SidebarTrigger,
-  Po as SimplePagination,
-  wo as SimpleTooltip,
-  vo as Skeleton,
-  ko as Switch,
-  Go as Table,
-  Lo as TableBody,
-  Ro as TableCaption,
-  yo as TableCell,
-  Oo as TableFooter,
-  Eo as TableHead,
-  No as TableHeader,
-  Vo as TableRow,
-  qo as Tabs,
-  zo as TabsContent,
-  Jo as TabsList,
-  Ko as TabsTrigger,
-  Uo as Textarea,
-  er as ThemeProvider,
-  Fo as Toaster,
-  Xo as Tooltip,
-  Yo as TooltipContent,
-  Zo as TooltipProvider,
-  _o as TooltipTrigger,
+  xe as HoverCard,
+  Te as HoverCardContent,
+  fe as HoverCardTrigger,
+  Me as Input,
+  Ae as Label,
+  ce as ModeToggle,
+  he as Pagination,
+  ve as PaginationContent,
+  He as PaginationEllipsis,
+  Ie as PaginationItem,
+  ke as PaginationLink,
+  Be as PaginationNext,
+  Fe as PaginationPrevious,
+  Le as PasswordRulesChecker,
+  ye as Popover,
+  Oe as PopoverAnchor,
+  Ee as PopoverContent,
+  Ne as PopoverTrigger,
+  je as Select,
+  ze as Separator,
+  Ke as Sheet,
+  Qe as SheetBody,
+  Ue as SheetClose,
+  We as SheetContent,
+  Xe as SheetDescription,
+  Ye as SheetFooter,
+  Ze as SheetHeader,
+  _e as SheetTitle,
+  $e as SheetTrigger,
+  oo as Sidebar,
+  ro as SidebarContent,
+  to as SidebarFooter,
+  ao as SidebarGroup,
+  io as SidebarGroupAction,
+  no as SidebarGroupContent,
+  lo as SidebarGroupLabel,
+  po as SidebarHeader,
+  go as SidebarInput,
+  bo as SidebarInset,
+  So as SidebarMenu,
+  uo as SidebarMenuAction,
+  mo as SidebarMenuBadge,
+  Do as SidebarMenuButton,
+  xo as SidebarMenuItem,
+  To as SidebarMenuSkeleton,
+  fo as SidebarMenuSub,
+  Co as SidebarMenuSubButton,
+  Mo as SidebarMenuSubItem,
+  so as SidebarProvider,
+  Ao as SidebarRail,
+  Po as SidebarSeparator,
+  co as SidebarTrigger,
+  vo as SimplePagination,
+  Io as SimpleTooltip,
+  Bo as Skeleton,
+  Go as Switch,
+  Oo as Table,
+  Eo as TableBody,
+  No as TableCaption,
+  Vo as TableCell,
+  jo as TableFooter,
+  qo as TableHead,
+  zo as TableHeader,
+  Jo as TableRow,
+  Qo as Tabs,
+  Uo as TabsContent,
+  Wo as TabsList,
+  Xo as TabsTrigger,
+  Zo as Textarea,
+  ar as ThemeProvider,
+  Ro as Toaster,
+  $o as Tooltip,
+  er as TooltipContent,
+  or as TooltipProvider,
+  rr as TooltipTrigger,
   s as buttonVariants,
-  so as useSidebar,
-  or as useTheme
+  wo as useSidebar,
+  ir as useTheme
 };

package/dist/node_modules/@radix-ui/react-hover-card/dist/index.js

@@ -0,0 +1,192 @@
+var F = Object.defineProperty;
+var f = (e, o) => F(e, "name", { value: o, configurable: !0 });
+import * as n from "react";
+import { composeEventHandlers as d } from "../../primitive/dist/index.js";
+import { createContextScope as I } from "../../react-context/dist/index.js";
+import { useControllableState as U } from "../../react-use-controllable-state/dist/index.js";
+import { useComposedRefs as W } from "../../react-compose-refs/dist/index.js";
+import { createPopperScope as O, Root as B, Anchor as G, Content as K, Arrow as $ } from "../../react-popper/dist/index.js";
+import { Portal as j } from "../../react-portal/dist/index.js";
+import { Presence as _ } from "../../react-presence/dist/index.js";
+import { Primitive as V } from "../../react-primitive/dist/index.js";
+import { DismissableLayer as q } from "../../react-dismissable-layer/dist/index.js";
+import { jsx as i } from "react/jsx-runtime";
+var T, E = "HoverCard", [y, pe] = I(E, [
+  O
+]), g = O(), [z, x] = y(E), N = /* @__PURE__ */ f((e) => {
+  const {
+    __scopeHoverCard: o,
+    children: t,
+    open: s,
+    defaultOpen: a,
+    onOpenChange: c,
+    openDelay: v = 700,
+    closeDelay: C = 300
+  } = e, l = g(o), m = n.useRef(0), u = n.useRef(0), h = n.useRef(!1), p = n.useRef(!1), [P, r] = U({
+    prop: s,
+    defaultProp: a ?? !1,
+    onChange: c,
+    caller: E
+  }), R = n.useCallback(() => {
+    clearTimeout(u.current), m.current = window.setTimeout(() => r(!0), v);
+  }, [v, r]), S = n.useCallback(() => {
+    clearTimeout(m.current), !h.current && !p.current && (u.current = window.setTimeout(() => r(!1), C));
+  }, [C, r]), k = n.useCallback(() => r(!1), [r]);
+  return n.useEffect(() => () => {
+    clearTimeout(m.current), clearTimeout(u.current);
+  }, []), /* @__PURE__ */ i(
+    z,
+    {
+      scope: o,
+      open: P,
+      onOpenChange: r,
+      onOpen: R,
+      onClose: S,
+      onDismiss: k,
+      hasSelectionRef: h,
+      isPointerDownOnContentRef: p,
+      children: /* @__PURE__ */ i(B, { ...l, children: t })
+    }
+  );
+}, "HoverCard");
+N.displayName = E;
+var D = "HoverCardTrigger", A = n.forwardRef(
+  (e, o) => {
+    const { __scopeHoverCard: t, ...s } = e, a = x(D, t), c = g(t);
+    return /* @__PURE__ */ i(G, { asChild: !0, ...c, children: /* @__PURE__ */ i(
+      V.a,
+      {
+        "data-state": a.open ? "open" : "closed",
+        ...s,
+        ref: o,
+        onPointerEnter: d(e.onPointerEnter, b(a.onOpen)),
+        onPointerLeave: d(e.onPointerLeave, b(a.onClose)),
+        onFocus: d(e.onFocus, a.onOpen),
+        onBlur: d(e.onBlur, a.onClose),
+        onTouchStart: d(e.onTouchStart, (v) => v.preventDefault())
+      }
+    ) });
+  }
+);
+A.displayName = D;
+var H = "HoverCardPortal", [J, Q] = y(H, {
+  forceMount: void 0
+}), L = /* @__PURE__ */ f((e) => {
+  const { __scopeHoverCard: o, forceMount: t, children: s, container: a } = e, c = x(H, o);
+  return /* @__PURE__ */ i(J, { scope: o, forceMount: t, children: /* @__PURE__ */ i(_, { present: t || c.open, children: /* @__PURE__ */ i(j, { asChild: !0, container: a, children: s }) }) });
+}, "HoverCardPortal");
+L.displayName = H;
+var w = "HoverCardContent", M = n.forwardRef(
+  (e, o) => {
+    const t = Q(w, e.__scopeHoverCard), { forceMount: s = t.forceMount, ...a } = e, c = x(w, e.__scopeHoverCard);
+    return /* @__PURE__ */ i(_, { present: s || c.open, children: /* @__PURE__ */ i(
+      X,
+      {
+        "data-state": c.open ? "open" : "closed",
+        ...a,
+        onPointerEnter: d(e.onPointerEnter, b(c.onOpen)),
+        onPointerLeave: d(e.onPointerLeave, b(c.onClose)),
+        ref: o
+      }
+    ) });
+  }
+);
+M.displayName = w;
+var X = n.forwardRef((e, o) => {
+  const {
+    __scopeHoverCard: t,
+    onEscapeKeyDown: s,
+    onPointerDownOutside: a,
+    onFocusOutside: c,
+    onInteractOutside: v,
+    ...C
+  } = e, l = x(w, t), m = g(t), u = n.useRef(null), h = W(o, u), [p, P] = n.useState(!1);
+  return n.useEffect(() => {
+    if (p) {
+      const r = document.body;
+      return T = r.style.userSelect || r.style.webkitUserSelect, r.style.userSelect = "none", r.style.webkitUserSelect = "none", () => {
+        r.style.userSelect = T, r.style.webkitUserSelect = T;
+      };
+    }
+  }, [p]), n.useEffect(() => {
+    if (u.current) {
+      const r = /* @__PURE__ */ f(() => {
+        P(!1), l.isPointerDownOnContentRef.current = !1, setTimeout(() => {
+          var S;
+          ((S = document.getSelection()) == null ? void 0 : S.toString()) !== "" && (l.hasSelectionRef.current = !0);
+        });
+      }, "handlePointerUp");
+      return document.addEventListener("pointerup", r), () => {
+        document.removeEventListener("pointerup", r), l.hasSelectionRef.current = !1, l.isPointerDownOnContentRef.current = !1;
+      };
+    }
+  }, [l.isPointerDownOnContentRef, l.hasSelectionRef]), n.useEffect(() => {
+    u.current && ee(u.current).forEach((R) => R.setAttribute("tabindex", "-1"));
+  }), /* @__PURE__ */ i(
+    q,
+    {
+      asChild: !0,
+      disableOutsidePointerEvents: !1,
+      onInteractOutside: v,
+      onEscapeKeyDown: s,
+      onPointerDownOutside: a,
+      onFocusOutside: d(c, (r) => {
+        r.preventDefault();
+      }),
+      onDismiss: l.onDismiss,
+      children: /* @__PURE__ */ i(
+        K,
+        {
+          ...m,
+          ...C,
+          onPointerDown: d(C.onPointerDown, (r) => {
+            r.currentTarget.contains(r.target) && P(!0), l.hasSelectionRef.current = !1, l.isPointerDownOnContentRef.current = !0;
+          }),
+          ref: h,
+          style: {
+            ...C.style,
+            userSelect: p ? "text" : void 0,
+            // Safari requires prefix
+            WebkitUserSelect: p ? "text" : void 0,
+            "--radix-hover-card-content-transform-origin": "var(--radix-popper-transform-origin)",
+            "--radix-hover-card-content-available-width": "var(--radix-popper-available-width)",
+            "--radix-hover-card-content-available-height": "var(--radix-popper-available-height)",
+            "--radix-hover-card-trigger-width": "var(--radix-popper-anchor-width)",
+            "--radix-hover-card-trigger-height": "var(--radix-popper-anchor-height)"
+          }
+        }
+      )
+    }
+  );
+}), Y = "HoverCardArrow", Z = n.forwardRef(
+  (e, o) => {
+    const { __scopeHoverCard: t, ...s } = e, a = g(t);
+    return /* @__PURE__ */ i($, { ...a, ...s, ref: o });
+  }
+);
+Z.displayName = Y;
+function b(e) {
+  return (o) => o.pointerType === "touch" ? void 0 : e();
+}
+f(b, "excludeTouch");
+function ee(e) {
+  const o = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: /* @__PURE__ */ f((s) => s.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP, "acceptNode")
+  });
+  for (; t.nextNode(); ) o.push(t.currentNode);
+  return o;
+}
+f(ee, "getTabbableNodes");
+var fe = N, ve = A, Ce = L, me = M;
+export {
+  me as Content,
+  N as HoverCard,
+  Z as HoverCardArrow,
+  M as HoverCardContent,
+  L as HoverCardPortal,
+  A as HoverCardTrigger,
+  Ce as Portal,
+  fe as Root,
+  ve as Trigger,
+  pe as createHoverCardScope
+};

package/dist/themes/base.css

@@ -364,6 +364,10 @@
     width: calc(var(--fc-spacing) * 9);
     height: calc(var(--fc-spacing) * 9);
   }
+  .fc\:size-auto {
+    width: auto;
+    height: auto;
+  }
   .fc\:size-full {
     width: 100%;
     height: 100%;
@@ -440,6 +444,9 @@
   .fc\:w-8 {
     width: calc(var(--fc-spacing) * 8);
   }
+  .fc\:w-64 {
+    width: calc(var(--fc-spacing) * 64);
+  }
   .fc\:w-72 {
     width: calc(var(--fc-spacing) * 72);
   }
@@ -464,6 +471,9 @@
   .fc\:max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .fc\:min-w-\(--cell-size\) {
+    min-width: var(--cell-size);
+  }
   .fc\:min-w-0 {
     min-width: calc(var(--fc-spacing) * 0);
   }
@@ -488,6 +498,9 @@
   .fc\:origin-\(--radix-dropdown-menu-content-transform-origin\) {
     transform-origin: var(--radix-dropdown-menu-content-transform-origin);
   }
+  .fc\:origin-\(--radix-hover-card-content-transform-origin\) {
+    transform-origin: var(--radix-hover-card-content-transform-origin);
+  }
   .fc\:origin-\(--radix-popover-content-transform-origin\) {
     transform-origin: var(--radix-popover-content-transform-origin);
   }
@@ -1312,6 +1325,35 @@
       opacity: 50%;
     }
   }
+  .fc\:group-data-\[focused\=true\]\/day\:relative {
+    &:is(:where(.fc\:group\/day)[data-focused="true"] *) {
+      position: relative;
+    }
+  }
+  .fc\:group-data-\[focused\=true\]\/day\:z-10 {
+    &:is(:where(.fc\:group\/day)[data-focused="true"] *) {
+      z-index: 10;
+    }
+  }
+  .fc\:group-data-\[focused\=true\]\/day\:border-ring {
+    &:is(:where(.fc\:group\/day)[data-focused="true"] *) {
+      border-color: var(--ring);
+    }
+  }
+  .fc\:group-data-\[focused\=true\]\/day\:ring-\[3px\] {
+    &:is(:where(.fc\:group\/day)[data-focused="true"] *) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .fc\:group-data-\[focused\=true\]\/day\:ring-ring\/50 {
+    &:is(:where(.fc\:group\/day)[data-focused="true"] *) {
+      --tw-ring-color: var(--ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      }
+    }
+  }
   .fc\:group-data-\[side\=left\]\:-right-4 {
     &:is(:where(.fc\:group)[data-side="left"] *) {
       right: calc(var(--fc-spacing) * -4);
@@ -2056,6 +2098,63 @@
       padding-left: calc(var(--fc-spacing) * 8);
     }
   }
+  .fc\:data-\[range-end\=true\]\:rounded-md {
+    &[data-range-end="true"] {
+      border-radius: var(--fc-radius-md);
+    }
+  }
+  .fc\:data-\[range-end\=true\]\:rounded-r-md {
+    &[data-range-end="true"] {
+      border-top-right-radius: var(--fc-radius-md);
+      border-bottom-right-radius: var(--fc-radius-md);
+    }
+  }
+  .fc\:data-\[range-end\=true\]\:bg-primary {
+    &[data-range-end="true"] {
+      background-color: var(--primary);
+    }
+  }
+  .fc\:data-\[range-end\=true\]\:text-primary-foreground {
+    &[data-range-end="true"] {
+      color: var(--primary-foreground);
+    }
+  }
+  .fc\:data-\[range-middle\=true\]\:rounded-none {
+    &[data-range-middle="true"] {
+      border-radius: 0;
+    }
+  }
+  .fc\:data-\[range-middle\=true\]\:bg-accent {
+    &[data-range-middle="true"] {
+      background-color: var(--accent);
+    }
+  }
+  .fc\:data-\[range-middle\=true\]\:text-accent-foreground {
+    &[data-range-middle="true"] {
+      color: var(--accent-foreground);
+    }
+  }
+  .fc\:data-\[range-start\=true\]\:rounded-md {
+    &[data-range-start="true"] {
+      border-radius: var(--fc-radius-md);
+    }
+  }
+  .fc\:data-\[range-start\=true\]\:rounded-l-md {
+    &[data-range-start="true"] {
+      border-top-left-radius: var(--fc-radius-md);
+      border-bottom-left-radius: var(--fc-radius-md);
+    }
+  }
+  .fc\:data-\[range-start\=true\]\:bg-primary {
+    &[data-range-start="true"] {
+      background-color: var(--primary);
+    }
+  }
+  .fc\:data-\[range-start\=true\]\:text-primary-foreground {
+    &[data-range-start="true"] {
+      color: var(--primary-foreground);
+    }
+  }
   .fc\:data-\[selected-single\=true\]\:bg-primary\! {
     &[data-selected-single="true"] {
       background-color: var(--primary) !important;
@@ -2466,6 +2565,15 @@
       }
     }
   }
+  .fc\:dark\:hover\:text-accent-foreground {
+    &:is(.dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--accent-foreground);
+        }
+      }
+    }
+  }
   .fc\:has-aria-invalid\:dark\:ring-destructive\/40\! {
     &:has(*[aria-invalid="true"]) {
       &:is(.dark *) {
@@ -2609,6 +2717,17 @@
       display: none;
     }
   }
+  .fc\:\[\&\>span\]\:text-xs {
+    &>span {
+      font-size: var(--fc-text-xs);
+      line-height: var(--tw-leading, var(--fc-text-xs--line-height));
+    }
+  }
+  .fc\:\[\&\>span\]\:opacity-70 {
+    &>span {
+      opacity: 70%;
+    }
+  }
   .fc\:\[\&\>span\:last-child\]\:truncate {
     &>span:last-child {
       overflow: hidden;
@@ -2789,7 +2908,6 @@
   initial-value: 0;
 }
 :root {
-  --radius: 0.625rem;
   --background: oklch(0.9659 0.008 286.25);
   --foreground: oklch(0.145 0 0);
   --card: oklch(1 0 0);

package/package.json

@@ -5,7 +5,7 @@
     "url": "https://github.com/F1na/fina-react-ds"
   },
   "private": false,
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "files": [
     "dist"